Как сделать красивое объявление в фотошопе: Как сделать объявление в фотошопе — уроки по фотошопу Photoshop – Как создать рекламную листовку в Photoshop

Как сделать объявление в фотошопе - уроки по фотошопу Photoshop

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

Нам потребуется новый документ, размер 1000 на 1500.

И новый слой, который мы заливаем белым цветом при помощи инструмента «заливка».

Ознакомимся с инструментом текст, располагающимся на панели инструментов. Продумайте текст объявления заранее. Необходимо привлечь внимание людей. Задействуйте в тексте ключевые слова: «продам», «требуется», «работа», «куплю» и так далее.

Ставим курсор на рабочую область и пишем.

Расположим текст в середине документа и разнесем его на разные строки. Для этого задействуйте инструмент «Перемещение». Выбираем инструмент, помещаем курсор на текст и двигаем его.

Разнесем фразы на разные строки. Задействуйте инструмент «Текст». Поместите курсор в начало фразы, которую вы хотите опустить ниже и нажмите enter на клавиатуре.

Сделать так, чтобы фразы располагались по центру, вы можете, нажав пиктограмму «Выключка текста по центру».

Вот, что у нас получилось. Мы расположили слова в центральной части на глаз. Как же найти цент документа? Довольно просто. У нас имеется пустой слой. Выбираем инструмент «Перемещение» и кликаем по слою.

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

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

Теперь с помощью инструмента «Перемещение» ищем середину текстового блока и располагаем его в центре. Метки центра и вспомогательной линии должны сойтись.

Отредактируем текст. Давайте увеличим размеры слова « требуется». Выбираем инструмент «Текст» и проводим по слову «требуется», выделяя его.

Задаем кегль на верхней панели. Увеличиваем слово до 100 пикселей.

Таким же образом меняем размеры остальных фраз. «Рабочие для работы» - 60 пикселей. «Оплата деньгами» - 36 пикселей. «Выплаты регулярные» - 72 пикселя.

Теперь сделаем расстояние между строками больше. В этом нам поможет окно «Текст». Задаем интерлиньяж 95 пикселей.

Давайте хотя бы чуть-чуть украсим наше объявление. Для этого мы проведем горизонтальные линии сверху и снизу, задействуйте инструмент «Линия». Все настройки появятся на верхней панели, после того, как вы выберете инструмент. Предлагаю воспользоваться моими.

Нарисовать линию крайне просто. Проведите курсором по рабочей области. Советую зажать кнопку shift. Так ваши линии будут строго горизонтальными.

В окне слоев выбираем слой с нашими фигурами и растрируем.

Теперь создадим отрывные листочки. Допустим, их будет 8. Мне, честно говоря, лень высчитывать по пикселям, какого размера должен быть каждый блок. Поэтому я покажу вам свой способ как разделить поле на 8 частей.

Создаем новый слой. А затем выделенную область.

И рисуем прямоугольник ограниченный серединой документа и линией. Заливаем его каким-либо цветом, отличным от белого.

Нажимаем ctr+d. Выделение снято. Вспоминаем о инструменте «Перемещение» и ищем середину нашего прямоугольника. Не забываем устанавливать вспомогательную линию. Мы разделили половину рабочей области на 2 равных половинки.

Теперь опять берем инструмент «перемещение» и уменьшаем прямоугольник в два раза, просто потянув за боковую линию. Ставим вспомогательную линию.

Опять уменьшаем прямоугольник. Проделываем тот же маневр.

Вот мы и получили одну восьмую документа, которая станет первым отрывным листком. Но нам нужен белый листочек с черной обводкой. Должны же мы видеть, по какой линии резать. Поэтому для начала щелкаем по инструменту заливка и превращаем его в белый, как было описано выше.

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

В появившемся диалоговом окне выбираем вкладку «обводка». Выбираем следующие настройки.

А теперь убираем направляющую, кликнув по инструменту «Перемещение», оттаскивая ее к линейке.

Заготовка для первого отрывного листочка готова. Теперь нам следует разместить на нем телефон и какую-нибудь фразу. Нам требуется расположить текст по вертикали. Пишем.

Развернем его. Инструмент «Перемещение», кликаем по тексту и переворачиваем, потянув за появившийся уголок.

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

Вот они появились.

Не отпуская клавишу ctrl с помощью инструмента «перемещение» оттаскиваем их вбок.

Повторяем операцию.

Наше объявление готово!

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

Как создать стильное объявление - Photoshop

Здесь ещё один интересный урок о том, как создать интересное стильное объявление всего за несколько этапов.

Начнём с создания нового документа с размерами 700×500рх, разрешением (DPI) 72рх и зальем его линейным градиентом, используя цвета #0582ae и #0ab7db.

После этого найдём красивую подходящую фотографию, с которой и будем работать. Для этого Вам нужно использовать один из сайтов-хранилищ фотографий. Также Вы можете использовать мою картинку. Открываем картинку и копируем её на основной холст. После этого берем инструмент

Rectangular Marquee Tool и создаём выделение, как на моей картинке ниже.

Инвертируем выделение с помощью Select > Inverse или сочетанием клавиш Crtl+Shift+I и очищаем выделенную область с помощью кнопки Delete.

Снимаем выделение, используя меню Select > Deselect и продолжаем урок. Применяем следующие настройки Blending Options к текущему слою:

Смотрим результат ниже:

Затем создаем новый слой ниже фотографии, выбираем инструмент Polygonal Lasso Tool и создаем выделение, как показано у меня, которое затем заливаем черным цветом.

Снимите выделение с выделенной области с помощью Select > Deselect (или нажав Ctrl+D) и применяем фильтр Filter > Blur > Gaussian Blur со следующими настройками:

После этого меняем непрозрачность слоя на 35%.

Нажимаем Ctrl+J, чтобы скопировать слой, затем используем меню Edit > Transform > Flip Horizontal, чтобы отразить скопированный слой по горизонтали, и перемещаем его к правому нижнему углу фотографии.

Теперь, перейдём к следующему шагу. Берем инструмент Pen Tool и рисуем фигуру, похожую на ленту с цветом #aa2041 вверху правого угла. В будущем мы поместим сюда рекламный текст.

Применяем следующие настройки стиля слоя:

  • Drop Shadow
  • Inner Glow
  • Gradient Overlay

Теперь у нас получился следующий результат:

Создаем новый слой выше и производим его слияние с предыдущим слоем, чтобы получить все эффекты в одном слое. После этого берем инструмент Polygonal Lasso Tool, чтобы создать выделение, как на моей картинке ниже. С помощью кнопки Delete очищаем выделенную область.

Создаем новое выделение, теперь берем инструмент Dodge Tool (Brush: 65 px, Range: Highlights, Exposure: 50%), чтобы сделать ярче часть ленты.

Снимаем выделение с помощью Select > Deselect. Снова берем инструмент Dodge Tool, но обратите внимание, что нам нужно поменять некоторые установки: Brush: 7 px, Range: Midtones, Exposure: 50%.

Теперь время добавить текст. Используем инструмент Horizontal Type Tool и печатаем что-то вроде «Best Choice!» белым цветом шрифта. Применяем Edit > Transform > Free Transform и поворачиваем текст.

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

Мы закончили! Это очень стильный эффект. Спасибо за прочтение этого урока. Я надеюсь, он Вам понравился, хоть немного.

http://www.photoshopstar.com/
Перевод: http://www.4webmaster.ru/

Рекомендуем почитать:
• Типографская врезка
• Отбрасывание тени
• Размытие

Делаем модный постер в Фотошоп / Фотошоп-мастер

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

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

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

Примечание: Автор использовал платные материалы. В архиве вы найдёте альтернативный вариант изображений для выполнения урока.

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

1. Создаём Фото Эффект

Шаг 1

Откройте программу Photoshop. Установите следующие размеры рабочего документа 8.5 х 11 дюймов (inches). Скопируйте / вклейте (Copy / Paste) исходное изображение с моделью на наш рабочий документ. Расположите изображение модели в центре холста. 

Шаг 2

Скопируйте / вклейте текстуру Акварели с закруглённым контуром на наш рабочий документ. Поменяйте режим наложения для данного слоя с текстурой на Замена светлым (Lighten), а затем уменьшите Непрозрачность (Opacity) слоя до 80%. Расположите текстуру в области головы модели. Создайте новый слой и с помощью белой кисти, обработайте слишком насыщенные участки изображения модели.

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

Шаг 3

Теперь скопируйте / вклейте исходное изображение с профилем модели на наш рабочий документ. Примените масштабирование с помощью инструмента Свободная трансформация (Free Transform (Ctrl+T)). Поменяйте режим наложения для данного слоя с профилем модели на Замена светлым (Lighten). Расположите профиль модели поверх изображения модели, чтобы создать красивый эффект силуэта.

Примечание: Чтобы после изменения режима наложения на Замена светлым (Lighten), результат был похож на результат автора, необходимо, чтобы: 1) профиль модели была на белом фоне; 2) лицо модели было мало освещено. Посмотрите этот урок, чтобы узнать, как добиться этого эффекта при помощи Фотошоп.

Шаг 4

Вклейте текстуру с Акварельными брызгами на наш рабочий документ. Продублируйте слой с текстурой, а затем примените масштабирование к одной из текстур, чтобы она была немного больше второй. Установите Непрозрачность (Opacity) слоёв для обеих текстур примерно 25%. Почистите отдельные участки текстур с помощью инструмента Ластик (Eraser Tool (E))

Шаг 5

Добавьте новый корректирующий слой Уровни (Levels). Установите Тени (Shadows) на 27, Средние тона

(Midtones) на 0.54, и Света (Highlights) на 255. Добавьте ещё один корректирующий слой Экспозиция (Exposure). Установите значение Экспозиции (Exposure) на +0.25, а значение Сдвига (Offset) на -0.0523, и Гаммы коррекции (Gamma Correction) на 1.00.

Шаг 6

С помощью инструмента Прямоугольник (Rectangle Tool (U)), нарисуйте два светло-голубых прямоугольника (#bbf2f2) вдоль акварельных пятен. Установите Непрозрачность (Opacity) слоя 70%, чтобы слегка были видны акварельные брызги.

Шаг 7

С помощью инструмента Лассо (Lasso Tool (L)), нарисуйте длинные диагональные полосы. Залейте созданные фигуры различными цветовыми оттенками. Постарайтесь выбрать такие цветовые оттенки, что они были в основном синем диапазоне. Поменяйте режим наложения для слоёв с диагональными полосами на Жёсткий свет (Hard Light), а также уменьшите Непрозрачность (Opacity) слоёв до 90%.

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

2. Добавляем Текст и проводим Заключительную Коррекцию

Шаг 1

Добавьте текст к постеру. Я использовал шрифт Modern No. 20 (http://www.fontpalace.com/font-download/Modern%2BNo.%2B20/), варьируя размер шрифта (48 и 72 pt). Щёлкните правой кнопкой по слою с текстом и в появившемся окне выберите опцию Параметры наложения (Blending Options), чтобы добавить стиль слоя Тень (Drop Shadow). В настройках данного стиля слоя, установите Смещение (Distance) и Размер (Size) на 5 px.

Шаг 2

Ещё раз скопируйте / вклейте (Copy / Paste) исходную текстуру Акварели с закруглённым контуром на наш рабочий документ. Поменяйте режим наложения для данного слоя с текстурой акварели на Затемнение (Darken). Расположите текстуру в нижнем левом углу изображения, чтобы создать основу для композиции. С помощью инструмента Кисть (Brush Tool (B)), слегка прокрасьте мягкой красной кистью поверх левой части постера для добавления баланса.

Шаг 3

Последний, но не менее важный шаг: добавьте ещё один корректирующий слой Уровни (Levels). Установите Тени (Shadows) на 43, Средние тона (Midtones) на 0.62, и Света (Highlights) на 255. В завершении, создайте новый слой, залейте его ярким красным оттенком (#ff2539), а затем поменяйте режим наложения на Замена светлым (Lighten), а также уменьшите Непрозрачность (Opacity) слоя до 40%.

И на этом всё! Надеюсь, что вам понравился этот урок, который подойдёт для любого дизайнера. Желаю вам успехов в создании своего постера! До новых встреч!

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

Автор: blog.123rf.com

Полиграфия

Если вы сомневаетесь подойдет вам курс, если остались вопросы о том, как будет проходить обучение, то смотрите трансляцию с автором курса Инной Гревцевой.

274 0

​​​Размещаем подборку с работами пользователей со статусом PRO и MASTER. Давайте поддержим каждого лайками, отзывами и комментариями.

1554 38

Любите рисовать? Пришло время раскрыть свой потенциал. 16 марта стартует второй поток онлайн-курса «Основы коммерческой иллюстрации 2.0». Подключайтесь!

277 0

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

1013 10

Как вопреки мнению близких разрешить себе быть тем, кем ты хочешь? Об этом вы узнаете и интервью с Татьяной Ласковой, выпускницей 1-го потока курса «Основы коммерческой иллюстрации».

1943 20

Фотошоп для начинающих с нуля (уроки по основам работы)

Если вы сомневаетесь подойдет вам курс, если остались вопросы о том, как будет проходить обучение, то смотрите трансляцию с автором курса Инной Гревцевой.

274 0

​​​Размещаем подборку с работами пользователей со статусом PRO и MASTER. Давайте поддержим каждого лайками, отзывами и комментариями.

1553 38

Любите рисовать? Пришло время раскрыть свой потенциал. 16 марта стартует второй поток онлайн-курса «Основы коммерческой иллюстрации 2.0». Подключайтесь!

277 0

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

1013 10

Как вопреки мнению близких разрешить себе быть тем, кем ты хочешь? Об этом вы узнаете и интервью с Татьяной Ласковой, выпускницей 1-го потока курса «Основы коммерческой иллюстрации».

1942 20

Как сделать красивое фото вашей работы в Фотошопе, быстро и просто

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

Когда я рассматриваю фото здесь на Ярмарке или в интернете, часто встречаю необработанные фото. Бывает, что сама работа мастера очень хорошего качества, но из-за отсутствия обработки смотрится тускло и незаметно для читателей.

Больше 80% успеха фото работы, зависит от качества обработки фото!

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

На повестке дня у меня неудачное фото. Почему неудачное?

- Пасмурная погода (а я предпочитаю использовать естественное освещение)

- Неудачный фон (обычно он белый, но захотелось эксперимента) Результат неудачной фотосъемки - тусклое, темное фото с некрасивыми тенями.

Как сделать красивое фото вашей работы в Фотошопе, быстро и просто, фото № 1

Для обработки фотографий я использую программу Фотошоп, правильнее Adobe Photoshop CS5. Открываем программу, и в меню Файл - Открыть, находим нужное фото и открываем его. Выглядит это вот так

Как сделать красивое фото вашей работы в Фотошопе, быстро и просто, фото № 2

Некрасиво, правда? Пространства вокруг снимка слишком много. Надо его обрезать. Используем инструмент "Рамка"

Как сделать красивое фото вашей работы в Фотошопе, быстро и просто, фото № 3

Инструментом выделяем нужную область, жмем Enter, для завершения операции. Готово! Дальше нам необходимо поработать с освещенностью, для этого находим на верхней панели "Изображение - Коррекция".

Как сделать красивое фото вашей работы в Фотошопе, быстро и просто, фото № 4

Выводится такое окошко

Как сделать красивое фото вашей работы в Фотошопе, быстро и просто, фото № 5

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

Жмем "ОК" и любуемся результатом.

Как сделать красивое фото вашей работы в Фотошопе, быстро и просто, фото № 6

Фото стало светлее и веселее и пора заняться цветом. Находим на верхней панели "Изображение - Цветовой тон-Насыщенность"

Как сделать красивое фото вашей работы в Фотошопе, быстро и просто, фото № 7

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

Как сделать красивое фото вашей работы в Фотошопе, быстро и просто, фото № 8

Как сделать красивое фото вашей работы в Фотошопе, быстро и просто, фото № 9

Сравните, что у меня получилось, после такой коррекции. Разница очевидна!

Посмотрим критическим взглядом на фото, что еще требует доработки. Мне не понравилась резкость фото. Получилось немного смазано, а это не профессионально.

Как сделать красивое фото вашей работы в Фотошопе, быстро и просто, фото № 10

Исправляем! Находим на верхней панели "Фильтр - Усиление резкости - "умная" резкость".

Как сделать красивое фото вашей работы в Фотошопе, быстро и просто, фото № 11

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

Как только увидим хороший результат, жмем "ОК"

Как сделать красивое фото вашей работы в Фотошопе, быстро и просто, фото № 12

Бывают попадаются очень смазанные фото, к сожалению таким способом их не спасти, хотя можно попытаться.

Ну теперь посмотрим, что у меня получилось. Приближаем и проверяем качество резкости. Отлично!

Как сделать красивое фото вашей работы в Фотошопе, быстро и просто, фото № 13

Смотрим общий вид. Все очень даже неплохо, но раздражают тени. Давайте от них избавляться. Слева находится панель инструментов. Находим инструмент "Кисть"

Как сделать красивое фото вашей работы в Фотошопе, быстро и просто, фото № 14

Нажимаем в верхней панели на значок "Кисть" Выводится окошечко с размерами и видами кистей. Выбираем кисть выделенную на фото, размер кисти выберите ползунком, он зависит от размера вашего фото. Главное, чтобы было удобно закрашивать некрасивые тени. На верхней панели справа от кисти настройте прозрачность и степень нажима кисти, как у меня или поэкспериментируйте для опыта.

Как сделать красивое фото вашей работы в Фотошопе, быстро и просто, фото № 15

При включенном инструменте "Кисть", нажимаем клавишу Alt на клавиатуре, и не отпуская, берем пробу цвета на самом светлом участке фона. Этим способом мы получили цвет на кисть, чтобы закрашивать одним тоном фон, пряча неровности и тени.

Как сделать красивое фото вашей работы в Фотошопе, быстро и просто, фото № 16

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

Как сделать красивое фото вашей работы в Фотошопе, быстро и просто, фото № 17

Стало еще лучше, но все таки не совсем. Я решила высветлить фото по краям, чтобы добавить яркости и свежести моему снимку. На левой панели инструментов выбираем настройки цвета. Смотрим фото.

Как сделать красивое фото вашей работы в Фотошопе, быстро и просто, фото № 18

Появляется окошко, двигаем маленький круг по квадратному полю, выбираем нужный цвет. Он должен быть светлее. Если вас устроил цвет, как меня, жмем "ОК"

Как сделать красивое фото вашей работы в Фотошопе, быстро и просто, фото № 19

Берем инструмент "Кисть". Настраиваем размер и прозрачность. Как это делать я объясняла выше. Кистью плавненько и не торопясь высветляем фон фото.

Результат.

Как сделать красивое фото вашей работы в Фотошопе, быстро и просто, фото № 20

Не забудьте проверить размер изображения. На панели вверху "Изображение - Размер изображения" Как сделать красивое фото вашей работы в Фотошопе, быстро и просто, фото № 21

Выбираем параметры. Для меня самые удобные, те что на фото.

И качество фото сохраняется, и сайт не грузим лишним весом.

Как сделать красивое фото вашей работы в Фотошопе, быстро и просто, фото № 22

Сохраняем фото

Как сделать красивое фото вашей работы в Фотошопе, быстро и просто, фото № 23

А теперь давайте сравним. До обработки и после. Ну как вам?

Как сделать красивое фото вашей работы в Фотошопе, быстро и просто, фото № 24

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

Думаю эта информация будет полезна!

Удачных вам снимков!

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

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

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

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

Шаг 1

Создаем новый документ со следующими настройками:

  • Name (Название): Leaf Generator Tutorial
  • Dimensions (Размер): 850 x 553 пикс
  • Resolution (Разрешение): 72 dpi
  • Color Mode (Цветовой режим): RGB 8 bit (бит)
  • Background Contents (Содержимое фона): Custom (Другое) #193333

Шаг 2

Дважды кликаем по названию фонового слоя Background (Фон) и вводим новое имя «Фон» (при условии, что у вас английская версия программы, в русской этот слой по умолчанию называется «Фон»). Затем кликаем по нему правой кнопкой мышки и выбираем Convert to Smart Object (Преобразовать в смарт-объект).

Шаг 3

Применяем к смарт-объекту Filter – Noise – Add Noise (Фильтр – Шум – Добавить шум):

  • Amount (Эффект): 1.12%
  • Distribution (Распределение): Gaussian (По Гауссу)
  • Monochromatic (Монохромный): вкл

Шаг 4

Дважды кликаем по слою «Фон», чтобы открыть окно Layer Style (Стиль слоя). Применяем Inner Glow (Внутреннее свечение) со следующими настройками:

  • Blend Mode (Режим наложения): Multiply (Умножение)
  • Opacity (Непрозрачность): 65%
  • Noise (Шум): 0%
  • Цвет: #102a50
  • Technique (Метод): Softer (Мягкий)
  • Source (Источник): Edge (На краях)
  • Choke (Стягивание): 26%
  • Size (Размер): 250 пикс
  • Contour (Контур): Linear (Линейный)
  • Anti-aliased (Сглаживание): вкл
  • Range (Диапазон): 100%
  • Jitter (Колебание): 0%

Закончив, жмем ОК, чтобы применить результат.

2. Создаем стили

Шаг 1

В этом шаге мы будем использовать узор и кисточки из zip-архива, прикрепленного к уроку. Я создал бесшовный узор с помощью картинки Ficus Pamila (автор – Khalid Mahmood). Также я удалил с изображения шум, некоторые детали и изменил цвета. Узор в архиве уменьшен до 25% от оригинального размера, так что он идеально подойдет для данного урока.

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

Переходим Edit – Preset – Preset Manager (Редактирование – Наборы – Управление наборами) и в выпадающем меню выбираем Patterns (Узоры). Затем жмем на кнопку Load (Загрузить) и выбираем файл Leaf Generator Texture из архива. После этого в выпадающем меню выбираем Brushes (Кисти) и загружаем файл Leaf Generator Brushes – Tutorial из zip-архива. Эти кисти нам понадобятся позже.

Шаг 2

Активируем Horizontal Type Tool (T) (Текст). На панели Window – Character (Окно – Символ) устанавливаем шрифт Kingthings Organica и размер – на 287 пт. Затем пишем слово leaf.

Шаг 3

Дважды кликаем по текстовому слою, чтобы открыть окно Layer Style (Стиль слоя). Применяем Pattern Overlay (Наложение узора) со следующими параметрами:

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

Шаг 4

Теперь добавляем стиль слоя Gradient Overlay (Наложение градиента):

  • Blend Mode (Режим наложения): Overlay (Перекрытие)
  • Opacity (Непрозрачность): 25%
  • Dither (Дизеринг): выкл
  • Gradient (Градиент): черно-белый
  • Reverse (Инверсия): выкл
  • Align with Layer (Выровнять по слою): вкл
  • Style (Стиль): Linear (Линейная)
  • Angle (Угол): 90°
  • Scale (Масштаб): 100%

Шаг 5

Добавляем стиль слоя Inner Glow (Внутреннее свечение) и настраиваем его:

  • Blend Mode (Режим наложения): Linear Dodge (Add) (Линейный осв. (добавить))
  • Opacity (Непрозрачность): 59%
  • Noise (Шум): 0%
  • Цвет: #acff62
  • Technique (Метод): Softer (Мягкий)
  • Source (Источник): Edge (На краях)
  • Choke (Стягивание): 0%
  • Size (Размер): 17 пикс
  • Contour (Контур): Linear (Линейный)
  • Anti-aliased (Сглаживание): вкл
  • Range (Диапазон): 100%
  • Jitter (Колебание): 0%

Шаг 6

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

  • Blend Mode (Режим наложения): Hard Light (Жесткий свет)
  • Цвет: #122d02
  • Opacity (Непрозрачность): 100%
  • Use Global Light (Глобальное освещение): выкл
  • Angle (Угол): -180°
  • Distance (Смещение): 15 пикс
  • Choke (Стягивание): 0%
  • Size (Размер): 11 пикс
  • Contour (Контур): Linear (Линейный)
  • Anti-aliased (Сглаживание): выкл
  • Noise (Шум): 0%

Шаг 7

Добавляем стиль слоя Bevel & Emboss (Тиснение):

  • Style (Стиль): Inner Bevel (Внутренний скос)
  • Technique (Метод): Smooth (Плавное)
  • Depth (Глубина): 178%
  • Direction (Направление): Up (Вверх)
  • Size (Размер): 4 пикс
  • Soften (Смягчение): 6 пикс
  • Use Global Light (Глобальное освещение): выкл
  • Angle (Угол): -135°
  • Altitude (Высота): 32°
  • Gloss Contour (Контур глянца): Rolling Slope – Descending (Волнистый уклон)
  • Anti-aliased (Сглаживание): вкл
  • Highlight Mode (Режим подсветки): Screen (Экран)
  • Highlight Color (Цвет подсветки): #e1ff90
  • Highlight Opacity (Непрозрачность подсветки): 31%
  • Shadow Mode (Режим тени): Darken (Затемнение)
  • Shadow Color (Цвет тени): #000000
  • Shadow Opacity (Непрозрачность тени): 22%

Шаг 8

Жмем на кнопку New Style (Новый стиль), пишем название стиля «Маленькие листья», ставим необходимые галочки напротив Include Layer Effect (Включает эффект слоя) и Include Layer Blending Options (Включает параметры наложения слоя) и сохраняем результат.

Шаг 9

Далее удаляем стиль слоя Inner Glow (Внутреннее свечение) и редактируем параметры Inner Shadow (Внутренняя тень):

  • Blend Mode (Режим наложения): Hard Light (Жесткий свет)
  • Цвет: #122d02
  • Opacity (Непрозрачность): 43%
  • Use Global Light (Глобальное освещение): выкл
  • Angle (Угол): -180°
  • Distance (Смещение): 15 пикс
  • Choke (Стягивание): 0%
  • Size (Размер): 42 пикс
  • Contour (Контур): Linear (Линейный)
  • Anti-aliased (Сглаживание): выкл
  • Noise (Шум): 0%

Шаг 10

Также сохраняем измененные стили и пишем название «Маленькие листья по контуру». После этого жмем ОК, чтобы закрыть окно Layer Style (Стиль слоя).

3. Записываем экшен

Шаг 1

Открываем панель Window – Actions (Окно – Операции). Затем в нижней части окна жмем на кнопку Create new set (Создать новый набор) и вводим название «Эффект из листьев». После этого жмем на кнопку Create new action (Создать новую операцию) и вводим название «Эффект из листьев – мелкие». Затем жмем на кнопку Record (Запись), чтобы начать запись экшена.

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

Шаг 2

Называем текстовый слой «Text BKP» и устанавливаем его размер на 287,5 пт. После этого жмем сочетание клавиш Ctrl+A, чтобы выделить весь документ. Активируем Move Tool (V) (Перемещение) и на верхней панели жмем на указанные стрелками кнопки, чтобы выровнять надпись по центру.

Шаг 3

Сочетание клавиш Ctrl+D удаляем выделение. Далее дублируем (Ctrl+J) этот слой и называем копию «Основа текста».

Шаг 4

Кликаем правой кнопкой по слою «Основа текста» и выбираем Rasterize Type (Растрировать текст). Затем открываем панель Window – Styles (Окно – Стили). Находим стиль «Маленькие листья» и применяем его к растрированному тексту.

Шаг 5

Активируем Brush Tool (B) (Кисть) и выбираем кисточку Leaves A. С зажатой клавишей Ctrl кликаем по миниатюре слоя «Основа текста» на панели слоев, чтобы загрузить его выделение. Затем активируем инструмент Polygonal Lasso Tool (L) (Прямоугольное лассо), кликаем правой кнопкой по выделению и выбираем Make Work Path (Образовать рабочий контур). В открывшемся диалоговом окне устанавливаем Tolerance (Допуск) на 2 пикселя.

Шаг 6

Проверьте, чтобы Opacity (Непрозрачность) и Flow (Нажим) кисточки были установлены на 100%.

Открываем панель Window – Paths (Окно – Контуры). В верхнем правом углу жмем на кнопку меню и выбираем Stroke Path (Выполнить обводку контура). В открывшемся окне в выпадающем меню Tool (Инструмент) выбираем Brush (Кисть), снимаем галочку с Simulate Pressure (Имитировать нажим) и жмем ОК.

Шаг 7

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

Создаем новый слой (Ctrl+Shift+N), называем его «Контурные листья» и жмем ОК. Затем с зажатой клавишей Ctrl кликаем по миниатюре слоя «Основа текста», чтобы загрузить его выделение. После этого активируем Polygonal Lasso Tool (L) (Прямоугольное лассо) и создаем рабочий контур, как мы делали это выше.

Проверьте, чтобы вы случайно не выбрали слой «Основа текста» на панели слоев. В данном шаге мы работаем на слое «Контурные листья»!

Шаг 8

Активируем Brush Tool (B) (Кисть) и выбираем кисточку Leaves В. На панели контуров кликаем правой кнопкой по рабочему контуру и выбираем Stroke Path (Выполнить обводку контура).

Шаг 9

Снова возвращаемся на панель контуров и удаляем рабочий контур. Затем на панели Styles (Стили) применяем к контуру текста стиль «Маленькие листья по контуру».

Шаг 10

Теперь нам нужно преобразовать все текстовые слои в смарт-объект.

С зажатой клавишей Ctrl выделяем слои «Text BKP», «Основа текста» и «Контурные листья». Кликаем по ним правой кнопкой мышки и выбираем Convert to Smart Object (Преобразовать в смарт-объект). После этого называем получившийся смарт-объект «Листья».

Шаг 11

Давайте добавим тень на листьях.

Дважды кликаем по слою «Листья», чтобы открыть окно Layer Style (Стиль слоя). Затем добавляем Drop Shadow (Тень) со следующими настройками:

  • Blend Mode (Режим наложения): Multiply (Умножение)
  • Цвет: #000000
  • Opacity (Непрозрачность): 63%
  • Use Global Light (Глобальное освещение): выкл
  • Angle (Угол): 0°
  • Distance (Смещение): 5 пикс
  • Spread (Размах): 0%
  • Size (Размер): 9 пикс
  • Contour (Контур): Linear (Линейный)
  • Anti-aliased (Сглаживание): вкл
  • Noise (Шум): 0%
  • Layer Knocks Out Drop Shadow (Слой выбивает тень): вкл

Шаг 12

Добавляем стиль Inner Shadow (Внутренняя тень).

  • Blend Mode (Режим наложения): Hard Light (Жесткий свет)
  • Цвет: #000000
  • Opacity (Непрозрачность): 61%
  • Use Global Light (Глобальное освещение): выкл
  • Angle (Угол): 180°
  • Distance (Смещение): 8 пикс
  • Choke (Стягивание): 0%
  • Size (Размер): 2 пикс
  • Contour (Контур): Linear (Линейный)
  • Anti-aliased (Сглаживание): выкл
  • Noise (Шум): 0%

Жмем ОК, чтобы применить изменения и закрыть окно.

Шаг 13

Дублируем (Ctrl+J) текущий слой. Называем копию «Тень листьев», уменьшаем Fill (Заливка) до 0% и смещаем слой на задний план Layer – Arrange – Send Backward (Слои – Упорядочить – Переложить назад). Затем дважды кликаем по слою «Тень листьев», чтобы снова открыть стили слоя. Удаляем стиль Inner Shadow (Внутренняя тень) и корректируем настройки Drop Shadow (Тень):

  • Blend Mode (Режим наложения): Multiply (Умножение)
  • Цвет: #000000
  • Opacity (Непрозрачность): 19%
  • Use Global Light (Глобальное освещение): выкл
  • Angle (Угол): 0°
  • Distance (Смещение): 15 пикс
  • Spread (Размах): 26%
  • Size (Размер): 7 пикс
  • Contour (Контур): Linear (Линейный)
  • Anti-aliased (Сглаживание): вкл
  • Noise (Шум): 0%
  • Layer Knocks Out Drop Shadow (Слой выбивает тень): вкл

Шаг 14

Давайте избавимся от шума на текстуре.

Выбираем слой «Листья» и переходим Filter – Noise – Reduce Noise (Фильтр – Шум – Уменьшить шум).

  • Strength (Интенсивность): 10
  • Preserve Details (Сохранить детали): 11%
  • Reduce Color Noise (Уменьшить шумы цветов): 8%
  • Sharpen Details (Детали резкости): 19%
  • Remove JPEG Artifact (Удалить артефакты JPEG): выкл

Шаг 15

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

Применяем Filter – Sharpen – Smart Sharpen (Фильтр – Резкость – Умная резкость) со следующими настройками:

  • Amount (Эффект): 66%
  • Radius (Радиус): 0.5 пикс
  • Remove (Удалить): Gaussian Blur (Размытие по Гауссу)

Шаг 16

Теперь добавим больше зеленого на листьях. Для этого мы воспользуемся корректирующим слоем Gradient Map (Карта градиента).

Выбираем слой «Листья» и открываем панель Window – Adjustments (Окно – Коррекция). На этой панели жмем на последний значок с градиентом, чтобы создать слой Gradient Map (Карта градиента).

Шаг 17

Переименовываем слой с градиентом на «Цвет листьев» и уменьшаем его Opacity (Непрозрачность) до 50%. После этого кликаем правой кнопкой по этому же слою и выбираем Create Clipping Mask (Создать обтравочную маску). Дважды кликаем по миниатюре слоя, чтобы открыть его настройки на панели Properties (Свойства).

Шаг 18

Кликаем по градиентной полосе и настраиваем цвета градиента:

  • Первая контрольная точка: #031000 Location (Позиция): 5%
  • Вторая контрольная точка: #054c2b Location (Позиция): 26%
  • Третья контрольная точка: #106905 Location (Позиция): 42%
  • Четвертая контрольная точка: #86ff5c Location (Позиция): 87%

После этого переходим на панель операций и останавливаем запись экшена.

4. Финальные штрихи

Шаг 1

Давайте добавим простую тень под текстом.

Активируем Rounded Rectangle Tool (U) (Закругленный прямоугольник). Сразу под слоем «Тень листьев» рисуем длинный прямоугольник черного цвета.

Шаг 2

Кликаем правой кнопкой по слою с закругленным прямоугольником и выбираем Convert to Smart Object (Преобразовать в смарт-объект). Далее переходим Filter – Blur – Gaussian Blur (Фильтр – Размытие – Размытие по Гауссу) и устанавливаем радиус размытия на 6 пикселей. После этого устанавливаем непрозрачность слоя с прямоугольником на 71%.

Шаг 3

Далее нам понадобятся ветки и листья из zip-архива. Я создал ветки с помощью оригинального изображения Ficus Pumila. Сперва я вырезал несколько листьев, а затем дорисовал веточки. Затем я объединил это в один слой и добавил тени, используя стили слоя и обычную мягкую кисть.

Птицы скачаны с сайта pixabay.com. Их я тоже отредактировал: сначала удалил фон и дорисовал некоторые детали, которых не было на оригинальном фото. Затем с помощью стилей слоя я доработал светотени и подогнал масштаб всех картинок, чтобы они подходили для данного урока.

Открываем в Фотошоп файл Birds and Branches – Small.psd, перетаскиваем ветки и птиц на рабочий документ. Экспериментируем и подбираем для них подходящее расположение.

На примере ниже я дублировал (Ctrl+J) несколько веток и распределил копии по контуру букв. Затем разместил птиц на верхней части надписи.

Обратите внимание, что слой с крупной птицей находится под слоем «Тень листьев». Результат будет выглядеть реалистичнее, если несколько листиков прикрывают лапы птицы. То же самое можно сделать, если продублировать слои с ветками.

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

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

В начале мы создали два стиля, используя узор, один для заполнения внутренней части букв и второй – для контура. Затем мы применили эти стили к тексту. После этого объединили все слои вместе и применили к получившемуся слою новые стили, чтобы добавить объема. В конце мы вставили несколько веток и птиц.

Этот эффект можно получить с помощью экшена Leaf Generator.

Этот экшен включает следующие возможности:

  • Работает с любым текстом и фигурой.
  • Редактируемые стили слоя и цвета.
  • Поддержка разрешений 300 и 72 DPI.
  • Шесть различных цветов на выбор.
  • Работает в версиях CS5, CS6 и CC.
  • Включает PSD-файл с высококачественными ветками и птицами.

Автор: Anderson Luiz

Отправить ответ

avatar
  Подписаться  
Уведомление о