Дополнения

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

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

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

208 686 чел. 399 983 работы 4 093 урока
  • Обучайтесь и совершенствуйтесь
  • Разместите своё портфолио
  • Участвуйте в конкурсах
  • Подписывайтесь и оценивайте
  • Комментируйте и общайтесь
Присоединиться

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

Создаём текст в виде красочной подвески в Фотошоп

Ищите красивый подарок? В этом уроке я покажу вам, как использовать стили слоя, текстуры и фигуры, чтобы создать яркий и красочный текст в виде подвески.

ОК. Давайте приступим!

Скачать архив с материалами к уроку

Примечание: среди градиентов вам понадобится файл CHROMES.grd.

Итоговый результат:

1. Создаём задний фон

Шаг 1

Создайте новый документ со следующими размерами 1024 x 683 px. Расположите текстуру Атласной ткани поверх слоя с Задним фоном (Background). Примените масштабирование по мере необходимости.

Шаг 2

Нажмите кнопку Создать новый корректирующий слой или слой-заливку (Create new fill or adjustment layer) в нижней части панели слоёв и в появившемся меню выберите опцию Уровни (Levels).

Шаг 3

В окне настроек корректирующего слоя Уровни (Levels), установите значение Гаммы (Gamma) на 1.85, а значение Световых бликов (Highlights) на 205. Таким образом, мы сделаем текстуру светлее.

2. Создаём текст и стилизацию обводки

Шаг 1

Создайте текст, используя шрифт Sedona Script FLF, размер шрифта 350 pt, цвет шрифта #f062b2.

Дважды продублируйте слой с текстом. Уменьшите значение Заливки (Fill) для второго дубликата слоя до 0.

Дважды щёлкните по оригинальному слою с текстом, чтобы применить следующие стили слоя:

Шаг 2

Добавьте стиль слоя Тиснение (Bevel and Emboss). Установите следующие настройки для данного стиля:

  • Метод (Technique): Обводящее тиснение (Stroke Emboss)
  • Размер (Size): 8
  • Контур Глянца (Gloss Contour): Конус (Cone)
  • Поставьте галочку в окошке Сглаживание (Anti-aliased)
  • Режим подсветки (Highlight Mode): Линейный свет (Linear Light)
  • Непрозрачность (Opacity): 75%
  • Режим тени (Shadow Mode) – Умножение (Multiply)
  • Непрозрачность (Opacity): 50%

Шаг 3

Выберите следующий стиль слоя Контур (Contour). Установите следующие настройки для данного стиля слоя:

  • Контур (Contour): Cone
  • Поставьте галочку в окошке Сглаживание (Anti-aliased)

Шаг 4

Далее, выберите следующий стиль слоя Обводка (Stroke). Установите следующие настройки для данного стиля слоя:

  • Размер (Size): 1
  • Положение (Position): Снаружи (outside)
  • Тип обводки (Fill Type): Градиент (Gradient)
  • Стиль (Style): Зеркальный (Reflected)
  • Угол (Angle): 90
  • Используйте градиент stove pipe 80

Шаг 5

Далее, выберите следующий стиль слоя Тень (Drop Shadow). Установите следующие настройки для данного стиля слоя:

  • Непрозрачность (Opacity): 45%
  • Смещение (Distance): 11
  • Размер (Size): 20

Шаг 6

Щёлкните по значку ‘+’, чтобы добавить ещё один стиль слоя Тень (Drop Shadow). Установите следующие настройки для данного стиля слоя:

  • Режим наложения (Blend Mode): Затемнение основы (Color Burn)
  • Непрозрачность (Opacity): 15%
  • Смещение (Distance): 10
  • Размер (Size): 5

Итак, мы создали стилизацию обводки кулона.

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

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

Шаг 1

Добавьте стиль слоя Тиснение (Bevel and Emboss). Установите следующие настройки для данного стиля:

  • Метод (Technique): Плавное (Smooth)
  • Глубина (Depth): 100
  • Размер (Size): 16
  • Контур Глянца (Gloss Contour): Двойное кольцо (Ring-Double)
  • Поставьте галочку в окошке Сглаживание (Anti-aliased)
  • Режим подсветки (Highlight Mode): Яркий свет (Vivid Light)
  • Режим тени (Shadow Mode) – Затемнение основы (Color Burn)
  • Цвет: #4c0d33

Шаг 2

Далее, выберите следующий стиль слоя Контур (Contour). Установите следующие настройки для данного стиля слоя:

  • Контур (Contour): Guassian - Inverse
  • Поставьте галочку в окошке Сглаживание (Anti-aliased)

Шаг 3

Далее, выберите следующий стиль слоя Текстура (Texture). Установите следующие настройки для данного стиля слоя:

  • Узор (Pattern): Metallic Snakeskin

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

Итак, мы применили стилизацию к первому дубликату слоя с текстом.

4. Стилизуем второй дубликат слоя с текстом

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

Шаг 1

Добавьте стиль слоя Тиснение (Bevel and Emboss). Установите следующие настройки для данного стиля:

  • Метод (Technique): Плавное (Smooth)
  • Глубина (Depth): 100
  • Размер (Size): 18
  • Контур Глянца (Gloss Contour): Перевёрнутый конус (Cone - Inverted)
  • Поставьте галочку в окошке Сглаживание (Anti-aliased)
  • Режим подсветки (Highlight Mode): Линейный свет (Linear Light)
  • Режим тени (Shadow Mode) – Линейный затемнитель (Linear Burn)
  • Цвет: #11d6b3

Шаг 2

Далее, выберите следующий стиль слоя Текстура (Texture). Установите следующие настройки для данного стиля слоя:

  • Узор (Pattern): Metallic Snakeskin

Итак, мы применили стилизацию ко второму дубликату слоя с текстом.

5. Создаём крепёжные колечки

Шаг 1

Выберите инструмент Эллипс (Ellipse Tool). Нажмите и удерживайте клавишу (Shift), нарисуйте круг 25 x 25 px.

Нажмите и удерживайте клавишу (Alt), чтобы вычесть маленький круг из большого круга.

Щёлкните+потяните курсор, отпустите клавишу (Alt), теперь нажмите и удерживайте клавишу (Shift). Далее, создайте круг поменьше размером 15 x 15 px.

Вы можете нажать и удерживать клавишу Пробел (Spacebar) для перемещения маленького круга. Отпустите клавишу Пробел (Spacebar), когда маленький круг будет в центре большого круга. Таким образом, мы создадим фигуру кольца.

Примечание переводчика: 1. нажатие клавиши (Alt) позволяет переключиться на режим Вычесть из области фигуры (Subtract from Shape Area) 2. Чтобы нарисовать кольцо, вначале нарисуйте круг с помощью инструмента Эллипс (Ellipse Tool) в режиме слой-фигура, а затем удерживайте клавишу (Alt), нарисуйте маленький кружок внутри большого круга. 3. Выберите инструмент Выделение контура (Direct Selection Tool), щёлкните по контуру маленького круга и с помощью трансформации (Ctrl+T), вы можете масштабировать кружок и перемещать его внутри большого круга. 4. Преобразуйте слой с нарисованным крепёжным кольцом в смарт-объект. 

Шаг 2

Продублируйте слой с фигурой Эллипса 1 (Ellipse 1) три раза. Назовите второй дубликат слоя Эллипс 2 (Ellipse 2), а третий дубликат слоя Эллипс 2 копия (Ellipse 2 copy).

Примечание переводчика: первый дубликат слоя будет Эллипс 1 копия (Ellipse 1 copy). Расположите фигуры колец Эллипса 1 (Ellipse 1) и Эллипса 1 копия (Ellipse 1 copy) где-нибудь на крае первой буквы, а фигуры колец Эллипса 2 (Ellipse 2) и Эллипса 2 копия (Ellipse 2 copy) где-нибудь на крае последней буквы.

6. Стилизуем нижний слой с кольцом

Дважды щёлкните слою Эллипс 1 (Ellipse 1), чтобы применить следующие стили слоя.

Шаг 1

Добавьте стиль слоя Тиснение (Bevel and Emboss). Установите следующие настройки для данного стиля:

  • Метод (Technique): Плавное (Smooth)
  • Глубина (Depth): 100
  • Размер (Size): 7
  • Контур Глянца (Gloss Contour): Кольцо (Ring)
  • Поставьте галочку в окошке Сглаживание (Anti-aliased)
  • Режим подсветки (Highlight Mode): Линейный свет (Linear Light)
  • Режим тени (Shadow Mode) – Непрозрачность (Opacity): 50%

Шаг 2

Далее, выберите следующий стиль слоя Контур (Contour). Установите следующие настройки для данного стиля слоя:

  • Контур (Contour): Конус (Cone)
  • Поставьте галочку в окошке Сглаживание (Anti-aliased)

Шаг 3

Далее, выберите следующий стиль слоя Тень (Drop Shadow). Установите следующие настройки для данного стиля слоя:

  • Непрозрачность (Opacity): 45%
  • Смещение (Distance): 11
  • Размер (Size): 20

Шаг 4

Добавьте ещё один стиль слоя Тень (Drop Shadow). Установите следующие настройки для данного стиля слоя:

  • Режим наложения (Blend Mode) – Затемнение основы (Color Burn)
  • Непрозрачность (Opacity): 15%
  • Смещение (Distance): 10
  • Размер (Size): 5

Шаг 5

Итак, мы применили стилизацию к нижнему слою с кольцом.

Щёлкните правой кнопкой мыши по слою Эллипс 1 (Ellipse 1) и в появившемся окне выберите опцию Скопировать стиль слоя (Copy Layer Style). Далее, щёлкните правой кнопкой мыши по слою Эллипс 2 (Ellipse 2 layer) и в появившемся окне выберите опцию Вклеить стиль слоя (Paste Layer Style).

7. Стилизуем дубликаты слоёв с кольцами

Дважды щёлкните по слою Эллипс 1 копия (Ellipse 1 copy), чтобы применить следующие стили слоя.

Шаг 1

Добавьте стиль слоя Тиснение (Bevel and Emboss). Установите следующие настройки для данного стиля:

  • Метод (Technique): Плавное (Smooth)
  • Глубина (Depth): 100
  • Размер (Size): 7
  • Контур Глянца (Gloss Contour): Кольцо (Ring)
  • Поставьте галочку в окошке Сглаживание (Anti-aliased)
  • Режим подсветки (Highlight Mode): Линейный свет (Linear Light)
  • Режим тени (Shadow Mode) – Непрозрачность (Opacity): 50%

Шаг 2

Далее, выберите следующий стиль слоя Контур (Contour). Установите следующие настройки для данного стиля слоя:

  • Контур (Contour): Перевёрнутый конус (Cone - Inverted)
  • Поставьте галочку в окошке Сглаживание (Anti-aliased)

Шаг 3

Итак, мы применили стилизацию ко второму дубликату слоя с кольцом. Скопируйте / вклейте стили слоя к слою Эллипс 2 копия (Ellipse 2 copy).

8. Добавляем цепочку

Шаг 1

Откройте исходное изображение с кулоном. С помощью инструмента Лассо (Lasso Tool), выделите правый фрагмент цепочки. Вы можете воспользоваться инструментом Быстрое выделение (Quick Selection Tool) или инструментом Магнитное лассо (Magnetic Lasso Tool), чтобы создать выделение вокруг фрагмента цепочки.

Далее, идём Редактирование – Скопировать (Edit > Copy), а затем возвращаемся на наш рабочий документ.

Шаг 2

Идём Редактирование - Вклеить (Edit > Paste), а затем идём Изображение – Коррекция – Обесцветить (Image > Adjustments > Desaturate).

Расположите слой с фрагментом цепочки поверх всех слоёв с Эллипсами (Ellipse), примените масштабирование при необходимости. С помощью инструмента Перемещение (Move Tool), расположите фрагмент цепочки над правым крепежным колечком.

Шаг 3

Скопируйте / вклейте стили слоя Эллипс 1 (Ellipse 1) к слою с фрагментом цепочки. Дважды щёлкните по слою с цепочкой, чтобы появилось окно настроек стилей слоя. Отключите стили слоя Тиснение (Bevel and Emboss) и Контур (Contour).

Таким образом, мы применили единственный стиль слоя Тень (Drop Shadow) к слою с цепочкой.

Шаг 4

Продублируйте слой с цепочкой. Далее идём Редактирование – Трансформация – Отразить по горизонтали (Edit > Transform > Flip Vertical). Расположите отражённый по вертикали фрагмент цепочки над левым крепёжным колечком.

9. Добавляем блики и размытие на задний фон

Шаг 1

Создайте новый слой поверх всех остальных слоёв. Назовите этот слой Блики (Flares), поменяйте режим наложения для данного слоя на Линейный свет (Linear Light).

Выберите инструмент Кисть (Brush Tool), установите цвет переднего плана на #f4f1e2.

Выберите любую кисть из набора кистей Звёзды и Блики, уменьшите размер, если хотите, то вы также можете изменить угол наклона в панели настроек кисти Окно - Кисть (Window > Brush). Добавьте несколько маленьких бликов на самые яркие участки текста.

Шаг 2

Перейдите на слой с атласной тканью, а затем идём Фильтр - Галерея фильтров Размытия – Тилт-Шифт (Filter > Blur Gallery > Tilt-Shift). Установите значение Размытия (Blur) на 7, а затем потяните линии, чтобы получить результат, который вам нравится.

10. Добавляем тени

Шаг 1

Выделите все слои с текстом, с эллипсами и фрагментами цепочки. Продублируйте выделенные слои, а затем щёлкните правой кнопкой по любому из продублированных слоёв и в появившемся окне выберите опцию Очистить стили слоя (Clear Layer Style). Далее, идём Слой - Объединить слои (Layer > Merge Layers).

Назовите объединённый слой Тень (Shadow), расположите данный слой поверх корректирующего слоя Уровни (Levels).

Шаг 2

Далее, идём Изображение – Коррекция – Цветовой тон / Насыщенность (Image > Adjustments > Hue/Saturation). Уменьшите значение Яркости (Lightness) до -100.

Шаг 3

Идём Фильтр – Преобразовать для Смарт-фильтров (Filter > Convert for Smart Filters), а затем идём Фильтр – Размытие - Размытие в движении (Filter > Blur > Motion Blur). Поменяйте Угол (Angle) на -35, а значение Смещения (Amount) на 115.

Шаг 4

С помощью инструмента Перемещение (Move Tool), расположите тень так, чтобы она падала от текста.

Шаг 5

Поменяйте режим наложения для слоя с тенью на Умножение (Multiply), а также уменьшите Непрозрачность (Opacity) слоя до 7, или установите значение непрозрачности на своё усмотрение.

Шаг 6

В заключение, с помощью инструмента Перемещение (Move Tool), слегка сдвиньте слой Эллипс 1 копия (Ellipse 1 copy) и Эллипс 2 копия (Ellipse 2 copy). Это создаст ощущение 3D вида.

Шаг 7

Не забывайте, что вы можете смещать и менять размеры любой детали созданного эффекта, если захотите внести изменения.

Поздравляю! Мы завершили урок!

В этом уроке мы провели световую коррекцию атласной ткани, создали пару слоёв с текстом, стилизовали их, чтобы создать основной эффект.

Далее, с помощью инструмента Эллипс (Ellipse Tool), мы создали фигуры колец, к которым также применили стилизацию. Используя исходное изображение, мы создали фрагменты цепочки, провели коррекцию цвета, применили стилизацию и добавили цепочку к тексту. В заключение, мы добавили несколько бликов и размыли задний фон, чтобы завершить эффект.

Итоговый результат:

Автор: Rose

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

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

Марат, спасибо за перевод!

Спасибо за урок! Жаль, в материалах к уроку нет текстуры Metallic Snakeskin.

У меня нет.Может фотошопы разные?

Замечательный урок, большое спасибо, очень понравился и уже пригодился, сделала в подарок открытку другу (кукольнику)
Модель на работе, моя кукла.

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

Cпасибо за урок.Мой вариант.

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

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

Спасибо за урок! Кое-где по-своему сделала)

Создаём текст в виде красочной подвески в Фотошоп. Спасибо.

Шик и блеск!!!
Большое спасибо))

Спасибо за урок! Недурно было бы еще выложить узор metall skinshake

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