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





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

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


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

Подсказка

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

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

Конечный результат:


Рисование иконки Contact Me


Шаг 1
Создайте новый документ размером 200х200 пикселей с белым фоном и разрешением 72dpi. Активируйте Линейки (Ctrl+R) и отведите направляющие к краям холста.


Рисование иконки Contact Me


Перейдите в меню Размер холста (Ctrl+Alt+C) и настройте так:


Рисование иконки Contact Me


Вы получите результат, показанный ниже. Я изменил цвет фона на серый.


Рисование иконки Contact Me


Шаг 2
Инструментом Градиент (Gradient Tool) сделайте заливку фонового слоя линейным градиентом цветами, показанными ниже:


Рисование иконки Contact Me


Создайте новый слой (Create New Layer) и назовите его “backlight”, большой мягкой кистью кликните в верхней части холста белым цветом, потом выберите маленькую кисть и кликните в середине.


Рисование иконки Contact Me


Измените этот слой инструментом Свободное трансформирование (Free Transform):


Рисование иконки Contact Me


Шаг 3
Инструментом Прямоугольник с закруглёнными краями (Rounded Rectangle Tool) с радиусом 10 пикселей создайте фигуру, как показано ниже. Назовите этот слой “button bg”.


Рисование иконки Contact Me


Перейдите в меню Стилей слоя (Layer Style - Blending Options) и настройте так:

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


Рисование иконки Contact Me


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


Рисование иконки Contact Me


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


Рисование иконки Contact Me

Рисование иконки Contact Me


Шаг 4
Создайте новый слой (Create New Layer) под слоем “button bg” и инструментом Прямоугольная область (Rectangular Marquee Tool) создайте прямоугольник, как показано ниже:


Рисование иконки Contact Me


Назовите этот слой “shadow” и примените фильтр Размытие по гауссу (Gaussian Blur Filter):


Рисование иконки Contact Me


Немного измените тень и установите Непрозрачность слоя – 30%.


Рисование иконки Contact Me


Создайте новый слой (Create New Layer) “highlight” над слоем с кнопкой и установите его Режим наложения – Перекрытие (Blending Mode – Overlay). Выберите белую мягкую кисть и кликните один раз:


Рисование иконки Contact Me


Сделайте копию слоя с пятном и установите её Режим наложения – Нормальный (Blending Mode – Normal). Сожмите её, как показано ниже и расположите на верхнем крае кнопки.


Рисование иконки Contact Me

Рисование иконки Contact Me


Шаг 5
Теперь перейдём к рисованию конверта. Создайте новый слой (Create New Layer) и инструментом Прямоугольник (Rectangle Tool) нарисуйте белую фигуру. Назовите этот слой “envelope”.


Рисование иконки Contact Me


Примените к нему следующие стили:

Отбрасывание тени (Режим – Нормальный):


Рисование иконки Contact Me


Внешнее свечение (Режим – Осветление, Метод – Мягкий):


Рисование иконки Contact Me


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


Рисование иконки Contact Me

Рисование иконки Contact Me


Шаг 6
Создайте новый слой “envelope top” и выберите инструмент Многоугольник (Polygon Tool). Настройте его так:


Рисование иконки Contact Me


Нарисуйте треугольник и инструментом Свободное трансформирование (Free Transform) расположите его внутри белого прямоугольника:


Рисование иконки Contact Me


Примените к слою с треугольником такие стили:

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


Рисование иконки Contact Me


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


Рисование иконки Contact Me


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


Рисование иконки Contact Me


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


Рисование иконки Contact Me

Рисование иконки Contact Me


Сделайте копию слоя с треугольником и назовите её “envelope bottom”. Примените Отражение по вертикали (Transform – Flip Vertical):


Рисование иконки Contact Me


Сохраните все стили слоя кроме обводки и расположите, как показано ниже:


Рисование иконки Contact Me


Создайте новый слой между этими двумя треугольниками и инструментом Кисть (Brush Tool) с мягкими краями чёрным цветом нарисуйте небольшую точку.


Рисование иконки Contact Me

Рисование иконки Contact Me


Шаг 7
Используя этот шрифт напишите напишите “Contact Me”:


Рисование иконки Contact Me


Я использовал тёмно-красный цвет, так как буду применять тиснение. В этом случае цвет должен быть немного темнее фонового.
Примените следующие стили к тексту:

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


Рисование иконки Contact Me


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


Рисование иконки Contact Me


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


Рисование иконки Contact Me

Рисование иконки Contact Me


Финальный результат:


Рисование иконки Contact Me




Ссылка на источник урока

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

Ваше Имя

Ваш E-mail

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

Введите код: