Создание эффектов в Photoshop

Создаем в Photoshop эффект текста из металла

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

Что мы будем создавать:

На создание этого урока меня вдохновил логотип Jurassic World.

Мы начнем с создания простого фона. Далее мы добавим стили слоя к тексту. И наконец, закончим добавлением кистей трещин для придания реалистичности металлическому эффекту. Для выполнения данного урока вам понадобится Photoshop CS3 или более поздние версии.

Ресурсы:

• Шрифт — http://www.dafont.com/it/battleground.font
• Кисти трещины — http://raven-mackay.deviantart.com/art/crack-brush-set-195214050
• Кисти трещины 2 — http://okfiles.net/0mB8I

Шаг 1

Создайте новый документ с размером 1384 х 840 пикселей и разрешением 200.

Шаг 2

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

Вы можете переименовать группу, дважды щелкнув по ней. Переименуйте её на 'Background'

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

Шаг 3

Измените цвет переднего плана на # C0C0C0. Теперь с помощью инструмента Заливка (Bucket Tool) заполните фоновый слой этим цветом.

Шаг 4

Создайте новую группу и назовите её 'Текст'.

Шаг 5

Выберите инструмент Текст (Text Tool) (расположенный на панели инструментов рядом с инструментом Перо (Pen Tool) и напишите слово 'Battleground. Поместите текстовый слой в центре холста. Используйте следующие параметры для текста:

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

Шаг 6

Время применить металлический эффект. Активируйте слой с текстом, нажмите на Иконку Стилей слоя (Layer Style Icon) (значок, с надписью Fx расположенный между значком сцепочкой и значком маски слоя в нижней части панели слоев) и введите следующие настройки:

Тень (Drop Shadow):

Внутренняятень (Inner Shadow):

Тиснение (Bevel and Emboss):

Наложениеградиента (Gradient Overlay):

Чтобы создать новый градиент, находясь в параметре стиля слоя Наложение градиента (Gradient Overlay) нажмите на градиент, чтобы открыть окно Редактор градиентов. Используя два цвета, указанные выше, сделайте шесть новых цветовых маркеров, отрегулировав их положение следующим образом:

Вот как должно выглядеть изображение на данном этапе:

Шаг 7

Теперь добавим обводку. Создайте выделение текстового слоя (перейдите в Выделение-Загрузить выделение-ок (Select-Load Selec-tOk или удерживая нажатой клавишу Ctrl, нажмите на иконку T рядом с текстовым слоем, как показано ниже).

Далее нам необходимо расширить выделение, перейдите в Выделение-Модификация-Расширить (Select—Modify—Expand).

Появится маленькое окошко, отрегулируйте параметры в нем следующим образом: Увеличить: 20 точек

Результат на данный момент:

Шаг 8

Создайте новый слой и поместите его под слой с текстом. Переименуйте его в «Outline»

Шаг 9

Измените цвет переднего плана на # 0F0F10. Теперь с помощью Инструмента Заливка (Paint Bucket Tool) заполните этим цветом выделение, созданное в предыдущем шаге.

Снимите выделение, нажав наинструмент прямоугольное выделение (Marquee Tool) на панели инструментов или же просто щелкните по свободной области на холсте, также можно снять выделение сочетанием клавиш Ctrl + D.

Шаг 10

Теперь нам нужно добавить некоторые эффекты к слою с обводкой. Нажмите на Иконку стилей слоя (Layer Style Icon) и введите следующие настройки:

Тень (Drop Shadow):

Внутренняятень (Inner Shadow):

Внешнее свечение (OuterGlow):

Тиснение (Bevel and Emboss):

Наложение градиента (Gradient Overlay):

(Используйте тот же градиент, что и в предыдущих шагах)

На данном этапе результат должен быть таким:

Шаг 11

Далее мы добавим больше деталей к обводке. Создайте новый слой, поместите его над слоем с обводкой и назовите 'Кисть'

Шаг 12

Используя кисти из Crack Brushes Pack, нарисуйте трещины. Экспериментируйте и сочетайте разные кисти из набора по своему вкусу.

Я использовал эти кисти:

Шаг 13

Почти готово! Нам нужно добавить трещин на слой с текстом. Выберите текстовый слой, нажмите на Иконку создания маски слоя (Layer Mask Icon).

Шаг 14

Возьмите те же кисти трещин, которые мы использовали раньше, и кистью порисуйте по слою с текстом, используйте черный цвет кисти.

Шаг 15

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

Финальный результат:

Автор перевода: Ольга Максимчук (Princypessa)

Как сделать эффект для текста в Фотошопе

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

Освоив этот урок вы научитесь создавать карамельный текст в  Adobe Photoshop. На картинке ниже вы можете видеть конечный результат. Это будет урок в 3 шага: пройдя первый шаг вы создадите ффон, добавите текст, во втором шаге вы будете работать с текстом, создавая реалистичный карамельный эффект, в третьем шаге вы займетесь окончательной доработкой текста, чтобы он выглядел превосходно.

Создайте новый документ в Photoshop (Ctrl + N), высотой (Height) 1920 и шириной (Width) 1080 пикселей. Разрешение (resolution) поставьте 300 пикс/дюйм (300 ppi), и цветовой профиль (color mode) RGB. Затем нажмите ОК.

Нажмите Ctrl + Shift + N, чтобы создать новый слой. Выберите основным цветом (foreground color) #292929 и нажмите Alt + Delete, чтобы залить слой выбранным цветом.

Нажмите Ctrl + Shift + N, чтобы создать еще один новый слой. Теперь основным цветом выберите #996933. Выберите Инструмент Градиент – Gradient (G). В окне настроек градиента убедитесь, что вы выбрали градиент от цвета к прозрачности (смотрите рисунок), также выберите тип градиента Радиальный (Radial). Сделайте градиентную заливку по центру от верха к низу холста.

Шаг 2. Создание фона

 Снова создайте новый слой (Ctrl + Shift + N). Выберите основным цветом #daba97. Снова возьмите Инструмент Градиент – Gradient (G) и в настройках выберите градиент от цвета к прозрачности, тип градиента Радиальный (Radial).

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

Теперь уменьшите Непрозрачность (Opacity) градиента до 64%.

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

Шаг 3. Добавление тексту эффектов: тень, наложение градиента, тиснение.

 Теперь наберите слово «Caramel», первую букву сделайте заглавной, остальные – строчными. Используйте шрифт Channel размером 47 пунктов, цвет шрифта — #b5710f. Разместите текст по центру холста, как показано на рисунке ниже:

Шаг 4. Добавление тексту эффектов: тень, наложение градиента, тиснение.

Дважды кликните левой кнопкой мыши по слою с текстом и добавьте стиль Тень (Drop Shadow) с такими настройками:

— режим наложения: Умножение (Multiply)

— цвет (Color): черный

— Непрозрачность (Opacity): 75%

— Угол (Angle): 131

— поставьте галочку Глобальное освещение (Use Global Light)

— Смещение (Distance): 5 пикселей

— Размах (Spread): 0 %

— Размер (Size): 8 пикселей

— Контур (Contour): Линейный (Linear)

— поставьте галочку в окошке Сглаживание (Anti-aliased)

— Шум (Noise): 0%

— поставьте галочку в окошке Слой выбивает тень (Layer Knocks Out Drop Shadow)

Шаг 5. Добавление тексту эффектов: тень, наложение градиента, тиснение.

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

— режим наложения Умножение (Multiply)

— снимите галочку Размыть (Dither)

— Непрозрачность (Opacity): 36%

градиент от черного к белому цвету

— снимите галочку Обратить (Reverse)

— Стиль (Style): Линейный (Linear)

— поставьте галочку Выровнять со слоем (Align with Layer)

— Угол (Angle): 90

— Масштаб (Scale): 150%

Шаг 6. Добавление тексту эффектов: тень, наложение градиента, тиснение.

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

— Стиль (Style): Внутренний скос (Inner Bevel)

— Метод (Technique): Плавное (Smooth) 

— Глубина (Depth): 100%

— Направление (Direction): Вверх (Up)

— Размер (Size): 5 пикселей

— Смягчение (Soften): 16 пикселей

— Угол (Angle): 131 градус

— поставьте галочку Глобальное освещение (Use Global Light)

— Высота (Altitude): 45 градусов

— Контур глянца (Gloss Contour): по Гауссу (Gaussian);

— снимите галочку в окошке Сглаживание (Anti-aliased)

— Режим подсветки (Highlight Mode): Осветление (Screen); Цвет (Color): #cf90; Непрозрачность (Opacity): 75%

— Режим тени (Shadow Mode): Умножение (Multiply); Цвет (Color): Черный; Непрозрачность (Opacity): 75%.

Шаг 7. Добавление тексту эффектов: тень, наложение градиента, тиснение.

Под вкладкой Тиснение (bevel & Emboss) отметьте окошко Контур (Contour) и выставьте настройки:

— Контур (Contour): по Гауссу (Gaussian)

— снимите галочку в окошке Сглаживание (Anti-aliased)

— Диапазон (Range): 63%

Шаг 8. Создание копии слоя с текстом и его корректировка

Для начала дублируйте текстовый слой, нажав Ctrl + J. Измените режим наложения только что созданной копии на Умножение (Multiply) и уменьшите Непрозрачность (Opacity) до 41%.
 Затем перейдите на вкладку стилей слоя Тень (Drop Shadow) и установите настройки:

— режим наложения: Умножение (Multiply)

— Цвет (Color): черный

— Непрозрачность (Opacity): 75%

— Угол (Angle): 131 градус

— поставьте галочку Глобальное освещение (Use Global Light)

— Смещение (Distance): 13 пикселей

— Размах (Spread): 0 %

— Размер (Size): 18 пикселей

— Контур (Contour): Линейный (Linear)

— снимите галочку в окошке Сглаживание (Anti-aliased)

— Шум (Noise): 0%

— поставьте галочку в окошке Слой выбивает тень (Layer Knocks Out Drop Shadow)

Шаг 9. Создание копии слоя с текстом и его корректировка

Теперь перейдите к стилю слоя Наложение градиента (Gradient Overlay) и настройте его:

— режим наложения Умножение (Multiply)

— снимите галочку Размыть (Dither)

— Непрозрачность (Opacity): 16%

градиент от черного к белому цвету

— снимите галочку Обратить (Reverse)

— Стиль (Style): Линейный (Linear)

— поставьте галочку Выровнять со слоем (Align with Layer)

— Угол (Angle): 90

— Масштаб (Scale): 150%

Шаг 10. Создание копии слоя с текстом и его корректировка

Далее перейдите к стилю Тиснение (Bevel and Emboss), выставьте настройки:

— Стиль (Style): Внутренний скос (Inner Bevel)

— Метод (Technique): Плавное (Smooth) 

— Глубина (Depth): 72%

— Направление (Direction): Вверх (Up)

— Размер (Size): 13 пикселей

— Смягчение (Soften): 4 пикселя

— Угол (Angle): 131 градус

— поставьте галочку Глобальное освещение (Use Global Light)

— Высота (Altitude): 45 градусов

— Контур глянца (Gloss Contour): Глубокая выемка (Cove — Deep);

— снимите галочку в окошке Сглаживание (Anti-aliased)

— Режим подсветки (Highlight Mode): Осветление (Screen); Цвет (Color): # fdf7ee; Непрозрачность (Opacity): 67%

— Режим тени (Shadow Mode): Умножение (Multiply); Цвет (Color): Черный; Непрозрачность (Opacity): 75%.

   Под вкладкой Тиснение (Bevel & Embos) отметьте окошко Контур (Contour) и не изменяйте настройки. Так как этот слой является копией первого текстового слоя, настройки стиля Контур (Contour) остануться такими же, как и для первого слоя. Когда все настроите, нажмите ОК.

Вот как должен выглядеть результат после этого шага:

Шаг 11. Добавление глянца тексту

Дублируйте второй текстовый слой. Поместите его над вторым слоем с текстом в порядке слоев. Уменьшите Непрозрачность (Opacity) до 41%. Теперь перейдите к стилям этого слоя и измените слой Тиснение (Bevel & Emboss). Остальные стили Наложение градиента (Gradient Overlay), Тень (Drop Shadow) и Контур (Contour) останутся такими же.

Настройки для стиля Тиснение (Bevel & Emboss):

— Стиль (Style): Внутренний скос (Inner Bevel)

— Метод (Technique): Плавное (Smooth) 

— Глубина (Depth): 1000%

— Направление (Direction): Вверх (Up)

— Размер (Size): 16 пикселей

— Смягчение (Soften): 0 пикселей

— Угол (Angle): 131 градус

— поставьте галочку Глобальное освещение (Use Global Light)

— Высота (Altitude): 45 градусов

— Контур глянца (Gloss Contour): Глубокая выемка (Cove — Deep);

— снимите галочку в окошке Сглаживание (Anti-aliased)

— Режим подсветки (Highlight Mode): Нормальный (Normal); Цвет (Color): белый; Непрозрачность (Opacity): 100%

— Режим тени (Shadow Mode): Умножение (Multiply); Цвет (Color): Черный; Непрозрачность (Opacity): 0%.

Итак, на рисунке ниже вы можете видеть результат 

Шаг 12. Добавление финальных элементов

Выделите вторую копию слоя с текстом и дублируйте ее (Ctrl + J). Поместите только что созданный слой между оригинальным текстом и второй копией текста. Затем кликните правой кнопкой мыши по этому слою и выберите пункт Преобразовать в смарт-объект (Convert to Smart Object).

Далее нажмите иконку Добавить маску слоя (Add layer mask) внизу панели Слои (Layers). Выделите маску, нажав на ее миниатюру, затем возьмите Инструмент Градиент – Gradient (G), тип Линейный (Linear).

При выделенной маске слоя, фоновый цвет автоматически переключается на черный, но если этого не произошло, убедитесь, что фоновым цветом выбран черный. И теперь протяните градиент от низа буквы «А» к верху буквы «А» (в тексте две буквы «А», но вы можете выбрать любую).

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

Шаг 13. Добавление финальных элементов

Создайте новый слой (Ctrl + Shift + N). Поместите этот слой сверху всех других слоев. Теперь возьмите Инструмент Перо — Pen tool (P)  и нарисуйте форму, как показано на рисунке ниже.

Когда закончите рисовать, кликните правой кнопкой мыши и выберите пункт Выделить область (Make Selection), в появившемся окошке нажмите ОК.

Затем выберите основным цветом #8d827b и нажмите Alt + Delete, чтобы залить выделение цветом, затем уменьшите Непрозрачность (Opacity) до 57%.

Результат вы можете увидеть на рисунке ниже:

Шаг 14. Добавление финальных элементов

Сначала создайте новый слой, поместите этот слой сверху слоя с отражением. Возьмите Инструмент Кисть – Brush Tool (B), мягкую кисть маленького размера, цвета #D4C8B8  и сделайте мазки кистью, как показано на рисунке:

Шаг 15. Финальное изображение

Поздавляем! Вот финальный результат!

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

Создание эффектов в Photoshop

Любое изображение может быть изменено до неузнаваемости, если воспользоваться возможностями Adobe Photoshop. Эта программа позволяет создавать невероятные эффекты, стирая грани между реальностью и иллюзией.

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

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

Основы создания эффектов

Photoshop имеет огромное количество эффектов и возможностей их применения

Чтобы личная страничка в социальной сети стала максимально популярной, чтобы личный блог сопровождался высокой посещаемостью, следует позаботиться о выставлении удивительных фотографий, которые привлекут внимание каждого посетителя сайта. Это удастся только тем, кто ориентирован на работу с графической программой Photoshop, кто повышает собственные навыки и интересуется её новыми функциями.

Начинать путь освоения Photoshop следует с малого – с её азов – с того, как добавить эффекты в Фотошопе. Только после того, как эти навыки будут доведены до автоматизма, пользователю можно переходить к изучению и практическому использованию сложных эффектов.

Простые эффекты

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

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

Интересуясь, как наложить эффект в Фотошопе, многие желают получить информацию о том, как это проделать с максимальной лёгкостью? Ещё некоторая часть пользователей желает первоначально изучить самые простые эффекты, а уже после этого приступить к изучению сложных.

Несмотря на это, опытные пользователи всё-таки выделяют фильтр, с которого лучше всего начинать освоение Фотошопа. При помощи фильтра Nick Collection (Color Efecs Pro 4) можно научиться менять стиль, контраст, яркость изображения, а также делать всевозможные креативные эффекты.

Чтобы добавить желаемый эффект, пользователь обязан открыть в программе изображение, которое нуждается в корректировке. Далее на панели инструментов следует выбрать пункт «Фильтр», после чего перейти в «Галерею фильтров». В ней предложено достаточное количество интересных вариантов. Пользователь должен просмотреть их, теоретически «примеряя» к изображению.

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

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

Создание сложных эффектов

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

Как создать 3D-изображение

Если очень хочется поразить своих друзей навыками работы в Фотошопе, то полезно разобраться с тем, как сделать 3D-эффект в Фотошопе.

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

После того как основа для создания 3D-фото подготовлена, пользователь может приступать к практическим действиям. Сначала следует обе полученные фотографии загрузить и поместить рядом, условно называя первый снимок левым, а второй — правым.

Кликнув двойным щелчком по первому слою, следует вызвать Layer Style Box, после этого перейти в Advanced Blending, затем сразу же обнаружить и перейти в Channels. Там уже установлена в маленьком окошке галочка, которую следует снять. Это позволит устранить с правого изображения все красные оттенки, в результате чего на фото начнут проявляться стереоэффекты.

Следующий шаг предусматривает открытие Background, переименование его в слой 0, а затем выбор Move Tool. Приблизительно в центре фото следует выбрать условную точку фокусировки, относительно которой следует немного сдвинуть правую фотографию. Лишние края 3D-изображения обрезаются. Отредактированное 3D-фото сохраняется, после этого надеваются 3D-очки и визуально оценивается результат работы.

Проделав единожды такие корректировочные действия, впоследствии делать 3D-изображения будет совершенно несложно.

Создание VHS эффекта

Отдельные пользователи активно интересуются тем, как сделать VHS эффект в Photoshop?

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

Затем, чтобы добавить VHS, необходимо поработать над каждым из трёх созданных дублей. Открыв первый дубль, вызывают меню «Уровни», в котором устанавливают нулевой показатель на красном и зелёном канале, поэтому изображение станет синим.

Во втором дубле убирают синий и красный каналы, а в третьем — синий и зелёный.

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

Эффект VHS будет обеспечен, если пользователь также применит фильтр «Шум», установив показатель 16%, убрав галочку напротив «Монохромный», а также установив параметр «Внешнее свечение».

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

Итак, графическая программа Adobe Photoshop позволяет создавать невероятно волшебные действия с любыми изображениями. Если имеется непреодолимое желание научиться создавать VHS и 3D-эффекты, то никто не сможет воспрепятствовать достижению поставленных целей.