Если вам не нравятся наши сборы, мы вам устроим более другие.

Сегодня в Дизайн Мании гостевой и очень практичный пост от веб-дизайнера Сергей Мишалов, который ведет дизайн блог о своей дизайнерской работе, делится опытом, советами и не только.

Урок на самом деле не сложный и ориентирован на новичков. Пентул (Pen Tool) — подручное средство каждого дизайнера, поэтому рано или поздно вам все равно придется осваивать инструмент. Лучше рано, чем поздно, от малого к большему.

Отрисовка у вас займет примерно 2 часа драгоценного времени, но практика никогда и никому еще не вредила. Целью урока является демонстрация произвольной работы с инструментом “Pen Tool” и дальнейшая обработка созданных форм. Я остановился лишь на “эскизном” варианте, учтите, что всегда можно доводить иллюстрацию до технического предела, не жалейте времени, качество того стоит, главное не переборщить.

Итак, первый этап включает в себя создание примитивных форм, используем исключительно Pen Tool. Буду надеяться, что техника вам уже знакома. Тут не надо торопиться и как можно меньше редактировать точки, чтобы форма в итоге получилась менее “угольной”.

Отрисовка изображения в фотошопе с нуля с помощью Pen Tool

Инструмент той же группы “Convert Point Tool” помогает править форму, зажимаете “Alt” и тяните точки как вам угодно.

1. Создаем общую форму. Наш пример похож на руку или туфлю, если приглядеться. После того как замкнули круг формы, нажимаем правый клик и выбираем “Make selection“

Отрисовка изображения в фотошопе с нуля с помощью Pen Tool

Заливаем поле цветом и двигаемся далее.

Отрисовка изображения в фотошопе с нуля с помощью Pen Tool

2. Снова берем пентул и рисуем крышу машинки или корабля, считайте как хотите. Заливаем светлым цветом и прикрепляем только что сделанную форму к нашей основе, чтобы ничего не торчало.

Отрисовка изображения в фотошопе с нуля с помощью Pen Tool

Далее как видите все слои связанные с формой будем крепить к нашей основе.

Отрисовка изображения в фотошопе с нуля с помощью Pen Tool

3. Далее рисуем вдавленную узкую часть, которая залита темным цветом, а сверху боковину, красим в цвет посветлее.

Отрисовка изображения в фотошопе с нуля с помощью Pen Tool

4.5.6. По тому же принципу делаем форму правой части реактора, нижнюю часть крыла, создавая при этом объем и разделяющую крышу от боковины форму.

Отрисовка изображения в фотошопе с нуля с помощью Pen Tool

Отрисовка изображения в фотошопе с нуля с помощью Pen Tool

Отрисовка изображения в фотошопе с нуля с помощью Pen Tool

Вторым этапом является работа с свето тенью. Свет и тени я рисую мягкой кистью белого и черного цвета соответственно.

7. Рисуем засвет кончика крыла, оперируясь на лево-верхний источник света.

Отрисовка изображения в фотошопе с нуля с помощью Pen Tool

8.9.10. По тому же принципу побелил еще несколько частей.

Отрисовка изображения в фотошопе с нуля с помощью Pen Tool

Отрисовка изображения в фотошопе с нуля с помощью Pen Tool

Отрисовка изображения в фотошопе с нуля с помощью Pen Tool

11. Слегка затенил цвет реакторов, подтер мягкой кистью разделительную форму.

Отрисовка изображения в фотошопе с нуля с помощью Pen Tool

12.13.14. Переходим к теням. Затемняем все той же кистью, только черного цвета заднюю часть и еще нескольких мест, смотрите рисунок.

Отрисовка изображения в фотошопе с нуля с помощью Pen Tool

Отрисовка изображения в фотошопе с нуля с помощью Pen Tool

Отрисовка изображения в фотошопе с нуля с помощью Pen Tool

Следующим этапом являются цвет и детали.

15. Рисуем прозрачной кистью 15-20% прозрачности свечение от реактора, рассеянный свет, а где он необходим, аккуратно подтираем непрозрачным ластиком.

Отрисовка изображения в фотошопе с нуля с помощью Pen Tool

16. Рисуем голубой блик. Я применил инструмент “Polygonal Lasso Tool”

Отрисовка изображения в фотошопе с нуля с помощью Pen Tool

И далее размыл края фильтром “Blur > Gaussian blur”.

Отрисовка изображения в фотошопе с нуля с помощью Pen Tool

Отрисовка изображения в фотошопе с нуля с помощью Pen Tool

17. Рисуем такой же блик, только уже, ярче и четче.

Отрисовка изображения в фотошопе с нуля с помощью Pen Tool

18.-24. По тому же принципу и порядку делаем правый реактор.

Отрисовка изображения в фотошопе с нуля с помощью Pen Tool

Отрисовка изображения в фотошопе с нуля с помощью Pen Tool

Отрисовка изображения в фотошопе с нуля с помощью Pen Tool

Отрисовка изображения в фотошопе с нуля с помощью Pen Tool

Отрисовка изображения в фотошопе с нуля с помощью Pen Tool

Отрисовка изображения в фотошопе с нуля с помощью Pen Tool

Отрисовка изображения в фотошопе с нуля с помощью Pen Tool

25. Рисуем рефлекс, падающий от левого реактора на кончик крыла.

Отрисовка изображения в фотошопе с нуля с помощью Pen Tool

26. Дорисовываем фары со всех сторон, можете их акцентировать цветом.

Отрисовка изображения в фотошопе с нуля с помощью Pen Tool

27. Рисуем индикатор батареи.

Отрисовка изображения в фотошопе с нуля с помощью Pen Tool

28. И значек производителя.

Отрисовка изображения в фотошопе с нуля с помощью Pen Tool

Заключительные штрихи. С фоном я заморачиваться не стал, лишь размыл в движении (Blur > Motion Blur) и подогнал все под голубой тон. Вы, как я уже отписывал выше, можете довести иллюстрацию до более серьезного уровня.

Отрисовка изображения в фотошопе с нуля с помощью Pen Tool

Послесловие. Вот так за несколько часов мы спроектировали прототип автомобиля будущего. Главная ценность урока в тренинге пользования пентула, это незаменимая штука вас будет спасать и не один раз. Надеюсь урок пришелся по вкусу, что непонятно спрашивайте, на все вопросы отвечу, подскажу, помогу. Прилагаю psd файлик. Спасибо за внимание!

От лица всех читателей Дизайн Мании также спешку поблагодарить Сергея Мишалова, автора персонального дизайн блог и, как мы видим, хорошего дизайнера по совместительству. Кто бы мог подумать, что из формы больше похоже на обувь получится такой вот летательный аппарат будущего. Как по мне, получилось очень красиво!

design-mania.ru

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