Рисование »

Урок фотошопа: создание иконки

  • Besty
  • 12 август 2010
  • 01:15:42
  • 8737
Посмотрите этот урок фотошопа на тему создания иконку в фотошопе. Сегодня это иконка "буфера обмена". Поделитесь своими результатами и любыми вариантами дизайна в комментариях. Наслаждайтесь!
В конце урока у вас может получиться такая иконка
Урок фотошопа: создание иконки

Шаг 1
Начнём с создания нового файла. Я использовал размеры холста 300×300px (разрешение 72dpi), я залил мой фон белым цветом. Теперь создаем новый набор слоев, я назвал его «Clipboard». На новом слое рисуем маленький коричневый прямоугольник со скругленными краями цветом #81210b, радиусом 4рх и размерами 46×48px.
Урок фотошопа: создание иконки

Шаг 2
Под стилями слоя Layer Style (Layer > Layer Style), добавляем настройки стилей слоя Inner Glow и Gradient Overlay к нашему коричневому прямоугольнику.
Урок фотошопа: создание иконки

Урок фотошопа: создание иконки

Результат
Урок фотошопа: создание иконки

Шаг 3
На новом слое рисуем белый прямоугольник со скругленными краями с размерами 40×43 px. Затем используем инструмент Polygonal Lasso Tool, чтобы добавить наклонное выделение и в нижней правой части угла нашего белого прямоугольника. Вырезаем выделение с помощью Edit и вставляем то, что мы вырезали, и размещаем маленький белый треугольник таким образом, как показано на картинке ниже
Урок фотошопа: создание иконки

Шаг 4
Внизу под Layer Style (Layer > Layer Style), добавляем настройки стиля слоя Drop Shadow, Inner Shadow и Gradient Overlay к маленькому белому треугольнику.
Урок фотошопа: создание иконки

Урок фотошопа: создание иконки

Урок фотошопа: создание иконки

Результат
Урок фотошопа: создание иконки

Шаг 5
На новом слое рисуем на белом прямоугольнике серую линию толщиной в 1рхт цветом #ededed. Затем на новом слое рисуем вверху коричневого прямоугольника очень маленький прямоугольник со скругленными краями с цветом #d6d6d6 и размерами 8×5рх.
Урок фотошопа: создание иконки

Шаг 6

На новом слое рисуем над маленьким прямоугольником со скругленными краями ещё один маленький прямоугольник со скругленными краями серого цвета #c5c5c5 и размерами 20×8px
Урок фотошопа: создание иконки

Шаг 7
Внизу под Layer Style (Layer > Layer Style), добавляем настройки стиля слоя Drop Shadow, Inner Shadow и Gradient Overlay к слою с маленьким серым прямоугольником.
Урок фотошопа: создание иконки

Урок фотошопа: создание иконки

Урок фотошопа: создание иконки

Вот такая иконка должна получиться
Урок фотошопа: создание иконки

Окончательный результат иконки
Урок фотошопа: создание иконки


Источник: palmerstongisby.com
Переведено для photoshoplove.ru

Что получилось у вас? Показывайте работы в комментариях.
Bookmark and Share
  • Женька
  • 31 декабря 2010 11:29
  • Комментариев: 0
  • Новостей: 0
Какое расточительство - рисовать иконы в растровом редакторе. Хрен нормально размеры поменяешь если возникнет необходимость где-то ещё использовать. Я в Xara и в Inkscape рисую, а потом в фотошопе довожу до ума если это необходимо.
Информация
Посетители, находящиеся в группе Гости, не могут оставлять комментарии к данной публикации.
Уроки фотошопа
Свежие уроки
{lastnews}
Видео уроки
Популярные уроки
Наш опрос
Какие уроки вам больше нравятся?