Рисование »

Создаем иконку Adobe Photoshop CS5, используя Photoshop

  • Besty
  • 10 июнь 2010
  • 22:55:16
  • 24646
Создаем иконку Adobe Photoshop CS5, используя Photoshop

В этом коротком, но эффективном уроке фотошоп для photoshoplove.ru я научу Вас, как создать иконку Adobe Photoshop CS5, используя Фотошоп. Если у Вас есть какие-то вопросы по этому уроку фотошоп, Вы можете задать их в комментариях. Также помните, что для всех уроков фотошоп есть доступный для скачивания файл в psd.
Окончательный результат
Создаем иконку Adobe Photoshop CS5, используя Photoshop

Начнём
1. Первая вещь, которую мы должны сделать, это создать новый документ с разрешением 500×500.
Создаем иконку Adobe Photoshop CS5, используя Photoshop

2. Чтобы начать создание нашей иконки, используем инструмент Rectangle Marquee Tool (M) и создаем квадрат, такой же как показан ниже, который станет «передним планом» нашей иконки с коробкой. Зажимаем кнопку SHIFT, когда создаем наш квадрат, чтобы сделать все его стороны равными.
Создаем иконку Adobe Photoshop CS5, используя Photoshop

3. К нашему вновь созданному слою применяем настройки стиля слоя blending options. Чтобы сделать это, нажимаем правой кнопкой на нашем слое в наборе слоев Layers Palette и выбираем Blending Options из раскрывающегося вниз меню.
Создаем иконку Adobe Photoshop CS5, используя Photoshop

Создаем иконку Adobe Photoshop CS5, используя Photoshop

4. Чтобы создать бока нашей коробки, используем инструмент Polygonal Lasso Tool (L), создаем выделение, такое же, как показано внизу, и заливаем его цветом #04407E. Чтобы сделать наши углы точными, зажимаем кнопку SHIFT, когда размещаем следующую точку (Вы могли также выполнить ту же операцию с инструментом Pen Tool).
Создаем иконку Adobe Photoshop CS5, используя Photoshop

5. Применяем следующие настройки стиля слоя blending options к нашему вновь созданному слою
Создаем иконку Adobe Photoshop CS5, используя Photoshop

Создаем иконку Adobe Photoshop CS5, используя Photoshop

6. И предпоследний шаг по созданию коробки, это использовать инструмент Rectangle Marquee Tool (M), чтобы создать выделение, такое же, как показанное ниже, и залить его цветом #000000. Располагаем этот слой под всеми остальными слоями.
Создаем иконку Adobe Photoshop CS5, используя Photoshop

7. Применяем следующие настройки стиля blending options к этому слою:
Создаем иконку Adobe Photoshop CS5, используя Photoshop

Создаем иконку Adobe Photoshop CS5, используя Photoshop

Создаем иконку Adobe Photoshop CS5, используя Photoshop

8. Последний шаг – это добавление текста на нашу иконку. Шрифт Adobe, используемый в их иконках не является лицензионным. Он называется Adobe Clean и он доступен, только если Вы работаете на Adobe. Поэтому для этого урока фотошоп мы будем использовать что-то очень похожее на их шрифт, который называется Myriad Pro. Помещаем текст “Ps” на слой и удостоверьтесь, что тип шрифта установлен Semibold.
Создаем иконку Adobe Photoshop CS5, используя Photoshop

9. Последняя вещь, которую нам понадобится сделать в этом уроке, это добавить настройки стиля blending options к нашему текстовому слою. Добавляем следующие настройки:
Создаем иконку Adobe Photoshop CS5, используя Photoshop

Создаем иконку Adobe Photoshop CS5, используя Photoshop

Создаем иконку Adobe Photoshop CS5, используя Photoshop

Создаем иконку Adobe Photoshop CS5, используя Photoshop

10. Итак, это всё, что я хотел рассказать, и у нас готова иконка, которая выглядит также, как внизу. Если у Вас есть какие-то вопросы или комментарии, мы будем рады их услышать.
Создаем иконку Adobe Photoshop CS5, используя Photoshop


Здесь Вы можете скачать результат урока по созданию иконки в фотошопе в формате psd
files.zip [40,69 Kb] (cкачиваний: 288)
Bookmark and Share
  • Eduptexpeta
  • 16 июня 2010 13:55
  • Комментариев: 0
  • Новостей: 0
Спасибо! Шикарный урок. Главное просто и много узнал!
  • Сергей
  • 11 февраля 2011 12:13
  • Комментариев: 0
  • Новостей: 0
прикольно но не понютно
  • Develop
  • 30 марта 2013 22:04
  • Комментариев: 0
  • Новостей: 0
Иконка кульная но как её переделать в формат ico ???
  • Андрей
  • 4 апреля 2013 12:11
  • Комментариев: 0
  • Новостей: 0
И как сделать чтобы разрешение иконки было 40 на 40 пикселей, и при этом она смотрелась чётко (не размыто)?
  • Семен
  • 24 апреля 2013 21:28
  • Комментариев: 0
  • Новостей: 0
Develop, в программе IcoFx можно сконвертировать в ico
Информация
Посетители, находящиеся в группе Гости, не могут оставлять комментарии к данной публикации.
Уроки фотошопа
Свежие уроки
{lastnews}
Видео уроки
Популярные уроки
Наш опрос
Какие уроки вам больше нравятся?