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

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

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

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

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

инструмент pen tool в фотошопе

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

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

отрисовка изображения с нуля в фотошопе

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

рисуем форму в фотошопе

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

рисуем с нуля в фотошопе

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

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

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

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

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

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

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

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

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

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

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

Polygonal Lasso Tool

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

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

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

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

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

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

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

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

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

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

P.S. Постовой. Интернет компания Интелсиб предлагает качественное продвижение сайтов в Яндексе по Москве и других регионах.
Новости Обнинска и жизнь города на сайте АЙК Обнинск – социально-информационный портал.
Позаботься о своей красоте ! Лучший spa отель в Ялте. Жемчужина Крыма – гостиница «Ореанда».

Понравился пост? Подпишись на обновления блога по Дизайн Мания RSSRSS, Дизайн Мания RSSEmail или твиттерtwitter!

Комментариев - 9 для поста Отрисовка изображения в фотошопе с нуля с помощью Pen Tool
  1. ]]> Иван ]]> (July 28, 2010)

    Бредовый урок,чему он может научить начинающих…

  2. ]]> Tod ]]> (July 28, 2010)

    Иван, некоторых начинающих не научат даже более “продвинутые” уроки. Тут, как говорится, было бы желание…

  3. ]]> Demetr ]]> (August 1, 2010)

    Больше похоже на летающую какашку, чем на автомобиль будущего.
    К тому же шрифт в input и textarea различается. Это конечно же должно быть на сайте о веб-дизайне:)

  4. ]]> Хабиб ]]> (September 2, 2010)

    Demetr – “Больше похоже на летающую какашку, чем на автомобиль будущего.”
    Прикольно выразился:)

    Я думаю, что главное не то что рисуют, а сам процесс рисования, т.ч. на мой взгляд урок оч даже полезный. СПС авторам.

  5. ]]> Сергей ]]> (March 5, 2011)

    Я пока еще не могу въехать, а по какой поверхности автомобиль будущего передвигается? Или он летает выше облаков???

  6. ]]> Tod ]]> (March 7, 2011)

    Сергей, не стоит воспринимать все буквально)

  7. ]]> website design ]]> (July 23, 2011)

    Все очень понятно. Спасибо за урок.

  8. ]]> Максим ]]> (April 10, 2014)

    А если допустим мне надо всю продукцию моего сайта отрисовать с фотографий (так как фото этой продукции плохо смотрятся на сайте), это возможно? Если да, то сколько будет стоить.

  9. ]]> Tod ]]> (April 10, 2014)

    Максим, по цене, к сожалению, сориентировать я не могу. Нужно искать исполнителей, на фрилансе получится дешевле чем в веб-студии.

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