5 полезных хитростей по приданию элегантности дизайну

Если Вы нашли неточность в переводе, ошибку или считаете, что содержание данного шага не совсем точное – используйте функцию «Изменить», чтобы внести свои изменения.

*Ваши изменения будут отправлены администрации на модерирование.
*Поля "Имя" и "Комментарий" не обязательны.

В этом уроке будут рассмотрены следующие эффекты:

1. Придание тексту большей глубины.
2. Создание свечения сверху.
3. Использование фильтра Размытие в движении.
4. Облака и их деформация.
5. Искажение для создания трёхмерности.


1. Придание тексту большей глубины.
Например, вы написали текст, а он выглядит очень скучным.

Изменить

Чтобы просто придать тексту большую глубину, воспользуйтесь стилями слоя (Layer Style - Blending Options):

Отбрасывание тени (Режим – Умножение):

Изменить

Внутренняя тень (Режим – Умножение):

Изменить

Тиснение (Стиль – Внутренний скос, Метод – Плавный, Режим подсветки – Осветление, Режим тени – Умножение):

Изменить

Контур (Тиснение):

Изменить

Наложение градиента (Режим – Нормальный, Стиль – Линейный):

Изменить

При помощи использования простых стилей слоя, можно придать тексту более привлекательный вид:

Изменить

2. Создание свечения сверху.
Если вы хотите придать больше элегантности тексту, то создайте свет над ним.
Для этого просто создайте новый слой (Create New Layer) над текстовым, сохраните стандартный режим наложения. Выберите инструмент Кисть (Brush Tool) и мягкой круглой кистью большого размера нарисуйте белую точку:

Изменить

Если результат покажется слишком ярким, понизьте Непрозрачность (Opacity) слоя до 80%. Это очень хороший способ на многие случаи, особенно если вы хотите подсветить что-нибудь.

Изменить

3. Использование фильтра Размытие в движении.
Вы наверное часто видите такую тень:

Изменить

Сейчас вы научитесь её создавать. Для этого просто выберите мягкую кисть чёрного цвета и нарисуйте пятно:

Изменить

Примените фильтр Размытие в движении (Motion Blur Filter) и настройте так:

Изменить

Нажмите Ctrl+F несколько раз, чтобы повторить фильтр. Потом в режиме Свободного трансформирования (Free Transform) измените слой:

Изменить

Вот таким образом можно создать тень при помощи кисти и фильтра.

4. Облака и их деформация.
Задумывались ли вы когда-нибудь о совмещении эффекта от фильтра Облака и инструмента деформации? Если нет, то я покажу вам сейчас одну хитрость.

Создайте новый документ с чёрным фоном. Инструментом Лассо (Lasso Tool) со значением растушевки 50 пикселей создайте овальное выделение. Примените фильтр Облака (Clouds Filter) (цвет заливки – белый, цвет фона – чёрный).

Изменить

Нажмите Ctrl+T, чтобы активировать инструмент Свободное трансформирование. Потом кликните правой кнопкой на холсте и выберите Деформация (Warp).

Изменить

Измените слой изображение как хотите. Не бойтесь экспериментировать.

Изменить

Вот мой результат:

Изменить

Пробуйте изменять форму по-разному и получите различные результаты.

5. Искажение для создания трёхмерности.
Сейчас я покажу, как создавать эффект трёхмерности при помощи режима Искажение (Transform – Distort).

Создайте новый документ с белым фоном и создайте прямоугольники разного цвета.

Изменить

Сделайте копию этих прямоугольником и поместите их под оригиналы, измените размер.

Изменить

Перейдите в режим Искажения (Transform – Distort).

Изменить

Удерживая Shift, потяните нижние углы влево, чтобы получить такой результат.

Изменить

Чтобы добавить больше контрастности и насыщенности, создайте новый слой (Create New Layer) над слоями с прямоугольниками, установите его Режим наложения – Затемнение основы (Blending Mode – Color Burn), и обрисуйте кистью каждый прямоугольник тёмным цветом.

Изменить

Создан: 30 декабря 2009

Только начинаю заниматся в области веб дизайна. простые и легкие уроки. хороший сайт..спасибо

---------------

2 января 2010 11:07 | ICQ: -- | [цитировать]

мдя, последнее - оцтой, конечно, да и тень не правильная

---------------

29 апреля 2010 23:11 | ICQ: -- | [цитировать]

Tesla,важен смысл :)
хорошие советы, понравилось. про облака не знал xD

---------------

2 октября 2011 11:37 | ICQ: -- | [цитировать]