Как сделать разноцветный текст в фотошопе

11.09.202215.09.2022 admin 0 Comments

21 января 2013 | Опубликовано в Уроки | 6 Комментариев »

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

Мы получили следующий фон:

Нажмите на значок стиля слоя в нижней части панели слоев и выберите Drop Shadow (тень).

Мы получили следующий результат:

Далее еще раз пишем наш текст, но делает так, чтобы каждая буква/цифра была помещена на отдельном слое. Слои должны быть растеризованы (щелкнуть правой кнопкой мыши по значку со слоем и нажать Rasterize). Поместить слои под самым первым текстом в панели слоев.

Мы получили следующий результат:

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

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

Создайте копию первого слоя, и поместите его поверх всех слоев. Выберите Free Transform (Ctrl + T) и переместите как на изображении ниже.

Нажмите на значке «Добавить стиль слоя» в нижней панели слоев и выберите Gradient Overlay.

Мы получили следующий результат:

С помощью инструмента Line Tool (U) нарисуйте много линий разных цветов и размера (#b5b62e, #f4ddbd, #9e436f, #6ebcc0, #999b1e, #cca1b5).

Объедините все слои с линиями в одну группу. Выберите инструмент Free Transform (Ctrl + T) и наклоните линии, как показано ниже.

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

Нажмите на значке «Добавить слой-маску» в нижней части панели слоев.

Выберите черную жесткую кисть.

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

Используя инструмент Horizontal Type Tool (T), на отдельном слое еще раз напишите вторую букву. В данном случае это будет буква «О».

Цвета: #7a5243 и #593c2c.

Мы получили следующий результат:

Далее мы будем создавать текстуру для второй буквы. Выбираем инструмент Ellipse Tool (U) и рисуем небольшое круг цветом # E7AFCA.

Мы получили следующий результат:

Примените маску слоя, нажав на соответствующей иконке в нижней части панели слоев:

Дальше создаем текстуру для цифры «1». С помощью инструмента Ellipse Tool (U) создаем много белых кругов.

Объединяем все круги в одну группу. Делаем уже знакомые шаги. Убедившись, что активной является группа с кругами, создаем выделение слоя с цифрой «1!.

К группе с белыми кругами добавляем маску, нажав на кнопке Add layer mask в нижней части панели слоев.

В поле «Заливка» устанавливаем значение 0% для слоя с нашей буквой. Добавляем следующие стили слоя:

Добавить Gradient Overlay(наложение градиента):

Pattern Overlay (Наложение узора). Среди узоров выберите ваш собственный узор.

Мы получили следующий результат:

Дальше вставляем текст с поздравительной надписью. Выберите инструмент Horizontal Type Tool (T). Откройте панель символ и выберите шрифт и нужный размер шрифта. В уроке был использован этот шрифт — Allura.

Создайте новый слой и выберите жесткую кисть белого цвета (Opacity — 10% ).

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

Установите режим смешивания этого слоя на Overlay (Перекрытие).

Создайте новый слой и выберите мягкую круглую кисть ( Opacity — 15% ).

Используйте эту кисть, чтобы еще раз нарисовать осветление над надписью «2013».

Для этого слоя значение Fill «Заливка» установите значение — 40%.

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

Мы получили следующий результат:

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

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

Нажмите на иконке «Добавить маску слоя» в нижней части панели слоев.

Возможно, вас также заинтересуют статьи:

Источник

Как сделать градиентный текст в фотошопе

Сегодня мы будем создавать градиентный текст.

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

Сначала мы создадим новый документ и зальем фоновый слой черным цветом.

Затем установим шрифт из папки с исходниками и при помощи инструмента Текст напишем текст.

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

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

Создаем в фотошоп (Ctrl+N) новый документ с параметрами, как на рисунке ниже.

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

Переименовываем фоновый слой в «Фон». Чтобы переименовать слой, дважды щелкните по имени слоя в панели слоев, введите новое имя и нажмите клавишу Enter.

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

Устанавливаем шрифт из папки с исходниками. Для этого щелкните ПКМ по файлу шрифта и выберите «Установить». После этого шага шрифт установится одновременно в программу фотошоп и систему.

Активируем инструмент Текст. Растягиваем рамку создания текста на всю ширину документа и пишем слово «Aurora». В верхней панели настроек инструмента Текст выбираем шрифт, что установили в предыдущем шаге, увеличиваем размер текста, меняем цвет текста на # ffffff и вводим настройки, как на рисунке ниже. В верхней панели настроек инструмента Текст кликаем по панели символов и меняем настройки на следующие. При помощи инструмента Перемещение располагаем текст по центру холста.

В панели слоев кликаем ПКМ по текстовому слою и выбираем «Растрировать текст».

Активируем инструмент Прямолинейное лассо и создаем выделение первой буквы «A». Кликаем ПКМ по холсту и выбираем «Вырезать на новый слой». После этого появится новый слой с буквой «A». Переименовываем образовавшийся слой в «A».

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

В панели слоев дважды щелкаем по первой букве (слой «A»), чтобы открыть стили слоя.

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

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

Левая Контрольная точка (позиция 0%) –оттенок # 4b42f3;

Центральная Контрольная точка (позиция 50%) – оттенок # de1177;

Правая Контрольная точка (позиция 100%) – оттенок # fffc00.

Для верхних Контрольных точек устанавливаем 100% прозрачность.

Полные настройки для вкладки Наложение градиента на последнем скриншоте.

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

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

Левая Контрольная точка (позиция 0%) –оттенок # 1b1bf6;

Центральная Контрольная точка (позиция 50%) – оттенок # 1edcde;

Правая Контрольная точка (позиция 100%) – оттенок # 610786.

Для верхних Контрольных точек устанавливаем 100% прозрачность.

Левая Контрольная точка (позиция 0%) – оттенок # 0d7492;

Центральная Контрольная точка (позиция 50%) – оттенок # 0e9431;

Правая Контрольная точка (позиция 100%) – оттенок # fffc00.

Для верхних Контрольных точек устанавливаем 100% прозрачность.

Левая Контрольная точка (позиция 0%) – оттенок # 9600ff;

Центральная Контрольная точка (позиция 50%) – оттенок # ff7200;

Правая Контрольная точка (позиция 100%) – оттенок # fcfb98.

Для верхних Контрольных точек устанавливаем 100% прозрачность.

Левая Контрольная точка (позиция 0%) – оттенок # 6719e0;

Центральная Контрольная точка (позиция 50%) – оттенок # 30c66c;

Правая Контрольная точка (позиция 100%) – оттенок # ff7c00.

Для верхних Контрольных точек устанавливаем 100% прозрачность.

Левая Контрольная точка (позиция 0%) – оттенок # 0eebf3;

Центральная Контрольная точка (позиция 50%) – оттенок # ffc000;

Правая Контрольная точка (позиция 100%) – оттенок # b400ff.

Для верхних Контрольных точек устанавливаем 100% прозрачность.

Вот что у нас должно получиться в результате.

Градиентный текст готов! Урок «Как сделать градиентный текст в фотошопе» завершен.

Источник

Как в фотошопе сделать текст разноцветным

Сегодня мы будем создавать эффект разноцветного текста.

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

Сначала мы создадим новый документ и при помощи инструмента Заливка зальем фоновый слой темно-серым цветом.

Затем установим в фотошоп шрифт из папки с исходниками и напишем текст.

Далее с помощью инструмента Кисть нарисуем разноцветные пятна.

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

В завершение урока «Как в фотошопе сделать текст разноцветным» мы нарисуем свечение и поместим в работу текстуру из папки с исходниками.

Создаем в фотошоп (Ctrl+N) новый документ с параметрами, как на рисунке ниже.

Активируем инструмент Заливка. В панели цвета в качестве цвета основного плана устанавливаем оттенок # 121212. Кликаем мышью по холсту, чтобы залить слой «Фон» цветом основного плана.

Активируем инструмент Текст. Пишем слово «Мечта». В верхней панели настроек инструмента Текст выбираем шрифт, что установили в предыдущем шаге, увеличиваем размер текста, меняем цвет текста на # ec6fa4 и вводим настройки, как на рисунке ниже. При помощи инструмента Перемещение располагаем текст по центру холста.

Выше текстового слоя в панели слоев создаем новый пустой слой и называем его «Цвет».

В панели слоев кликаем ПКМ по слою «Цвет» и выбираем «Создать обтравочную маску». После этого слой «Цвет» как бы «прикрепится» к нижележащему слою (текстовому) и будет виден в пределах нижележащего слоя.

Активируем инструмент Кисть и выбираем мягкую круглую кисть (чтобы вызвать меню выбора кисти, кликните ПКМ по холсту). Если на данный момент в программу не загружен набор с мягкими круглыми кистями, в меню выбора кисти нажмите на «шестеренку» справа и выберите «Основные кисти». В панели цвета в качестве цвета основного плана устанавливаем оттенок # 37e4c6. Делаем отпечатки выбранной кистью на слое «Цвет». В ходе работы меняем размер кисти. Чтобы изменить размер кисти, воспользуйтесь клавишами квадратных скобок – клавиши «Х» и «Ъ» в русской раскладке или используйте соответствующий ползунок в меню выбора кистей.

Продолжаем рисовать на слое «Цвет» разным оттенками. Рисуем так, чтобы оставить частично видимым оригинальный цвет текста – розовый. Чтобы использовать оттенок в дальнейшей работе, установите его в качестве основного в панели цвета. Я использовала оттенки # 6289f9 и # f9ed62. Вы можете поэкспериментировать и использовать другие оттенки на свое усмотрение. Вот что получилось у меня в результате.

В панели слоев при помощи клавиши Ctrl выделяем текстовый слой и слой «Цвет» и нажимаем сочетание клавиш Ctrl+J, чтобы скопировать слои. Не снимая выделения с образовавшихся дубликатов слоев, нажимаем сочетание клавиш Ctrl+E, чтобы слить слои в один. Переименовываем образовавшийся слой в «Свечение».

Переходим в меню Фильтр-Размытие-Размытие по Гауссу и размываем слой «Свечение», применив параметры, как на картинке ниже.

Выше всех слоев в панели слоев создаем новый пустой слой и называем его «Свечение 2».

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

В панели цвета меняем режим наложения слоя «Свечение 2» на Мягкий свет.

В панели слоев создаем дубликат слоя «Свечение 2» (Ctrl+J).

Выше всех слоев в панели слоев помещаем (Файл-Поместить встроенные) изображение «Текстура» из папки с исходниками. Вызываем Свободное трансформирование (Ctrl+T), зажимаем клавишу Shift (для сохранения пропорций) и Alt (чтобы трансформирование происходило из центра) и тянем за уголки рамки наружу, чтобы растянуть изображение на весь холст. В самых свежих версиях программы Adobe Photoshop для сохранения пропорций зажимать клавишу Shift не нужно.