Советы и лайфхаки

Фотошоп буквы – Как сделать прописные буквы в photoshop 🚩 буквы в фотошопе 🚩 Компьютеры и ПО 🚩 Другое

Пишем золотыми буквами в Фотошоп

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

Конечный результат:


Ресурсы урока:

Архив

Шаг 1

Откройте изображение узора в Фотошопе. Мы будем использовать его в качестве фона для текста. Перейдите в меню Редактирование > Определить узор (Edit > Define Pattern) и сохраните изображение как узор.

Создайте новый документ (Ctrl + N) размером 1152х900 пикселей. Установите основной цвет - #8a5240, а фоновый - #310901. Выберите инструмент Градиент (Gradient Tool) (G): Стиль (Style) – Радиальный (Radial), Градиент – От основного к фоновому (Foreground to Transparent). Сделайте заливку из центра холста к любому краю.

Выберите инструмент Заливка (Paint Bucket Tool) (G) и в настройках на верхней панели установите заливку Узором (Pattern). В списке выберите узор, сохранённый в начале урока. Создайте новый слой (Ctrl + Shift + N) и залейте его узором.

Установите Режим наложения (Blending Mode) слоя с узором на Перекрытие (Overlay) и понизьте Непрозрачность (Opacity) до 60%.

Шаг 2

Выберите инструмент Горизонтальный текст (Horizontal Type Tool) (T), перейдите в меню Окно > Символ (Window > Character) и настройте, как показано ниже. В настройках инструмента на верхней панели включите Сглаживание (Anti-aliasing) и установите Метод сглаживания (Anti-aliasing method) на Резкое (Sharp). Напишите что-нибудь на холсте. Я, например, написал «A Heart of Gold».

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

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

Контур (Contour):

Внутреннее свечение (Inner Glow):

Глянец (Satin):

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

Отбрасывание тени (Drop Shadow):

Результат:

Шаг 3

Создайте новый слой поверх остальных и назовите его «Texture». Установите основной цвет на #ffef48, а фоновый на #593809.

Сделайте выделение текстового слоя (удерживая Ctrl, кликните на миниатюре слоя).

Примените фильтр Облака, Фильтр > Рендеринг > Облака (Filter > Render > Clouds). Чтобы убрать выделение с холста, нажмите Ctrl + D.

Шаг 4

Перейдите галерею фильтров Фильтр > Галерея фильтров (Filter > Filter Gallery). В категории Эскиз (Sketch) выберите фильтр Волшебный карандаш (Conte` Crayon) и настройте его, как показывает следующий скриншот.

Результат:

Далее примените ещё один фильтр – Тушь (Graphic Pen). Он находится в той же категории.

Результат:

Затем примените фильтр Масляная живопись (Paint Daubs) из категории Имитация художественных эффектов (Artistic).

Результат:

Установите Режим наложения (Blending Mode) слоя «Texture» на Мягкий свет (Soft Light) и понизьте Непрозрачность (Opacity) слоя до 30%. На тексте появится красивый эффект отражения, как на настоящем золоте.

Шаг 5

Установите основной цвет на #9e0039, выберите инструмент Кисть(Brush Tool) (B) и перейдите в палитру кистей (F5).

Настройте кисть, как показано ниже:

Форма отпечатка кисти (Brush Tip Shape):

Динамика формы (Shape Dynamics):

Шаг 6

Кликните правой кнопкой мыши на текстовом слое и выберите пункт Создать рабочий контур (Create Work Path).

Создайте новый слой под текстовым и назовите его «Stroke». Выберите инструмент Стрелка(Direct Selection Tool) (A).

Кликните правой кнопкой на контуре и выберите пункт Выполнить обводку контура (Stroke Path).

В появившемся окне выберите Кисть (Brush) и установите галочку на функции Имитировать нажим (Simulate Pressure).

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

Шаг 7

Перейдите к стилям слоя «Stroke» и настройте их так:

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

Контур (Contour):

Отбрасывание тени (Drop Shadow):

Текст станет толще и объёмнее.

Той же кистью нарисуйте точки на краях красной обводки.

Шаг 8

Поверх всех слоёв нужно создать корректирующий слой Карта градиента (Gradient Map). Это можно сделать через иконку чёрно-белого круга в нижней части палитры слоёв.

Установите Режим наложения (Blending Mode) корректирующего слоя – Мягкий свет (Soft Light) и понизьте Непрозрачность (Opacity) до 50%.

Настройте градиент так:

Цвета станут ярче и светлее.

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

Автор: textuts
 

photoshop-master.ru

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

В Adobe Photoshop CS6 можно не только создавать рисунки или ретушировать фотографии. В нём доступна работа с текстом. И не с обычными символами, которые есть и в Microsoft Word. Фотошоп ведь графический редактор — в нём можно сделать надпись с оригинальным дизайном. Хотя стандартные печатные знаки в утилите тоже есть. Разберитесь, как повернуть текст в Фотошопе, добавить к нему эффекты или текстуры, выбрать размер, форму. И вообще, как взаимодействовать с символами в данной программе.

В Фотошопе часто приходится сталкиваться с работой с текстом

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

Обычный текст

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

  1. Создайте новый рисунок. Или откройте картинку, к которой хотите добавить подпись.
  2. На панели слева найдите кнопку в виде заглавной буквы «T». Если навести на неё курсор, появится всплывающая подсказка «Горизонтальный» или «Вертикальный».
  3. Щёлкните по ней правой кнопкой мыши. Выберите направление надписи.
  4. Кликните на место, куда надо добавить символы. Или выделите область, в которой они должны располагаться.
  5. Следует написать то, что вам нужно.
  6. Если вы щёлкнули в произвольном месте, границы текста будут «растягиваться» по мере ввода. Можете переносить строки, нажимая Enter. Если выделяли область, придётся менять размеры рамки вручную.
  7. Чтобы расширить поле для печати, «потяните» мышью за маркеры на этой границе. Они будут активны, если нажата кнопка «T».
  8. Чтобы переместить блок с текстом, нажмите на пиктограмму в виде чёрного курсора и перекрестья. Она находится на панели слева. Обычно в самом верху. После этого просто перетащите объект. Это аналогично перемещению ярлыков в Windows.

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

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

В Photoshop CS6 есть средства для редактирования надписей. Можно выбрать красивый шрифт, способ начертания, размер, цвет, выравнивание. Настройки появятся на верхней панели, если выделить слой с буквами и нажать на «T».

  • Чтобы изменить каллиграфию, кликните на выпадающий список слева вверху. Появятся все шрифты, которые есть у вас на компьютере. Рядом с названием находится пример того, как будут выглядеть знаки. Можете скачать новые наборы символов, если не хватает предустановленных. Их надо вставить в папку «Шрифты», в которую можно войти через Пуск — Панель управления. И при следующем запуске Photoshop они появятся в списке. Каллиграфия имеет формат .TTF или .OTF.
  • Чтобы поменять оттенок знаков, надо их выделить и нажать на прямоугольник вверху. Он того же цвета, что и текст. Эта кнопка открывает палитру. Можно задать оттенок вручную, перемещая ползунок по шкале и подбирая яркость. Можно ввести параметры в виде цифр. А можно сразу написать название цвета, если оно вам известно. Оно выглядит, как код из цифр и латинских символов. Для акцентирования внимания на надписи создайте обводку другого оттенка.
  • Чтобы перевернуть строку, нажмите ни иконку в виде буквы «T» с маленькими стрелочками. Она тоже находится наверху.
  • Размер задаётся в выпадающем списке, в котором отображены числа с припиской «пт» (этот параметр измеряется в пикселях или пунктах — сокращённо «пт»).
  • Для выстраивания по линии используйте кнопки «Выключка слева», «Выключка справа», «Выключка по центру». Это аналог опций «Выравнивание по левому краю», «Выравнивание по правому краю».
  • Чтобы изменить начертание, выделите фрагмент надписи и кликните по нему правой кнопкой мыши. В контекстном меню будут пункты «Псевдополужирный» и «Псевдокурсивный».
  • Там же можно настроить сглаживание: чёткое, насыщенное, плавное, жёсткое.

Чтобы применить изменения нажмите на галочку на верхней панели. Чтобы вернуть изначальное форматирование — на зачёркнутый круг.

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

Деформация

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

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

Эффекты

Самое сложное и разнообразное меню — это «Эффекты». В нём можно задать огромное число параметров. Настройки подробные — доступны даже незначительные детали. Веб-дизайнеры, используя эти опции, создают уникальные и удивительные творения.

Покажем возможности эффектов на конкретном примере. Вот как сделать обводку текста в Фотошопе CS6:

  1. Кликните на слой с надписью правой кнопкой мыши.
  2. Выберите «Параметры наложения».
  3. В списке слева найдите пункт «Создать обводку» или что-то подобное. Нажмите на него и отметьте его маркером.
  4. Там можно задать оттенок рамки, ширину, положение (снаружи, внутри, из центра), прозрачность, режим наложения.
  5. Чтобы изменить фактуру нажмите на список «Тип». Будет выбор между «Цвет», «Градиент» и «Узор».
  6. Градиент — это несколько оттенков. Изображение с ним переходит из одного цвета в другой. То есть в одной части рисунка будет насыщенный синий, в другой — светло-фиолетовый. Можно даже оформить обводку в виде радуги.
  7. Узор — это текстура. Перейдите к данному пункту — появится пример рисунка. Нажмите на стрелочку рядом с ним, указывающую вниз — там буде выбор между разными изображениями. В появившемся меню кликните на ещё одну стрелочку, направленную вбок. Откроется меню, в котором можно выбрать наборы стилей — в каждом своя коллекция текстур. Доступна загрузка новых узоров — они должны иметь формат .PAT.

Написать предложение и добавить к нему рамку — это самое простое. В меню эффектов можно наложить градиент и узор на сам текст, добавить к нему глянец, тиснение, освещение, тень. У каждой функции много внутренних параметров. К примеру, в разделе «Тень» есть размер, угол наклона, смещение и даже эффект шума (похож на телевизионную рябь).

Можете поэкспериментировать с настройками. При изменении какой-то опции результат сразу отобразиться на картинке. В утилите есть список уже готовых эффектов. Он находится во вкладке «Стили». В них все параметры уже выставлены.

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

Объём

Написать красивый текст можно и по-другому. Создать из него объёмные фигуры.

  1. Выберите слой. Не выделяйте область с надписью.
  2. Нажмите на «3D» в строке меню.
  3. Если у вас есть какая-то модель в виде 3D-файла, можете загрузить её и использовать.
  4. Чтобы сделать объёмный объект из самой надписи, наведите курсор на «Новая сетка из градаций серого». В данном меню очень скудный выбор характеристик.
  5. Параметр «Новая структура из слоя» преобразует весь слой. Он складывается в фигуру, как лист бумаги. В этом разделе много объектов: пирамида, конус, цилиндр, шар, куб и тому подобное.

Для создания 3D-текста лучше использовать меню эффектов. Можно поменять освещение, добавить тени — и полученная надпись будет выглядеть правдоподобно и естественно. Среди готовых стилей тоже есть объёмные.

Готовые эффекты

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

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

Стили распространяются в файлах .psd (их часто упаковывают в архивы RAR или ZIP). Это не надстройка или плагин, а изображения, которые можно редактировать. Там уже настроены все нужные цвета и эффекты. Достаточно открыть рисунок в Фотошопе и вставить свой текст. Копируйте и добавляйте его в другие картинки.

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

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

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

nastroyvse.ru

Разбитые буквы в Фотошоп

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

Конечный результат:

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

Архив

Начнём работу с создания фона. Загрузите набор бумажных текстур, создайте новый документ в Фотошопе и к фоновому слою примените стиль Наложение узора (Pattern Overlay).

Над слоем с текстурой создайте корректирующий слой Цветовой тон/Насыщенность (Hue/Saturation). Для этого кликните на иконке чёрно-белого круга в нижней части палитры слоёв и выберите нужный пункт.

Выберите инструмент Горизонтальный текст (Horizontal Type Tool) (T) и напишите пару слов, используя шрифт «Impact». Настройки шрифта показаны ниже на скриншоте.

Кликните правой кнопкой мыши на текстовом слое и выберите пункт Преобразовать в кривые (Convert to Shape). Это нужно для того, чтобы вырезать часть букв.

Загрузите набор фигур разбитого стекла и добавьте их в папку с программой. Выберите инструмент Произвольная фигура (Custom Shape Tool) (U) и на верхней панели выберите одну из фигур.

Создайте фигуру поверх букв. Затем выберите инструмент Выделение контура (Path Selection Tool) (A) и выделите первую букву слова.

Как только контур буквы будет выделен, нажмите Ctrl + C, чтобы скопировать его. Кликните на векторной маске слоя-фигуры стекла и нажмите Ctrl + V. Скройте текстовый слой и получите такой результат:

Выберите инструмент Выделение контура (Path Selection Tool) и сдвиньте букву «G» в любое место в пределах текстуры. Затем кликните на иконке Область пересечения фигур (Intersect shape areas). Если Вам понравится результат, нажмите на кнопку Объединить (Combine).

Проделайте то же самое с другими буквами. В результате у Вас должно получиться 5 слоёв для каждой буквы слова «GLASS». Расположите разбитые буквы в те же места, где они были раньше. Используйте копи/паст (Ctrl + C / Ctrl + V), чтобы все буквы были на одном слое.

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

Отбрасывание тени:

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

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

Тиснение:

Текстура:

Наложение цвета:

Рис.15

Для стиля Тиснение я использовал ту же текстуру, что и для фона.

Инструментом Перо (Pen Tool) (P) нарисуйте кусочки разбитого стекла вокруг текста. Дополнительно можете создать эффект виньетирования и поработать с корректирующим слоем Яркость/Контрастность (Brightness/Contrast), а также применить фильтр Блик (Фильтр > Рендеринг > Блик) (Filter > Render > Lens Flare).

Автор: PSDDude.
 

photoshop-master.ru

3 способа сделать надпись интереснее / Фотообработка в Photoshop / Уроки фотографии

Ни для кого не секрет, что рекламные баннеры, открытки и многое другое разрабатывают в Photoshop. Возможно, вас посетила идея и вы хотите создать свой мотиватор или праздничную открытку. Картинка подобрана, но вы не знаете, как написать текст в Photoshop? Если вам ни разу не доводилось писать в Фотошопе (Photoshop), в этой статье мы расскажем, как пользоваться текстовым инструментом. Заранее предупреждаем, написать текст на картинке в Фотошопе очень просто, даже если вы не знаете, как сделать текст по кругу.

В Photoshop есть целая группа текстовых инструментов. Работа с текстом в Photoshop происходит на особом виде слоя — текстовом.

Откройте в Photoshop изображение, на котором хотите сделать надпись. Подведите курсор к панели инструментов и щёлкните правой клавишей мыши по пиктограмме с буквой Т. Раскроется группа текстовых инструментов. Если вы на клавиатуре нажмёте T(англ.), то автоматически выберите текстовый инструмент, который в группе стоит первым по умолчанию.

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

Выбрав текстовый инструмент нужного направления, щёлкните по изображению в том месте, где нужно сделать надпись. Сразу появится новый слой с пометкой Т, то есть текстовый слой. На изображении вы увидите мигающий курсор, а на панели управления — настройки текста. Они такие же, как в привычных нам всем текстовых редакторах типа Word. Здесь можно подобрать шрифт, размер, способ начертания (жирный, курсивный и так далее), задать цвет и выравнивание текста, абзац, то есть всё, что может быть нужно для написания текста.

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

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

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

Вот наглядный пример сглаживания Windows (слева) и «Плавное»/Smooth (справа).

Еще больше о Photoshop можно узнать на курсе в Fotoshkola.net «Photoshop CC. Основы».

Следующие три атрибута — выравнивания. Они всем знакомы из текстовых редакторов. Это выравнивание текста по центру, по правому либо по левому краю. Дальнейший элемент — выбор цвета. Щёлкните по нему один раз и в открывшейся палитре укажите нужный цвет.

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

Раскрыв следующий атрибут, вы обнаружите, что почти все предыдущие собраны здесь. Кроме того, в нём можно задать межстрочный и межбуквенный интервал, отступ для абзаца и всё, что может вам понадобиться для написания текста. Это вы наверняка умеете, поскольку все мы хоть раз пользовались Microsoft Word. Поэтому не будем заострять на этом моменте внимание.

Итак, сделаем нашу первую запись. Далее разберём, как её повернуть, переместить, задать тень и обводку.

Выбираем инструмент «Горизонтальный текст», щёлкаем по месту на изображении, где нужна надпись. Выбираем шрифт, цвет и размер. При изменении размера шрифта будет меняться высота мигающего курсора. Это поможет вам понять, какого размера у вас получится текст. Напишите задуманную фразу. Если написание завершено, нажмите Enter в цифровой части клавиатуры (справа). Вы заметите, что имя текстового слоя изменилось на внесённую вами фразу. Если нужно исправить текст, изменить цвет полностью или отдельного символа, то, используя тот же текстовый инструмент, стоя на слое с текстом, щёлкните по нему. У вас снова замигает курсор. Текст можно выделять, удалять символы (стирать) так же, как в Word или другом текстовом редакторе. Переносить строку нужно клавишей Enter на буквенной части клавиатуры.

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

Чтобы переместить текст, просто встаньте на слой с ним, инструментом «Перемещение» (вызывается клавишей V) ухватитесь за текст, зажав левую клавишу мыши, и совершите перемещение по изображению.

Чтобы повернуть текст, станьте на слой с ним и нажмите Ctrl+T. Это работает так же, как в случае с поворотом обычного слоя. Когда появится рамка с вершинами, подведите курсор к угловой. Как только на курсоре появится закруглённая стрелка, начните вращать изображение в нужную сторону. По завершении нажмите Enter.

Добавление тени и обводки на тексте осуществляется так же, как на обычном слое. Мы рассматривали это в предыдущих статьях. Для добавления тени и обводки нужно вызвать «Параметры наложения»/Blending Options (нижняя панель в палитре слоёв, правый нижний угол).

В диалоговом окне справа выбрать пункт «Обводка»/Stroke, либо «Тень»/Shadow. В правой части окна подобрать нужный размер, цвет и, по завершении, нажать Ok.

А теперь рассмотрим, как сделать текст по кругу. Для этого есть два способа. Первого мы слегка коснулись, когда описывали панель управления текстового инструмента.

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

Значения «Искажения по горизонтали»/Horizontal Distortion и «Искажения по вертикали»/Vertical Distortion оставьте в позиции 0. «Изгиб»/Bend отведите максимально вправо. По окончанию нажмите Ok.

Второй способ. Выбираем инструмент «Эллипс». Рисуем вокруг чашки круг такого же диаметра.

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

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

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

Как и было обещано в начале статьи, сделать текст в Фотошопе так же просто, как в любом текстовом редакторе. Желаем вам новых идей!

Еще больше о Photoshop можно узнать на курсе в Fotoshkola.net «Photoshop CC. Основы».

prophotos.ru

Создаём стеклянные буквы в Фотошоп

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

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

Финальное изображение

Задаем размер буквы  «В» около 500х500px с разрешением 300px/inch. Это может быть важно,  поскольку от размера зависят  настройки эффектов стилей слоев для стеклянной текстуры и коррекции жидких эффектов.

Для того чтобы создать более реалистичный стеклянный эффект используйте округлый и жирный шрифт. Из буквы шрифта Val создайте рабочий контур и преобразуйте кривые, этим мы исправим силуэт буквы, придав ему более сферическую форму и объемный вид. Я не использовала типографские шрифты в этом уроке, только векторные формы. Вы можете создать свою собственную форму с помощью Pen (Перо) и Convert Point (Преобразовать точку).

Чтобы создать реалистичный эффект стекла вам понадобится всего лишь два слоя. Примените Fill (Заливка) 0% для созданной формы буквы и добавьте эффекты стиля слоя из скриншотов ниже.

Вы сможете найти коды цветов, контуры и параметры градиентов внутри файлаglass_letter_tutorial.psd

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

Используйте по умолчанию Photoshop узор Nebula (Туманность) для создания намека отражения на поверхности стекла. Масштаб текстуры 1000%.

Дублируйте форму буквы. Примените новые стили слоя к нему.

Подведем итог. Стеклянный эффект сделан. Теперь мы можем добавить больше деталей, чтобы создать стиль химической лабораторной посуды. Давайте добавим метрическую шкалу на поверхность стекла. Выберите инструмент LineTool (Линия). Создайте несколько 2px линий, как показано ниже. Примените следующие эффекты стиля слоя.

Введите число рядом  с большой линией. Здесь использовался шрифт “Arial”.

Добавьте несколько эффектов стиля к слою цифры.

Сгруппируйте созданные линии и дублируйте созданную группу несколько раз. Расположите группы друг над другом. Измените значение внутри каждой группы  на номер  ‘50’, ‘100’, и т.д..

Теперь перейдем к созданию жидкости внутри стеклянной формы. Создайте новый слой ниже слоев со стеклянными формами и поместите его в группу «Жидкость». С помощью инструмента Ellipse Tool (Эллипс) создайте овальную форму.

К овальной форме примените Fill (Заливка) 0%. Добавьте стили слоя.

Возьмите Rectangle Tool (Прямоугольник) и создайте прямоугольник ниже овального слоя. Верхний край прямоугольника должен быть в центре овальной формы.
Вернитесь к слою с овальной формой, сделайте овальный контур активным. Перейдите в меню Edit>Copy (Редактирование>Копировать).

Вернитесь к прямоугольной форме снова и вставьте скопированный овальный контур. Нажмите Subtract from shape area (Вычесть из области фигуры). Овальная область прямоугольника должна быть пустой.

Добавляем градиент к созданной форме.

Дублируйте прямоугольный слой.

Сделайте активным овальный контур скопированного слоя и нажмите на иконку Add to the shape area (Добавить к области фигуры). В этом случае вам надо добавить овальную область к прямоугольной форме.

Примените к данному слою Fill (Заливка) 0% и стиль слоя OverlayGradient (наложение Градиента).

При создании градиента используйте режим наложения Color (Цветность), чтобы сохранить прозрачность.

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

Вернемся к нашей первоначальной зеленой/прозрачной жидкости и добавим текстуру пузырьков. Вставьте текстуру “Пузыри”. Расположите его под прямоугольными слоями, но расположите этот слой внутри группы «Жидкость».

Вставьте текстуру “Пар”. Поместите слой с паром выше всех слоев жидкости и оставьте в той же группе «Жидкость»

Выделите фигуру прямоугольника с вычтенной областью
 (Ctrl+клик по иконке формы). Перейдите в меню Select>Inverse (Выделение>Инверсия).

Затем нажмите на значок LayerMask (Слой-маска), чтобы добавить  маску слоя к текстуре пара. Вы должны сделать пар внутри жидкой области невидимым.

Загрузите выделение для стеклянной формы «В» (Ctrl+клик по миниатюре формы). Сделайте активной группу «Жидкость».

Перейдите в меню Select>Modify>Contract (Выделение>Модфикация>Сжать). Укажите значение 8px.

Затем нажмите на значок LayerMask (Слой-маска), чтобы удалить текстуру за пределами выделенной формы буквы.

Если вам хочется создать тень или отражение на букве в виде посуды, следуйте инструкциям ниже. Загрузите выделение формы «В» еще раз. Перейдите в меню Edit>Copy Merged (Редактирование>Скопировать совмещенные данные)

Вставьте созданный объект ниже всех слоев буквы, но выше фона. Преобразуйте объединенную букву в смарт-объект (правый клик мыши по слою, выберите Convert to Smart Object (Преобразовать в смарт-объект)), дублируйте его. Эти слои нам понадобятся для создания тени и отражения нашей буквы.
 

Теперь давайте создадим эффект тени. Примените стиль OverlayColor (Наложение цвета), режим наложения Color (Цветность) к одному из смарт-объектов, чтобы сделать его черно-белым. Переместите его немного.

Перейдите в меню Filter>Blur>Gaussian Blur (Фильтр>Размытие>Размытие по Гауссу), подберите значение радиуса от 3до10px.

Примените к этому слою режим наложения Linear Burn (Линейный затемнитель) с Opacity (Непрозрачность) 10-15%.

Сделайте активным второй смарт-объект. Перейдите в меню Edit>Transform>FlipVertical (Редактирование>Трансформирование>Отразить по вертикали). Переместите этот слой вниз.

Поиграйте с настройками непрозрачности слоя.

Добавьте слой-маску к слою «Отражение». Залейте его черно-белым линейным градиентом в нижней части.

Активируйте режим быстрой маски (значок в нижней части скриншота). Выберите черно-белый градиент. Заполните область градиентом, как показано на скриншоте ниже.

Отключите режим быстрой маски и примените размытие по Гауссу к выделенной области.

Затем перейдите в меню Filter>Blur>Motion Blur (Фильтр>Размытие>Размытие в движении)

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

Ниже представлен порядок созданных слоев и групп.

А вот и результат!

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

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

Автор: Alexandra Fomicheva

photoshop-master.ru

Текст с металлическими буквами в Фотошоп

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

Ресурсы урока:

Архив

Шаг 1

Создайте новый документ (Файл-Создать / File-New) размером 1024 x 768 пикс. установите цвет переднего плана на (275255) и цвет фона на (312d2e) Выберите инструмент Градиент (Gradient Tool (G), вверху кликните по иконке “Радиального градиента” (Radial Gradient) и провидите линию из центра холста до одного из углов.

Откройте текстуру “Рубашки” (ссылка на скачивание доступна в ресурсах урока) и поместите на наш документ. Слой с текстурой “Рубашки” должен располагаться выше фонового слоя.

Немного затемним нашу текстуру, для этого идём в Изображение-Коррекция-Цветовой тон/Насыщенность (Image-Adjustments-Hue/Saturation). И выставляем следующие параметры:
Цветовой тон: -25 Насыщенность: 0 Яркость: 10

Идём в Изображение-Коррекция-Уровни (Image-Adjustments-Levels) и выставляем следующие параметры: Переместите крайний левый ползунок в право на 10 остальное оставьте по умолчанию.

Установите режим наложения для соя с текстурой на “Перекрытие” (Overlay).

Шаг 2

Используя инструмент Горизонтальный текст пользуясь шрифтом “Faktos” (ссылка на скачивание доступна в ресурсах урока) напишите любой текст используя цвет (75929c). Для того, чтобы ваш текст не сливался вы можете настроить параметры “Трекинга на 25”.
 

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

Тиснение: Стиль-Внутренний скос, Метод-Жёсткая огранка, Глубина-150%, Направление-Вверх, Размер-27пикс. Смягчение-0пикс. Убираем галочку на “Глобальное освещение”, Угол 90град, Высота 30град, Контур глянца-По Гауссу, ставим галочку на “Сглаживание”, Режим подсветки-Перекрытие, Цвет (ded9c6) Режим тени-Умножение, Цвет (7b7b7b).

Текстура: “Зелёные волокна” остальное оставляем по умолчанию. (Ссылка на скачивание текстуры доступна в ресурсах урока).

Внутренняя тень: Режим наложения-Умножение, Цвет (737373), Смещение-0пикс, Размер-10пикс. Остальные параметры оставляем по умолчанию.

Внутреннее свечение: Режим наложения-Перекрытие, Источник-Из центра, Размер-24.

Активируем градиент и выставляем цвета: Слева (fee7c5) Право (443a30).

Тень: Режим наложения-Умножение, Цвет (686868). Остальные параметры оставляем по умолчанию.

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

Шаг 3

Нам необходимо сделать выделение текста. Для этого зажмите клавишу (Ctrl) и кликните по иконке текстового слоя.

После того как выделили текст, создайте новый слой и назовите его “Текстура” (слой с текстурой должен быть выше всех слоёв). Установите цвет переднего плана на (cbb99d), а цвет фона на (792815). Выберите инструмент Заливка (Paint Bucket Tool).

Залейте слой с текстурой. Чтобы снять выделение текста нажмите комбинацию клавиш (Ctrl+D).

Шаг 4

И вот мы добрались до фильтров, стоя на слое с текстурой перейдите в Фильтр-Рендеринг-Волокна (Filter-Render-Fibers) и установите следующие значения: Несовпадение-40, Интенсивность-1.

Результат должен быть похож как на скриншоте ниже.

Идём в Фильтр-Галерея фильтров-Эскиз-Хром (Filter-Filter Gallery-Sketch-Chrome) и установите следующие значения: Детализация-0, Смягчение-10.

Результат должен быть похож как на скриншоте ниже.

Переходим в Фильтр-Галерея фильтров-Эскиз-Мел и Уголь (Filter-Filter Gallery-Sketch-Chalk and Charcoal) и установите следующие значения: Уголь-6, Мел-6, Нажим-1.

Результат должен быть похож как на скриншоте ниже.

Переходим в Фильтр-Галерея Фильтров-Искажение-Стекло (Filter-Filter Gallery-Distort-Glass) и установите следующие значения: Искажение-5, Смягчение-3, Текстура-Изморозь, Масштаб-100%.

Результат должен быть похож как на скриншоте ниже.

Переходим в Фильтр-Галерея Фильтров-Имитация-Пастель (Filter-Filter Gallery-Artistic-Rough Pastels) и установите следующие значения: Длина штриха-6, Детализация-4, Текстура-Холст, Масштаб-100%, Рельев-20, Свет-Внизу.

Результат должен быть похож как на скриншоте ниже.

И вот остался последний фильтр, перейдите в Фильтр-Галерея Фильтров-Имитация-Масляная живопись (Filter-Filter Gallery-Artistic-Paint Daubs) и установите следующие значения: Размер кисти-8, Резкость-7, Кисть-Простая.

Результат должен быть похож как на скриншоте ниже.

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

Шаг 5

Стоя на текстовом слое кликните по нему правой кнопкой мыши и выбери “Создать рабочий контур”&

Создайте новый слой и поместите его ниже текстового слоя и назовите его “Обводка” Выберите инструмент Кисть (Жесткая Кисть) Размер-10пикс.

Установите цвет переднего плана (a4a29a) и выберите инструмент Стрелка (Direct Selection Tool) и кликните правой кнопкой мыши по тексту и выберите Выполнить обводку контура.

Инструмент Кисть (Brush tool) и убедитесь, что у вас нет галочки на Имитировать нажим.

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

Шаг 6

Перейдите на текстовый слой и нажмите правой кнопкой мыши и выберите Скопировать стиль слоя (Copy Layer Style) встаньте на слой с обводкой и нажмите правой кнопкой мыши и выберите Вклеить стиль слоя (Paste Layer Style). Стоя на слое с обводкой кликните по нему два раза и у вас откроется панель Стиль слоя.

Нам нужно поменять текстуру, для этого встаньте на пункт “Текстура” нам нужно заменить нашу вклеенную текстуру на новую “Бежевая бумага” (Beige paper) (ссылка на скачивание доступна в ресурсах урока) и настройте как показано на скриншоте ниже:

Результат должен быть похож как на скриншоте ниже.

Шаг 7

Встаньте на слой с “Текстурой” и создайте новый корректирующий слой Карта Градиента (Gradient Map)

Цвета пока оставим базовые (любые) и настроим  их позже. А пока измените режим наложения нашей Карты Градиента на Мягкий Свет (Soft Light) и понизьте непрозрачность до 70%.

Стоя на корректирующем слое “Карта градиента” дважды нажмите на чёрный квадрат и настройте цвета: Слева (35515c) Право (bcb086).

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

Автор: Rose

photoshop-master.ru

Блокнот из букв в Фотошоп

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

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

Ресурсы урока:

Архив

Шаг 1

Создайте новый документ: Файл-Создать, размер: Ширина 1152 Высота 864. Дублируйте фоновый слой нажатием клавиш (Ctrl+J). Дважды кликните по копии фонового слоя и примените следующие параметры:

Наложение цвета (Color Overlay)

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

Цвет: 696969

Наложение узора (Pattern Overlay)

Загрузите пак узоров под названием: "Seamless Paper Patterns" и выберите узор который показан на скриншоте ниже:

И вот мы с вами придали стиль фону:

Шаг 2

С помощью инструмента "Горизонтальный текст" (Horizontal Text Type) напишите любое слово на английском языке, шрифт "Bevan" цвет: (e2d8ca).

Дважды кликните левой клавишей мыши по текстовому слою и примените следующие параметры:

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

Размер: 1 (size)

Контур: Линейный () установите галочку на пункте "Сглаживание"

Непрозрачность: 50%

Контур (Contour)

Контур: Полукруг (Half Round)

Установите галочку на пункте “Сглаживание”

Установите галочку на пункте "Сглаживание"

Текстура (Texture)

Загрузите текстуру под названием "Beige paper"

Наложение Узора (Pattern Overlay)

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

Из пака (Lined Paper Patterns ~kittenbella) загрузите узор "White Lined Notebook Paper"

Тень (Drop Shadow)

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

Смещение: 20 пикс. (Distance)

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

Шаг 3

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

И так, дублируйте растрированный текстовый эффект нажатием клавиш (Ctrl+J)

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

Тень (Drop Shadow)

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

Смещение: 5 пикс. (Distance)

Размер: 1 пикс. (Size)

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

Дублируйте копию растрированного слоя ещё 4 раза.

Используйте инструмент "Перемещение" (Move Tool). И подвигайте каждый слой для создания объемного эффекта, также вы можете использовать клавиши стрелок на клавиатуре.

Шаг 4

 Далее используйте инструмент "Эллипс" (Ellipse Tool), убедитесь, что у вас в настройках фомы выбрана Фигура. Затем в правой стороне у вас есть значок шестерёнки, нажмите на него и установите следующие значения:

Заданный размер: 26х26

Ниже установите галочку на пункте "От центра" (Center box)

Эти настройки помогут вам создавать Эллипсы размером 26х26 пикс.

Теперь в настройках "Операции с контуром" выберите "Вычесть переднюю фигуру" () установите значения 20х20 пикс. Далее кликните левой клавишей мыши по уже созданному нами эллипсу чтобы вычесть центр. И вот у нас получилось кольцо.

Дважды кликните по слою с фигурой и примените следующие параметры:

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

Контур глянца: Перевернутый конус (Cone – Inverted)

Режим подсветки: Яркий Свет (Vivid Light)

Контур (Contour)

Контур: Конус (Cone) Установите галочку на пункте "Сглаживание"

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

Кликните по полоски Градиента и примените следующие цвета:

Лево: 7a3f00 Центр: ffdf2f Право: 7a3f00

Тень (Drop Shadow)

Смещение: 3 пикс. (Distance)

Размер: 2 пикс. (Size)

Вы можете использовать любые цвета для Градиента кольца.

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

Шаг 5

Используя инструмент "Кисть" (Brush Tool) кисть круглая жесткая, цвет: 000000, создайте новый слой выше всех слоёв и назовите его "Кисть" пройдитесь кистью по центру кольца.

Вот так у вас должно получится:

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

Далее немного возвращаясь к 3-ему шагу, вставайте на каждый текстовый слой и нажимайте клавишу Delete. Снимите выделение зажав клавиши Ctrl+D.

Шаг 6

Понизьте значение "Заливки" (Fill) слоя "Кисть” до 0.

Дважды кликните по слою "Кисть" и примените следующие параметры:

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

Смещение: 7 пикс. (Distance)

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

Шаг 7

Создайте новый слой выше всех слоёв и назовите его "Градиент" в палитре цветов цвет переднего плана: #272423, в настройках Градиента цвет от #272423 к прозрачному, используйте инструмент: "Градиент" (Gradient Tool) Установите галочку на пункте "Инверсия" (Reverse) Градиент "Радиальный" (Radial).

И проведите линию от центра к одному из углов.

Установите режим наложения для слоя "Градиент" на "Мягкий Свет" (Soft Light)

В основном урок завершен, но вы можете пойди дальше и придать нашим карточкам "изюминку". Используйте шрифт "Ænigma Scrawl" размер где-то 14 пунктов, цвет: #2571a2.

И вот урок завершен!

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

Автор: Textuts.com

 

photoshop-master.ru

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

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