Ещё больше уроков в нашей группе Вконтакте!





сортировать посты по: Рейтингу | Посещаемости | Комментируемые

Введите свои исправления:


Имя:
Комментарий:

Подсказка

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

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

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

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


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


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


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

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


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


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


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


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


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


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


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


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


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


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


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


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


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


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


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


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


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


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


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


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


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


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


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


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

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

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


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


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


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


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


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


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


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


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

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

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


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


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


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


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


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


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


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


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


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

написал : Pils

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

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


написал : Tesla

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

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


написал : Dzhamal

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

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


написал : Катерина

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

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


написал : positive11

Катерина, создайте документ (Ctrl + N) - в окне создания можно выбрать цвет фона. После этого создайте новый слой и на нём применяйте фильтр облаков. Тогда облака будут деформироваться независимо от фона.

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


написал : Катерина

теперь поняла в чем ошибка у меня была, изначально еще надо поставить черный цвет в оба квадратика)спасибо большое)

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


Добавление комментария

Ваше Имя

Ваш E-mail

Код:Включите эту картинку для отображения кода безопасности
обновить код

Введите код: