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





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

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


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

Подсказка

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

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

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



Создаем иконку для приложения заметок в Фотошопе


Ресурсы урока:



Кисти в виде кофейных пятен

Кисти с текстурой бумаги

11 бесплатных паттернов

Шрифт «ArtBrush»

Шрифт «Pacifio»

Шаг 1


Создайте новый документ в Фотошопе (Ctrl + N) с такими параметрами:

Создаем иконку для приложения заметок в Фотошопе


Шаг 2


Кликните дважды левой кнопкой мыши по фоновому слою, чтобы разблокировать его и примените стили:

Наложение градиента (Gradient Overlay): Режим - Нормальный, Стиль - Радиальный.
Наложение цвета (Color Overlay): Режим - Нормальный, Цвет - #232222.

Создаем иконку для приложения заметок в Фотошопе

Создаем иконку для приложения заметок в Фотошопе


Шаг 3


Выберите инструмент Прямоугольник со скруглёнными углами (Rounded Rectangle Tool) и установите радиус на 30 пикселей. Нарисуйте главную фигуру, удерживая клавишу Shift, чтобы фигура получилась правильной. Заполните её белым цветом.
Кликните дважды по слою с фигурой, чтобы вызвать окно стилей, и примените следующие стили:

Создаем иконку для приложения заметок в Фотошопе


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

Создаем иконку для приложения заметок в Фотошопе


Обводка: Положение - Внутри, Тип обводки - Цвет, Цвет – Белый

Создаем иконку для приложения заметок в Фотошопе


Шаг 4


Сделайте копию слоя с прямоугольником (Ctrl + J). Выберите копию на панели слоёв, активируйте инструмент Свободная Трансформация (Free Transform) и слегка уменьшите фигуру, как показано на скриншоте. Повторяйте этот шаг, пока не получится несколько листочков.

Создаем иконку для приложения заметок в Фотошопе


Шаг 5


Удерживая клавишу Ctrl, кликните по иконке слоя с верхним листком на панели слоёв, чтобы активировать выделение.

Создаем иконку для приложения заметок в Фотошопе

Создаем иконку для приложения заметок в Фотошопе


Шаг 6


Не снимая выделения с фигуры, создайте еще 2 новых слоя. Выберите одну из кистей с текстурой бумаги и кликните один раз по одному из новых слоёв, используя светло-серый цвет. Затем выберите одну из кистей в форме кофейных пятен, и на втором новом слое нарисуйте пару пятен от кофе по краям листка, используя цвет #d6b7a5.

Создаем иконку для приложения заметок в Фотошопе


Шаг 7


Сделайте копию слоя с верхним листком и поместите его над двумя новыми слоями, для которых мы использовали кисти в предыдущем шаге. Кликните по копии дважды, чтобы вызвать окно стилей, уберите стили Наложение Градиента и Обводка, вместо них примените стиль Отбрасывание тени: Режим - Умножение, Контур - Линейный.

Создаем иконку для приложения заметок в Фотошопе

Создаем иконку для приложения заметок в Фотошопе


Затем с помощью кисти Oil Medium Wet Flow нарисуйте кусочек оторванной бумаги, как показано на скриншоте.

Шаг 8


Повторите предыдущий шаг и нарисуйте еще один оторванный кусочек бумаги.

Создаем иконку для приложения заметок в Фотошопе


Шаг 9


Теперь мы нарисуем переплет листков. Повторите Шаг 5, чтобы активировать выделение. Выберите инструмент Прямоугольная область (Rectangular Marquee Tool) и, удерживая Ctrl, щелкните по нижней части, чтобы удалить ее и получить выделение, как на скриншоте.

Создаем иконку для приложения заметок в Фотошопе


Шаг 10


Создайте новый слой, заполните выделение белым цветом и сделайте копию слоя. Кликните дважды по первому слою и примените следующие стили:

Отбрасывание тени: Режим - Нормальный, Цвет - Черный.
Внутренняя тень: Режим - Нормальный, Цвет - Белый.
Наложение градиента: Режим - Нормальный, Градиент - от #1aac85 к #7be8af.

Создаем иконку для приложения заметок в Фотошопе

Создаем иконку для приложения заметок в Фотошопе


Шаг 11


Для второго слоя, который мы сделали в предыдущем шаге, установите Режим Наложения - Умножение (Blending Mode – Multiply), затем кликните по нему дважды, чтобы вызвать окно стилей и примените следующие стили:
Внутренняя тень (Inner Shadow): Режим - Нормальный, Цвет - Белый.
Наложение узора (Pattern Overlay): Режим - Нормальный, Узор - Пиксельный.

Создаем иконку для приложения заметок в Фотошопе

Создаем иконку для приложения заметок в Фотошопе


Шаг 12


С помощью инструмента Линия (Line Tool) толщиной 1 пиксель нарисуйте несколько линий, используя цвета #e19a9a и #84c1db. Чтобы линии были прямыми, удерживайте клавишу Shift.

Создаем иконку для приложения заметок в Фотошопе


Шаг 13


Чтобы нарисовать шов, выберите инструмент Шрифт (Type Tool) и напечатайте много минусов подряд. В завершение примените стиль Отбрасывание тени (Drop Shadow):
Режим: Умножение, Цвет - Черный.

Создаем иконку для приложения заметок в Фотошопе

Создаем иконку для приложения заметок в Фотошопе


Шаг 14


Напишите какой-либо текст цветом #55555 и #ff6a6a на получившемся блокноте, затем вызовите окно стилей и примените следующие настройки:

Создаем иконку для приложения заметок в Фотошопе


Отбрасывание тени: Режим - Нормальный, Цвет - Белый.

Создаем иконку для приложения заметок в Фотошопе


Внутренняя тень: Режим - Умножение, Цвет - Черный.

Создаем иконку для приложения заметок в Фотошопе

Создаем иконку для приложения заметок в Фотошопе


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



Создаем иконку для приложения заметок в Фотошопе


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

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

Ваше Имя

Ваш E-mail

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

Введите код: