Иконки — один из самых распространенных в веб дизайне элементов. Сегодня я расскажу и покажу как я рисую иконки от задумки до готовой работы в Photoshop. К посту прикладываю исходник файла в PSD что бы вы могли посмотреть его «изнутри».

Каждый дизайнер для себя определяет формат работы. Кто то сразу рисует на чистовую, кто то предварительно делает эскизы и наброски в редакторе. Мне всегда было проще сначала сделать детальный набросок от руки карандашом, и только потом в чистовую отрисовывать в графическом редакторе. Нужно ли делать детальный набросок — это большой вопрос. Но в моем случае это скорее привычка, чем необходимость. Нужно ли вообще делать набросок — однозначно да, и вот почему. Набросок иконки достаточно подробно отражает идею, что позволяет легко согласовать внешний вид иконки с заказчиком заранее. А это значит, что переделок будет значительно меньше. Кроме того я как представитель «старой школы» считаю что любой дизайнер должен владеть карандашом =)

Так же каждый дизайнер для себя выбирает тот графический редактор в котором ему будет удобнее работать. Сейчас в веб дизайне господствует минимализм: пиктограммы и плашечный флат пришли на смену объему. Но принципы остались прежние.

Я всегда рисую иконки в векторе, что бы дать максимум возможностей своим заказчикам. Только вектор в отличии от растра дает возможность масштабировать иконку, в 2-ва клика менять цвет, корректировать форму и т.д. Конечно в Illustrator векторные инструменты реализованы лучше  и более полные, но не так давно и Photoshop значительно расширил свои возможности работы с векторными формами (с 2015 года из Photoshop можно генерировать даже SVG!). Для меня это удобно: рисую иконки сразу в теле страницы сайта — у заказчика есть все исходники и при этом это не 100500 файлов, а всего 1.

Для наглядности процесса я записала видео как я рисую иконки в Photoshop. Скорость увеличенна в 20 раз.

Спасибо за прочтение
Вы можете сказать «Спасибо» 2 простыми способами:
  1. Оцените статью:
    навредилниочемнеплохохорошополезно (1 оценок, среднее: 5,00 из 5)
    Загрузка...
  2. Напишите что именно не понравилось, я не буду публиковать ваш комментарий, но обязательно добавлю информацию: Может мало фото? Может нет той информации, которую вы искали?
Напишите мне!

Комментарии 7

  • Ольга

    Да, сразу видно что вы давно работаете в фотошопе. Я, посмотрев ваше видео, решила тоже нарисовать иконку, ну не все сразу получилось, нужно набить руку. за видео спасибо)

  • gula11

    При условии что всё знаешь в этом редакторе не так всё и сложно, но всё же есть, как мне кажется свои сложности.

  • Катя

    Урок действительно очень понятный, вчера пробовала и у меня получилось!!! Спасибо Вам огромное) Теперь иконки рисовать я умею!)

  • Тамара

    Очень вовремя прочитала вашу статью.Всё написано просто и понятно, как раз для таких новичков в этом деле, как я.Большое спасибо. Теперь обязательно попробую нарисовать свою собственную иконку.

  • Lip

    Просто и понятно! Как то пробовал нарисовать иконку, но ничего не вышло, с этим уроком разобрался во всем за пару минут, спасибо!

  • Юлия

    Некоторые фрилансеры уже набили руку и рисуют иконки быстро и красиво. Видимо, Вы из их числа. Браво!

  • Bourne

    Здорово! Давно хотел попробовать нарисовать свою собственную иконку, но даже не знал с чего начать. С фотошопом знаком лишь поверхностно, но видео урок предельно доступный и понятный. Теперь точно попробую что нибудь нарисовать 🙂 Большое спасибо!

Оставить комментарий