-Рубрики

 -Цитатник

Кисти "Пузырьки" - (1)

Пузырьки "Пузырьки" Архив объемом 1,07 Мб можно скачать http://www.unibytes.com/OnYyAJt8y...

Клипарт на прозрачном фоне «1 сентября» (школьный) - (2)

http://img-fotki.yandex.ru/get/9474/20573769.5d/0_94d41_d73a12f3_L.png http://img-fotki.yandex....

Кейп - (2)

Кейп Вот еще вещица, которой я очень горда))). жаккардовый кейп Герда)). Э...

Векторные кошки - (1)

Трафареты кошек Как хорошо, что есть на свете кошки, Которые мечтают на окошке. Проснувши...

Как скачать весь альбом из Яндекс.Фото - (2)

Как скачать весь альбом из Яндекс.Фоток     ...

 -Кнопки рейтинга «Яндекс.блоги»

 -Подписка по e-mail

 

 -Статистика

Статистика LiveInternet.ru: показано количество хитов и посетителей
Создан: 25.01.2009
Записей:
Комментариев:
Написано: 66117

Рисуем стикер - урок фотошоп

Пятница, 30 Октября 2009 г. 07:50 + в цитатник

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



http://www.designarts.ru/lessons/photoshop/11/20.jpg




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


http://www.designarts.ru/lessons/photoshop/11/1.png


2. Теперь давайте нарисуем какой-нибудь простенький фон. Выбираем инструмент Paint Bucket Tool (заливка) и заливаем наш фон серым цветом (#d2d2d2). Теперь к этому фону добавим немного эффектов (внутреннюю тень) — для этого на слое с фоном кликаем правой клавишей и выбираем Blending Options..., переходим на вкладку Inner Shadow и делаем как показано ниже:


http://www.designarts.ru/lessons/photoshop/11/2.png


3. Жмём Ok и получаем такой-вот фон:


http://www.designarts.ru/lessons/photoshop/11/3.jpg


4. Теперь создадим новый слой, выбираем инструмент Rectangular Marque Tool, зажимаем Shift (для того, чтобы получить фигуру с одинаковыми сторонами) и рисуем квадратное выделение. Затем отпускаем Shift, выбираем Paint Bucket Tool и заливаем выделение бледновато-жёлтым цветом (#e3cc5f):


http://www.designarts.ru/lessons/photoshop/11/4.png


5. Заходим в Blending Options этого слоя и на вкладке Drop Shadow (отбрасывание тени) выставим следующие параметры:


http://www.designarts.ru/lessons/photoshop/11/5.png


6. Теперь там же, но уже на вкладке Bevel and Emboss вот-такие:


http://www.designarts.ru/lessons/photoshop/11/6.png


7. А на вкладке Gradient Overlay такие-вот параметры:


http://www.designarts.ru/lessons/photoshop/11/7.png


8. Жмём Ok и получаем что-то вроде этого:


http://www.designarts.ru/lessons/photoshop/11/8.png


9. Теперь добавим немного шума, чтобы наш листок был более похожим на бумажный, а не на пластиковый. Для этого применим следующий фильтр: Filer —> Noise —> Add Noise... со следующими параметрами:


http://www.designarts.ru/lessons/photoshop/11/9.png


10. Жмём Ok и получаем бумажный листок:


http://www.designarts.ru/lessons/photoshop/11/10.jpg


11. Теперь давайте его немного повернём. Для этого будем использовать произвольную трансформацию (для этого в меню выбираем Edit —> Free Transform; или нажимаем комбинацию клавиш Ctrl + T):


http://www.designarts.ru/lessons/photoshop/11/11.jpg


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


http://www.designarts.ru/lessons/photoshop/11/12.jpg


13. Теперь давайте немного украсим наше искусство :) Например выбирем понравившуюся кисточку (на ваш вкус), и этой кисточкой, чёрным цветом что-нибудь нарисуем. У меня получилось вот так (кисточку, которую использовал я, можно скачать в конце урока):


http://www.designarts.ru/lessons/photoshop/11/13.jpg


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


http://www.designarts.ru/lessons/photoshop/11/14.jpg


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


http://www.designarts.ru/lessons/photoshop/11/15.jpg


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


http://www.designarts.ru/lessons/photoshop/11/16.png


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


http://www.designarts.ru/lessons/photoshop/11/17.png


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


http://www.designarts.ru/lessons/photoshop/11/18.jpg


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


http://www.designarts.ru/lessons/photoshop/11/19.jpg


19. Осталось добавить какой-нибудь текст (шрифт, который я использовал, можно взять ниже) и всё:


http://www.designarts.ru/lessons/photoshop/11/20.jpg


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



www.designarts.ru
Рубрики:  Уроки photoshop, corel draw, gimp
Метки:  

Процитировано 20 раз



Мелена_Харбер   обратиться по имени Пятница, 30 Октября 2009 г. 08:56 (ссылка)
спасибки большое.
то что надо!
Ответить С цитатой В цитатник
Перейти к дневнику

Пятница, 30 Октября 2009 г. 09:08ссылка
Мелена_Харбер, не за что! Урок правда интересный!
Liudmila_Sceglova   обратиться по имени Пятница, 30 Октября 2009 г. 19:44 (ссылка)
Спасибо
radionetplus_ru_70[1] (240x320, 259Kb)
Ответить С цитатой В цитатник
pappesa   обратиться по имени Понедельник, 02 Ноября 2009 г. 17:58 (ссылка)
Спасибо!
Ответить С цитатой В цитатник
Serdoliks   обратиться по имени Среда, 18 Ноября 2009 г. 00:39 (ссылка)
Спасибо!
Ответить С цитатой В цитатник
татьяна_татуревич   обратиться по имени Понедельник, 26 Июля 2010 г. 12:10 (ссылка)
Ответить С цитатой В цитатник
Комментировать К дневнику Страницы: [1] [Новые]
 

Добавить комментарий:
Текст комментария: смайлики

Проверка орфографии: (найти ошибки)

Прикрепить картинку:

 Переводить URL в ссылку
 Подписаться на комментарии
 Подписать картинку