Оживляем постер
Создайте новый документ. На новом слое напишите нужный текст. Используйте различные
цвета для слов и букв. Для корректировки ширины букв воспользуйтесь меню Редактирование >
Трансформация > Масштаб.
Отключите фон и объедините видимые слои. Включите фон. К слою с текстом добавьте слой-
маску (layer mask).
Откройте фотошаблон в новом документе. Затем просто скопируйте изображение ( Ctrl +A для
выделения фотографии, Ctrl + C для того чтобы скопировать фото). Вернитесь в рабочий
документ с текстом, встаньте на текстовый слой и перейдите на вкладку Каналы(Channels Tab).
Выберите нижний слой на вкладке под названием "Маска" (с пометкой Ctrl + \).
Стоя на данном слое, нажмите комбинацию клавиш Ctrl+V , для того, чтобы вставить
выбранное фото в канал.
Пока выделение вставленного фото еще не снято, активируйте
инструмент Трансформирование (Ctrl + T) и преобразуйте картинку (масштабируйте, поверните
или сделайте то, что считаете нужным).
Вернитесь на вкладку Слои (Layers Tab). Как вы видите, мы получили черно-белое
изображение внутри букв.
Встаньте на маску слоя и нажмите комбинацию клавиш Ctrl+I, для того что бы инвертировать
векторную маску (слой-маску \ layer mask).
Для того что бы получить более интересный эффект, вы можете дополнительно
воспользоваться корректирующими слоями (adjsutments layers), такими как Яркость
\Контрастность (Brightness/Contrast).
Создайте новый документ в Фотошопе размером 1280х720 пикселей. Я использую разрешение
143,99 пиксель/дюйм, так как работаю на MacBook Pro с Retina с дисплеем.
Залейте фоновый слой чёрным цветом, используя инструмент Заливка (Paint Bucket Tool) (G).
Текст
Выберите инструмент Горизонтальный текст (Horizontal Type Tool) (T) напишите «XCOM».
Используйте шрифт «Futura» размером 200pt цветом #00c0ff.
Стилизация
Кликните дважды на текстовом слое, чтобы открыть окно стилей. Примените следующие стили:
Внутреннее свечение (Inner Glow):
Результат:
Пиксельная маска
К текстовому слою добавьте маску (кликните на иконке в нижней части палитры слоёв).
Смягчение краёв
Сейчас мы добавим размытие, чтобы края не были такими чёткими. Выберите текстовый слой и
перейдите в меню Фильтр > Преобразовать для смарт-фильтров (Filter > Convert for Smart Filters).
Текстовый слой будет преобразован в смарт-объект. Это позволит изменить настройки фильтра в
любое время так же, как и стили слоя.
Примените фильтр Размытие по Гауссу (Фильтр > Размытие > Размытие по Гауссу) (Filter > Blur >
Gaussian Blur).
Создание узора
Нужно добавить горизонтальные линии на текст. Для этого мы создадим узор. Создайте новый
документ размером 14х14 пикселей.
Так как холст имеет очень маленький размер, Вам нужно увеличить масштаб насколько это
возможно.
Выберите инструмент Градиент (Gradient Tool) (G): Стиль (Style) – Зеркальный (Reflected).
Наложение узора
Вернитесь в основной документ и перейдите к стилям текстового слоя. Примените стиль Наложение
узора (Pattern Overlay).
В настройках стиля Установите Режим наложения (Blend Mode) на Жёсткий свет (Hard Light) и
понизьте непрозрачность.
Нужно убрать линии с пустого участка букв «COM». Выделите пустую область инструментом
Прямоугольная область (Rectangular Marquee Tool) (M).
Перейдите в меню Выделение > Модификация > Растушевка (Select > Modify > Feather) и введите
значение 20 пикселей. Чем оно выше, тем мягче будут края выделенной области.
К смарт-объекту добавьте маску, чтобы скрыть часть линий. Удерживая Alt, кликните на иконке
маски.
Чтобы сделать надпись ярче, создайте корректирующий слой Уровни (Levels). Затем чёрной кистью
обрисуйте нижнюю и верхнюю часть текста на маске корректирующего слоя, чтобы ослабить там
свечение.
2. С блестками
Шаг 1
Создаем новый документ размером 950 х 800 пикселей и над
слоем Background (Фон) вставляем текстуру стены.
Шаг 2
В нижней части панели слоев нажимаем на
кнопку Create new fill or adjustment layer (Создать новую заливку или
корректирующий слой) и выбираем Levels (Уровни).
Шаг 3
Выбираем слой Levels (Уровни) и трансформируем его в обтравочную маску
(Ctrl+Alt+G) для слоя «Фоновая текстура». Затем устанавливаем центральный
серый ползунок на 1,95.
Шаг 4
Большими буквами пишем текст, используя шрифт InterFace Regular.
Шаг 1
Выше предыдущих слоев вставляем розовую текстуру бумаги, при
необходимости корректируем ее размер и называем слой «Розовый».
Шаг 2
Зажимаем клавишу Alt и в нижней части панели слоев нажимаем на
кнопку Add layer mask (Добавить слой-маску), чтобы полностью скрыть
текстуру.
Шаг 3
Дублируем (Ctrl+J) слой «Розовый».
Шаг 4
Повторяем действия и добавляем вторую текстуру – упаковочную бумагу.
Переименовываем слой с текстурой на «Золотой» и дублируем его (Ctrl+J).
3. Создаем кисточку «Конфетти»
Шаг 1
Активируем инструмент Brush Tool (B) (Кисть) и открываем панель Window –
Brush (Окно – Кисть). Выбираем круглую жесткую кисть и настраиваем ее:
Шаг 3
Устанавливаем набор кисточек «Сердце», выбираем кисть s24 и настраиваем ее:
Brush Tip Shape (Форма отпечатка кисти)
Shape Dynamics (Динамика формы)
Scattering (Рассеивание)
Сохраняем кисть и называем ее «Конфетти в форме сердца».
Шаг 4
Выбираем квадратную кисть Hard Square 24 и настраиваем ее:
Шаг 1
Кликаем правой кнопкой по тексту и выбираем Create Work Path (Создать
рабочий контур). Затем скрываем текстовый слой, кликнув на значок глаза
напротив названия слоя.
Шаг 2
Берем Brush Tool (B) (Кисть), выбираем кисточку «Конфетти в форме сердца» и
устанавливаем цвет переднего плана на белый.
Выбираем маску слоя «Золотой» и один раз жмем клавишу Enter, чтобы кистью
выполнить обводку рабочего контура.
Шаг 3
Выбираем маску копии слоя «Золотой» и один раз жмем клавишу Enter, чтобы
кистью выполнить обводку рабочего контура.
Шаг 4
Скрываем обе копии слоя «Золотой».
Шаг 1
Теперь нам нужно создать еще один рабочий контур внутри предыдущего. Для
этого мы воспользуемся инструментом Pen Tool (P) (Перо). На верхней панели
режим рисования устанавливаем на Path(Контур).
Шаг 4
После этого нажимаем клавишу А, затем Enter, чтобы удалить рабочий контур.
6. Стилизуем круглое конфетти
Дважды кликаем по слою «Розовый», чтобы открыть окно Layer Style (Стиль
слоя), и применяем следующие стили слоя:
Шаг 1
Добавляем стиль слоя Color Overlay (Наложение цвета) со следующими
параметрами:
Цвет: #edcdd2
Шаг 2
Добавляем стиль слоя Drop Shadow (Тень) со следующими параметрами:
Opacity (Непрозрачность): 10%
Distance (Смещение): 7
Size (Размер): 3
Шаг 3
Кликаем правой кнопкой по слою «Розовый» и
выбираем Copy Layer Style (Скопировать стиль слоя). Затем кликаем правой
кнопкой по копии слоя «Розовый» и выбираем Paste Layer Style (Вставить стиль
слоя).
7. Стилизуем конфетти в форме сердца
Шаг 1
Восстанавливаем видимость копий слоя «Золотой».
Шаг 2
Дважды кликаем по оригинальному слою «Золотой» и применяем стиль
слоя Drop Shadow (Тень) со следующими настройками:
Opacity (Непрозрачность): 20%
Distance (Смещение): 7
Size (Размер): 3
Шаг 3
Копируем и вставляем стили на дубликат слоя «Золотой».
8. Перемещаем текстуры внутри маски
Шаг 1
Перемещаем слой «Золотой» под копию слоя «Розовый», чтобы эффект выглядел
более динамично. Затем кликаем на значок цепи между слоем и маской, чтобы
их разъединить. Делаем это для всех четырех слоев.
Шаг 2
Кликаем на миниатюру слоя и жмем Ctrl+T, чтобы активировать режим
свободной трансформации. Корректируем положение и размер текстуры, пока
не получим желаемый результат.
Шаг 3
Закончив, нажимаем Enter, чтобы принять изменения.
9. Добавляем размытые конфетти
Шаг 1
Выше всех предыдущих слоев снова добавляем текстуру упаковочной бумаги и
называем ее «Верхнее конфетти». Это конфетти находится ближе к зрителю и
должно быть крупнее, чем то, что на буквах, поэтому сильно не уменьшайте
масштаб текстуры.
Шаг 3
Далее переходим Filter – Blur Gallery – Path Blur (Фильтр – Галерея размытия –
Размытие контура). Ставим опорные точки и создаем дугообразную линию.
Настройки используйте либо такие как у меня, либо на ваше усмотрение.
Шаг 4
Переходим Filter – Blur – Gaussian Blur (Фильтр – Размытие – Размытие по
Гауссу) и устанавливаем Radius (Радиус) на 3.
Шаг 5
Дважды кликаем по слою «Верхнее конфетти» и применяем стиль
слоя Drop Shadow (Тень) со следующими настройками:
Opacity (Непрозрачность): 5%
Distance (Смещение): 70
Size (Размер): 5
Создаем новый документ размером 1000 х 460 пикселей. Цвет переднего плана
устанавливаем на #9193c3 и заднего – на #525578. Берем Gradient Tool (G)
(Градиент), выбираем градиент от цвета переднего плана к цвету заднего и
стиль Radial (Радиальный).
Шаг 2
Дважды кликаем по текстовому слою, чтобы применить стили слоя:
Size (Размер): 27
Ставим галочку напротив Anti-aliased (Сглаживание)
Shadow Mode (Режим тени) – Цвет: #d8d8d8
Contour (Контур)
Contour (Контур): Half Round (Полукруг)
Ставим галочку напротив Anti-aliased (Сглаживание)
Texture (Текстура)
Color (Цвет): #b5b5b5
Distance (Смещение): 0
Size (Размер): 10
Drop Shadow (Тень)
Opacity (Непрозрачность): 60%
Distance (Смещение): 8
Size (Размер): 9
Таким образом, мы придали тексту эффект 3D.
Шаг 3
Берем Brush Tool (B) (Кисть) и открываем панель Window – Brush (Окно –
Кисть). Выбираем кисточку Dune Grass и настраиваем ее:
Shape Dynamics (Динамика формы)
Color Dynamics (Динамика цвета)
Шаг 4
Кликаем правой кнопкой по текстовому слою и
выбираем Create Work Path (Создать рабочий контур). Затем над предыдущими
слоями добавляем новый и называем его «Обводка». Убедитесь, что
инструмент Brush Tool (B) (Кисть) все еще активен.
Устанавливаем цвет переднего плана на #cdcdcd и заднего – на #f3f3f3. Затем
несколько раз (5-7) жмем кнопку Enter, чтобы выполнить обводку контура нашей
кисточкой. Закончив, берем Direct SelectionTool (A) (Частичное выделение) и
еще раз жмем Enter, чтобы удалить рабочий контур.
Выбираем оттенок для полос (в данном уроке использован цвет #e890b9). Только
не берите слишком темный оттенок, так как режим
смешивания Linear Burn (Линейный затемнитель) все равно сделает цвет
темнее.
После этого, удерживая клавишу Shift, кликаем слева от текста на том уровне, на
котором должна быть полоса, и проводим кистью до самого правого края.
Благодаря клавише Shift линия получится идеально ровной.
Для этого кликаем слева от текста ровно на уровне верхней границы полосы,
зажимаем клавишу Shift и кликаем справа от текста.
Шаг 6
Берем Eraser Tool (E) (Ластик), открываем панель Brush (Кисть), выбираем
мягкую круглую кисточку размером 5 пикселей и настраиваем ее:
Проверяем, чтобы цвет переднего плана все еще был установлен на цвет полос,
а фоновый цвет устанавливаем на белый. Затем переходим Filter – Noise –
Add Noise (Фильтр – Шум – Добавить шум). Устанавливаем Amount (Эффект) на
5, Distribution (Распределение) – на Gaussian (По Гауссу) и
активируем Monochromatic (Монохромный).
Шаг 8
Перемещаем слой «Обводка» в самый верх панели слоев.
Color (Цвет): #767676
Opacity (Непрозрачность): 58%
Distance (Смещение): 15
Size (Размер): 10
Это добавит тексту больше объема.
Шаг 9
Снова активируем Brush Tool (B) (Кисть) и настраиваем кисточку Grass:
Shape Dynamics (Динамика формы)
Scattering (Рассеивание)
Color Dynamics (Динамика цвета)
Проверяем, чтобы цвет переднего плана все еще был установлен на цвет полос,
а фоновый – на белый. Затем под слоем «Тень» создаем новый и называем его
«Ворсинки».
Выберите инструмент Текст (Type tool) (T) и используя шрифт «Franks» 230 пт,
напишите слово «FRESH» белым цветом по центру документа.
Уменьшите заливку (Fill) текстового слоя до 0%, а затем дважды нажмите
комбинацию клавиш Ctrl+J, чтобы сделать две копии.
Шаг 2
Дважды кликните по миниатюре текстового слоя на панели слоев, чтобы
открыть окно параметра Стиль слоя (Layer Style). Выберите Тиснение (Bevel &
Emboss) в списке слева. Установите размер до 27 пикселей, снимите
флажок Глобальное освещение (Use Global Light), установите Угол (Angle) на
149° и Высоту (Altitude) на 58°. Нажмите на «стрелку», которая находится рядом с
миниатюрой Контур глянца(Gloss Contour) и выберите Перевернутый
конус (Cone – Inverted). Поставьте галочку на Сглаживание(Anti-aliased),
измените Режим подсветки (Highlight Mode) на Перекрытие (Overlay), сделайте
непрозрачность Режима подсветки до 100% и измените
непрозрачность Режима тени (Shadow Mode) до 0%.
Шаг 7
Выберите верхний слой, а затем, удерживая клавишу Shift, выделите все слои,
кроме Фонового слоя (Background) и слоя Water BG. Перейдите в Слои >
Дубликат слоев (Layer > Duplicate Layers) и после нажмите ОК, затем
выберите Слои > Объединить слои (Layer > Merge Layers). Дважды кликните на
имя дублированного слоя и переименуйте его в «Reflection».
Шаг 1
Выберите стиль слоя Тиснение (Bevel and Emboss). Установите следующие
настройки для данного стиля слоя:
Метод (Technique): Жёсткая огранка (Chisel Hard)
Размер (Size): 7
Контур Глянца (Gloss Contour): Конус (Cone)
Поставьте галочку в окошке Сглаживание (Anti-aliased)
Режим подсветки (Highlight Mode): Яркий свет (Vivid Light)
Непрозрачность (Opacity) 50%
Режим тени (Shadow Mode)
– Умножение (Multiply) Непрозрачность (Opacity) 50%
Шаг 2
Выберите стиль слоя Контур (Contour). Установите следующие настройки для
данного стиля слоя:
Контур (Contour): Перевёрнутый конус (Cone—Inverted)
Поставьте галочку в окошке Сглаживание (Anti-aliased)
Шаг 3
Выберите стиль слоя Тень (Drop Shadow). Установите следующие настройки для
данного стиля слоя:
Непрозрачность (Opacity) 90%
Смещение (Distance): 3
Размах (Spread): 0
Размер (Size): 7
Шаг 1
Выберите стиль слоя Тиснение (Bevel and Emboss). Установите следующие
настройки для данного стиля слоя:
Размер (Size): 7
Контур Глянца (Gloss Contour): Скруглённые ступени (Rounded Steps)
Поставьте галочку в окошке Сглаживание (Anti-aliased)
Режим подсветки (Highlight Mode): Яркий свет (Vivid Light)
Непрозрачность (Opacity) 50%
Режим тени (Shadow Mode)
– Умножение (Multiply) Непрозрачность (Opacity) 20%
Шаг 2
Выберите стиль слоя Контур (Contour). Установите следующие настройки для
данного стиля слоя:
Контур (Contour): Глубокая выемка (Cove-Deep)
Поставьте галочку в окошке Сглаживание (Anti-aliased)
Итак, мы создали стилизацию для второго слоя с текстом.
Шаг 1
Выберите стиль слоя Тиснение (Bevel and Emboss). Установите следующие
настройки для данного стиля слоя:
Размер (Size): 7
Контур Глянца (Gloss Contour): Двойное кольцо (Ring double)
Поставьте галочку в окошке Сглаживание (Anti-aliased)
Режим подсветки (Highlight Mode): Яркий свет (Vivid Light)
Непрозрачность (Opacity) 70%
Режим тени (Shadow Mode)
– Умножение (Multiply) Непрозрачность (Opacity) 20%
Шаг 2
Выберите стиль слоя Контур (Contour). Установите следующие настройки для
данного стиля слоя:
Контур (Contour): Конус (Cone)
Поставьте галочку в окошке Сглаживание (Anti-aliased)
Шаг 3
Выберите стиль слоя Тень (Drop Shadow). Установите следующие настройки для
данного стиля слоя:
Непрозрачность (Opacity) 70%
Смещение (Distance): 3
Размах (Spread): 0
Размер (Size): 7
Шаг 1
Откройте второе исходное изображение с автомобилем. Переместите данное
изображение на наш рабочий документ. Расположите данный слой с
автомобилем поверх всех остальных слоёв. Назовите этот слой Текстура
Текста (Text Texture). Примените масштабирование по мере необходимости.
Теперь, удерживая клавишу (ctrl)+щёлкните по миниатюре слоя с текстом, чтобы
загрузить активное выделение.
Шаг 2
Нажмите значок Добавить слой-маску (Add layer mask) в нижней части
панели слоёв, чтобы удалить текстуру за пределами контура активного
выделения.
Шаг 1
Нажмите значок Создать новый корректирующий слой или слой-
заливку (Create new fill or adjustment layer) в нижней части панели слоёв и в
появившемся окне выберите опцию Карта градиента (Gradient Map).
Шаг 2
Установите цвета градиента: фиолетовый, зелёный и оранжевый, а также
поставьте галочку в окошке Дизеринг (Dither).