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





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

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


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

Подсказка

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

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

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

Почтовая иконка


Шаг 1
Создайте новый документ размером 500х500 пикселей. Залейте фоновый слой белым цветом, используя инструмент Заливка (Paint Bucket Tool) и назовите его “Background” (хотя эти действия должны быть проделаны программой автоматически). Создайте новый слой (Create New Layer) поверх фонового слоя. На этом слое можете сделать небольшой набросок. Я сделал такой:

Почтовая иконка


Создайте новый слой (Create New Layer) и установите цвет заливки – #f8cf39. Выберите инструмент Прямоугольник с закруглёнными краями (Rounded Rectangle Tool) с радиусом 4 пикселя в режиме фигур. Создайте прямоугольник, как показано на скриншоте ниже.

Почтовая иконка


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

Почтовая иконка


Шаг 2
Выберите инструмент Перо (Pen Tool) и в настройках сверху установите значение Вычесть из области фигуры (Subtract from Shape Area). Сделайте треугольный вырез в верхней части изменённого прямоугольника. Для этого нужно просто нарисовать треугольник, а Photoshop сам обрежет часть прямоугольника. Назовите слой с жёлтой фигурой “Body Envelope”.

Почтовая иконка


Создайте новый слой (Create New Layer) и назовите его “Envelope Inside”, расположите его под слоем “Body Envelope”. Установите цвет заливки – #eabd7b и инструментом Перо (Pen Tool) нарисуйте внутреннюю часть конверта, как показано ниже.

Почтовая иконка


Шаг 3
Создайте новый слой (Create New Layer) под слоем “Envelope Inside”. Установите цвет заливки – #fbf1cc и инструментом Перо (Pen Tool) нарисуйте верхнюю часть конверта. Назовите слой “Envelope Flip”.

Почтовая иконка


Шаг 4
Сделайте копию слоя “Envelope Flip” (Ctrl + J) и измените её цвет на #fbe696. Копия должна быть расположена над слоем “Envelope Flip”. Измените её имя на “Envelope Flip Center”. Инструментом Свободное трансформирование (Free Transform) уменьшите размер копии и расположите в центре оригинального слоя, как показано ниже.

Почтовая иконка


Шаг 5
Сделайте копию слоя “Envelope Body” (Ctrl + J) и расположите её под всеми слоями конверта. Измените цвет копии на #f7c579 и инструментом Перемещение (Move Tool) немного сдвиньте копию влево. Это создаст объёмный вид.
Сделайте копию слоя "Envelope Flip" (Ctrl + J), измените её цвет на #f7c579 и также сдвиньте влево.

Почтовая иконка


Шаг 6
Конверт выглядит плоским. Чтобы это исправить, выберите инструмент Стрелка (Direct Selection Tool) и перейдите на слой “Envelope Body”. Добавьте пару якорных точек, если нужно, и передвиньте их вправо.

Почтовая иконка


Перейдите на копию слоя "Envelope Body", которая отвечает за объёмный вид и проделайте то же самое, только сдвигайте якорные точки влево.

Почтовая иконка


Шаг 7
Сейчас займёмся градиентными заливками. Создайте новый слой (Create New Layer) над слоем “Envelope Body”. Кликните на нём правой кнопкой и выберите Создать обтравочную маску (Create Clipping Mask) (Ctrl + Alt + G). Палитра слоёв должна выглядеть так:

Почтовая иконка


Выберите инструмент Градиент (Gradient Tool): Стиль (Style) – Линейный (Linear), Цвет – от основного к фоновому (Foreground to Background). Установите цвет заливки (основной) – #fee06a, цвет фона – #f7b90c. На созданном слое сделайте заливку, как показано ниже:

Почтовая иконка


Результат будет таким:

Почтовая иконка


Шаг 8
Текстура бумаги хороших конвертов похожа на воск. Она отражает много света в разных частях конверта. Сейчас мы воссоздадим данный эффект. Работать будем на том же слое с градиентом и обтравочной маской. В настройках инструмента Градиент (Gradient Tool) Вам нужно изменить только цвет – От основного к прозрачному (Foreground to Transparent). Установите цвет заливки – #f7e49e. Сделайте заливку, как показано ниже.

Почтовая иконка


Получите такой результат:

Почтовая иконка


Шаг 9
Теперь переходим к внутренней части конверта. Создайте новый слой (Create New Layer) над слоем “Envelope Inside) и создайте для него обтравочную маску (Ctrl + Alt + G). Установите цвет заливки – #ee9d05, цвет фона – #b76000. Выберите инструмент Градиент (Gradient Tool), снова установите цвет – от основного к фоновому (Foreground to Background). Сделайте заливку, как показано ниже.

Почтовая иконка


Результат:

Почтовая иконка


Шаг 10
Создайте новый слой (Create New Layer) над слоем “Envelope Flip Center” и создайте для него обтравочную маску (Ctrl + Alt + G). Тем же градиентом сделайте заливку, как показано ниже.

Почтовая иконка


Результат:

Почтовая иконка


Шаг 11
Установите цвет заливки – #fcf5da, цвет фона – #f4c563. Создайте новый слой (Create New Layer) над слоем “Envelope Flip” и не забудьте про обтравочную маску (Ctrl + Alt + G). Сделайте градиентную заливку, как показано ниже.

Почтовая иконка


Результат:

Почтовая иконка


Шаг 12
Проделайте то же самое для слоя “Envelope Body copy”. Создайте новый слой с обтравочной маской и залейте его градиентом. В этом случае цвет заливки - #bb6500. Цвет градиента – от основного к прозрачному (Foreground to Transparent).

Почтовая иконка


Результат:

Почтовая иконка


Шаг 13
Теперь слой “Envelope Flip copy”. Установите цвет заливки - #eeba8c, цвет фона - #cf7a03. Настройки градиента не меняйте. Сделайте заливку на новом слое, как показано ниже (про обтравочную маску знаете).

Почтовая иконка


Переключите цвета (клавиша X) и сделайте такую заливку:

Почтовая иконка


Результат:

Почтовая иконка


Шаг 14
Вернёмся к слою “Envelope Inside”. Над ним уже создан слой с градиентной заливкой. Создайте ещё один над градиентным слоем и не забудьте про обтравочную маску (Ctrl + Alt + G). Установите Режим наложения этого слоя – Умножение (Blending Mode – Multiply). Установите цвет заливки - #9e7a51 и выберите инструмент Перо (Pen Tool). Нарисуйте фигуру, как показано ниже. Это своеобразная тень. Понизьте Непрозрачность (Opacity) этого слоя до 40%.

Почтовая иконка


Шаг 15
Создайте новый слой (Create New Layer) поверх всех остальных. Выберите инструмент Горизонтальный текст (Horizontal Type Tool) и выберите любой шрифт на Ваш вкус (я использовал “Arial”). Создайте символ “@”. Инструментом Свободное трансформирование (Free Transform) измените символ, как показано ниже. После этого кликните правой кнопкой мыши на текстовом слое и выберите Растрировать текст (Rasterize Type).

Почтовая иконка


Шаг 16
Выберите текстовый растрированный слой с символом “@”. Выберите инструмент Перемещение (Move Tool) и, удерживая клавишу Alt, нажмите на клавишу стрелки влево на клавиатуре 9 раз. У Вас появится 9 копий. Каждая будет смещена влево от предыдущей на 1 пиксель. Всего должно быть 10 слоёв с символом “@” (9 копий и 1 оригинал). Расположите оригинальный слой поверх копий. Можете назвать его “@ Original”. Выберите все 9 копий и объедините их в один слой (Ctrl + E). В результате должно остаться два слоя с символом “@”: 1 оригинальный слой и 1 слой, содержащий все 9 копий. Палитра слоёв должна выглядеть так:

Почтовая иконка


Результат на холсте:

Почтовая иконка


Шаг 17
Создайте новый слой (Create New Layer) над слоем “@ Original” и создайте обтравочную маску (Ctrl + Alt + G). Выберите инструмент Овальная область (Elliptical Marquee Tool) и создайте овальное выделение на 2/3 части символа “@”.

Почтовая иконка


Инвертируйте выделение (Select – Inverse) и установите цвет заливки - #fbedc6. Выберите инструмент Градиент (Gradient Tool): От основного к прозрачному (Foreground to Transparent), Стиль (Style) – Линейный (Linear). Сделайте заливку, как показано ниже.

Почтовая иконка


Результат:

Почтовая иконка


Шаг 18
Снимите выделение (Ctrl + D) и создайте новый слой (Create New Layer). Расположите его между слоем “@ original” и слоем с градиентом над ним. Создайте обтравочную маску (Ctrl + Alt + G), установите цвет заливки - #f9cd01, цвет фона - #eda201. В настройках градиента установите цвет – От основного к фоновому (Foreground to Background). Сделайте заливку, как показано ниже.

Почтовая иконка


Результат:

Почтовая иконка


Шаг 19
Теперь займёмся слоем, содержащим 9 копий. Создайте новый слой (Create New Layer) с обтравочной маской над слоем “@ copies”. Установите цвет заливки - #e79b38, цвет фона - #7c3808. Настройки градиента такие же, как и в прошлом шаге. Сделайте заливку, как показано ниже.

Почтовая иконка


Результат:

Почтовая иконка


Шаг 20
Нужно усилить свечения на символе. Создайте ещё один слой с обтравочной маской над предыдущим. Установите цвет заливки - #f9ecbb, цвет градиент – От основного к прозрачному (Foreground to Transparent). Сделайте заливку так:

Почтовая иконка


Результат:

Почтовая иконка


Шаг 21
Перейдите на нижний градиентный слой для “@ copies”. Выберите инструмент Осветлитель (Dodge Tool) и выберите мягкую кисть размером 40 пикселей для него. В настройках сверху установите Диапазон (Range) – Света (Highlights) и Экспозицию (Exposure) – 11%. Обрисуйте области, отмеченные красным на скриншоте ниже.

Почтовая иконка


Результат:

Почтовая иконка


Шаг 22
Сейчас создадим тень от символа “@”. Создайте новый слой (Create New Layer) и расположите его под слоем “@ copies”. Установите Режим наложения - Умножение (Blending Mode – Multiply) и понизьте Непрозрачность (Opacity) до 60%. Установите цвет заливки - #866844 и сделайте выделение слоя с символом (Ctrl+Click).

Почтовая иконка


Инструментом Заливка (Paint Bucket Tool) залейте выделение на созданном слое. Назовите его “@ Shadow”. Инструментом Перемещение (Move Tool) сдвньте его немного влево.

Почтовая иконка


Шаг 23
Нужно сделать так, чтобы символ “@” был внутри конверта, а не на нём. Поэтому сделайте выделение слоя “Body Envelope” (Ctrl+Click), вернитесь на слой “@ Shadow” и нажмите Delete. Потом перейдите на слои “@ copies” и “@ Original” и также нажмите Delete.

Почтовая иконка


Шаг 24
Создайте новый слой (Create New Layer) над слоем “@ Original” и не забудьте про обтравочную маску (Ctrl + Alt + G). Этот слой должен быть над двумя другими слоями, расположенными над слоем “@ Original”. Установите Режим наложения слоя – Умножение (Blending Mode – Multiply) и понизьте Непрозрачность (Opacity) до 50%. Установите цвет заливки - #866844. Выберите инструмент Кисть (Brush Tool) с жёсткими краями и обрисуйте области, отмеченные на скриншоте ниже.

Почтовая иконка


Результат:

Почтовая иконка


Шаг 25
Переходим к созданию стрелки. Создайте новый слой (Create New Layer) поверх всех остальных. Установите цвет заливки - #ffc300 и инструментом Перо (Pen Tool) нарисуйте хвостовую часть стрелки. Назовите этот слой “Arrow Tail”.

Почтовая иконка


Установите цвет заливки -#4a5251, создайте новый слой над слоем “Arrow Tail”, создайте обтравочную маску (Ctrl + Alt + G) и нарисуйте небольшую фигуру, как показано ниже.

Почтовая иконка


Шаг 26
Создайте новый слой (Create New Layer) с обтравочной маской над слоем “Arrow Tail”. Его нужно расположить между жёлтым хвостом стрелки и серой фигурой на ней. Установите цвет заливки - #fdec77 и цвет фона - #6a9b1f. Выберите инструмент Градиент (Gradient Tool): Цвет – От основного к фоновому (Foreground to Background). Сделайте заливку, как показано ниже.

Почтовая иконка


Кликните дважды на слое с серой фигурой на хвосте стрелки, чтобы открыть окно стилей и примените Наложение градиента (Gradient Overlay).

Почтовая иконка

Почтовая иконка


Шаг 27
Создайте новый слой (Create New Layer) поверх остальных и инструментом Перо (Pen Tool) нарисуйте переднюю часть стрелки цветом #74a324.

Почтовая иконка


Назовите слой “Arrow Tip” и создайте над ним слой с обтравочной маской. Установите цвет заливки - #90bf3b, цвет фона - #90bf3b. Выберите инструмент Градиент (Gradient Tool), не изменяйте его параметры и сделайте заливку, как показано ниже.

Почтовая иконка


Установите Стиль (Style) инструмента на Радиальный (Radial) и Цвет – От основного к прозрачному (Foreground to Transparent). Сделайте несколько заливок:

Почтовая иконка


Результат:

Почтовая иконка


Шаг 28
Создайте новый слой (Create New Layer) и назовите его “Arrow Thickness 1”. Расположите его под слоем “Arrow Tip” и инструментом Перо (Pen Tool) нарисуйте фигуру на стрелке, как показано ниже.

Почтовая иконка


Создайте новый слой с обтравочной маской, установите цвет заливки - #d1ee94, цвет фона - #45770d. Выберите инструмент Градиент (Gradient Tool): Стиль (Style) – Линейный (Linear), Цвет – От основного к фоновому (Foreground to Transparent). Сделайте заливку таким образом:

Почтовая иконка


Результат:

Почтовая иконка


Шаг 29
Над слоем “Arrow Thickness 1” создайте слой “Arrow Thickness 2”и инструментом Перо (Pen Tool) нарисуйте ещё одну фигуру.

Почтовая иконка


Создайте слой с обтравочной маской, установите цвет заливки - #d2ef97, цвет фона - #487a0f, и сделайте градиентную заливку, как показано ниже.

Почтовая иконка


Результат:

Почтовая иконка


Шаг 30
Теперь займёмся внутренней частью стрелки. Создайте новый слой под всеми слоями стрелки. Инструментом Перо (Pen Tool) нарисуйте фигуру, как показано ниже.

Почтовая иконка


Примените стиль Наложение градиента (Gradient Overlay).

Почтовая иконка

Почтовая иконка


Шаг 31
Создайте новый слой с обтравочной маской над слоем с градиентом, относящимся к слою “Envelope Body”. Выберите инструмент Градиент (Gradient Tool): Цвет – От основного к прозрачному (Foreground to Transparent). Цвет заливки - #fbf3d0. Сделайте заливку, как показано ниже:

Почтовая иконка


Результат:

Почтовая иконка


Шаг 32
Создайте ещё один слой с обтравочной маской. Инструментом Перо (Pen Tool) нарисуйте фигуру, как показано ниже.

Почтовая иконка


Примените к этому слою стиль Наложение градиента (Gradient Overlay).

Почтовая иконка

Почтовая иконка


Результат:

Почтовая иконка


Шаг 33
Повторите процесс шага 32 на другой стороне конверта.

Почтовая иконка

Почтовая иконка

Почтовая иконка

Почтовая иконка


Шаг 34
В завершении создадим ещё одно свечение. Помните то сияние, которое мы создали в шаге 31? Над ним был создан слой. Смотрите на палитру слоёв и поймёте, что я имею в виду. Выберите этот слой.

Почтовая иконка


Инструментом Многоугольное лассо (Polygon Lasso Tool) сделайте выделение, как показано ниже.

Почтовая иконка


Установите цвет заливки - #fcf5da. Выберите инструмент Градиент (Gradient Tool): Цвет – От основного к прозрачному (Foreground to Transparent). Сделайте заливку, как показано ниже.

Почтовая иконка


Результат:

Почтовая иконка


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

Почтовая иконка




Обсудить данный урок на форуме




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