Дополнения

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

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

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

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

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

Рисуем в Фотошоп логотип в стиле Cutout

В данном уроке мы нарисуем фигуру, как будто вырезанную из бумаги. Давайте приступим!

Шаг 1

Начните с создания круга в центре холста.

Примечание переводчика:

Размер при создании нового документа: 2880 х 1800 px.

Размер первого круга: 972 Х 972 px.

Шаг 2

Добавьте еще два меньших круга, как показано на изображении ниже. Для этой композиции я использовал 3 круга, но вы, если хотите, можете добавить больше.

Примечание переводчика:

Размер второго круга: 822 х 822 px.

Размер третьего круга: 653 х 653 px.

Шаг 3

Теперь мы приступим к самой важной части, добавим стиль слоя. После того как мы добавим стиль слоя, мы получим тот результат, который мы желаем получить. Первый эффект, который необходимо добавить - это Тиснение (Bevel & Emboss). Мы применим этот эффект, потому что, если вы замечали, при вырезании фигуры из бумаги края имеют некий отблеск.

Примечание переводчика: настройки на скриншоте

Тиснение (Bevel and Emboss):

  • Стиль (Style): Внутренний скос (Inner Bevel)
  • Метод (Technique): Плавное (Smooth)
  • Глубина (Depth): 1000 %
  • Направление (Direction): Вверх (Up)
  • Размер (Size): 1 рх
  • Смягчение (Soften): 0 рх
  • Угол (Angle): -90 °
  • Высота (Altitude): 0 °
  • Глобальное освещение (Use Global Light): снять галочку
  • Сглаживание (Antialiased): Снять галочку
  • Режим подсветки (Highlight Mode): Осветление основы (Color Dodge), цвет белый
  • Непрозрачность (Opacity): 100 %
  • Режим тени (Shadow Mode): Затемнение основы (Color Burn), цвет черный
  • Непрозрачность (Opacity): 50 %

Шаг 4

Второй эффект, который мы добавим, - это тень. Добавление тени придаст оптическую иллюзию глубины. Для этого эффекта я использовал Внутреннюю Тень (Inner Shadow), с помощью этого эффекта мы сможем контролировать тени для каждого круга. Еще одна важная деталь - шум. Добавление шума придаст предмету (материалу) реалистичный вид.

Примечание переводчика: настройки на скриншоте

Внутренняя тень (Inner Shadow):

  • Режим наложения (Blend Mode): Затемнение (Darken), цвет черный
  • Непрозрачность (Opacity): 50 %
  • Глобальное освещение (Use Global Light): Снять галочку
  • Угол (Angle): 90°
  • Смещение (Distance): 8 рх
  • Стягивание (Choke): 0 %
  • Размер (Size): 20 рх
  • Сглаживание (Antialiased): Поставить галочку
  • Шум (Noise): 5 %

Шаг 5

Последний эффект, который мы применим к данному стилю слоя, – Наложение узора (Pattern Overlay) с бумажной текстурой. Найдите в Интернете любую текстуру бумаги или скачайте текстуру из исходных материалов.

Примечание переводчика: настройки на скриншоте

Наложение узора (Pattern Overlay)

  • Режим наложения (Blend Mode): Нормальный (Normal)
  • Непрозрачность (Opacity): 100 %
  • Узор (Pattern): Текстура бумаги
  • Масштаб (Scale): 25 %
  • Связать со слоем (Link with Layer): Поставить галочку 

Для того чтобы добавить текстуру бумаги в набор узоров, откройте текстуру бумаги в новом окне (новом документе), затем перейдите в Редактирование – Определить узор, присвойте любое имя новому узору и нажмите Ок, после этого вы можете закрыть документ с текстурой бумаги.

В настройках наложения узора у вас может быть другой масштаб

Шаг 6

После добавления стиля слоя к трем слоям у нас получится такой результат.

Шаг 7

Теперь добавьте текстуру бумаги к фоновому слою.

Примечание переводчика: Разблокируйте фоновый слой и перейдите в параметры наложения, установите галочку в окне эффекта Узор.

Добавьте логотип в центр нашего изображения. Я добавил логотип Abduzeedo и использовал практически те же эффекты стиля слоя, что и в предыдущих шагах, но вместо Внутренней тени (Inner Shadow) я использовал эффект Тень (Drop Shadow).

Примечание переводчика: настройки на скриншоте

Тень (Drop Shadow):

  • Режим наложения (Blend Mode): Умножение (Multiply), цвет черный.
  • Непрозрачность (Opacity): 30 %
  • Глобальное освещение (Use Global Light): Снять галочку
  • Угол (Angle): 90 °
  • Смещение (Distance): 10 рх
  • Размах (Spread): 1 %
  • Размер (Size): 10 рх
  • Сглаживание (Antialiased): Снять галочку
  • Шум (Noise): 10 %

Шаг 8

Добавьте новый слой поверх всех слоев, затем выберите инструмент Кисть (Brush) и закрасьте одну половину голубым цветом, а вторую половину розовым. В качестве формы маски вы можете использовать самый большой круг.

Шаг 9

Измените режим наложения (Blend Mode) на Мягкий свет (Soft Light), таким образом, он будет влиять только на тени и серые тона.

Вывод

Вы можете продублировать все слои и объединить продублированные слои в один, а затем изменить режим наложения (Blend Mode) на Затемнение основы (Color Burn), для того чтобы увеличить контрастность. В результате вы получите простое изображение с приятным контрастом. 

Автор: Abduzeedo

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

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

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

Спасибо за урок! И за идею! )))

Спасибо большое!)

Спасибо! Получилось вот что...

Спасибо за урок! Вот, что у меня получилось:)

Спасибо за урок! Перевод!)
Красота!

Спасибо за урок и перевод! Полезный!

Спасибо за урок! Очень понравился!!!

Спасибо! Красиво!

Спасибо за технику

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

Еще 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