Дополнения

Бесплатная рассылка

Вы будете получать ссылки на свежие видеоуроки по фотошопу совершенно бесплатно

крупнейшая в мире социальная сеть пользователей Adobe Photoshop

203 613 чел. 396 854 работы 4 078 уроков
  • Обучайтесь и совершенствуйтесь
  • Разместите своё портфолио
  • Участвуйте в конкурсах
  • Подписывайтесь и оценивайте
  • Комментируйте и общайтесь
Присоединиться

Сложность: Легкая

Рисуем карандаш в Фотошоп

В этом уроке я покажу, как нарисовать карандаш в Фотошопе.

Финальный результат:

Примечание: Урок выполнен в версии Adobe Photoshop CC, приблизительное время выполнения 45 минут, уровень: начинающие и средний

Шаг 1

Для начала создайте новый документ (Ctrl + N) и установите те параметры, которые Вы видите на скриншоте. Включите сетку (Просмотр – Показать – Сетка) (View > Show > Grid), а также включите привязку к сетке (Просмотр – Привязать к – Сетка) (View > Snap To > Grid).

Установите сетку через каждые 5px (Редактирование - Установки - Направляющие, сетка и фрагменты) (Edit > Preferences > Guides, Grid & Slices) и сфокусируйтесь на пункте Сетка (Grid). В пункте Линия через каждые (Gridline Every) установите 5, а в пункте Внутреннее деление на (Subdivision) установите 1. Установите цвет сетки #a7a7a7 и кликните ОК.

Шаг 2

Для цвета переднего плана установите #dcb99b, выберите инструмент Прямоугольник ( Rectangle Tool) и нарисуйте фигуру размером 15 x 65px. Сфокусируйтесь на нижней части этой фигуры, выберите инструмент Перо (Pen Tool) и кликните по левой нижней опорной точке, чтобы ее удалить.

Теперь при помощи инструмента Стрелка (Direct Selection Tool) кликните по оставшейся опорной точке и перетащите ее на 10 пикселов вправо, как показано на третьем скриншоте:

Шаг 3

Установите для цвета переднего плана #ce9367 и инструментом Прямоугольник (Rectangle Tool) нарисуйте фигуру размером 20 x 65px. Расположите фигуру, как показано на скриншоте.  Инструментом Перо (Pen Tool) удалите левую нижнюю опорную точку.

Инструментом Стрелка (Direct Selection Tool) сдвиньте оставшуюся опорную точку на 10px влево:

Для цвета переднего плана установите цвет #b56230 и инструментом Прямоугольник (Rectangle Tool) нарисуйте фигуру размером 15 x 65px. Нарисованную фигуру расположите, как показано на скриншоте.

Выберите инструмент Перо (Pen Tool) и удалите правую нижнюю опорную точку, а при помощи инструмента Стрелка (Direct Selection Tool) сдвиньте оставшуюся опорную точку на 10px влево.

Шаг 5

Выберите цвет #ffca5a для переднего плана и инструментом Прямоугольник (Rectangle Tool) нарисуйте фигуру размером 15 x 160px. Расположите фигуру, как показано на скриншоте.

К слою с желтым прямоугольником примените команду Деформация (Редактирование – Трансформирование – Деформация) (Edit > Transform > Warp). Из выпадающего списка выберите тип Нижняя арка (Arc Lower), в поле Изгиб (Bend) введите значение 75 и нажмите клавишу Enter, чтобы применить новые параметры.

К слою с желтым прямоугольником добавьте стиль слоя Наложение градиента (Gradient Overlay):

Для цвета переднего плана выберите цвет #ff8c15, инструментом Прямоугольник (Rectangle Tool) нарисуйте фигуру размером 20 x 160px и расположите ее, как показано на скриншоте.

К слою с оранжевым прямоугольником примените команду Деформация (Редактирование – Трансформирование – Деформация) (Edit > Transform > Warp).

Из выпадающего списка выберите тип Нижняя арка (Arc Lower), в поле Изгиб (Bend) введите значение 100 и нажмите клавишу Enter, чтобы применить новые параметры.

Шаг 8

К слою с оранжевой фигурой добавьте некоторые стили слоя:

Для цвета переднего плана выберите #c42915, инструментом Прямоугольник (Rectangle Tool) нарисуйте фигуру размером 15 x 160px и расположите ее, как показано на скриншоте.
К слою с красным прямоугольником примените команду Деформация (Редактирование – Трансформирование – Деформация) (Edit > Transform > Warp).

Из выпадающего списка выберите тип Нижняя арка (Arc Lower), в поле Изгиб (Bend) введите значение 75 и нажмите клавишу Enter, чтобы применить новые параметры.

К красной векторной фигуре примените стиль слоя Наложение градиента (Gradient Overlay):

Для цвета переднего плана выберите #3b3c40, инструментом Прямоугольник (Rectangle Tool) нарисуйте фигуру размером 15 x 160px и расположите ее, как показано на скриншоте.

Сфокусируйтесь на нижней части только что нарисованной фигуры и инструментом Перо (Pen Tool) удалите правую опорную точку. Выберите инструмент Стрелка (Direct Selection Tool) и переместите оставшуюся опорную точку на 25px вправо:

Убедитесь, что активен слой с темным прямоугольником и выберите инструмент Эллипс (Ellipse Tool). Удерживая нажатой клавишу Alt на клавиатуре, нарисуйте круг размером 20px . Примените некоторые стили слоя:

Шаг 13

Для цвета переднего плана выберите #fa6580, выберите инструмент Прямоугольник со скругленными углами (Rounded Rectangle Tool) и на панели свойств (в верхней части экрана) установите значение радиуса (Radius) 5px.

Теперь, нарисуйте фигуру размером 50 x 30px  и расположите ее, как показано на первом изображении.

К слою с розовой фигурой примените команду Деформация (Редактирование – Трансформирование – Деформация) (Edit > Transform > Warp).

Из выпадающего списка выберите тип Нижняя арка (Arc Lower), в поле Изгиб (Bend) введите значение -60 и нажмите клавишу Enter, чтобы применить новые параметры.

К этой розовой векторной фигуре примените некоторые стили слоя:

Для цвета переднего плана выберите #dfdfe1, инструментом Прямоугольник (Rectangle Tool) нарисуйте фигуру размером 50 x 20px и расположите ее, как показано на скриншоте.

Для этого шага нужно установить серку через каждый 1px (Редактирование - Установки - Направляющие, сетка и фрагменты) (Edit > Preferences > Guides, Grid & Slices).

Сфокусируйтесь на фигуре серого прямоугольника и выберите инструмент Стрелка (Direct Selection Tool). Выделите левую опорную точку и переместите ее на 1px влево, затем, выделите правую опорную точку и переместите ее на 1px вправо. Функция Привязка к сетке (Snap to Grid) облегчит работу.

Убедитесь, что активен слой с серой векторной фигурой и активируйте инструмент Эллипс (Ellipse Tool). Удерживая клавишу Alt, нарисуйте фигуру размером 52 x 4px.

Сфокусируйтесь на верхней части серой фигуры и удерживая клавишу Shift на клавиатуре, нарисуйте фигуру размером 52 x 8px .

Шаг 17

К слою с серой векторной фигурой примените стили слоя:

Шаг 18

Дублируйте слой с серой векторной фигурой (Ctrl + J). Кликните правой кнопкой мыши по дубликату и удалите с него стили слоя (Очистить стили слоя) (Clear Layer Style). Для дубликата установите параметр Заливка (Fill) 0% и примените стили слоя:30

Для цвета переднего плана выберите черный, и инструментом Эллипс (Ellipse Tool) нарисуйте фигуру размером  52 x 4px. Переместите  слой с черной овальной фигурой на задний план (Shift + Ctrl + [ ).

Выделите все слои, которые относятся к карандашу и преобразуйте их в смарт-объект (Convert to Smart Object) (кликните по любому из выделенных слоев правой кнопкой мыши и выберите пункт Преобразовать в смарт-объект).

Убедитесь, что активен слой со смарт-объектом и вызовите команду Трансформирование (Ctrl + T). Поверните карандаш на 45 градусов и нажмите Enter, чтобы применить трансформирование. К слою со смарт-объектом примените стили слоя.

Дублируйте смарт-объект (Ctrl + J) и удалите с дубликата стили слоя. К этому дубликату примените стили слоя Наложение цвета (Color Overlay) с черным цветом:

Кликни те правой кнопкой мыши по смарт-объекту, который создали в предыдущем шаге и снова преобразуйте его в смарт-объект (из появившегося списка выберите пункт Преобразовать в смарт-объект). Сдвиньте только что получившийся смарт-объект на 15px вниз и на 15px вправо, уменьшите непрозрачность до 30% и поместите на задний план (Shift + Ctrl + [ ). Мы добавили тень под карандаш.

Шаг 23

Размойте слой с тенью карандаша фильтром Размытие по Гауссу (Фильтр – Размытие – Размытие по Гауссу) (Filter > Blur > Gaussian Blur) с радиусом 20px. Также, к слою с тенью карандаша примените фильтр Размытие в движении (Фильтр – размытие – Размытие в движении)  (Filter > Blur > Motion Blur). Здесь используйте угол (Angle) -45 и Смещение 50px.

В этом шаге создадим фон. Создайте новый слой (Shift + Ctrl + N) и поместите его на задний план (Shift + Ctrl + [ ). Выберите инструмент Заливка (Paint Bucket Tool) и залейте новый слой светло-серым цветом (#e1ebf5). В финале, к слою с серой заливкой примените фильтр Шум (Фильтр – Шум – Добавить шум) (Filter > Noise > Add Noise). Фон готов.

Финальный результат:

Автор: Andrei Marius

Перевод: Слуцкая Светлана

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

(до 5 шт)
jpg, png, gif, общий вес файлов не более 7Мб, не менее 450px по ширине и высоте, jpg или анимированный gif
Ссылки внутри комментариев могут вести только на эти сайты

Спасибо. хороший урок))

Спасибо за урок! :) Пока ещё учусь рисовать в PS, так что громко не смейтесь.

А я нарисовала целую коробку карандашей))

Спасибо огромное за познавательній урок!

Спасибо за перевод!

уже получается лучше с контурами работать, хороший урок

Не совсе карандаш, а фломастеры!

Светлана, спасибо за урок!

Получилось! Спасибо за урок. Сложновато пока для меня применять эти приемы самостоятельно.

Еще 30
Добавить комментарий / работу

Новые работы пользователей

{{work.views}}

По заданным фильтрам работы не найдены

Попробуйте изменить критерий поиска, или сбросить фильтры


Смотреть все работы

Наверх

Авторизация

Забыли?

Регистрация

Не удалось загрузить работу. Возможно она была удалена.
GIF {{work.bite}} Мб Загрузить
18+
Работа имеет содержимое для 18+ лет
Мне нравится {{work.likes}} {{work.views}} Жалоба

Оставить комментарий {{work.childs.length || 0}}

(до 5 шт)
jpg, png, gif, общий вес файлов не более 7Мб, не менее 450px по ширине и высоте, jpg или анимированный gif
Ссылки внутри комментариев могут вести только на эти сайты
Войти Авторизуйтесь, чтобы комментировать работы, ставить лайки и просто быть участником нашего дружного сообщества!
Сначала популярные Сначала старые Сначала новые
Добавить комментарий
Разбор работы по просьбе автора:
Популярные работы автора:
Курсы и уроки автора:
Онлайн-курс {{work.relless.type}}

Жалоба

Опишите суть жалобы, при необходимости добавьте ссылки на скриншоты

Спасибо! Ваше обращение ушло на рассмотрение.

Название работы

Описание работы (необязательно)

Комментарий

Ваша миниатюра:


Название:
{{name}}
Описание:

{{text}}

Исходник:

{{source.name}} {{source.name}}

Тэги:
#{{tag.label}}

Есть ли у вас исходник к работе?

Исходник — это файл из исходных изображений, которые использовались для создания вашей работы. Исходник позовляет лучше понять вашу работу. Он не обязателен, но работы с исходниками получают больше лайков и имеют право на участие в еженедельных конкурсах.
jpg-файл, максимальный размер 1920x1080px

Пример исходника

Выберете тэги работы:

Тэги позволяют лучше находить вашу работу другим пользователям. Подумайте какие тэги описывают вашу работу лучше всего и проставьте их. Это даст вам больше просмотров, лайков и комментариев. 

Не более десяти тэгов на одну работу

Вашу работу разберет один из экспертов проекта «Фотошоп-мастер». Это позволит вам увидеть свои ошибки и сделать следующую работу лучше. Разбор будет сделан в комментариях к работе и будет виден всем пользователям.

Пункт «18+» допустимо ставить только для работ, действительно содержащих элементы, которые не должны видеть несовершеннолетние: обнаженка, сцены жестокости, и т.д. Запрещается ставить такую метку на обычные работы. За подобное поведение у пользователя будет блокироваться возможность добавления новых работ. Все понятно, больше не показывать

После добавления работы:


Запланировать публикацию

Запланировать

Правила загрузки работ на «Фотошоп-Мастер»

  • 1. На сайте запрещается размещать изображения, которые содержат нецензурную лексику, угрозы, оскорбляет, унижает чье-либо достоинство, а также явно или косвенно нарушает законодательство Российской Федерации.

  • 2. Сайт photoshop-master.ru приветствует соблюдение авторских прав. В случае возникновения споров или разногласий Администрация сайта приложит все усилия для разрешения сложившейся ситуации.

  • 3. Правило третье. Публикуемые работы не должны содержать изображения, связанные с наркотиками , порнографического содержания, сцены насилия.

Подробная информация о правилах публикации https://photoshop-master.ru/blog/post/rules