Дополнения

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

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

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

174 391 чел. 374 657 работ 3 939 уроков
  • Обучайтесь и совершенствуйтесь
  • Разместите своё портфолио
  • Участвуйте в конкурсах
  • Подписывайтесь и оценивайте
  • Комментируйте и общайтесь
Присоединиться

Сложность: Средняя

Рисуем логотип

В этом уроке мы будем создавать эффект окольцованного текста.
Для этого нам понадобиться: текст, инструмент «Эллипс» (U), слой-маска и некоторые уловки со Стилем слоя.

Шаг 1. Создайте новый документ, размерами 500х500 пикс. Возьмите инструмент «Текст» настройки шрифта такие: ('Arial/Bold Italic/120 pt/Crisp' settings) и напишите слово Ring.

*Размер текста будет зависеть от размера вашего изображения, главное это чтобы было достаточно места вокруг текста, для создания колец.*

Шаг 2. Установите нужный вам, цвет переднего плана, автор использовал такой цвет: #F4990B. Возьмите инструмент «Эллипс» (U) (Ellipse Tool) и растяните фигуру. Затем Ctrl+T и расположите ее по диагонали.

Затем в настройках инструмента «Эллипс» (U) переключитесь в режим «Вычесть из области фигуры» (-).

И нарисуйте внутри еще одну фигуру. Затем возьмите инструмент «Выделение контура (A)» Path Selection и кликните им по этой фигуре, чтобы она выделилась. Примените к ней Свободную трансформацию Ctrl+T, поверните по форме первой фигуры и, используя Искажение, либо просто зажав клавишу Ctrl, уложите фигуру в позицию как на скриншоте:

Так выглядит палитра слоев на этом шаге:

Шаг 3. Дублируйте слой с первым кольцом, у автора этот слой называется - 'Ring1' и измените ему цвет. Автор изменил на такой #4151AF.

Затем просто кликаем по миниатюре фигуры на слое с синим  кольцом, чтобы выделить всё кольцо. Нажмите Ctrl+T , кликните правой кнопкой мыши на рамке трансформации, выберите там отразить по Горизонтали. Получиться так:

Шаг 4. Нам нужно добиться эффекта переплетения колец. Делать это мы будем используя Слой-маску. Нажмите на значок слой-маски на палитре слоев.

Тем самым, добавив маску к каждому слою. В итоге у вас должно получиться вот так:

Нажмите клавишу D, чтобы переключить основные цвета на черно-белый.

Шаг 5. Теперь нам нужно, чтобы кольца заходили за текст. Для этого, перейдите на слой с Оранжевым кольцом и, зажав клавишу Ctrl кликните по миниатюре слоя с текстом. Появиться выделение текста.

Возьмите инструмент «Кисть», цвет черный и рисуйте кистью в тех местах, которые заходят на текст, они показаны на скриншоте, тем самым, стирая с текста оранжевый цвет.

Не снимая выделения с текста, перейдите на слой с синим кольцом и сотрите черной Кистью в  местах, которые заходят на текст.

Нажмите Ctrl+D, снять выделение. Теперь нужно подкорректировать некоторые недочеты.

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

Шаг 6. Теперь нужно нарисовать тень от колец.  Кликните два раза по слою с Оранжевым кольцом, вызвав тем самым окно Стиль слоя. Выберите там Тень, настройки установите как на скриншоте. На вашей работе угол тени может быть совсем другим.

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

Вернитесь к Стилю слоя на слое с Оранжевым кольцом. Во вкладке - Параметры наложения, поставьте галочку на - Слой-маска скрывает эффекты.

Теперь тень лежит как надо.

То же самое повторите и с синим кольцом.

Шаг 7.  Теперь появились новые изъяны.

Но  они легко поправимы. Повторим то, что мы делали в шаге №5.
Зажав клавишу Ctrl, кликните по миниатюре фигуры кольца на слое с оранжевым кольцом. Перейдите на слой с синим кольцом, и черной кистью сотрите ненужную тень.

*Так же можно стереть ненужную тень с текста, образовав его выделение, переходя на слои с тенями, стирать все ненужное.*

Вот что получилось в итоге.

А это еще один вариант автора.

Надеюсь, что у  вас все получится и найдется множество вариантов, как использовать эту технику.

Желаю удачи.

Автор: Ирина Сёмина.

Ссылка на источник урока

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

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

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

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

Спасибо, мне пригодилось.

забавно вырисовывать

Спасибо! Было интересно!

Спасибо, классный урок!

Спасибо за урок! Быстро и просто)

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

Большое спасибо за урок!

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

Авторизация

Забыли?

Регистрация

GIF{{work.bite}} МбЗагрузить
18+
Работа имеет содержимое для 18+ лет
Пожаловаться Удалить

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

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

Жалоба

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

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