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

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



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

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


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

Перейдите в меню Стилей слоя (Layer Style - Blending Options) и настройте так:
Отбрасывание тени (Режим – Умножение):
Отбрасывание тени (Режим – Умножение):




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



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

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


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





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

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






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


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



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





Ссылка на источник урока
Создан: 15 апреля 2010