Главная » Уроки » Уроки по рисованию в фотошопе
Перевод основных меню в Adobe Photoshop

жёлтые листочки для заметок

Урок о том, как в фотошопе нарисовать Sticky Notes — липкие жёлтые листочки для заметок...

Наверное каждый из вас когда-либо видел или использовал небольшие липкие жёлтые листочки для заметок, называются они Sticky Notes. Клеят их куда попало, а многие люди обклеивают ими свой монитор, пишут на них пароли и т.п. Мы же с вами попробуем нарисовать такие листочки в фотошопе...

Материалы к уроку(кисть и шрифт)

Рисуем в фотошопе Sticky Notes

1. Как обычно, создадим новое изображение:


2. Теперь давайте нарисуем какой-нибудь простенький фон. Заливаем цветом#d2d2d2).


3.Теперь к этому фону добавим немного эффектов. Выбираем радиальный градиент.1 цвет белый 2 цвет предыдущий(d2d2d2)


Теперь нам надо применить это градиент. От центра почти до конца угла поводим прямую линию...

И у нас получается такой фон


4. Теперь создадим новый слой, выбираем инструмент Rectangular Marque Tool, зажимаем Shift (для того, чтобы получить фигуру с одинаковыми сторонами) и рисуем квадратное выделение.



Затем отпускаем Shift, выбираем Paint Bucket Tool(заливка) и заливаем выделение бледновато-жёлтым цветом (#e3cc5f),далее нажимаем CTRL+D снимаем выделения:


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). После того как повернули изображание нажимаем Enter:


12. Сейчас нам понадобится ещё одна копия листка. Копию слоя можно создать несколькоми способами, например кликнуть по слою правой клавишей и выбрать пункт Duplicate Layer; можно просто перетащить слой на иконку для создания нового слоя или нажать CTRL+J (мои вариант). После создания копии слоя её тоже нужно немного повернуть. Результат должен быть примерно следующим:


13. Теперь давайте немного украсим наше искусство :) Создаем новый слои. Берем нашу кисточку,и ставим режим смешивания слоя на Overlay(перекрытие)


14. Создаем новый слой.Чтобы наши Sticky Notes украсить ещё больше, давайте нарисуем кнопку (представьте что они уже не липнут, а прикрепить их как-то нужно). Для этого будем использовать инструмент Custom Shape Tool(Произвольная фигура), а в качестве шаблона фигуры выберем канцелярскую скрепку (если её там не будет, то в окошке для выбора фигуры нажмите правую верхнюю кнопку ввиде кружочка со стрелкой и в выпавшем меню выберите пункт All). Вот что должно получится:


15. Конечно, выглядит это нереально — кнопка слишком плоская. Но для нас это не проблема. Давайте сделаем так: на слое с нарисованной кнопкой нажмите правой клавишей и выберите пункт Resterize Layer(растрировать векторную маску).


Сейчас возьмите ластик (Eraser Tool) и сотрите иглу. Затем выберите обычную кисточку и закрасьте прозрачные промежутки:


16. Отлично. Сейчас заходим в Blending Options(Режим смешивания), на вкладку Drop Shadow(Тени) и выставляем следующие значения параметров:


17. На вкладке Bevel and Emboss(Тиснение) следующие:


Жмём Ok . Теперь под слоем с кнопкой создайте новый слой и обычной кисточкой нарисуйте что-то похожее на тень (при этом используйте мягкую кисть для размытия изображения и уменьшите непрозрачность слоя — Opacity):


18. Создаем новый слой на самый верх.Сейчас возьмите карандаш (Pencil Tool) и нарисуйте на кнопке серым цветом такие-вот дуги (чтобы кнопка казалась ещё более объёмной):


19. Осталось добавить какой-нибудь текст и всё:


Признаю что получилось может-быть не совсем реально, но, зато, достоточно красиво...

Перевод основных меню в Adobe Photoshop

Сообщить о проблемном уроке



Источник: http://blogs.privet.ru/community/YANA_2008/46516762
Категория: Уроки по рисованию в фотошопе | Добавил: To4kA (27.08.2008)
Просмотров: 3898 | Комментарии: 1 | Рейтинг: 5.0/1
Всего комментариев: 1
1  
biggrin

Имя *:
Email:
Код *: