Уроки Phptoshop, Linux, Windows 7
22 Май 2012, 10:28:26 *
Добро пожаловать, Гость. Пожалуйста, войдите или зарегистрируйтесь.
Вам не пришло письмо с кодом активации?

Войти
Новости:
 
  Начало   Форум   Помощь Поиск Календарь Пользователи Downloads Войти Регистрация  
Страниц: [1]   Вниз
  Печать  
Автор Тема: Рисуем иконку в программе Photoshop  (Прочитано 2398 раз)
0 Пользователей и 2 Гостей смотрят эту тему.
Svictor
Администратор
Активист
*****

Карма: + 5/ -0
Мужской
Сообщений: 127
Активность на форуме
0%

svictor_ru WWW Награды
« : 15 Апрель 2011, 10:21:04 »

Рисуем иконку в программе Photoshop

В веб-дизайне иконки играют очень важную роль. Хоть они и очень мало, но их очень трудно создать. В этом уроке мы рассмотрим создание иконки при помощи различных форм и рефлексов программы Photoshop.

Шаг  №1. Открываем программу и при помощи сочетания Ctrl+N создаем новый документ. Для него используем следующие настройки: размер:
600х600 пикселей;
Цветовой режим: RGB цвет;
Разрешение устанавливаем 72dpi.
При помощи инструмента Перо или Pen Tool цвета 3da1e2 рисуем следующую фигуру

Шаг №2. Нарисуем заднюю часть папки при помощи инструмента Перо с применением все той же техники рисования. Далее прочертите полосу, подобную той, что на рисунке. Цвет: 003658; 3da1e2; 08517е

Шаг №3. После того как закончен рисунок папки необходимо добавить стрелку и лист бумаги, как это показано на рисунке. На данном этапе работы у вас должно быть 5 слоев. Одна форма – один отдельный слой. Каждому слою присвойте свое название, например «тест ПДД онлайн бесплатно».

Шаг №4. Добавляем цветовые эффекты. К передней части папки добавьте следующие слои и понизьте непрозрачность до 90%.

То же самое необходимо проделать и с остальными слоями, создавая эффект тени.

Шаг№5. Добавим рефлексы. Добавим новую группу с название «Рефлексы». Для этого используем Перо. Обязательно рисуйте контур, а не саму фигуру. После закрытия пути, щелкните по рабочей области и нажмите «создать выделение» с растушевкой 0. Берем большую кисть (диаметр 470, твердость 0), закрашиваем правую часть выделения. Изменяем режим смешивания на «Перекрытие» и уменьшаем непрозрачность до 63%.

Шаг №6. Добавляем блики на края, создавая эффект 3D.

Шаг №7. Создаем новый слой и делаем выделения как в 5 шаге.

Шаг№8. Используя любой шрифт добавляем текст.

Шаг №9. При помощи методов в 5 шаге добавляем еще несколько рефлексов на бумагу.

Шаг №10. добавляем тень, используя «Эллипс».

В итоге получилось:
Записан

agrus
Гость
« Ответ #1 : 30 Апрель 2011, 13:53:19 »

Спасибо. Отличный урок!
Записан
Tamriko
Модератор
Постоялец
***

Карма: + 11/ -0
Женский
Сообщений: 239
Активность на форуме
0.4%

WWW Награды
« Ответ #2 : 30 Апрель 2011, 14:00:24 »

Молодец! Поддерживаю!
Записан

Никогда не бойся делать то, чего ты не умеешь.
Помни, ковчег был построен любителем. Профессионалы строили "Титаник"!
Уроки Phptoshop, Linux, Windows 7
   

 Записан
Страниц: [1]   Вверх
  Печать  
 
Перейти в:  



* Счетчики
Наша Кнопка

Powered by SMF 1.1.16 | SMF © 2006-2009, Simple Machines | Sitemap
SimplePortal 2.3 © 2008-2009, SimplePortal