Рисуем липкие листочки "Sticky Notes" (стикеры) в фотошопе
Наверное каждый из вас когда-либо видел или использовал небольшие липкие жёлтые листочки для заметок, называются они Sticky Notes (стикеры). Клеят их куда попало, а многие люди обклеивают ими свой монитор, пишут на них пароли и т.п. Мы же с вами попробуем нарисовать такие листочки в фотошопе...
Рисуем в фотошопе Sticky Notes (стикеры)
1. Как обычно, создадим новое изображение:
2. Теперь давайте нарисуем какой-нибудь простенький фон. Выбираем инструмент Paint Bucket Tool (заливка) и заливаем наш фон серым цветом (#d2d2d2). Теперь к этому фону добавим немного эффектов (внутреннюю тень) — для этого на слое с фоном кликаем правой клавишей и выбираем Blending Options..., переходим на вкладку Inner Shadow и делаем как показано ниже:
3. Жмём Ok и получаем такой-вот фон:
4. Теперь создадим новый слой, выбираем инструмент Rectangular Marque Tool, зажимаем Shift (для того, чтобы получить фигуру с одинаковыми сторонами) и рисуем квадратное выделение. Затем отпускаем Shift, выбираем Paint Bucket Tool и заливаем выделение бледновато-жёлтым цветом (#e3cc5f):
5. Заходим в Blending Options этого слоя и на вкладке Drop Shadow (отбрасывание тени) выставим следующие параметры:
6. Теперь там же, но уже на вкладке Bevel and Emboss вот-такие:
7. А на вкладке Gradient Overlay такие-вот параметры:
8. Жмём Ok и получаем что-то вроде этого:
9. Теперь добавим немного шума, чтобы наш листок был более похожим на бумажный, а не на пластиковый. Для этого применим следующий фильтр: Filer —> Noise —> Add Noise... со следующими параметрами:
10. Жмём Ok и получаем бумажный листок:
11. Теперь давайте его немного повернём. Для этого будем использовать произвольную трансформацию (для этого в меню выбираем Edit —> Free Transform; или нажимаем комбинацию клавиш Ctrl + T):
12. Сейчас нам понадобится ещё одна копия листка. Копию слоя можно создать несколькими способами, например кликнуть по слою правой клавишей и выбрать пункт Duplicate Layer; можно просто перетащить слой на иконку для создания нового слоя. После создания копии слоя её тоже нужно немного повернуть. Результат должен быть примерно следующим:
13. Теперь давайте немного украсим наше искусство :) Например выберем понравившуюся кисточку (на ваш вкус), и этой кисточкой, чёрным цветом что-нибудь нарисуем. У меня получилось вот так (кисточку, которую использовал я, можно скачать в конце урока):
14. Чтобы наши Sticky Notes украсить ещё больше, давайте нарисуем кнопку (представьте что они уже не липнут, а прикрепить их как-то нужно). Для этого будем использовать инструмент Custom Shape Tool, а в качестве шаблона фигуры выберем канцелярскую скрепку (если её там не будет, то в окошке для выбора фигуры нажмите правую верхнюю кнопку в виде кружочка со стрелкой и в выпавшем меню выберите пункт All). Вот что должно получится:
15. Конечно, выглядит это нереально — кнопка слишком плоская. Но для нас это не проблема. Давайте сделаем так: на слое с нарисованной кнопкой нажмите правой клавишей и выберите пункт Resterize Layer. Сейчас возьмите ластик (Eraser Tool) и сотрите иглу. Затем выберите обычную кисточку и закрасьте прозрачные промежутки:
16. Отлично. Сейчас заходим в Blending Options, на вкладку Drop Shadow и выставляем следующие значения параметров:
17. На вкладке Bevel and Emboss следующие:
Жмём Ok. Теперь под слоем с кнопкой создайте новый слой и обычной кисточкой нарисуйте что-то похожее на тень (при этом используйте Blur Tool для размытия изображения и уменьшите непрозрачность слоя — Opacity):
18. Сейчас возьмите карандаш (Pencil Tool) и нарисуйте на кнопке серым цветом такие-вот дуги (чтобы кнопка казалась ещё более объёмной):
19. Осталось добавить какой-нибудь текст (шрифт, который я использовал, можно взять ниже) и всё:
Признаю что получилось может-быть не совсем реально, но, зато, достаточно красиво...
PS: поделитесь своими мыслями по поводу урока в комментариях. Если у Вас возникли вопросы по уроку - мы на них ответим.