Создаём постер к фильму Звёздные Войны в Фотошоп. Фотошоп звездные войны


Создаём постер к фильму Звёздные Войны в Фотошоп

Звёздные войны – являются фантастической сагой, которая была задумана и реализована американским режиссером Джорджем Лукасом. Первый фильм из трилогии “Звёздных войн”: Звёздные войны. Эпизод IV: Новая надежда (1977) быстро стал всемирным явлением поп-культуры. Затем последовало успешное продолжение: Звёздные войны. Эпизод V: Империя наносит ответный удар (1980) и Звёздные войны. Эпизод VI: Возвращение Джедая (1983). Самый последний эпизод – это Звёздные войны: Пробуждение силы (2015).

В этом уроке я покажу вам, как создать постер к фильму “Звёздные войны” в программе Photoshop, используя в качестве фокусной точки одного из самых популярных героев фантастической саги - Дарта Вейдера.

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

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

Шаг 1

В этом уроке мы создадим версию постера к фильму “Звёздные войны” в программе Photoshop. Даже, если Дарт Вейдера и нет в последнем эпизоде, Звёздные войны: Пробуждение силы 2015, я всё равно выбрал его в качестве основного персонажа, потому что он страшный и клёвый.

Создайте новый рабочий документ со следующими размерами 900x1060 px в формате PSD. Вы можете увеличить размеры рабочего документа. Размеры, которые я указал, приведены, чтобы показать соотношение высоты / ширины. Далее, создайте новый слой, залейте этот слой чёрным цветом. Откройте исходное изображение с задним фоном. Скопируйте / вклейте (Copy / Paste) данное изображение на наш рабочий документ. Назовите слой с изображением заднего фона Пустыня (Desert Background).

Шаг 2

Выберите инструмент Штамп (Clone Stamp Tool), чтобы заполнить верхнюю часть сцены облаками. Нажмите и удерживайте клавишу(Alt), таким образом, курсор превратится в мишень. Щёлкните по участку изображения, где вы хотите отобрать образец для клонирования.

Шаг 3

Откройте исходное изображение с небом. Скопируйте / вклейте (Copy / Paste) данное изображение на наш рабочий документ. Расположите изображение с небом, как показано на скриншоте ниже. Назовите слой с изображением облаков Облака (Clouds).

Шаг 4

К слою Облака (Clouds) добавьте слой-маску. С помощью слой-маски мы частично скроем изображение облаков. Работа со слой-масками - это полезная техника совмещения нескольких изображений в одну единую сцену.

Шаг 5

Выберите инструмент Градиент (Gradient Tool), установите чёрно-белый градиент с Непрозрачностью (opacity) 100%. Убедитесь, что вы находитесь на слой-маске слоя с облаками (для этого щёлкните по миниатюре слой-маски). Потяните градиент снизу вверх, как показано на скриншоте ниже. Если вы не сильно потяните градиент, то градиент получится небольшой и жёсткий и наоборот, более плавный и большой градиент можно получить, если вы потяните градиент сильнее.

Шаг 6

Возвращаемся на слой Пустыня (Desert Background). К данному слою добавьте стиль слоя Наложение градиента (Gradient Overlay), чтобы затемнить нижнюю часть изображения.

Шаг 7

Далее, создайте корректирующий слой Карта градиента (Gradient Map) поверх всех остальных слоёв, для этого перейдите Слой - Новый корректирующий слой – Карта градиента (Layer – New adjustment layer - Gradient Map). Как это работает: данная коррекция применяет градиент цветов к вашему изображению в зависимости от цветовых тонов на вашем изображении. Таким образом, там, где изображение темнее, мы получим тона с левой части градиента, а там, где изображение светлее, мы получим тона с правой части градиента. Средние тона будут окрашены из средней части градиента.

Дважды щёлкните по миниатюре корректирующего слоя Карта градиента (Gradient Map), чтобы поменять настройки. В появившемся окне редактора градиента щёлкните по шкале градиента, чтобы установить следующие цветовые оттенки: #8f0e0d, #600029 и #ffffff.

Шаг 8

Поменяйте режим наложения для корректирующего слоя Карта градиента (Gradient Map) на Мягкий свет (Soft Light), а также уменьшите Непрозрачность (opacity) слоя до 50%. Результат должен быть, как на скриншоте ниже.

Шаг 9

Чтобы задний фон был больше похож на фантастический пейзаж, мы добавим исходное изображение с галактикой на наш рабочий документ. Поменяйте режим наложения для слоя с галактикой на Осветление (Screen), Непрозрачность (Opacity) слоя 100% .

Примечание переводчика: 1. расположите слой с галактикой поверх всех остальных слоёв в палитре слоёв 2. Изображение с галактикой должно закрывать область неба на нашем заднем фоне 3. Вы можете назвать новый слой с галактикой “Галактика”.

Шаг 10

Теперь добавьте корректирующий слой Яркость / Контрастность (Brightness/Contrast) в качестве обтравочной маски к слою с галактикой.

Шаг 11

Откройте исходное изображение с Дарт Вейдером. Скопируйте / вклейте (Copy / Paste) данное изображение на наш рабочий документ. Расположите изображение, как показано на скриншоте ниже. Назовите данный слой с главным персонажем Дарт Вейдер (Darth Vader).

Шаг 12

К слою Дарт Вейдер (Darth Vader), добавьте следующие стили слоя Наложение градиента (Gradient Overlay) и Внутренняя тень (Inner Shadow).

Шаг 13

Продублируйте слой Дарт Вейдер (Darth Vader). Расположите дубликат слоя ниже оригинального слоя с Дарт Вейдером. Щёлкните правой кнопкой мыши по дубликату слоя и в появившемся окне, выберите опцию Очистить стили слоя (Clear Layer Styles). Назовите дубликат слоя Тень (Shadow).

Шаг 14

Находясь на слое Тень (Shadow), идём Редактирование – Трансформация - Искажение (Edit > Transform >Distort Tool) для трансформации тени. Потяните за опорную точку для искажения тени. Нажмите клавишу (Enter), чтобы применить трансформацию. Инструмент Искажение (Distort tool) искажает, а также растягивает объект во всех направлениях.

Шаг 15

Уменьшите значение Заливки (Fill) для слоя с тенью до 0%, а затем добавьте стиль слоя Наложение градиента (Gradient Overlay). Установите следующие настройки для данного стиля слоя, которые указаны на скриншоте ниже.

Шаг 16

Далее, мы добавим светотени, а также цветовые эффекты на главного персонажа. Создайте новый слой. Выберите инструмент Кисть (Brush Tool), установите мягкую круглую кисть, цвет кисти #e5e6e5. Теперь с помощью кисти нарисуйте несколько линий, создав световые блики. С помощью инструмента Палец (Smudge Tool), в настройках данного инструмента, установите мягкую круглую кисть Интенсивностью (Strength) примерно 70%, вы можете смягчить края нарисованных линий.

Шаг 17

Поменяйте режим наложения для слоя со световыми бликами на Перекрытие (Overlay). Мы можете добавить столько слоёв со световыми бликами, сколько захотите, а также можете создать более драматичный эффект.

Шаг 18

Создайте новый слой. Выберите инструмент Кисть (Brush Tool), установите мягкую круглую кисть, цвет кисти #0098e2. Прокрасьте поверх Дарт Вейдера, как показано на скриншоте ниже.

Шаг 19

Поменяйте режим наложения для данного слоя на Цветность (Color).

Шаг 20

Создайте ещё один новый слой. Ещё раз выберите инструмент Кисть (Brush Tool), установите мягкую круглую кисть, цвет кисти # e00101. Прокрасьте различные участки изображения, как показано на скриншоте ниже. Варьируйте размер и непрозрачность кисти.

Шаг 21

Поменяйте режим наложения для данного слоя на Цветность (Color).

Шаг 22

Откройте текстуры со световыми бликами. Добавьте понравившиеся блики к нашей сцене. Поменяйте режим наложения для текстур со световыми бликами на Осветление (Screen) или Замена светлым (Lighten).

Шаг 23

Добавьте корректирующий слой Яркость/Контрастность (Brightness & Contrast) и в появившемся окне настроек данного корректирующего слоя установите значения, которые указаны на скриншоте ниже.

Примечание переводчика: 1. добавьте корректирующий слой Яркость/Контрастность (Brightness & Contrast) поверх всех остальных слоёв в палитре слоёв 2. автор уменьшает яркость всего изображения.

Шаг 24

Создайте новый слой, назовите этот слой Свечение лазера (Laser Light). С помощью мягкой круглой кисти, прокрасьте вдоль лазера, а также поверх отдельных участков изображения, как показано на скриншоте ниже (отмечено зелёными линиями). Используйте любой цвет кисти, потому что мы собираемся поменять цвет путём добавления стилей слоя.

Шаг 25

Теперь давайте добавим стили слоя к слою Свечение лазера (Laser Light). Вначале уменьшите значение Заливки (Fill) до 0%, а затем примените следующие стили слоя: Тень (Drop Shadow) цвет #ff0000, Внешнее свечение (Outer Glow) цвет#, Внутреннее свечение (Inner Glow) цвет #ff6c00 и Наложение цвета (Color Overlay) цвет #ffffd4 .

Примечание переводчика: для стиля слоя Внешнее свечение (Outer Glow), подберите тёмно-красный оттенок, примерно #bc0400.

Шаг 26

Чтобы наш постер к фильму выглядел, как настоящий, я добавил нижние титры из оригинального постера к фильму “Звёздные войны”. С помощью инструментов Ластик (Eraser Tool) и мягкой круглой кисти, проведите совмещение текста со всей сценой.

Примечание переводчика: 1. Для названия фильма используйте шрифт Star Wars, для нижнего текста с титрами используйте любой шрифт на своё усмотрение, просто используйте маленький размер шрифта 2. автор использовал нижнюю часть из оригинального постера, а затем совместил со всей сценой с помощью ластика 3. вы можете или поискать на стоковых ресурсах изображения с данной тематикой и добавить на нижнюю часть своей сцены, а затем добавить текст, или просто добавьте текст на нижнюю часть сцены.

Шаг 27

В качестве заключительных штрихов, я добавил световых бликов, а также добавил 2 корректирующих слоя Карта градиента (Gradient Map):

Для первого корректирующего слоя Карта градиента (Gradient Map): режим наложения Мягкий свет (Soft Light), Непрозрачность (opacity) 100%, цвета градиента #4168c2 и #8de7d6.

Для второго корректирующего слоя Карта градиента (Gradient Map): режим наложения Мягкий свет (Soft Light), Непрозрачность (opacity) 75%, цвета градиента #256765 и #fb0101.

Шаг 28

В заключение, я применил фильтр Цветовой контраст (High Pass Filter) для усиления резкости изображения. Если вы хотите добавить другое название фильма, то вы можете использовать шрифт Star Wars.

Примечание переводчика: 1. чтобы применить фильтр Цветовой контраст (High Pass Filter), создайте объединённый слой поверх всех остальных слоёв (Ctrl+Shift+Alt+E), а затем идём Фильтр – Другое - Цветовой контраст(Filter – Other- High Pass Filter).

Итак, мы завершили урок! Мы создали постер к фильму “Звёздные войны”. Итоговый результат вы можете увидеть на скриншоте ниже. Вместо главного героя Дарт Вейдера, вы можете использовать любого другого героя из этой популярной фантастической саги. До встречи, удачного дня!

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

Автор: psddude

photoshop-master.ru

Создаем в Фотошоп текст в стиле Звёздные войны

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

Конечный результат

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

1. Создание фона

Шаг 1

Создайте новый документ в Фотошопе (Ctrl + N) размером 950х550 пикселей.

Поместите изображение звездного неба на слой выше слоя заднего фона и измените размер рисунка по мере необходимости.

Примечание: преобразуйте изображение в смарт-объект.

Шаг 2

Дважды кликните по слою с изображением звездного неба, чтобы применить стиль «Наложение цвета» (Color Overlay). Установите режим наложения Умножение (Multiply) и задайте цвет #a6a6a6..

Шаг 3

Это немного затемнит изображение. Нажмите на значок Создать новый корректирующий слой или слой-заливку (Create new fill or adjustment layer) в нижней части панели слоев и создайте слой-заливку, выбрав Цвет (Solid Color).

Шаг 4

Используйте цвет #fced82. Измените режим наложения (Blend Mode) корректирующего слоя на Умножение (Multiply) и уменьшите Непрозрачность (Opacity) до 25%.

2. Создание текста

Шаг 1

Установите шрифт «SF Distant Galaxy» и напишите STAR WARS. Сделайте Буквы S и T в начале и конце заглавными. После этого откройте панель Символ (Окно > Символ/Window > Character) и настройте шрифт следующим образом:

  • Цвет шрифта (Color): #f2ece6
  • Размер (Size): 200 пт
  • Интерлиньяж (Leading): 155 пт
  • Трекинг (Tracking): 50

Шаг 2

Также нужно настроить Кернинг (Kerning) между отдельными буквами. Для этого поставьте курсор между ними и измените значение по вашему усмотрению:

В моем случае использованы следующие значения:

  • ST: -50
  • AR (в обоих словах): 50
  • RS: -50

3. Коррекция формы текста

Шаг 1

Как только закончите работу с текстом, преобразуйте его в векторную фигуру. Для этого перейдите в меню Текст > Преобразовать в кривые (Type > Convert to Shape).

Шаг 2

Выберите инструмент Стрелка (Direct Selection Tool) и выделите две якорные точки в конце буквы R, расположенной вверху

Шаг 3

Клавишей стрелки «вправо» оттяните горизонтально часть буквы R до края буквы S, расположенной под ней.

Шаг 4

Выделите две якорные точки с левой стороны буквы S, расположенной вверху, и клавишей стрелки «влево» оттяните горизонтально часть буквы S до края буквы W, расположенной под ней.

Шаг 5

Создайте копию текстового слоя (Ctrl + J) и уменьшите заливку (Fill) до 0%. Затем создайте ещё одну копию.

4. Стилизация исходного слоя-фигуры (слоя типа Shape)

Кликните дважды на исходном слое-фигуре, чтобы применить следующие стили:

Шаг 1

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

  • Стиль (Style): Обводящее тиснение (Stroke Emboss)
  • Размер (Size): 3
  • Контур глянца (Gloss Contour): Инверсия – по Гауссу (Gaussian Inverse)
  • поставьте галочку в окошке «Сглаживание» (Anti-aliased)
  • Режим подсветки (Highlight Mode): Яркий свет (Vivid Light)
  • Метод (Technique): Плавное (Smooth)
  • Режим тени (Shadow Mode): Умножение (Multiply)

Шаг 2

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

  • Контур (Contour): волнистый уклон (Rolling Slope – Descending)
  • поставьте галочку в окошке «Сглаживание» (Anti-aliased)

Шаг 3

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

  • Размер (Size): 10
  • Положение (Position): По центру (Center)
  • Тип обводки (Fill type): Градиент (Gradient)
  • Стиль (Style): Зеркальный (Reflected)
  • Градиент - Golden Dial Top X11 (вместо цвета отметок #f5e5a6 используйте #e1ca71)

Шаг 4

Добавляем стиль Внутренняя тень (Inner Shadow) со следующими настройками:

  • Непрозрачность (Opacity): 50%
  • Смещение (Distance): 0
  • Размер (Size): 1
  • Режим наложения (Blend Mode): Умножение (Multiply)

Шаг 5

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

  • Щелкните по окошку Градиент (Gradient) для создания градиента
  • Режим наложения (Blend Mode): Нормальный (Normal)
  • Стиль (Style): Линейный (Linear)

Шаг 6

Вы можете открыть редактор градиентов и щелкнуть в нижней части шкалы градиента, чтобы добавить контрольные точки (Color Stops). Для каждой контрольной точки вы можете изменить значение цвета (Color) и позиции (Location).

Вы также можете кликнуть по верхним контрольным точкам шкалы градиента и изменить их непрозрачность (Opacity) и позицию (Location).

Значения, которые использовал я, следующие (слева направо):

Цвет – Позиция

  • #ede1b1 - 5%
  • #ecd98f - 75%
  • #e1ca71 - 88%
  • #be8936 - 100%

 И, наконец, уменьшите значение непрозрачности (Opacity) для левой контрольной точки до 5%.

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

5. Стилизация первой копии слоя-фигуры

Дважды кликните по первой копии слоя-фигуры и примените следующие стили:

Шаг 1

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

  • Размер (Size): 10
  • Положение (Position): По центру (Center)
  • Тип обводки (Fill type): Градиент (Gradient)
  • Стиль (Style): Зеркальный (Reflected),
  • Режим наложения (Blend Mode): Перекрытие (Overlay)
  • Угол (Angle): 90
  • Тип обводки (Fill Type): Градиент (faucet 110)

Шаг 2

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

  • Режим наложения (Blend Mode): Жесткий свет (Hard Light)
  • Стиль (Style): Линейный (Linear)
  • Градиент (Gradient): Gold Dial Tops X7 – angled
  • поставьте галочку в окошке «Инверсия» (Reverse)

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

Шаг 3

Добавляем стиль Наложение узора (Pattern Overlay) со следующими настройками:

  • Режим (Blend Mode): Перекрытие (Overlay)
  • Узор (Pattern): metal_6-512px.jpg

Таким образом, цвета обводки и заливки станут ярче.

6. Стилизация второй копии слоя-фигуры

Дважды кликните по второй копии слоя-фигуры и примените следующие стили:

Шаг 1

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

  • Стиль (Style): Обводящее тиснение (Stroke Emboss)
  • Размер (Size): 3
  • Контур глянца (Gloss Contour): Кольцо (Ring)
  • поставьте галочку в окошке «Сглаживание» (Anti-aliased)
  • Режим подсветки (Highlight Mode): Яркий свет (Vivid Light)
  • Метод (Technique): Плавное (Smooth)
  • Режим тени (Shadow Mode): Умножение (Multiply)

Шаг 2

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

  • Контур (Contour): глубокая выемка (Cove - Deep)
  • поставьте галочку в окошке «Сглаживание» (Anti-aliased)

Шаг 3

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

  • Размер (Size): 10
  • Положение (Position): По центру (Center)
  • Тип обводки (Fill type): Градиент (Gradient),
  • Стиль (Style): Зеркальный (Reflected),
  • Режим наложения (Blend Mode): Перекрытие (Overlay)
  • Угол (Angle): 5
  • Тип обводки (Fill Type): Градиент (Golden Dial Top X11)

Таким образом, мы сделали эффект более ярким и заметным.

7. Добавление внешнего свечения

Шаг 1

Продублируйте вторую копию слоя-фигуры (Ctrl + J), кликните по копии правой кнопкой мыши и выберите пункт Растрировать стиль слоя (Rasterize Layer Style).

Назовите полученный слой «Glow» и уменьшите его заливку (Fill) до 0%.

Шаг 2

Дважды кликните по слою, чтобы применить стиль Внешнее свечение (Outer Glow) со следующими настройками:

  • Режим наложения (Blend Mode): Линейный свет (Linear Light)
  • Размер (Size): 3
  • Цвет (Color): #e7bf2a

В результате, вокруг текста появится лёгкое свечение.

8. Добавление бликов

Шаг 1

Установите цвет переднего плана #ead994, выберите инструмент «Кисть» (Brush) и из набора кистей Звезды и сияния выберите кисть S&F-12.

Шаг 2

Откройте панель кистей через раздел Окно >Кисть (Window > Brush) и измените настройки Динамики формы (Shape Dynamics), как показано на скриншоте ниже:

  • Колебание размера (Size Jitter): 15%
  • Минимальный диаметр (Minimum Diameter): 0%
  • Колебание угла (Angle Jitter): 100%
  • Колебание формы (Roundness Jitter): 0%

Шаг 3

Уменьшите размер кисти (Size) по вашему усмотрению, создайте новый слой на самом верху и назовите его «Flares». Установите для него режим наложения Линейный свет (Linear Light).

Затем нарисуйте звездные блики на краях текста.

Конечный результат:

Поздравляю! Мы закончили!

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

Далее, мы напечатали текст и изменили некоторых из его настроек, такие как Трекинг (Tracking) и Кернинг (Kerning).

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

Наконец, мы подкорректировали кисть «Вспышки» и добавили несколько бликов и вспышек по краям текста.

Автор: Rose

photoshop-master.ru

Создаем Текст в стиле Звёздных войн в программе Adobe Photoshop

Final product imageWhat You'll Be Creating

В этом уроке я покажу, как с помощью пары стилей слоя, красивой текстуры космоса и кисти с бликами создать текст в стиле «Звездных войн». Давайте приступим!

Исходные материалы

Следующие исходные материалы были использованы для создания данного урока:

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

Шаг 1

Создайте новый документ 950 x 550 px в программе Adobe Photoshop. Откройте исходную текстуру с космосом. Расположите данную текстуру поверх слоя с Задним фоном (Background layer). Примените масштабирование при необходимости.

Space Texture

Шаг 2

Дважды щёлкните по слою с текстурой космоса, чтобы применить стиль Наложение цвета (Color Overlay).  Поменяйте режим наложения на Умножение (Multiply), а также задайте цвет #a6a6a6.

Color Overlay

Шаг 3

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

Solid Color

Шаг 4

Задайте цвет заливки #fced82. Поменяйте режим наложения для данного корректирующего слоя на Умножение (Multiply), а также уменьшите Непрозрачность (Opacity) до 25%.

Solid Color Settings

2. Создаём Текст

Шаг 1

Напишите текст STAR WARS, используя шрифт SF Distant Galaxy. Сделайте буквы S и T в начале и конце строчными.

Откройте вкладку Символ (Character), для этого идём Окно > Символ (Window > Character), чтобы поменять следующие настройки шрифта: Цвет шрифта: #f2ece6, Размер (Size): 200 pt, Интерлиньяж (Leading): 155 pt, Трекинг (Tracking): 50.

Character Panel Settings

Шаг 2

Далее, нам необходимо настроить Кернинг (Kerning) между отдельными буквами. Для этого необходимо щёлкнуть один раз между каждой парой букв и задать значение на своё усмотрение:

Я использовал следующие значения:

  • для букв ST: -50
  • для букв AR (в обоих словах): 50
  • для букв RS: -50
Adjusting the Kerning Values

3. Корректируем Форму Текста

Шаг 1

Если вас устраивает, как выглядит текст, далее, идём Текст > Преобразовать в кривые (Type > Convert to Shape).

Convert to Shape

Шаг 2

Выберите инструмент Стрелка (Direct Selection Tool), а затем выделите две опорные точки в конце буквы R.

Select Anchor Points

Шаг 3

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

Nudge Anchor Points

Шаг 4

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

Nudge Anchor Points

Шаг 5

Дважды продублируйте слой с текстом (Ctrl + J), а затем уменьшите значение Заливки (Fill) для дубликатов слоёв с текстом до 0%.

Duplicate the Shape Layer

4. Стилизуем Оригнальный слой с Текстом

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

Шаг 1

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

  • Стиль (Style): Обводящее тиснение (Stroke Emboss)
  • Размер (Size): 3
  • Контур глянца (Gloss Contour): Инверсия - по Гауссу (Gaussian Inverse)
  • Поставьте галочку в окошке Сглаживание (Anti-aliased)
  • Режим подсветки (Highlight Mode): Яркий свет (Vivid Light)
Bevel and Emboss

Шаг 2

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

  • Контур (Contour): Волнистый уклон (Rolling Slope – Descending)
  • Поставьте галочку в окошке Сглаживание (Anti-aliased)
Contour

Шаг 3

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

  • Размер (Size): 10
  • Положение (Position): По центру (Center)
  • Тип обводки (Fill type): Градиент (Gradient)
  • Стиль (Style): Зеркальный (Reflected)
  • Угол (Angle): 35
  • Примените градиент Golden Dial Top X11 в качестве обводки. Дважды щёлкните по шкале градиента, чтобы установить цвета градиента.

Вам нужно дважды щёлкнуть по каждой Контрольной точке цвета (Color Stops), чтобы использовать #e1ca71 вместо #f5e5a6.

Stroke

Шаг 4

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

  • Непрозрачность (Opacity): 50%
  • Смещение (Distance): 0
  • Размер (Size): 1
Inner Shadow

Шаг 5

Добавьте стиль слоя Наложение градиента (Gradient Overlay). Установите следующие настройки для данного стиля:

  • Дважды щёлкните по шкале градиента, чтобы установить цвета градиента.
Gradient Overlay

Шаг 6

Чтобы создать градиент, вам необходимо дважды щёлкнуть по шкале градиента, чтобы установить Контрольные точки цвета (Color Stops). При выборе каждой контрольной точки цвета, вы можете изменить значения Цвета (Color) и Позиции (Location) для этой точки.

Вы также можете щёлкнуть по Контрольным точкам непрозрачности (Opacity Stops) в верхней части шкалы градиента, чтобы изменить их Непрозрачность (Opacity) и Позицию (Location).

Значения, которые я использовал (слева направо):

Цвет - Позиция (Color - Location)

  • #ede1b1 - 5%
  • #ecd98f - 75%
  • #e1ca71 - 88%
  • #be8936 - 100%

В конце, уменьшите значение Позиции (Location) для левой Контрольной точки непрозрачности (Opacity Stop) до 5%.

Gradient Editor

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

Styled Original Shape Layer

5. Стилизуем Первый Дубликат слоя с Текстом

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

Шаг 1

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

  • Размер (Size): 10
  • Положение (Position): Из центра (Center)
  • Режим наложения (Blend Mode): Перекрытие (Overlay)
  • Тип обводки (Fill type): Градиент (Gradient)
  • Стиль (Style): Зеркальный (Reflected)
  • Угол (Angle): 90
  • Примените градиент: faucet 110
Stroke

Шаг 2

Добавьте стиль слоя Наложение градиента (Gradient Overlay). Установите следующие настройки для данного стиля:

  • Режим наложения (Blend Mode): Жёсткий свет (Hard Light)
  • Поставьте галочку в окошке Инверсия (Reverse)
  • Примените градиент: Gold Dial Tops X7 – angled

Теперь вы можете щёлкнуть внутри текста и сместить градиент в то положение, которое вам нравится. Примечание переводчика: не закрывайте окно стилей слоя, в противном случае, это действие не получится.

Gradient Overlay

Шаг 3

Добавьте стиль слоя Наложение узора (Pattern Overlay). Установите следующие настройки для данного стиля:

  • Режим наложения (Blend Mode): Перекрытие (Overlay)
  • Узор (Pattern): metal_6-512px.jpg
Pattern Overlay

Таким образом, цвета обводки и заливки стали ярче.

Styled First Copy Shape Layer

6. Стилизуем Второй Дубликат слоя с Текстом

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

Шаг 1

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

  • Стиль (Style): Обводящее тиснение (Stroke Emboss)
  • Размер (Size): 3
  • Контур глянца (Gloss Contour): Кольцо (Ring)
  • Поставьте галочку в окошке Сглаживание (Anti-aliased)
  • Режим подсветки (Highlight Mode): Яркий свет (Vivid Light)
Bevel and Emboss

Шаг 2

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

  • Контур (Contour): Глубокая выемка (Cove - Deep)
  • Поставьте галочку в окошке Сглаживание (Anti-aliased)
Contour

Шаг 3

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

  • Размер (Size): 10
  • Положение (Position): Из центра (Center)
  • Режим наложения (Blend Mode): Перекрытие (Overlay)
  • Тип обводки (Fill type): Градиент (Gradient)
  • Стиль (Style): Зеркальный (Reflected)
  • Угол (Angle): 5
  • Примените градиент: Golden Dial Top X11
Stroke

Таким образом, мы сделали эффект более ярким и заметным.

Styled Second Copy Shape Layer

7. Добавляем Внешнее Свечение

Шаг 1

Продублируйте второй дубликат слоя с текстом (Ctrl + J), а затем щёлкните по дубликату слоя правой кнопкой мыши и в появившемся меню, выберите опцию Растрировать стиль слоя (Rasterize Layer Style).

Назовите растрированный слой Свечение (Glow), а затем уменьшите значение Заливки (Fill) до 0.

Rasetrize Layer Style

Шаг 2

Дважды щёлкните по слою Свечение (Glow), чтобы применить стиль слоя Внешнее свечение (Outer Glow). Установите следующие настройки для данного стиля:

  • Режим наложения (Blend Mode): Линейный свет (Linear Light)
  • Цвет: #e7bf2a
  • Размер (Size): 3
Outer Glow

Итак, мы добавили лёгкое свечение к тексту.

Outer Glow Effect

8. Добавляем Блики

Шаг 1

Установите цвет переднего плана на #ead994, выберите инструмент Кисть (Brush) и из набора кистей Звездочки / Блики, выберите кисть S&F-12.

Pick Brush Tip

Шаг 2

Откройте вкладку Кисть (Brush), для этого идём Окно >Кисть (Window > Brush), а затем измените настройки Динамики формы (Shape Dynamics), как показано на скриншоте ниже:

Shape Dynamics

Шаг 3

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

Добавьте звёздные блики вдоль краёв текста.

Adding the Flares

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

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

Далее, мы создали текст, а затем изменили некоторые настройки шрифта, такие как Трекинг (Tracking) и Кернинг (Kerning).

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

В заключение, мы настроили кисть с бликами, чтобы добавить эффект бликов на края текста.

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

design.tutsplus.com

Текст в стиле фильма Star Wars

В этом уроке мы будем создавать текст в стиле фильма “Звездные войны”.

Материалы для урока:

Архив

Шаг 1. Создайте  новый документ с черной заливкой. Автор создал документ размером 1024×768.

Шаг 2.Перед тем как начать, нам необходимо найти и установить шрифт в стиле Star Wars. Вы можете его в архиве.

Чтоб установить шрифт - необходимо файл с расширением .ttf скопировать в папку Fonts (обычно находится C:\WINDOWS\Fonts). Выберем шрифт, который только что установили и напишем наш текст “CLONEWARS”.

Шаг 3. Двойной клик на слое с текстом, чтобы войти в меню “Стиль слоя” (Blending Options). Здесь установите параметры как на рисунках:

Шаг 4. Затем, Вы должны дублировать слой с текстом (Ctrl + J) и примените к слою следующие настройки стиля слоя:

Шаг 5. Установите заливку ( Fill ) для второго слоя с текстом на 0 %.

Шаг 6. Теперь добавим еще немного текста “THE”, и применим к нему следующие настройки стиля слоя (Layerstyle).

Шаг 7. В следующем шаге мы будем использовать инструмент Прямоугольник (Rectangle Tool), чтобы сделать несколько прямоугольных фигур. Каждую на отдельном слое.

Шаг 8. Теперь для всех трех прямоугольных фигур примените следующие настройки стиля слоя:

Шаг 9. Создайте новый слой выше всех слоев и назовите его “Золото”. Объедините все предыдущие слои в один (Ctrl+E) – кроме фонового.Ctrl + клик  на  объединенном слое, чтобы создать выделение.

Шаг 10. Далее идем в пункт меню Выделение – Модификация – Расширить (Select - Modify – Expand) и расширим область выделения на 3 пикселя.

Шаг 11. Залейте выделенную область желтым цветом (#fcff00). Перед тем как выполнить заливку убедитесь, что у вас выбран слой “Золото”.

Шаг 12. Установите для слоя “Золото” режим наложения Мягкий свет (Soft Light) и непрозрачность 35%.

Шаг 13. Создайте новый слой и назовите его “Текстура”. Залейте его таким цветом (#7e4f2f). Затем идем в пункт меню Фильтр - Шум - Добавить шум (Filter - Noise - Add noise) и применяем параметры как на рисунках:

Шаг 14. После этого идем в пункт меню Фильтр - Размытие – Размытие в движении (Filter - Blur - Motion Blur) и применяем следующие  параметры:

Шаг 15. Применим еще один фильтр к этой текстуре. Идем в пункт меню Фильтр - Резкость – Контурная резкость (Filter - Sharpen - Unsharp Mask) и применяем следующие параметры:

Шаг 16. Ctrl + клик  на слое “Золото”, чтобы создать выделение. Теперь выберете слой “Текстура” и добавьте к нему векторную маску. Установите для слоя режим наложения на Перекрытие (Overlay).

Шаг 17. Теперь наложим на наш текст еще одну текстуру.

Автор импортировал текстуру в документ и изменил ее размер так, чтоб она вписывалась в размер нужного нам изображения. Далее идем в пункт меню Изображение - Коррекция – Обесцветить (Image - Adjustments - Desaturate)

Шаг 18. Повторим действия, которые мы делали в шаге 16, только на этот раз к другой текстуре.

Шаг 19. Установите режим наложения для слоя на Перекрытие (Overlay) и задайте режим непрозрачности слоя 63 %.

ФиналВот мы и закончили!!!! Если Вы хотите, можете добавить еще света или тени к получившемуся тексту.

От переводчика:А вот что получилось у меня - с наложением на космический пейзаж из предыдущего переведенного мной урока, который можно найтипо этой ссылке.

Удачи Вам фотошоп-мастера!!!!

photoshop-master.ru

Создаем в фотошопе эффект для текста из фильма Звездные войны | DesigNonstop

Создаем в фотошопе эффект для текста из фильма Звездные войны

5

Создаем в фотошопе эффект для текста из фильма Звездные войныОчень хороший урок от Tutzor, в котором мы будем создавать симпатичное лого в стиле Звездных войн. В основном мы будем оперировать такими стилями слоя: «Тиснение», «Наложение градиента», «Внутреннее свечение» и «Обводка». Потом мы сделаем текстуру с помощью фильтров «Шум» и «Размытие в движении», а затем воспользуемся одной оригинальной текстурой.

Шаг 1.Создаем в фотошопе новый документ размером 1024х768, заливаем его черным цветом.Создаем в фотошопе эффект для текста из фильма Звездные войны

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

Шаг 3.Дважды кликаем по слою и в стиле слоя задаем параметры для «Тиснение» (Bevel and Emboss) и «Наложение градиента» (Gradient Overlay), как на рисунке ниже.Создаем в фотошопе эффект для текста из фильма Звездные войны

Шаг 4.Делаем дубликат слоя и в стиле слоя задаем параметры для «Тиснение» (Bevel and Emboss), «Внутренняя тень» (Inner Shadow) и «Обводка» (Stroke), как на рисунке ниже.Создаем в фотошопе эффект для текста из фильма Звездные войны

Шаг 5.Устанавливаем параметр «Заливка» (Fill) для этого слоя на 0%.Создаем в фотошопе эффект для текста из фильма Звездные войны

Шаг 6.Делаем еще одну надпись, устанавливаем ее над текстом и задаем параметры стиля слоя как на рисунке ниже.Создаем в фотошопе эффект для текста из фильма Звездные войны

Шаг 7.На новом слое создаем прямоугольники, как на рисунке ниже, и заливаем их белым цветом.Создаем в фотошопе эффект для текста из фильма Звездные войны

Шаг 8.Применяем к этим прямоугольникам следующие настройки стиля слоя.Создаем в фотошопе эффект для текста из фильма Звездные войны

Шаг 9.Выделяем слово и прямоугольники. Для этого прощелкиваем мышкой каждый слой, удерживая Ctrl. Создаем новый слой.Создаем в фотошопе эффект для текста из фильма Звездные войны

Шаг 10.Трансформируем выделение «Выделение» (Select) > «Модификация» (Modify) > «Расширить…» (Expand) на 3 пикселя.Создаем в фотошопе эффект для текста из фильма Звездные войны

Шаг 11.Заливаем выделение этим цветом #fcff00.Создаем в фотошопе эффект для текста из фильма Звездные войны

Шаг 12.Устанавливаем режим наложения «Мягкий свет» (Soft Light) и прозрачность слоя (Opacity) 35%.Создаем в фотошопе эффект для текста из фильма Звездные войны

Шаг 13.Создаем новый слой, заливаем его цветом #7e4f2f. Затем в меню выбираем «Фильтр» (Filter) > «Шум» (Noise) > «Добавить шум…» (Add noise) со значениями как на картинке ниже.Создаем в фотошопе эффект для текста из фильма Звездные войны

Шаг 14.Теперь выбираем «Фильтр» (Filter) > «Размытие» (Blur) > «Размытие в движении» (Motion Blur) со значениями как на картинке ниже.Создаем в фотошопе эффект для текста из фильма Звездные войны

Шаг 15.Применяем «Фильтр» (Filter) > «Резкость» (Sharpen) > «Контурная резкость» (Unsharp Mask) со значениями как на картинке ниже.Создаем в фотошопе эффект для текста из фильма Звездные войны

Шаг 16.Делаем выделение текста и прямоугольников, как в Шаге 9, и добавляем слой-маску (Add a layer Mask), нажав на соответствующую иконку внизу на палитре слоев. Меняем режим наложения на «Перекрытие» (Overlay).Создаем в фотошопе эффект для текста из фильма Звездные войны

Шаг 17.Теперь возьмем эту текстуру. Трансформируем ее по размеру документа и обесцветим ее «Изображение» (Image) > «Коррекция» (Adjustments) > «Обесцветить» (Desaturate).Создаем в фотошопе эффект для текста из фильма Звездные войны

Шаг 18.Делаем выделение текста и прямоугольников, как в Шаге 9, и добавляем слой-маску (Add a layer Mask), нажав на соответствующую иконку внизу на палитре слоев.Создаем в фотошопе эффект для текста из фильма Звездные войны

Шаг 19.Меняем режим наложения на «Перекрытие» (Overlay) и прозрачность слоя (Opacity) 65%.Создаем в фотошопе эффект для текста из фильма Звездные войны

ФиналЕсли поэкспериментировать с наложением света и тени, то можно получить такой вот результат.Создаем в фотошопе эффект для текста из фильма Звездные войны

Оцените, пожалуйста, статью!
  1. 5
  2. 4
  3. 3
  4. 2
  5. 1
(0 голосов, в среднем: 0 из 5)

www.designonstop.com


Смотрите также