Иконки — один из самых распространенных в веб дизайне элементов. Сегодня я расскажу и покажу как я рисую иконки от задумки до готовой работы в Photoshop. К посту прикладываю исходник файла в PSD что бы вы могли посмотреть его «изнутри».
Каждый дизайнер для себя определяет формат работы. Кто то сразу рисует на чистовую, кто то предварительно делает эскизы и наброски в редакторе. Мне всегда было проще сначала сделать детальный набросок от руки карандашом, и только потом в чистовую отрисовывать в графическом редакторе. Нужно ли делать детальный набросок — это большой вопрос. Но в моем случае это скорее привычка, чем необходимость. Нужно ли вообще делать набросок — однозначно да, и вот почему. Набросок иконки достаточно подробно отражает идею, что позволяет легко согласовать внешний вид иконки с заказчиком заранее. А это значит, что переделок будет значительно меньше. Кроме того я как представитель «старой школы» считаю что любой дизайнер должен владеть карандашом =)
Так же каждый дизайнер для себя выбирает тот графический редактор в котором ему будет удобнее работать. Сейчас в веб дизайне господствует минимализм: пиктограммы и плашечный флат пришли на смену объему. Но принципы остались прежние.
Я всегда рисую иконки в векторе, что бы дать максимум возможностей своим заказчикам. Только вектор в отличии от растра дает возможность масштабировать иконку, в 2-ва клика менять цвет, корректировать форму и т.д. Конечно в Illustrator векторные инструменты реализованы лучше и более полные, но не так давно и Photoshop значительно расширил свои возможности работы с векторными формами (с 2015 года из Photoshop можно генерировать даже SVG!). Для меня это удобно: рисую иконки сразу в теле страницы сайта — у заказчика есть все исходники и при этом это не 100500 файлов, а всего 1.
Для наглядности процесса я записала видео как я рисую иконки в Photoshop. Скорость увеличенна в 20 раз.
Да, сразу видно что вы давно работаете в фотошопе. Я, посмотрев ваше видео, решила тоже нарисовать иконку, ну не все сразу получилось, нужно набить руку. за видео спасибо)
При условии что всё знаешь в этом редакторе не так всё и сложно, но всё же есть, как мне кажется свои сложности.
Урок действительно очень понятный, вчера пробовала и у меня получилось!!! Спасибо Вам огромное) Теперь иконки рисовать я умею!)
Очень вовремя прочитала вашу статью.Всё написано просто и понятно, как раз для таких новичков в этом деле, как я.Большое спасибо. Теперь обязательно попробую нарисовать свою собственную иконку.
Просто и понятно! Как то пробовал нарисовать иконку, но ничего не вышло, с этим уроком разобрался во всем за пару минут, спасибо!
Некоторые фрилансеры уже набили руку и рисуют иконки быстро и красиво. Видимо, Вы из их числа. Браво!
Здорово! Давно хотел попробовать нарисовать свою собственную иконку, но даже не знал с чего начать. С фотошопом знаком лишь поверхностно, но видео урок предельно доступный и понятный. Теперь точно попробую что нибудь нарисовать 🙂 Большое спасибо!