Делаем текстурный текст в Фотошоп / Creativo.one

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

И альтернативный вариант, если добавить немного цвета:

Итак, начнем!

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

Архив

Создайте новый документ размером 800 x 800 px. Залейте его черным цветом.
Теперь создадим освещение для нашего фона. Для этого будем использовать инструмент Gradient Tool (G)(Градиент). В настройках выберете  Radial Gradient (Радиальный градиент) и выполните действия, показанные ниже:

Загрузите шрифт из архива и напишите нужную надпись на фоновом слое.

Измените размер (если нужно) и расположение(в центре холста) текста.

Для текстового слоя примените следующие настройки:
Тень:

Внутренняя тень

Внешнее свечение

Внутреннее свечение

Тиснение

Наложение градиента

Вот, что должно получиться:

Откройте изображение камня.

Затем вернемся к нашему документу и сделаем выделение текста (для этого нужно зажать Ctrl и кликнуть левой кнопкой мыши по текстовому слою на панели слоев:

Затем перетащите выделение на загруженную текстуру:

Копируйте и вставьте выделение на документ с текстом. Назовите новый слой: «Текстура». Вы должны увидеть следующее:

Копируйте слой  «Текстура» и сделайте его невидимым. Вернитесь к оригиналу этого слоя и примените следующие настройки Black and White

(Чёрное и белое):

Установите режим наложения “Screen”(Осветление).
Включите скрытый слой копии текстуры и установите режим наложения “overlay”(Перекрытие):

Следующим шагом нам нужно будет сделать снежники, но если мои настройки покажутся вам не очень реалистичными, можете добавить свою текстуру и сделать лучше! В этой работе использовано это изображение. Используя метод, описанный выше, загрузите выделение текста. Теперь нам нужно сделать шаг, способствующий выделению: выберите Rectangular Marquee Tool (M)(Овальная область), удерживая нажатой клавишу Alt и в то же время сделать прямоугольное выделение в нижней части текста.

(Мы хотели бы сохранить эту часть горной породы и оставить верхнюю часть для снежного эффекта)
Теперь выделение должно будет выглядеть примерно так:

Кликните Alt + Ctrl + D и установите 10px растушевку выделенной области. Перетащите это выделение на изображение снега, которое мы загрузили, вырежьте и вставьте снег назад на наш документ с текстом:

Если вы считаете, не хватает снега на тексте, вы можете использовать

Clone Stamp Tool (S)(Штамп) с небольшой мягкой щеткой для клонирования еще несколько раз.

Назовите этот слой  «снежная фактура» и произведите корректировку Кривых со следующими настройками:

В дальнейшем эффект будет выглядеть так:

Чтобы добавить немного больше динамики эффекту, можно просто создать новый слой «снегопада», используйте для этого 3px мягкую круглую кисть :

Также поставьте галочку напротив пункта «Сглаживание».

Примените кисть с полученными настройками для слоя «снегопад», как показано ниже:

Чтобы добавить немного мягкости падающему снегу, можно дублировать слой «снегопад» и применить фильтр Gaussian Blur(Размытие по Гауссу):

Теперь эффект будет выглядеть так:

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

Или альтернативная версия, в которой добавлено немного цвета:

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

 

Источник: www.psdvault.com

Как сделать эффект каменного текста в Photoshop с помощью стандартных инструментов.

Посмотреть видео-урок

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

1. Печатаем текст и подготавливаем его под эффект

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

Я для работы буду использовать вот такой шрифт, который вы можете скачать вместе с исходниками урока. Размер можно настроить с помощью функции свободного трансформирования. Выбираем в верхнем меню «Редактирование» — «Свободное трансформирование» и настраиваем текста под нужный размер. Я поставлю текст ровно по центру холста.

Для начала обработаем края текста, чтобы он выглядел не идеально ровным, а имел некие зазубрины и сколы. Для этого создаём новый слой над слоем с текстом и заливаем его черным цветом. Берём инструмент «Заливка», установливаем чёрный цвет и заливаем.

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

2. Накладываем фильтры (работаем с маской)

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

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

Далее наложим на маску еще один фильтр, который называется «Линогравюра». Для этого кликаем по соответствующему значку, чтобы добавить новый слой с эффектом. Затем выбираем сам эффект, его можно найти в этой панели, во вкладке «Эскиз», либо выбрать прямо в настройках. Данному фильтру выставим такие же значения настроек, как и предыдущему. Т.е. «Тоновый баланс» ставим значение на 15-ть и «Смягчение» тоже. Применяем эффекты, кликнув «Ок».

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

Следующим шагом наложим на текст еще один фильтр, который называется «Кристаллизация». Для это мы снова создадим маску для слоя с текстом и на неё будем накладывать очередной эффект. Выделяем текст, для этого удерживая Ctrl на клавиатуре кликаем левой кнопкой мыши по слою с текстом. И создаём маску выделенной области, кликнув по соответствующему значку в панели слоёв.

Теперь выделяем созданную маску, кликнув по ней левой кнопкой мыши и в верхнем меню выбираем «Фильтр» — «Оформление» — «Кристаллизация».

В открывшемся окне настроек фильтра устанавливаем значение размера ячейки на 15-ть и применяем фильтр.

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

3. Накладываем текстуру камня

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

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

4. Накладываем фильтры, задаём объём, дорабатываем эффект

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

Затем накладываем этот слой на слой с текстурой. Как и в предыдущий раз, удерживаем Alt, наводим курсор между слоями и при появлении пинтограммы кликаем левой кнопкой мыши.

Выделяем маску слоя и переходим в верхнем меню в «Фильтр» — «Оформление» — «Кристаллизация». В появившемся окне настроек выкручиваем параметр «Размер ячейки» примерно до значения 80-ть и применяем фильтр.

Для того, чтобы этот эффект сделать более выразительным можно еще раз наложить на эту маску тот же фильтр, только с небольшим значением размера ячейки. Выделяем маску, выбираем в верхнем меню «Фильтр» — «Оформление» — «Кристаллизация» и устанавливаем значение примерно на 5-ть.

В результате по краям появилось больше сколов.

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

Здесь ищем стиль «Тиснение» и подключаем его к слою, поставив галочку. Тут мы установим «Внешний скос», глубину выставим примерно на 70%, размер установим около 50 пикселей. Далее, режим подсветки поставим «Осветление основы», непрозрачность установим около 20%, режим тени выберем «Затемнение основы» и непрозрачность поставим около 60%. Ну и последнее, что тут можно сделать — настроить угол освещения. По умолчанию он установлен в 90 градусов, давайте выставим его примерно на 60, чтобы свет падал с верхнего правого угла, а не прямо сверху вниз.

Теперь переходим во вкладку «Параметры наложения» и «Непрозрачность заливки» выставляем на ноль. В результате у нас появились дополнительные эффекты на самой текстуре текста.

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

Берём слой с текстом и копируем его вниз, под все слои. Для этого удерживаем Alt на клавиатуре и левой кнопкой мыши перетаскиваем слой вниз.

Теперь удалим маску, так как она нам не понадобиться. Кликаем по ней правой кнопкой мыши и выбираем «Удалить слой-маску».

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

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

Теперь удерживая Alt наводим курсор между слоями, до появления пинтаграммы, и кликаем левой кнопкой мыши.

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

Подключаем тиснение и здесь жмем кнопку «Восстановить значения по умолчанию». Теперь настраиваем параметры тиснения. Глубину выставим на 300%, размер на 70 пикселей, непрозрачность на 20%, режим подсветки — осветление основы, режим тени — затемнение основы и её непрозрачность на 60%. Потом, контур глянца — выбираем кривую и применяем все изменения.

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

Подключаем тень и выставляем следующие настройки. Режим наложения — «затемнение основы», непрозрачность 60%, угол — глобальное освещение, на 60 градусов, смещение — 50 пикселей, размах — ноль, размер — 100 пикселей и применяем изменения.

5. Накладываем тень от текста

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

Далее выбираем в верхнем меню «Фильтр» — «Галерея размытия» — «Размытие контура». Теперь перетаскиваем точку в положение, чтобы получилось примерно 60 градусов. В настройках фильтра вместо «Базовое размытие» ставим «Синхронизация вспышки по задней шторке». Очень сложное название, но такой вот перевод на русский. Скорость выставляем на 60%, скорость конечной точки поставим где-то на 200 пикселей.

6. Делаем фон из текстуры

Ну и сделаем теперь фон. Копируем текстуру камня под все слои. Удерживаем Alt и тащим слой левой кнопкой мыши вниз.

Чтобы фон не сливался с буквами откорректируем на глаз его яркость и контрастность с помощью уровней. Создаём корректирующий слой с уровнями над слоем с фоном, кликнув по соответствующей пентограмме в панели слоёв и выбрав «Уровни». Затем настраиваем уровни на глаз, до нужного результата.

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

Как в фотошопе наложить текст на изображение

Наложение изображений на различные объекты в программе Фотошоп – занятие увлекательное и иногда довольно полезное.

Сегодня я покажу, как наложить картинку на текст в Фотошопе.

Способ первый – воспользоваться обтравочной маской. Такая маска оставляет изображение только на объекте, к которому применена.

Итак, имеем какой-либо текст. У меня, для наглядности, это будет просто буква «А».

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

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

Зажимаем клавишу ALT и подводим курсор к границе между слоями с текстурой и текстом. Курсор изменит форму на квадратик с изогнутой книзу стрелкой (в Вашей версии Фотошопа значок курсора может отличаться, но форму изменить он должен обязательно).

Итак, курсор поменял форму, теперь кликаем по границе слоя.

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

При помощи этого приема можно наложить несколько изображений на текст и включать и отключать их (видимость) по необходимости.

Следующий способ позволяет создать из изображения объект в форме текста.

Так же помещаем текстуру поверх текста в палитре слоев.

Следим, чтобы активированным был слой с текстурой.

Затем зажимаем клавишу CTRL и кликаем по миниатюре слоя с текстом. Увидим выделение:

Данное выделение необходимо инвертировать сочетанием клавиш CTRL+SHIFT+I,

а затем удалить все лишнее, нажав клавишу DEL.

Выделение снимается клавишами CTRL+D.

Картинка в форме текста готова.

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

Отблагодарите автора, поделитесь статьей в социальных сетях.

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

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

Я так подозреваю, картинку вы уже нашли. Открываем фотошоп. Теперь нам следует открыть саму картинку. Для этого на верхней панели мы ищем вкладку «файл». Кликаем и из списка команд выбираем «открыть».

Картинка наша открыта. Я предлагаю не просто наложить текст, а создать красивую открытку. Почему бы и нет? Давайте напишем поздравление. Слева вы найдете панель инструментов, на которой имеется пиктограмма «текст». Она-то нам и нужна.

Кликаем по ней. А затем по картинке. И пишем!

Все! Наша первоочередная задача выполнена. Текст на картинку мы наложили. Но результат, мягко говоря, не радует. Можно было бы и лучше. Потому, давайте чуть-чуть отредактируем текст.

Для начала изменим цвет шрифта. Ставим курсор в конец текста. И выделяем, протягивая его к началу.

На верхней панели ищем иконку, кликаем. И выбираем цвет.

Я выбрала темно серый, почти черный цвет. Нажимаем на «ок» справа и цвет надписи меняется.

Мы не просто наложили текст на картинку, но и заменили его цвет. Давайте же расположим его красиво. Для этого ставим курсор после слова «рождения» и нажимаем enter на клавиатуре.

Давайте заменим шрифт. Снова выделяем текст, как было описано выше.

На верхней панели выбираем нужный из выпадающего списка.

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

А теперь подвинем надпись чуть правее. Для этого на панели инструментов ищем «перемещение». Делаем клик по надпись, и, не отпуская клавишу, оттягиваем надпись туда, куда нам хочется.

Теперь нам следует нажать комбинацию клавиш ctrl+shift+e. Слои сведутся в один. И сохраняем. На верхней панели имеется уже знакомая нам вкладка «файл – сохранить как».

Задаем имя. В выпадающем списке ниже выбираем формат jpg.

Наша открытка готова.

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

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

Прочитав эту статью, вы узнаете:

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

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

Создайте и раскрасьте текст

Шаг 1

Откройте фото ( или картинку ), которую будете использовать:

Шаг 2

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

Шаг 3

Выберите инструмент « Текст ». Я использую сжатый шрифт « Bernard MT Condensed ».

Я собираюсь напечатать « PHOTOSHOP CAFE » и перетащить надпись на бочку:

Шаг 4

Самый быстрый способ изменить размер текста – нажать Ctrl-T ( или Command T на Mac ), зажать клавишу Shift , а затем растянуть текст в соответствии с пропорциями бочки:

Нажмите « Enter », чтобы сохранить изменения.

Делаем обтекание текстом

Шаг 5

Перед тем как добавить текст на картинку в Фотошопе, нажмите правой кнопкой мыши на текстовом слое в панели « Слои » и выберите пункт « Растрировать текст ». Это действие преобразует текст в пиксели, чтобы мы могли искажать их:

Шаг 6

Нажмите Ctrl/Cmd -T чтобы вызвать команду « Свободное трансформирование ». Щелкните правой кнопкой мыши и выберите инструмент « Деформация ». Он отлично работает на закругленных поверхностях:

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

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

Нажмите « Enter », чтобы сохранить изменения:

Наложение текстуры на текст

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

Шаг 7

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

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

Повышение реалистичности текста

Сейчас мы придадим тексту немного шероховатости.

Шаг 8

Перед тем, как добавить текст на картинку в Фотошопе, создайте слой-маску на текстовом слое, выбрав « Текстовый слой » и нажав на кнопку « Слой-маска » на панели « Слои » ( прямоугольная иконка с кружочком внутри ):

Нажмите на клавишу « D », чтобы выбрать черный в качестве цвета переднего плана. Нажмите на клавишу « В » , чтобы выбрать инструмент « Кисть ». Убедитесь, что параметр « Непрозрачность » равен 100, а режим наложения — нормальный.

Мы будем использовать грубую кисть. Если вы посмотрите на верхнюю панель параметров, то найдете кисть в левом верхнем углу. Кликнете по ней. Вы увидите панель с шестерней. Нажмите на иконку.

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

Нажмите « Добавить »:

Шаг 9

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

Также следует поступить, если вы хотите создать основной потертый текст. Совет: Вы можете загрузить кисти с сайтов типа Brusheezy или DeviantArt .

Придание тексту эффекта 3D

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

Шаг 10

При выбранном текстовом слое нажмите на маленькие « fx » внизу панели « Слои », чтобы добавить стиль слоя. Выберите стиль слоя « Внутренняя тень ». Установите параметр «Непрозрачность» на 100 и немного увеличьте « Смещение », и вы увидите, что надпись станет немного объемной.

Меняйте значение « Угла », и вы увидите, как надпись начнет вдавливаться в дерево:

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

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

Данная публикация представляет собой перевод статьи « HOW TO BLEND TEXT INTO A PHOTO REALISTICALLY IN ADOBE PHOTOSHOP TUTORIAL » , подготовленной дружной командой проекта Интернет-технологии.ру

от простого к сложному. Часть 62

2 — 2003

1 Фон

2 Извлечение шрифта из надписи

3 Текст как текстура

4 Деформация текста

5 Поток мыслей

Photoshop позволяет применять к тексту самую разнообразную оформительскую технику. Отличные результаты дает, например, использование текста в качестве текстуры…
Используемые не по своему прямому назначению буквы способны принимать загадочный вид. Вместо того, чтобы четко передавать смысл написанного, текст как текстура, наоборот, его скрывает. Подобная техника поможет придать эмоциональную нагрузку вашей композиции.
Текст в этом уроке должен будет вызывать ассоциации с чем-то давно позабытым. Вы узнаете, как сливать буквы с другими элементами композиции. Слова становятся частью картинки, утрачивая свой изначальный смысл.
У вас может не оказаться шрифта, который идеально вписался бы в композицию, и здесь на помощь приходит фотография. Мы воссоздадим шрифт, которым была вырезана надпись на камне более века назад. Использованная нами фотография содержит надпись готическим шрифтом – это именно тот стиль, который нужен для нашей композиции. На этом примере вы научитесь создавать свои собственные шрифты.

1 Фон

Чтобы типографика выглядела интереснее, потребуется соответствующие фон и текстура. Их-то и нужно создать прежде всего…

1. Для фона мы выбрали вот такое изображение с градиентом, а в качестве текстуры используем два черепа. Подумаем, как лучше разместить эти объекты в композиции. Макет должен наилучшим образом оттенять инициалы JH (см. изображение в самом начале).
2. Сначала тонируем фон. Комбинацией клавиш Ctrl+U/Command-U откройте диалоговое окно Hue/Saturation (Цветовой тон/Насыщенность). Регулятором Saturation понизьте насыщенность цвета, а регулятором Hue задайте ему коричневый оттенок. Этот тусклый цвет в дальнейшем послужит хорошей основой для наложения на фон других изображений в режиме Overlay (Перекрытие).
3. «Череп.1» помещаем в центр так, чтобы верхнее и нижнее изображения сливались. Задайте режим наложения Maltiply (Умножение) — на светлом пятне должен частично проявиться силуэт черепа.
4. Берем еще одно изображение, «Череп.2», и переносим его в левую часть композиции. С помощью инструмента трансформации (Ctrl/Command+T) поворачиваем изображение перпендикулярно центральному черепу. Затем дублируем слой «Череп.2» и командой Edit > Transform > Flip Horizontal (Редактор > Трансформация > Отразить по горизонтали) создаем отраженное изображение в правой части иллюстрации.
5. К обоим слоям применяем режим наложения Screen (Осветление). При этом черные области исчезают и остаются только белые черепа. Итак, основа для композиции создана.
6. Открываем изображение высоковольтной вышки. Инвертируем его (Ctrl/Command+I). Переносим негатив на фон и позиционируем так, чтобы он перекрывал левый череп. Применяем режим наложения Screen, чтобы вышка выглядела призрачной.
7. Для огрубления полученного изображения откроем файл с текстурой. Инвертируем его (Ctrl/Command+I). Это нужно для того, чтобы текстуру можно было наложить на композицию в режиме Screen.
8. Помещаем текстуру на фон и выбираем режим наложения Screen. Изображение обретает наэлектризованность и эфемерность. С помощью регуляторов в диалоговом окне Levels (Уровни) добейтесь, чтобы шумы текстуры растворились в фоне.
9. Увеличение показывает, насколько текстура помогает объединить все элементы изображения: черепа, вышка и фон обретают некое единство.

2 Извлечение шрифта из надписи

Эта надпись была вырезана на камне более 100 лет назад. Мы преобразуем ее в цифровую форму…

1. На этой фотографии изображен крест, установленный в 1892 году. Красивый готический шрифт отлично подходит для вензеля, который должен находиться в центре нашего изображения. Это в очередной раз подтверждает, насколько удобно всегда иметь под рукой фотоаппарат. Инициалы JH будут центральной частью всей композиции.
2. Чтобы буквы выглядели, как новые, понадобится трассировать их, то есть обвести инструментом «перо». Работа с «пером» требует определенных навыков. Это важнейший инструмент в арсенале компьютерного дизайнера-графика, поэтому его обязательно надо освоить.
3. Аккуратно обведя все буквы, открываем палитру Paths (Контуры). Щелчок на символе «выделить контур» преобразует контур в выделение.
4. С помощью инструмента «область» размещаем выделение между двумя фланговыми черепами. Клавишами-стрелками выравниваем выделение по центру.
5. Заполняем выделение слабым оттенком серого. Слой «Шрифт» должен находиться под слоем с текстурой, чтобы воспринять ее шероховатость. Сбрасываем выделение (Ctrl/Command+D) и выбираем режим наложения Color Dodge (Осветление основы).
6. На данном этапе буквы выглядят не особенно ярко. Дублируем этот слой и понизим уровень непрозрачности копии до 50 процентов. Теперь буквы видны достаточно хорошо, чтобы составить центральный элемент композиции, и при этом сохраняют шероховатость нижней текстуры.

3 Текст как текстура

Теперь поэкспериментируем с типографикой как текстурой, создавая из текста неразборчивый фон…

1. Откройте новый документ и выберите какой-нибудь старинный шрифт. В нашем примере это Old English Next, хотя сюда хорошо впишется любой из подобных шрифтов. Выберите инструмент «текст» и введите строку текста размером примерно 30 пунктов.
2. Выделите текст и нажмите кнопку с буквой Т на горизонтальной панели инструментов. При этом откроется диалоговое окно деформации текста. Из списка вариантов мы выбрали Bulge.
3. Создайте несколько строк текста и каждой строке задайте свой стиль искривления. Хотя текст предназначен для текстуры, некоторые слова все же останутся читаемыми, поэтому подобранные с умом фразы способны придать компании больше загадочности.
4. Свяжите текстовые слои, щелкая в пустом квадратике слева от строки каждого слоя на палитре Layers (в квадратиках появляется изображение цепи). Связав слои (кроме фонового), комбинацией клавиш Ctrl/Command+Е совместите их. Выделите кусок текста инструментом «лассо» и перетащите его в основное изображение.
5. Поместите этот текст позади символов JH — они должны оставаться яркими. Задайте режим наложения Multiply (Умножение) и позиционируйте текст-текстуру по центру.
6. Создайте несколько дубликатов слоя с куском текста и постройте из них колонку посередине композиции. Это поможет усилить фокальную точку иллюстрации и симметричность композиции.

4 Деформация текста

Чем сильнее деформирован текст, тем загадочнее будут выглядеть буквы фона…

1. Вернемся к совмещенному файлу с текстом и дублируем слой. Откройте модуль Liquify (Shift+Ctrl/Command+Х) и обработайте текст, используя для этого разные инструменты.
2. Перенесите слой в иллюстрацию и инвертируйте его, превратив черные буквы в белые (Ctrl/Command+I). В списке режимов наложения на палитре Layers выберите вариант Overlay (Перекрытие). Теперь буквы выглядят так, будто плавают на текстуре.
3. Повторите этот процесс несколько раз, пока фон не заполнится перекрывающим его текстом. Кое-где измените уровень непрозрачности, чтобы придать изображению некоторую неравномерность. Не задумывайтесь, что и где должно находиться — лучше смотрите, как выглядит текстура в разных областях.

5 Поток мыслей

В завершение вставим в иллюстрацию еще один рукописный текст…

1. Напишите коричневым цветом многократно повторяющуюся строку текста, который передает ощущение, вызываемое этим изображением. Новый текст должен быть более разборчивым, чтобы составить контраст уже имеющемуся деформированному тексту. Размер букв должен быть значительно меньше: примерно 8-9 пунктов.
2. Обработайте некоторые участки нового текста в модуле Liquify. Только не перестарайтесь: достаточно будет небольшой волны. Можете воспользоваться инструментом Twirl (Искривление) с кистью большого диаметра. Придайте тексту такой вид, будто по нему прокатился шквал или поток воды.
3. Позиционируйте текст так, чтобы он пересек все изображение, пройдя через фланговые черепа и инициалы JH. В заключение выберите режим наложения Multiply (Умножение) и скопируйте слой несколько раз, пока поперек всего изображения со всей очевидностью не проявится ваш текст.

КомпьюАрт 2’2003

Как наложить текст на картинку в фотошопе

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

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

Я так подозреваю, картинку вы уже нашли. Открываем фотошоп. Теперь нам следует открыть саму картинку. Для этого на верхней панели мы ищем вкладку «файл». Кликаем и из списка команд выбираем «открыть».

Картинка наша открыта. Я предлагаю не просто наложить текст, а создать красивую открытку. Почему бы и нет? Давайте напишем поздравление. Слева вы найдете панель инструментов, на которой имеется пиктограмма «текст». Она-то нам и нужна.

Кликаем по ней. А затем по картинке. И пишем!

Все! Наша первоочередная задача выполнена. Текст на картинку мы наложили. Но результат, мягко говоря, не радует. Можно было бы и лучше. Потому, давайте чуть-чуть отредактируем текст.

Для начала изменим цвет шрифта. Ставим курсор в конец текста. И выделяем, протягивая его к началу.

На верхней панели ищем иконку, кликаем. И выбираем цвет.

Я выбрала темно серый, почти черный цвет. Нажимаем на «ок» справа и цвет надписи меняется.

Мы не просто наложили текст на картинку, но и заменили его цвет. Давайте же расположим его красиво. Для этого ставим курсор после слова «рождения» и нажимаем enter на клавиатуре.

Давайте заменим шрифт. Снова выделяем текст, как было описано выше.

На верхней панели выбираем нужный из выпадающего списка.

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

А теперь подвинем надпись чуть правее. Для этого на панели инструментов ищем «перемещение». Делаем клик по надпись, и, не отпуская клавишу, оттягиваем надпись туда, куда нам хочется.

Теперь нам следует нажать комбинацию клавиш ctrl+shift+e. Слои сведутся в один. И сохраняем. На верхней панели имеется уже знакомая нам вкладка «файл – сохранить как».

Задаем имя. В выпадающем списке ниже выбираем формат jpg.

Наша открытка готова.

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

Пламенный горячий огонь текст в фотошопе

В этом уроке я покажу вам шаг за шагом, как создать огненный текстовый эффект в Фотошопе, поглощая ваши письма горящими огнями. Мы начнем с добавления некоторого исходного текста, а затем подожжем его с помощью фильтра ветра Photoshop, фильтра Liquify, корректирующих слоев и эффектов слоев! Мы смешаем текст с пламенем, используя Brush Tool и маску слоя. И мы улучшим эффект огня, используя пару текстур, которые мы создадим с нуля.

Вот как будет выглядеть огненный текстовый эффект, когда мы закончим:

Конечный эффект.

Давайте начнем!

Часть 1: Добавление текста

Мы начнем с создания нового документа и добавления исходного текста.

Я использую последнюю версию Photoshop CC, но каждый шаг полностью совместим с Photoshop CS6.

Шаг 1. Создайте новый документ Photoshop

Начните с создания нового документа Photoshop. Перейдите в меню « Файл» в строке меню и выберите « Создать» :

Идем в Файл> Новый.

Для этого урока установите ширину документа на 1600 пикселей, высоту на 1000 пикселей и разрешение на 72 пикселя / дюйм . Оставьте фоновое содержимое пока белым . А затем, чтобы создать документ, нажмите «Создать» или «ОК» в зависимости от того, какую версию Photoshop вы используете:

Новые настройки документа.

Шаг 2: Заполните новый документ черным

Измените фон документа с белого на черный, зайдя в меню « Правка» и выбрав « Заливка» :

Собираюсь Правка> Заполнить.

В диалоговом окне «Заливка» установите для содержимого значение « Черный» и нажмите кнопку «ОК».

Настройка содержимого на черный.

Фотошоп заполняет фон черным:

Огненный текст будет хорошо выделяться на черном фоне.

Шаг 3: Добавьте свой текст

Чтобы добавить текст, выберите инструмент «Текст» на панели инструментов:

Выбор инструмента «Текст».

На панели параметров выберите свой шрифт. Я пойду с чем-то простым, как Times New Roman Bold . Установите размер шрифта равным 72 pt, чтобы получить самый большой заданный размер:

Выбор шрифта и размера шрифта на панели параметров.

По-прежнему на панели параметров установите цвет шрифта на белый, щелкнув образец цвета :

Изменение цвета типа.

А затем выбирая белый цвет в палитре цветов. Нажмите OK, чтобы закрыть его:

Установка типа цвета на белый.

Выбрав шрифт и цвет шрифта, щелкните внутри документа и добавьте свой текст. Я наберу слово «ОГОНЬ». Текст будет выглядеть слишком маленьким, но мы исправим это следующим образом:

Добавляем текст.

Чтобы принять его, нажмите галочку на панели параметров:

Нажав на галочку.

Шаг 4. Изменение размера и перемещение текста с помощью Free Transform

Чтобы изменить размер текста, перейдите в меню « Правка» и выберите « Свободное преобразование» :

Собираемся Правка> Свободное Преобразование.

Затем нажмите и удерживайте клавишу Shift и перетащите любую из угловых ручек наружу. Удерживая клавишу Shift, вы фиксируете формы букв на месте, чтобы вы не искажали их. Когда вы закончите, отпустите кнопку мыши, а затем отпустите клавишу Shift:

Удерживая Shift и перетаскивая угловые маркеры, измените размер текста.

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

Перетаскивание текста на место.

Чтобы принять его, снова нажмите галочку на панели параметров:

Нажмите на галочку, чтобы закрыть Free Transform.

Часть 2: рисование пламени вокруг текста

Шаг 5: Растеризация типа

На панели «Слои» мы видим наш текст на слое типа над фоновым слоем:

Панель «Слои», показывающая слой «Тип».

Преобразуйте текст в пиксели, щелкнув правой кнопкой мыши (Win) / Control-click (Mac) на слое Type и выбрав Rasterize Type из меню:

Выбор команды Rasterize Type.

Photoshop преобразует текст в обычный слой:

Тип был преобразован в пиксели.

Шаг 6: продублируйте текстовый слой

Сделайте копию слоя, перетащив его вниз на значок « Новый слой» в нижней части панели «Слои»:

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

Шаг 7: выключите копию

Копия появляется над оригиналом. Выключите копию, щелкнув ее значок видимости :

Отключаем верхний слой.

Шаг 8: выберите оригинальный текстовый слой

Затем нажмите на исходный текстовый слой, чтобы выбрать его:

Выбор исходного текстового слоя.

Узнайте все о слоях с нашим полным руководством по обучению!

Шаг 9: Поверните текст на 90 ° по часовой стрелке

Мы готовы создать наше пламя, и мы начнем с применения фильтра ветра Photoshop. Проблема в том, что фильтр ветра работает только слева направо или справа налево. Он не работает вертикально, и нам нужно, чтобы наше пламя выглядело так, будто оно поднимается над буквами. Итак, прежде чем применить фильтр, нам сначала нужно повернуть текст. Перейдите в меню « Изображение», выберите « Поворот изображения», а затем выберите « 90 ° по часовой стрелке» :

Переход к изображению> Поворот изображения> 90 ° по часовой стрелке.

Это поворачивает весь документ, включая текст, на бок:

Текст после поворота изображения по часовой стрелке.

Шаг 10: примени фильтр ветра

Повернув текст, перейдите в меню « Фильтр», выберите « Стилизовать» и затем выберите « Ветер» :

Собираюсь Filter> Stylize> Wind.

В диалоговом окне «Ветер» установите « Метод» на « Ветер» и « Направление слева», а затем нажмите «ОК»:

Установите метод «Ветер» и направление «слева».

Если вы посмотрите внимательно, вы увидите маленькие полосы или шипы, идущие наружу по правым краям каждой буквы. Здесь я увеличил букву F, чтобы их было легче увидеть:

Маленькие полосы появляются по правым краям.

Шаг 11: повторно примените фильтр ветра еще два раза

Чтобы сделать полосы длиннее, снова примените фильтр ветра. Вернитесь в меню «Фильтр», и поскольку Wind был последним фильтром, который мы применили, вы найдете его в верхней части списка:

Второй раз запустите фильтр ветра, перейдя в Filter> Wind.

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

Эффект после запуска фильтра ветра во второй раз.

Примените фильтр Wind в третий раз, снова выбрав его в верхней части меню Filter:

Запуск фильтра ветра в третий раз.

А теперь полосы столько, сколько нам нужно:

Эффект после трех проходов фильтра ветра.

Шаг 12: Поверните текст на 90 ° против часовой стрелки

Мы закончили с фильтром ветра, поэтому поверните текст обратно в исходное положение, перейдя в меню « Изображение», выбрав « Поворот изображения», и на этот раз выбрав « 90 ° против часовой стрелки» :

Переход к изображению> Поворот изображения> 90 ° против часовой стрелки.

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

Изображение вернулось в исходное положение.

Шаг 13: примени фильтр Gaussian Blur

Чтобы смягчить полосы, примените размытие. Перейдите в меню Filter, выберите Blur, а затем выберите Gaussian Blur :

Идем в Filter> Blur> Gaussian Blur.

В диалоговом окне «Размытие по Гауссу» выберите низкое значение радиуса около 1 пикселя и нажмите кнопку «ОК»:

Размытие эффекта ветра фильтра, чтобы смягчить его.

Полосы теперь выглядят мягче:

Эффект после применения Gaussian Blur.

Шаг 14: продублируйте фоновый слой

Вернувшись на панель «Слои», сделайте копию фонового слоя, перетащив его на значок « Новый слой» :

Дублирование фонового слоя.

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

Новый слой «Фоновая копия».

Шаг 15: Объедините слои текста и фона.

Объедините текстовый слой со слоем «Фоновая копия», нажав на текстовый слой, чтобы выбрать его:

Выбор текстового слоя.

А затем щелкните правой кнопкой мыши (Win) / Control-click (Mac) на слое и выберите Merge Down из меню:

Выбор команды «Объединить вниз».

Это объединяет оба слоя в один слой:

Слои текста и «Фоновая копия» теперь объединены в один.

Шаг 16: переименуйте объединенный слой в «Пламя»

Дважды щелкните имя «Фоновая копия», чтобы выделить его, а затем переименуйте слой «Пламя». Нажмите Enter (Win) / Return (Mac), чтобы принять его:

Переименование объединенного слоя «Пламя».

Шаг 17: Нарисуйте огонь с помощью фильтра Liquify

Выбрав слой «Пламя», перейдите в меню « Фильтр» и выберите « Liquify» :

Собираюсь Filter> Liquify.

Выберите инструмент Forward Warp

В диалоговом окне фильтра Liquify убедитесь, что инструмент Forward Warp Tool выбран на панели инструментов слева:

Выбор инструмента Forward Warp.

Установите размер кисти

Затем в параметрах Brush Tool справа установите размер вашей кисти около 100 пикселей :

Начиная с кисти 100 пикселей.

Деформация полос

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

Перетащите влево и вправо вдоль полос, чтобы исказить их.

Исправьте ошибки с помощью инструмента Reconstruct

Если вы допустили ошибку, отмените последний шаг, нажав Ctrl + Z (Победа) / Command + Z (Mac). Или выберите инструмент «Восстановить» на панели инструментов, а затем закрасьте область, чтобы отменить примененную деформацию. Как только вы исправили ошибку, вернитесь к инструменту Forward Warp и продолжайте деформировать полосы:

Вы можете отменить деформацию, используя Reconstruct Tool.

Не забудьте включить полосы в средней и нижней частях букв. Если вам нужно отрегулировать размер кисти, нажмите левую и правую клавиши-скобки на клавиатуре. Левая скобка (() уменьшает размер кисти, а правая скобка () — увеличивает ее. Когда вы закончите, у вас должно получиться что-то похожее на то, что у меня здесь:

Полосы после добавления начальной деформации.

Уменьшите размер кисти и нарисуйте небольшое пламя

Вернувшись в Параметры кисти, уменьшите Размер кисти примерно до 20 пикселей :

Уменьшение размера кисти.

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

Рисование маленького пламени вдоль вершин букв.

Опять же, если вы допустили ошибку, нажмите Ctrl + Z (Победа) / Command + Z (Mac), чтобы отменить последний шаг. Когда вы закончите с буквами, сделайте то же самое с нижней и средней секциями. Результат должен выглядеть примерно так:

Результат после рисования маленького пламени.

Увеличьте размер кисти и увеличьте огонь

Увеличьте размер кисти примерно до 50 пикселей :

Выбор большего размера кисти.

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

Рисуем несколько больших огней большой кистью.

Вот мой результат после добавления большего пламени:

Увеличенное пламя было добавлено.

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

Наконец, увеличьте размер кисти примерно до 70 пикселей :

Установка размера кисти до 70 пикселей.

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

Добавляем несколько больших огней для усиления эффекта.

Когда вы закончите, нажмите OK, чтобы закрыть фильтр Liquify, и вот мой результат:

Результат фильтра Liquify.

Часть 3: Окраска пламени

Шаг 18: Добавьте два корректирующих слоя Hue / Saturation

На данный момент наше пламя просто белое, поэтому давайте добавим к ним немного цвета.

Добавьте первый корректирующий слой Hue / Saturation

На панели «Слои» щелкните значок « Новый заливочный слой» или «Корректирующий слой» внизу:

Добавление нового корректирующего слоя.

Затем выберите Hue / Saturation из списка:

Выбор оттенка / насыщенности.

Корректирующий слой появляется прямо над слоем «Пламя»:

Добавлен первый корректирующий слой Hue / Saturation.

А элементы управления и параметры корректирующего слоя отображаются на панели « Свойства» в Photoshop. Сначала включите опцию Colorize . Затем установите значение Hue на 40 и Saturation на 100 :

Элементы управления Hue / Saturation на панели «Свойства».

Это добавляет теплый желтый цвет к верхушкам пламени:

Результат с первым корректирующим слоем Hue / Saturation.

Добавьте второй корректирующий слой Hue / Saturation

Добавьте второй корректирующий слой Hue / Saturation, снова щелкнув значок New Fill или Adjustment Layer на панели «Слои»:

Нажав на значок «Новый слой заливки» или «Корректирующий слой».

И выбрав Hue / Saturation из списка:

Снова выбирая оттенок / насыщенность.

На панели «Свойства» на этот раз оставьте флажок без параметра « Цвет» и просто установите значение « Оттенок» на -15 :

Установка оттенка на -15.

Это меняет цвет пламени с желтого на оранжевый:

Результат со вторым корректирующим слоем Hue / Saturation.

Шаг 19: измени режим смешивания на Наложение

Чтобы смешать цвета из двух корректирующих слоев Hue / Saturation, измените режим смешивания второго с Normal на Overlay :

Изменение режима наложения слоя на Overlay.

Это смешивает и оранжевый и желтый вместе:

Результат после изменения режима наложения.

Шаг 20: Добавьте корректировку уровней над слоем «Пламя»

Чтобы изменить оставшиеся белые области на желтый, выберите слой «Пламя»:

Выбор слоя «Пламя».

Затем щелкните значок « Новый слой заливки или корректировки» :

Нажав на значок «Новый слой заливки» или «Корректирующий слой».

И на этот раз выберите Уровни :

Добавление корректирующего слоя Levels.

Photoshop добавляет корректирующий слой Levels прямо над слоем «Flames»:

Добавлен корректирующий слой Levels.

Шаг 21: понизьте уровень максимальной яркости

На панели «Свойства» вы увидите два значения для уровней вывода ; одно установлено на 0, а другое на 255. Первое значение управляет минимальным уровнем яркости слоев ниже корректирующего слоя, а второе — максимальной яркостью. Чтобы уменьшить пламя и текст с белого на желтый, уменьшите второе значение с 255 до 185 :

Понижение максимальной яркости выходного уровня до 185.

И вот результат. Белые области теперь желтые, но оранжевые блики все еще остаются вдоль вершин пламени:

Результат после понижения уровня выхода.

Часть 4: Раскраска текста

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

Шаг 22: Выберите и включите верхний слой

Вернувшись на панель «Слои», нажмите на верхний слой (слой «FIRE copy»), чтобы выбрать его, а затем включите слой, щелкнув его значок видимости :

Выделение и включение текстового слоя.

Шаг 23: переименуйте слой

Поскольку это наш основной текстовый слой, дважды щелкните его имя, чтобы выделить его, а затем переименуйте слой в «Текст». Нажмите Enter (Win) / Return (Mac), чтобы принять его:

Переименование верхнего слоя «Текст».

Шаг 24: добавь эффект слоя Gradient Overlay

Выбрав слой «Текст», щелкните значок « Стили слоя» (значок «fx») внизу панели «Слои»:

Нажав на значок Стили слоя.

А затем выберите Gradient Overlay из списка:

Добавление эффекта слоя Gradient Overlay.

Сброс градиента по умолчанию

Откроется диалоговое окно «Стиль слоя» в Photoshop с настройками наложения градиента. Сначала нажмите кнопку « Сбросить по умолчанию», чтобы убедиться, что мы начинаем с настроек по умолчанию:

Сброс градиентного наложения к настройкам по умолчанию.

Редактирование градиента

Чтобы изменить градиент, щелкните образец цвета :

Нажав на образец цвета.

В редакторе градиентов дважды щелкните на цветовом ограничителе под левым концом градиента:

Редактирование левого цвета.

Затем в палитре цветов выберите темно-красный, установив значение оттенка (H) на 7, значение насыщенности (S) на 100 и значение яркости (B) на 27 . Нажмите кнопку ОК, чтобы закрыть палитру цветов:

Установка левого градиентного цвета на темно-красный.

Вернувшись в Редактор градиентов, дважды щелкните на цветовом ограничителе под правым концом градиента:

Редактирование правильного цвета.

А в палитре цветов выберите более яркий оранжевый, установив для оттенка 30 значение, для насыщенности 95 и яркость 96 :

Установка правильного цвета градиента на оранжевый.

Нажмите кнопку «ОК», чтобы закрыть палитру цветов, а затем нажмите кнопку «ОК», чтобы закрыть редактор градиентов, но оставьте диалоговое окно «Стиль слоя» открытым. Текст теперь окрашен градиентом:

Результат после добавления Gradient Overlay к тексту.

Шаг 25: добавь стиль слоя Outer Glow

В диалоговом окне Layer Style выберите Outer Glow из списка эффектов слева:

Добавление эффекта слоя Outer Glow.

Затем в параметрах Outer Glow щелкните образец цвета, чтобы изменить цвет свечения:

Нажав на образец цвета Внешнего свечения.

А в палитре цветов выберите ярко-красный. Я установлю значение Hue на 0, насыщенность на 95, а яркость также на 95 . Затем нажмите OK, чтобы закрыть палитру цветов:

Выбор ярко-красного цвета для Outer Glow.

Вернувшись в параметры «Внешнее свечение», настройте непрозрачность, чтобы управлять яркостью свечения, и «Размер», чтобы контролировать расстояние, на которое свечение распространяется наружу от текста. Я установлю свою непрозрачность на 60%, а размер на 40 пикселей :

Установка непрозрачности и размера Outer Glow.

Вот эффект с красным свечением, примененным вокруг букв:

Результат с применением Outer Glow.

Шаг 26: добавь внутреннее свечение

В диалоговом окне «Стиль слоя» выберите « Внутреннее свечение» слева:

Добавление эффекта слоя Inner Glow.

В параметрах Inner Glow щелкните образец цвета :

Изменение цвета внутреннего свечения.

А в палитре цветов выберите ярко-оранжевый. Я установлю оттенок на 20, насыщенность на 100 и яркость на 90 . Нажмите OK, когда вы закончите, чтобы закрыть палитру цветов:

Выбор оранжевого цвета для Inner Glow.

И наконец, вернувшись к параметрам Inner Glow, увеличьте непрозрачность до 100%, а затем установите размер около 24 пикселей :

Установка непрозрачности и размера Inner Glow.

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

Результат со всеми тремя эффектами слоя.

Часть 5: Смешивание текста с пламенем

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

Шаг 27: Добавьте маску слоя к текстовому слою

Когда слой «Текст» еще активен, щелкните значок « Добавить маску слоя» в нижней части панели «Слои»:

Добавление маски слоя к слою «Текст».

Миниатюра маски белого слоя появляется рядом с миниатюрой предварительного просмотра слоя «Текст»:

Эскиз маски слоя.

Шаг 28: выбери инструмент Brush Tool

Возьмите инструмент Brush Tool с панели инструментов:

Выбор инструмента «Кисть».

Шаг 29: установите цвет кисти на черный

Нам нужно закрасить маску слоя черным, поэтому убедитесь, что цвет переднего плана (цвет кисти) установлен на черный :

Установите цвет кисти на черный.

Шаг 30: Нарисуйте по краям буквы, чтобы смешаться в пламени

Щелкните правой кнопкой мыши (Win) / удерживая нажатой клавишу « Control» (Mac) внутри документа, чтобы открыть параметры кисти. Затем уменьшите твердость до 0%, чтобы рисовать мягкой кистью, и установите размер от 30 до 40 пикселей . Нажмите Enter (Win) / Return (Mac), чтобы закрыть параметры кисти:

Установите размер и твердость кисти.

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

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

Если вы допустили ошибку, нажмите Ctrl + Z (Победа) / Command + Z (Mac), чтобы отменить ее. Затем продолжайте рисовать до тех пор, пока верх каждой буквы не станет похож на таяние в огне:

Результат после наложения верхних букв.

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

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

Чтобы добавить к эффекту, используйте большую кисть (нажмите правую клавишу скобки несколько раз) и нарисуйте вдоль других краев букв, чтобы добавить свечение в эти области. Держите большую часть курсора кисти вне буквы, чтобы над ним проходил только внешний край:

Живопись вдоль случайных частей краев, чтобы добавить свечение.

Вот мой результат после покраски по краям. Мы почти закончили:

Эффект после смешивания текста в пламя.

Часть 6: Добавление текстуры к эффекту

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

Шаг 31: Добавьте новый слой

С активным слоем «Текст» щелкните значок « Новый слой» в нижней части панели «Слои»:

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

Новый пустой слой появляется над слоем «Текст». Мы собираемся создать текстуру, используя фильтр «Облака» в Photoshop, поэтому дважды щелкните по имени слоя, чтобы выделить его, а затем переименуйте в «Облака». Нажмите Enter (Win) / Return (Mac), чтобы принять его:

Переименуйте новый слой «Облака».

Шаг 32: примени фильтр Clouds

На панели инструментов убедитесь, что цвета переднего плана и фона установлены по умолчанию (черный и белый). Если это не так, нажмите D на клавиатуре, чтобы сбросить их:

Цвета переднего плана и фона по умолчанию.

Затем перейдите в меню Filter, выберите Render, а затем выберите Clouds :

Собираюсь Filter> Render> Clouds.

Фотошоп заполняет слой случайными черно-белыми «облаками», временно блокируя текст для просмотра:

Документ после запуска фильтра Clouds.

Чтобы смешать текстуру облака с текстом и пламенем, измените режим наложения слоя «Облака» с «Обычный» на « Наложение» . Затем отрегулируйте интенсивность текстуры, уменьшив непрозрачность слоя примерно до 70% :

Смешивая текстуру облака с текстом.

И вот результат с добавленной текстурой. Это в основном видно в тексте, но вы также можете увидеть тонкие блики и тени в пламени:

Эффект со смешанной текстурой облака.

Шаг 33: Добавьте еще один новый слой

Мы добавим еще одну текстуру, на этот раз, чтобы усилить огонь. Нажмите еще раз на иконку « Новый слой» в нижней части панели «Слои»:

Добавляем еще один новый слой.

Новый слой появится над слоем «Облака». Мы создадим эту вторую текстуру, используя фильтр Fibers в Photoshop, поэтому переименуйте этот слой в «Fibers»:

Слой «Волокна» будет использоваться для добавления текстуры к пламени.

Шаг 34: примени фильтр Fibers

Убедитесь, что цвета переднего плана и фона по-прежнему настроены на черный и белый:

Фильтры Clouds и Fibers используют цвета переднего плана и фона.

Затем перейдите в меню Filter, выберите Render, а затем выберите Fibers :

Собираюсь Filter> Render> Fibers.

В диалоговом окне «Волокна» просто примите настройки по умолчанию и нажмите «ОК»:

Настройки Fibers по умолчанию будут работать.

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

Текстура, созданная с помощью фильтра Fibers.

Шаг 35: Размытие текстуры с помощью Gaussian Blur

Смягчите текстуру, перейдя в меню « Фильтр», выбрав « Размытие», а затем выбрав « Размытие по Гауссу» :

Идем в Filter> Blur> Gaussian Blur.

В диалоговом окне Размытие по Гауссу установите значение радиуса 2 пикселя и нажмите кнопку «ОК»:

Нанесение небольшого размытия на волокна.

Шаг 36: измени режим смешивания на мягкий свет

Затем, чтобы смешать волокна с пламенем, измените режим смешивания слоя «Волокна» на Soft Light :

Изменение режима наложения слоя «Волокна» на Soft Light.

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

Результат после изменения режима наложения текстуры «Волокна».

Шаг 37: добавь черную маску слоя

Чтобы это исправить, нажмите и удерживайте клавишу Alt (Win) / Option (Mac) и щелкните значок « Добавить маску слоя» на панели «Слои»:

Удерживайте Alt (Win) / Option (Mac) и добавьте маску слоя.

Это добавляет маску слоя к слою «Волокна» и заполняет маску черным, что скрывает всю текстуру из вида:

Клавиша Alt (Win) / Option (Mac) залила маску черным вместо белого.

Шаг 38: закрась текстуру в огне

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

Нажмите X, чтобы установить цвет кисти на белый.

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

Закрасьте пламя, чтобы восстановить текстуру.

Если вы допустили ошибку и случайно закрасили текст, нажмите X, чтобы поменять цвет кисти с белого на черный, а затем закрасьте ошибку, чтобы скрыть ее. Затем нажмите X еще раз, чтобы поменять цвет кисти на белый и продолжить рисование над пламенем. И вот, после рисования текстуры, мой окончательный результат — «огненный текст»:

Конечный эффект.

И там у нас это есть! Вот как зажечь текст с помощью Photoshop! Вы также можете узнать, как превратить текст в золото, как создать ретро-текст 80-х, как создать вкусный текст из конфет и многое другое в нашем разделе «Текстовые эффекты в Photoshop»!

Как в фотошопе на картинку наложить текст или текстуру

Здравствуйте, уважаемые коллеги! Сегодня я расскажу как в фотошопе на картинку наложить текст. Сделать красивое фото – это полдела. Важно придумать к нему подходящую подпись.

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

Полный курс фотошопа с бесплатными уроками здесь

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

Делаем открытку

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

Подводим курсор к пиктограмме «Т», нажимаем. Другой вариант: на английской раскладке выбрать букву «Т» и нажать «Enter». Обратите внимание, что существует возможность размещать символы как вертикально, так и горизонтально.

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

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

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

Теперь, по аналогии, в верхней части изображения пишем заглавную фразу – например: «С Днем рождения!». Чтобы выделить ее на фоне общего текста, зададим другие цвет и шрифт. Наш самый простой вариант открытки готов!

Попробуем более сложный вариант. Теперь фон возьмем яркий и разноцветный. Например, такой.

Для такого фона трудно будет подобрать цвет шрифта. Но мы справимся и с этой задачей. При помощи инструмента «Прямоугольная область» обозначим то пространство, где у нас будет располагаться текст. Меняем яркость данного пространства – выставляем значение 70.

Теперь накладываем на фото текст – так, как делали это в примере выше. Получаем вот такой вариант открытки.

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

Создаем логотип

Давайте сделаем логотип для ютуб – канала. Назовем его, например, «Art News». Создаем при помощи заливки серый фон. Берем шрифт «Franklin Gothik book», белый цвет, пишем название канала.

Подбираем размер. Так как фон объемный, то ставим 500 пт. Переносим на новый слой первую букву, окрашиваем ее в красный цвет.

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

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

Делаем мем

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

При помощи этой программы сделать мем не сложней, чем открытку. Главное – удачное сочетание картинки и надписи на ней. И, конечно же, чувство юмора.

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

Получаем вот такой результат.

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

Тексты с эффектами

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

Берем фон темного цвета. Наносим крупными буквами текст контрастного цвета (мы взяли белый). Мы будем использовать здесь второй способ создания текста.

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

Добавляем к текстовому слою маску. Скачиваем и устанавливаем набор кистей «Разрушение». Выбираем черный цвет, настраиваем размер. «Непрозрачность» и «Нажим» должны стоять 100%. Вращая кисть, наносим следы «разрушения» на буквы.

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

Берем кисть с изображением бьющегося стекла и наносим вот такой эффект.

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

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

К этому слою применяем наложение «Экран». Попробуем придать более реалистичный вид, для этого понадобится наложить текстуру. Находим картинку с трещинами на стене, открываем. Копируем, вставляем на текст, получаем новый слой.

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

В заключении

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

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

Всегда для вас Иван.

Как применить текстуры к тексту в Adobe Photoshop

Если вы когда-нибудь задумывались, как сделать текст красивым, золотым, металлическим или акварельным, то вы попали в нужное место!

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

Для моего демонстрационного проекта я создал текст с акварельной текстурой.

Шаг 1

Откройте Photoshop и создайте новый документ. Выберите желаемый размер и решите, хотите ли вы, чтобы фон был прозрачным. В моем примере проекта я выбрал размер 3000 x 3000 пикселей и выбрал прозрачный фон.

Шаг 2

Введите текст с помощью инструмента «Текст». Когда вы закончите вводить текст, выберите все текстовые слои на панели слоев, щелкните правой кнопкой мыши и выберите «преобразовать в смарт-объект».Нажмите здесь, чтобы посмотреть симпатичный шрифт, который я использовал в своем образце.

Шаг 3

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

Шаг 4

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

Шаг 5

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

Шаг 6

В зависимости от того, что вы собираетесь делать, вы можете добавить больше элементов в свой проект. Для своего пробного проекта я добавил великолепный акварельный цветочный венок. Как только вы довольны своим изображением, вы можете сохранить или экспортировать его. Сохраните его как JPEG, чтобы сохранить сплющенную копию изображения с белым фоном. Или сохраните его с прозрачным фоном как файл PNG.Для этого удалите или скройте белый фоновый слой, затем сохраните изображение как файл PNG. Щелкните здесь, чтобы увидеть цветочный элемент, который я использовал в своем проекте.

И вот так! Теперь вы знаете, как добавить текстуру к тексту, используя технику обтравочной маски в Photoshop. Эта простая техника Photoshop позволяет создавать текстурированные тексты, которые можно использовать в самых разных целях, таких как настенное искусство, приглашения, дизайн логотипов, сублимация (футболки, кружки, сумки), дизайн наклеек и многое другое!

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

Вариант 1. Смягчить или обрезать края текста

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

Вариант 2. Добавить текстуру за краями текста

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

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

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

советов Photoshop: текстуры, узоры и градиенты

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

Стили

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

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

JD Sartain

Обложки книг с узорами, градиентами, текстурами, стилями и эффектами PS

Настройка документа

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

1. Откройте Photoshop и создайте новый файл ( File > New ). Подтвердите свои настройки для дюймов, ширины, высоты и ориентации на панели «Сведения о предустановке».

Совет: Всегда начинайте с изображения высокого разрешения (минимум 300 пикселей на дюйм) независимо от конечного продукта. Вы всегда можете уменьшить размер файла без ухудшения качества изображения; вы не можете его увеличить.

2. Выберите инструмент «Текст» и введите строку текста.

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

3. Я ввел слова Park City , используя шрифт Impact, обычный шрифт (в отличие от полужирного, курсивного, расширенного и т. Д.), Размер 100 пунктов и автоматический интервал на холсте 8 × 8.

Примечание: Если ваше текстовое поле автоматически заполняется абзацем латинского текста, не паникуйте — это просто текст-заполнитель, который вы можете легко удалить.Выберите Edit > Preferences > Type , затем снимите флажок с надписью Заполните слои нового типа текстом-заполнителем .

4. Откройте панели «Слои», «Стиль», «Абзац» и «Символ», если они еще не отображаются на экране. Объедините абзац и символ в одну панель, а слои и стили — в другую. Откройте панель «Узоры и градиенты», затем удалите «Образцы» и «Цвет». В них нет необходимости, потому что все, что вам нужно сделать, это дважды щелкнуть цветные квадраты переднего плана / фона (на панели инструментов), чтобы увидеть / использовать палитру цветов и библиотеки цветов.

Работа с текстурами Photoshop

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

Photoshop содержит множество отличных текстур, которые можно применить к тексту или изображениям с помощью меню «Фильтры». Например:

1. Выберите текстовый слой под названием Park City.

2. Выберите Фильтр > Галерея фильтров .

3. Прочтите всплывающее диалоговое окно и выберите Преобразовать в смарт-объект .

4. Откроется Галерея фильтров и отобразит текстовый слой. Щелкайте стрелки вверх или вниз, чтобы просмотреть всю страницу на экране.

5. Обратите внимание на папки на панели справа. Щелкните, чтобы открыть папку «Текстуры» (или любую другую интересующую вас папку).

6. Просмотрите текстуры и выберите одну. (Я выбрал Texturizer.)

7. На правой панели щелкните стрелку вниз и выберите текстуру из списка.(Я выбрал Canvas.)

8. Используйте кнопки ниже для настройки текстуры «Холст»: Масштабирование, Рельеф, Свет (источник) или Инвертировать. Кнопки настройки различаются в зависимости от выбранной текстуры.

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

Вы также можете применять текстуры через панель «Слои»:

1. Щелкните правой кнопкой мыши текстовый слой и выберите Параметры наложения .
2. Под Bevel и Emboss щелкните слово Textures , а не только поле.
3. В разделе Элементы текстуры щелкните стрелку вниз рядом с полем Узоры .
4. Все сохраненные рисунки появятся (в папках).
5. Выберите папку, затем выберите узор.

Photoshop игнорирует цвета и фон выбранного узора, оставляя только текстурированные части, а затем накладывает узор на текст, объект или изображение.

6. Вы можете настроить масштаб и глубину или инвертировать текстуру.

7.Если результат вас устраивает, нажмите ОК .

ПРИМЕЧАНИЕ. Следуйте приведенным ниже инструкциям по шаблонам, чтобы создать собственные текстуры с помощью меню шаблонов.

JD Sartain / IDG

Текстуры Photoshop

Работа с узорами Photoshop

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

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

1. Щелкните правой кнопкой мыши текстовый слой под названием Park City.

2. Выберите Blending Options из раскрывающегося меню.

3. Щелкните или выделите опцию Pattern Overlay на левой панели (вы должны щелкать слова, а не просто устанавливать флажок).

4. В окне «Наложение узора» (справа) щелкните стрелку вниз рядом с полем «Узор», затем выберите папку из списка.

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

6. Обратите внимание, как узор заполняет слова Парк-Сити.

Создание пользовательских узоров в Photoshop

Вы можете создавать свои собственные узоры для Photoshop, используя практически любое изображение (конечно, у вас есть права на использование изображения).Вот как.

1. Откройте файл фотографии, иллюстрации или рисунка.

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

3. Выберите Edit > Define Pattern .

4. Назовите узор и нажмите OK .

5. Закройте файл фотографии.

6. Щелкните правой кнопкой мыши текстовый слой под названием Park City.

7. Выберите Параметры наложения из раскрывающегося меню.

8. Выделите опцию Наложение узора .

9. Выберите новый узор из списка и нажмите OK .

10. Теперь текст Парк-сити залит сусальным золотом.

11. Выберите значок папки на панели «Узоры» и введите имя новой папки, например Custom .

12. Поместите курсор в поле нового рисунка, удерживайте его и перетащите в новую папку.

JD Sartain / IDG

Узоры для Photoshop

Скачайте и установите бесплатные шаблоны Photoshop

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

После загрузки узоров перейдите в панель «Узоры и градиенты» и щелкните значок меню в правом верхнем углу. Выберите Импортировать образцы .

6. Перейдите в папку, в которой вы сохранили загруженные рисунки. Выберите файл выкройки и нажмите Загрузить .

8. Обратите внимание на новую папку на панели «Узоры». Щелкните папку, чтобы открыть, затем разверните окно, чтобы просмотреть все свои красивые узоры.

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

JD Sartain / IDG

Скачать шаблоны Photoshop

Как работать с градиентами Photoshop

Градиенты — это размытие (или градиент) цветов, которые распространяются по палитре из многих цветов. Photoshop поставляется с большим разнообразием градиентов, которые можно использовать как есть или настроить в соответствии с вашим проектом. Вы также можете загрузить тысячи сторонних градиентов или создать свои собственные градиенты.

1. Снова выберите текст Park City.

2. Щелкните слой правой кнопкой мыши и в раскрывающемся меню выберите Очистить стиль слоя (хотя технически это не был стиль).

3. Выберите Blending Options из раскрывающегося меню.

4. Щелкните или выделите опцию Gradient Overlay .

5. Просмотрите список папок и щелкните одну из них. Отобразятся градиенты в этой папке.

6. Щелкните тот, который вам нравится, и нажмите OK или используйте параметры на этой панели, чтобы настроить выбранный градиент.Например, существует 27 режимов наложения, вы можете обратить градиент, выровнять его со слоем, изменить угол, масштаб, непрозрачность или стиль: линейный, радиальный, угловой, отраженный или ромбовидный. Вы также можете дизеринг и, если хотите, сохранить как стиль.

Как создавать собственные градиенты в Photoshop

1. На панели «Градиенты» щелкните поле «Добавить» (оно выглядит как знак плюса) в нижней центральной части панели.

2. Откроется диалоговое окно «Редактор градиента ».

3. Дважды щелкните маленькие прямоугольники (слева или справа) под ползунком, и откроется палитра «Палитра цветов».

4. Выберите цвет для каждой стороны.

5. Щелкните под ползунком, чтобы добавить другие цветные поля, затем выберите другие цвета.

6. Перетащите рамку вниз и от ползунка, чтобы удалить ее.

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

8. Введите имя в поле Имя.

9.Нажмите кнопку New , затем нажмите OK .

11. Выберите Blending Options из раскрывающегося меню.

12. Щелкните или выделите опцию Gradient Overlay .

13. Найдите новый градиент внизу. Выберите его и нажмите ОК.

JD Sartain / IDG

Градиенты Photoshop

Дополнительные советы по улучшению изображений

Теперь, когда у вас есть четыре разных логотипа Парк-сити, добавьте немного изюминки, чтобы усилить «вау» -фактор.

1. Переименуйте четыре слоя, чтобы различать, какой из них: Узор Cust, Градиент Cust, Узор загрузки и Текстура Photoshop.

2. Выберите Cust Pattern , затем щелкните правой кнопкой мыши и выберите Blending Options .

3. Выберите Bevel & Emboss > Inner Bevel > Chisel Hard . Обратите внимание на разницу.

4. Выберите Cust Gradient , щелкните его правой кнопкой мыши и выберите Blending Options .

5. Выберите Inner Shadow > Normal , затем измените угол.

6. Выберите Текстура Photoshop , щелкните правой кнопкой мыши и выберите Параметры наложения .

7. Выберите Drop Shadow > Normal , затем измените угол.

8. Выберите Загрузить узор , щелкните правой кнопкой мыши и выберите Параметры наложения .

9. Выберите Обводка > Нормальный > Внешний > Размер 6 .

Если вам нравятся любые или все комбинации этих эффектов, вы можете сохранить их как стиль. Выберите слой с эффектами, которые вы хотите сохранить, затем откройте панель « Blending Options ». Справа нажмите кнопку New Style , назовите ее и дважды нажмите OK .

JD Sartain / IDG

Добавьте больше спецэффектов, чтобы увеличить вау-фактор

Три способа добавления текстур к винтажным логотипам и шрифтам

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

Неограниченное количество скачиваний более 2000000 кистей, шрифтов, графики и шаблонов дизайна Объявление

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

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

Первый фильтр, который нужно добавить, находится в меню «Фильтр»> «Шум»> «Медиана». Этот эффект удалит острые углы изображения и особенно хорошо смотрится при применении к тексту для имитации рукописного ввода.

Введите значение малого радиуса и посмотрите результат в окне предварительного просмотра. Фигуры в 3-4 пикселя будет достаточно, чтобы слегка скруглить углы, сохранив при этом читаемость.

Следующий фильтр, который нужно применить, находится в меню «Фильтр»> «Искажение»> «Рябь».Этот эффект придаст рисунку неправильный контур.

Измените раскрывающееся меню на «Большое», затем переместите ползунок примерно на 14–15%. Следите за окном предварительного просмотра, чтобы увидеть окончательный результат. Обязательно перемещайтесь по рисунку, чтобы убедиться, что величина искажения не слишком сильно влияет на мелкие элементы.

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

Добавьте маску слоя к своему произведению в Adobe Photoshop, затем активируйте инструмент «Кисть». Выберите текстурную кисть из библиотеки и отрегулируйте ее размер.

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

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

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

Дважды щелкните дублированный слой и добавьте стиль слоя Inner Glow. Настройте параметры на «Нормальный», «Непрозрачность 100%», «Черный», «Край», затем измените ползунки «Сглаживание» и «Размер», чтобы применить тонкий черный контур.

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

Вставьте изображение текстуры на новый слой над изображением. Перейдите в Layer> Make Clipping Mask (или ALT + щелкните между двумя слоями).Эта обтравочная маска сузит текстуру до контура вашего дизайна.

Измените режим наложения текстуры на «Экран» для темных текстур или «Умножение» для светлых текстур, чтобы сделать фон прозрачным.

Вы можете увеличить контраст текстуры, регулируя уровни (CMD + L). Переместите ползунок теней и светов внутрь, чтобы выделить детали.

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

Удерживая нажатой клавишу ALT, щелкните миниатюру маски слоя, чтобы отредактировать ее содержимое, затем вставьте текстуру непосредственно в маску.

Маски

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

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

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

Перейдите в «Фильтр»> «Галерея фильтров» и примените эффект ретикуляции из категории «Эскиз». Измените плотность примерно на 40, затем измените оба значения уровня на 0.

Щелкните значок «Новый слой с эффектом», затем добавьте эффект «Разорванные края».Измените значения на 24 баланса изображения, 1 гладкость и 17 контраста, затем выполните точную настройку результатов, перемещая ползунки, чтобы найти идеальное количество зернистости.

Эффект внутреннего свечения может быть применен двойным щелчком по слою с изображением. Измените настройки на «Нормальный», «Непрозрачность 100%», «Черный», «Край», затем измените ползунки «Дросселирование» и «Размер», чтобы воспроизвести тонкий контур, который можно увидеть на штампованных и высокой печати.

Как добавить зернистость в дизайн в Photoshop и Illustrator

Вы знаете, что вам нужно, чтобы улучшить свой идеальный дизайн логотипа? Некоторая выдержка.На прошлой неделе Худы выступили в Колледже искусства и дизайна Лагуны, и студенты хотели узнать, как создать эффекты зернистости на их дизайне, поэтому давайте рассмотрим несколько способов, которыми вы можете добавить текстуру в свой безупречный дизайн и превратить его из «ох» в «АА», в стиле фейерверков.

Все в векторе, все время. Текстура зерна Adobe Illustrator Инструкции:

Шаг 1

Выберите векторную графику, к которой вы хотите добавить текстуру. Начните с чего-нибудь одного цвета.Убедитесь, что все элементы в векторной графике были разгруппированы, а затем превратите их в составной путь (используйте сочетание клавиш, выбрав графические элементы, а затем нажав клавиши [команда] и [8]).

Шаг 2

Затем откройте файл векторной текстуры. Вы можете найти массу бесплатных загрузок для них, если выполните поиск «бесплатные векторные текстуры». Вы также можете сделать свой собственный! Смотрите в конце этого поста инструкции. Для этого урока давайте просто возьмем текстуру отсюда, чтобы вы могли следить за ней.Попробуйте поэкспериментировать с несколькими текстурами, чтобы выбрать, какая из них лучше всего подходит для вашего дизайна. Убедитесь, что размер текстуры соответствует вашему изображению, чтобы охватить весь дизайн. После того, как вы расположили текстуру поверх изображения так, как считаете нужным (учитывайте наилучший размер зерна и плотность), превратите векторную графику зернистости в составной контур, нажав клавиши [command] и [8]. .

Шаг 3

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

Теперь о растре… Текстура зерна Adobe Photoshop Практическое руководство:

Шаг 1

Откройте любую красивую (или жуткую, в нашем случае) графику, к которой вы хотите добавить зернистую текстуру в Photoshop.Также откройте песчаную текстуру (в Lost and Taken есть отличная галерея бесплатных текстур с высоким разрешением для вашего использования). Скопируйте и вставьте или перетащите изображение текстуры в тот же файл PSD, что и ваш рисунок. Убедитесь, что они остаются отдельными слоями и что слой текстуры зерна находится поверх слоя с изображением вашего дизайна.

Шаг 2

Используя уровни, отрегулируйте тона вашего слоя текстуры зерна. Вы хотите настроить уровни для получения высококонтрастного черного и белого, поэтому потяните ярлычки уровня черного и белого к внешним краям того места, где диаграмма начинает достигать максимума.Имейте в виду, что черные области будут вычтены из вашего изображения (это будут проблемные, шероховатые области). Выделив недавно скорректированный слой текстуры с зернистостью на панели «Слой», выделите все (Command + A) и скопируйте (Command + C) этого плохого парня.

Шаг 3

Вернитесь к слою изображения с вашим дизайном на нем и добавьте к нему маску слоя (внизу панели «Слой» есть значок квадрата с кружком внутри. Это кнопка для добавления маски слоя) .Рядом с миниатюрой слоя на панели слоев появятся небольшая ссылка и белое поле. Удерживая клавишу Option, щелкните миниатюру маски слоя. Это перенесет вас в маску пустого слоя. Теперь вставьте (Command + V) вашу скопированную гранжевую текстуру в маску слоя. Отключите видимость исходного верхнего слоя с зернистостью на нем, и вы сможете увидеть свой дизайн во всей его шероховатой текстуре.

Создание вашей собственной текстуры Зернистость

Шаг 1

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

Шаг 2

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

Шаг 3

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

Шаг 4

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

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

Легкий текстовый эффект слизи — Planet Photoshop

Из этого туториала Вы узнаете, как использовать стили слоя и некоторые простые текстуры Photoshop для создания легкого и детализированного текстового эффекта слизи.

Учебные материалы
1- Двойной шрифт.
2- Ice Texture 4, автор: CageyResources.
3- Узор «Черная мамба» от Федерики Пельзель.
4- Выкройки PS — От всего мясистого от более мелкого.
5- Вам также потребуется загрузить набор контуров Photoshop по умолчанию.Итак, перейдите в Edit> Presets> Preset Manager и выберите Contours в раскрывающемся меню Preset Type. Затем щелкните маленькую стрелку справа от раскрывающегося меню «Тип набора» и выберите «Контуры» в нижней части всплывающего меню. Когда после этого появится диалоговое окно, просто нажмите «Добавить», и вы получите набор контуров.

Шаг 1

Создайте новый документ размером 850 x 550 пикселей, поместите текстуру Ice Texture 4 поверх фонового слоя и при необходимости измените размер.

Дважды щелкните слой Ice Texture 4, чтобы применить следующий стиль слоя:
— Inner Glow
Режим наложения: Яркий свет
Непрозрачность: 35%
Цвет: #ffffff
Источник: Центр
Размер: 250

— Наложение цвета
Цвет: # bfeb8c
Режим наложения: затемнение цвета
Непрозрачность: 55%

— Наложение градиента
Режим наложения: Затемнение цветом
Установите флажок Дизеринг
Непрозрачность: 50%
Стиль: Отраженное
Масштаб: 125%
Щелкните поле Градиент, чтобы создать градиент с использованием цветов #ffffff слева и # d7d7d7 для право.

Это добавит цвета к текстуре фона.

Шаг 2

Щелкните значок «Создать новый слой заливки или корректирующего слоя» в нижней части панели «Слои» и выберите «Уровни».

Щелкните значок «Обрезать по слою» и измените значение гаммы на 1,04.

Выберите слой Ice Texture 4 и слой Levels, продублируйте их, затем перейдите в Layer> Merge Layers.
Переименуйте объединенный слой в High Pass, затем перейдите в Filter> Other> High Pass и измените Радиус на 10 пикселей.

Измените режим наложения слоя High Pass на Soft Light. Это немного заострит текстуру.

Шаг 3

Создайте текст, используя шрифт Double Feature. Цвет — # 72a726, размер — 250 pt, значение отслеживания — 25.

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

Шаг 4

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

— Bevel and Emboss
Depth: 130
Size: 25
Soften: 9
Снимите флажок Use Global Light
Angle: -18
Altitude: 58
Gloss Contour: Cone — Inverted
Установите флажок Anti-aliased
Highlight Mode : Линейный свет
Цвет: # ccb89c
Непрозрачность: 50%
Режим тени: Затемнение цвета
Цвет: # 37462c
Непрозрачность: 50%

— Контур
Установите флажок «Сглаживание».

— Inner Glow
Режим наложения: Яркий свет
Непрозрачность: 100%
Цвет: #fcffeb
Техника: Точная
Источник: Центр
Размер: 250

— Наложение градиента
Режим наложения: умножение
Щелкните поле «Градиент», чтобы создать градиент, используя цвета # d7d7d7 слева и #ffffff справа.

— Outer Glow
Режим наложения: Линейный свет
Непрозрачность: 65%
Цвет: # b4cc43
Размер: 10

— Тень — 1
Цвет: # 8db354
Снимите флажок Использовать глобальный свет
Угол: 91
Расстояние: 58
Размер: 15

— Тень — 2
Цвет: # 9dbe6b
Снимите флажок Использовать глобальный свет
Угол: -67
Расстояние: 36
Размер: 15

Это стилизует первый слой текста, создавая основные детали, блики и тени.

Шаг 5

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

— Bevel and Emboss
Depth: 135
Size: 9
Soften: 3
Снимите флажок Use Global Light
Angle: -35
Altitude: 26
Gloss Contour: Round Steps
Установите флажок Anti-aliased
Highlight Mode: Линейный свет
Цвет: # d7c8b4
Непрозрачность: 75%
Режим тени — Непрозрачность: 0%

— Контур
Контур: Кольцо — Двойное
Установите флажок Сглаживание.

Это стилизует капающие части, а также края текста.

Шаг 6

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

— Bevel and Emboss
Size: 38
Soften: 2
Снимите флажок Use Global Light
Angle: 171
Altitude: 58
Gloss Contour: Cone — Inverted
Highlight Mode — Opacity: 70%
Shadow Mode -Color: # 95c333

— Контур
Контур: Конус — перевернутый
Установите флажок Сглаживание.
Диапазон: 100%

— Текстура
Рисунок: Черная Мамба
Глубина: 95%

— Внутренняя тень
Режим наложения: Линейное осветление (Добавить)
Цвет: # 222221
Расстояние: 6
Размер: 6

Это добавит текстурности тексту.

Шаг 7

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

— Bevel and Emboss
Depth: 135
Size: 27
Soften: 7
Снимите флажок Use Global Light
Angle: -70
Altitude: 25
Gloss Contour: Ring — Double
Установите флажок Anti-aliased
Highlight Mode : Linear Light
Цвет: #feffec
Непрозрачность: 75%
Режим тени — Непрозрачность: 0%

— Контур
Контур: Кольцо — Двойное
Установите флажок Сглаживание.

Это добавит эффекту бликов и блеска.

Шаг 8

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

— Bevel and Emboss
Depth: 135
Size: 13
Soften: 1
Снимите флажок Use Global Light
Angle: 180
Altitude: 42
Gloss Contour: Ring
Установите флажок Anti-aliased
Highlight Mode — Color: # f9fdb8
Режим тени — Непрозрачность: 0%

— Контур
Контур: Конус — перевернутый
Установите флажок Сглаживание.

— Текстура
Выкройка: 6.jpg (из PS Patterns — Of all things fleshy pack)

Это придаст тексту более плавный вид.

И готово!

Заключение

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

Простое редактирование текста в Photoshop с использованием различных приемов

, Алек Драгган, 23 августа 2019 г.

Вы хотите редактировать текст на своих фотографиях? Добавление, редактирование или изменение текста на изображении дает много творческих возможностей.Это позволяет вставлять сообщения, создавать рекламу или добавлять водяной знак к изображениям. Вот некоторые из самых простых способов редактирования текста в Photoshop CC из Adobe Creative Cloud.

Это быстрое руководство призвано научить вас основам редактирования слов и языка в Photoshop CC. Photoshop CC — фантастическая программа, которая позволяет редактировать текст, но вы можете взглянуть на несколько замен Photoshop CC здесь.

Добавление текста — это забавный и полезный инструмент, который можно добавить к вашему кругу редактирования изображений, и я надеюсь, что вы найдете несколько отличных будущих приложений для редактирования изображений в Photoshop CC

Мы собираемся рассмотреть наиболее распространенное редактирование на основе слов задачи в Photoshop CC.Распространенные задачи редактирования текста в Photoshop включают:

• Реализовать на изображении
• Удалить на изображении
• Заменить на изображении

Это ключевые шаги для редактирования текста в Photoshop.

Реализация нового текста на изображении

У вас есть изображение, и вы хотите что-то добавить к нему. Вы можете рекламировать свой бренд, фотографии или что-то еще. Первое, что вам нужно сделать, это открыть изображение в Photoshop .

Теперь, когда у вас открыто изображение, выберите инструмент Horizontal Type Tool , нажав T или щелкнув его левой кнопкой мыши в окне инструментов. Вот изображение, над которым я буду работать:

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

(я рекомендую завершить оставшуюся часть редактирования, прежде чем добавлять эти творческие правки).

Создание макета направляющей

Чтобы создать новый макет направляющей , просто перейдите к View >> New Guide Layout… и создайте его. Параметры столбца и строки различаются в зависимости от того, что вы пытаетесь выполнить, но я выбрал три строки и три столбца без желоба, чтобы получить типичный макет третей.

После того, как я установил свой макет руководства, я могу использовать эти руководства, чтобы выбрать, куда будет идти выбранное мной слово.Фраза, которую я собираюсь внедрить в это изображение, будет словом «Мечта», набранным очень жирным белым шрифтом. Вот сообщение в блоге Васима Аббаса, в котором объясняется, как редактировать цвет вашего шрифта.

После того, как вы добавили текст с помощью инструмента Horizontal Type Tool , вам, вероятно, потребуется внести в него несколько изменений. Вот некоторые из этих изменений:

• Изменение шрифта
• Изменение «эффекта» шрифта
• Изменение размера
• Перемещение текста

Чтобы изменить шрифт текста, выделите текст и выберите другой шрифт в раскрывающемся меню при использовании инструмента Horizontal Type Tool .Если нужный шрифт не отображается, возможно, вам придется импортировать этот шрифт. Вот простой урок о том, как импортировать шрифты в Photoshop .

Изменение размера или эффекта шрифта — очень быстрый и аналогичный процесс. Просто выделите текст и измените любой из параметров. Чтобы выделить текст, убедитесь, что у вас выбран слой шрифта , и в настоящее время используется инструмент Horizontal Type Tool . Теперь перетащите инструмент по тексту, и он должен выделиться.

Перемещение и изменение слов

Использование инструмента перемещения путем нажатия V или выбора его на панели инструментов позволит вам делать небольшие движения. Если вы хотите расположить текст точно на направляющей, использование параметра привязки к в Photoshop — отличный способ идеально выровнять текст. Чтобы включить Snap to , просто перейдите в View >> Snap или View >> Snap To . Наконец, вы можете использовать инструмент Move Tool , чтобы переместить текст , идеально привязанный к направляющей!

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

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

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

Отличный совет для Photoshop CC — использовать текстовый слой с режимом наложения. Режимы наложения можно найти в раскрывающемся меню над панелью слоев. В раскрывающемся списке режимов наложения вы можете выбрать различные режимы наложения, такие как наложение или вычитание.

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

Удаление текста с изображения

Есть ли логотип, название бренда или что-то еще, что вас отвлекает? Как насчет фрагмента текста, который вы хотите заменить чем-то совершенно другим? В этом разделе руководства вы узнаете, как удалить текст в Photoshop . В следующих разделах вы узнаете, как удалить, а затем заменить текст.

Удаление текста в Photoshop очень похоже на удаление всего в Photoshop .Три основных метода — это Spot Healing Brush , Clone Stamp Tool и Content-Aware Fill .

Удаление мелкого текста

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

Изучение сочетаний клавиш сделает вас невероятно быстрым редактором фотографий!

Для областей среднего размера инструмент Clone Stamp Tool позволяет легко удалять куски, которые нельзя легко удалить с помощью Spot Healing Brush .

Выберите инструмент Clone Stamp Tool , нажав клавишу S или выбрав его на панели инструментов, а затем выберите фон, которым вы хотите заменить текст, удерживая клавишу Alt и щелкнув фон левой кнопкой мыши.Затем просто нарисуйте фон поверх текста.

Удаление текста большой области

Инструмент Content Aware Fill — это, по сути, большая версия Spot Healing Brush , которая позволяет заменить всю область, используя встроенные алгоритмы Photoshop , чтобы выяснить, что должно быть вместо этого в этой области.

Сначала выделите текст с помощью одного из многих инструментов выделения в Photoshop , таких как инструменты лассо , инструменты выделения или инструменты быстрого выбора ( L, M, и W ). ключи соответственно).

Окно заполнения с учетом содержимого Идеальная работа

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

Убедитесь, что вы сохраняете многослойный документ как файл PSD, чтобы не потерять работу! PSD-файл запоминает каждый слой и то, что на нем было, поэтому вам не нужно делать какое-либо беспорядочное редактирование, чтобы вернуться на то место, где вы были раньше!

Замена текста в Photoshop

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

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

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

Следовательно, чтобы заменить текст в Photoshop , просто выполните два предыдущих шага этого урока! Конечно, практика этих новых навыков позволит еще больше редактировать текст.

Лучшие учебники

Какой лучший учебник по редактированию текста в Photoshop CC?

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

Вот несколько уроков, которые вы должны попробовать, просто чтобы испытать себя, чтобы стать лучше при редактировании текста в Photoshop . Текстовые эффекты можно создавать разными способами. Как вы думаете, какое руководство по редактированию текста в Photoshop CC является лучшим?

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

Отличные профессиональные руководства по редактированию текста

Еще один отличный способ показать ваши фотографии — в книге или журнале.Узнайте, как создать шаблон оформления книги в Photoshop, если вы хотите создать фотокнигу.

У каждого фотографа должна быть своя собственная визитка. Это невероятно полезно для всех фотографов и других деловых людей. Свежая чистая визитка — хорошее начало для привлечения новых клиентов!

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

Вы можете загрузить пакет Adobe Creative Cloud за ежемесячную плату, если у вас еще нет Photoshop на вашем компьютере.

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

Используете WordPress и хотите получить Envira Gallery бесплатно?

Envira Gallery помогает фотографам всего за несколько кликов создавать красивые фото- и видеогалереи, чтобы они могли демонстрировать и продавать свои работы.

Как создать текстовый эффект текстуры в Photoshop

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

Дополнительные полезные уроки по фотошопу:

• Создание эффекта глянцевого текста эмблемы в Photoshop
• Как создать эффект шероховатого металлического текста в Photoshop
• Как создать эффект текста в стиле гранж: Учебник по Photoshop
• Как создать Эффект глянцевого и блестящего текста в Photoshop

Сведения об уроке:

• Программа: Adobe Photoshop CS5
• Сложность: средний
• Расчетное время завершения: 30 минут

Учебное пособие по созданию текстурного текстового эффекта в Photoshop — окончательное Предварительный просмотр

Окончательный предварительный просмотр

Инструменты и ресурсы

Инструменты и ресурсы

Внешние ресурсы

• Наклонный шрифт
• Изображение текстуры

Инструменты Photoshop

• Текстовый инструмент
• Наложение градиента

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

Шаг 1

Прежде всего создайте новый документ ( Ctrl + N ) размером 1000 × 700 .

Create New Document

Step 2

Выберите инструмент Text Tool Панель инструментов формы и введите текст ( 180px ), применив белый цвет #ffffff , вы можете использовать любой шрифт, здесь я использую Slant Font.

Введите текст

Step 3

После ввода текста мы применили эффект Bevel and Emboss к текстовому слою.

Перейдите в меню «Слой »> «Стиль слоя»> « Наклон и тиснение» .

Bevel And Emboss

После применения Bevel and Emboss мы получаем новый эффект на текстовом слое.

Получите новый эффект на текстовом слое

Step 4

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

Duplicate Text Layer

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

Дублировать три раза

Шаг 5

На этом этапе выберите четыре дублирующих текстовых слоя и нажмите ( Ctrl + E ), чтобы объединить их, теперь перейдите к Blending Options и примените Layer Styles к этому дублированному тексту слой.

Inner Glow

Inner Glow

Bevel and Emboss

Bevel and Emboss

Color Overlay

Color Overlay

Gradient Overlay

Gradient Overlay

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

Get Awesome Effect

Step 6

Теперь я собираюсь добавить изображение текстуры в Photoshop.

Добавьте изображение текстуры

Шаг 7

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

Создание выделения

Нажмите ( Ctrl + Shift + I ), чтобы инвертировать выделение, как показано на рисунке ниже.

Инвертировать выделение

Нажмите кнопку удаления, чтобы удалить ненужную область, как показано на рисунке.

Удалить ненужную область

Нажмите ( Ctrl + D ), чтобы снять выделение и установить Blend Mode на ( Vivid Light ) этого слоя текстуры.

Установите режим наложения на «Яркий свет».

Step 8

Выделите все слои, нажмите ( Ctrl + E ), чтобы объединить их.Теперь продублируйте слой с краями. Перейдите в Edit> Transform> Flip Vertical и установите нижнюю сторону этого слоя, как в предварительном просмотре.

Duplicate Group

Установите Opacity ( 10% ) этого дублированного слоя.

Уменьшить непрозрачность

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

Final Preview

Final Preview

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