Сайт ищет новых владельцев. Пишите на e2network@yandex.ru с темой "Покупка psd.by"

Ламповый текст в фотошоп

Категория: Работа с текстом|Уроки Photoshop

4 Окт 2012

Описание урока:

  • Программа: Adobe Photoshop CS5 Extended
  • Уровень сложности: Начальный
  • Необходимое время: 1 час
Что у нас должно получиться в результате:

clip_image001

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

Материалы, необходимые для урока

Шаг 1

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

clip_image002

Фон делаем черный или другого темного цвета, чем темнее будет фон, тем лучше.

clip_image003

Шаг 2

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

clip_image004

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

clip_image005

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

clip_image006

Шаг 3

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

clip_image007

Создаем новый слой между фоном и оригиналом текстового слоя и называем его «Back».

clip_image008

Переходим в меню Select> Modify> Expand (Выделение-Модификация-Расширить) и устанавливаем расширение в 5 рх.

clip_image009

Заливаем выделение #9b7e4f цветом, далее переходим по Select > Deselect (Выделение – Отменить выделение) или зажимаем Ctrl + D, чтобы отменить выделение.

clip_image010

Загрузка контуров

Вам понадобится загрузить контуры, которые находятся в наборах программы. Для этого, переходим в меню Edit> Preset Manager-Contours (Редактирование-Управление наборами-Контуры), находим в списке Contours (Контуры).

clip_image011

Нажимаем на маленькую стрелку в правом верхнем углу и выбираем Contours(Контуры).

clip_image012

Жмем Append, чтобы добавить новые контуры к существующим.

clip_image013

Шаг 4

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

Outer Glow (Внешнее свечение): просто поменяйте цвет на #8f6f2c.

clip_image014

Inner Glow (Внутреннее свечение): поменяйте Blend Mode (Режим смешивания) на Multiply (Умножение), цвет установите #e4d7b2, Source (Источник) от Center (от центра), размер 125px, Range (Диапазон) – 35%.

clip_image015

Далее применяем Bevel and Emboss (Тиснение) и вводим параметры как на рисунке ниже.

clip_image016

Применяем стиль слоя Contour (Контур), выбираем Cone contour(Конический) и вводим параметры как на скриншоте.

clip_image017

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

clip_image018

Stroke (Обводка): Изменяем размер до 1 Fill Type(Тип заливки) выбираем градиент, Angle (Угол) 90 градусов. Загружаем металлические градиенты из материалов урока.

clip_image019

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

clip_image020

Уменьшаем уровень Fill (Заливка) до 50%, чтобы слой смотрелся полупрозрачным.

clip_image021

Шаг 5

Устанавливаем цвет переднего плана на # 555555 и выбираем жесткую круглую кисть размером 3 рх. Эту кисть мы будем применять для создания проводов в середине текста.

clip_image022

Создаем новый слой над слоем “Back” и называем его “Wire”.

clip_image023

Выбираем Pen Tool (Перо) в режиме контуров в верхнем меню.

clip_image024


Шаг 6

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

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

clip_image025

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

clip_image026

Если вы хотите переместить какую-либо опорную точку, выберите инструмент Direct Selection Tool (Стрелка) и потяните за нее. Если вам необходимо переместить сразу две и более точки, выделите их инструментом Стрелка, затем стрелками на клавиатуре сдвиньте в любом направлении.

clip_image027


Шаг 7

Чтобы обвести контур, кликаем по нему правой кнопкой мыши и выбираем Stroke Path(Выполнить обводку).

clip_image028

В диалоговом окне обводки выбираем кисть, убеждаемся, что Simulate Pressure box (Имитация нажима) не выбрана.

clip_image029

Нажимаем Enter, для удаления контура, чтобы была возможность нарисовать новый контур.

clip_image030

Еще раз используем Pen Tool (Перо), чтобы добавить недостающую часть средней линии буквы.

clip_image031

И обводим этот контур так же, как и в предыдущем случае.

clip_image032


Шаг 8

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

clip_image033

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

clip_image034

Также не забывайте, что вы можете использовать инструмент Direct Selection (Стрелка) для перемещения опорных точек.

clip_image035

После того как вы сделали контур добавляем к нему Stroke (обводку) как в предыдущей букве.

clip_image036

Шаг 9

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

clip_image037

После того как вы нарисовали кривую, берем инструмент Direct Selection (Стрелка) и нажимаем им на опорные точки, которые необходимо подкорректировать. Используя манипуляторы точки, регулируем изгиб контура, чтобы придать ему форму буквы.

clip_image038

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

clip_image039

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

clip_image040

После того, как вы сделали внутреннюю обводку всех букв, меняем Fill(Заливку) слоя “Wire” на 50%.

clip_image041

Шаг 10

Применяем стили слоя:

Outer Glow(Внешнее свечение), прописываем настройки, как на скиншоте ниже.

clip_image042

Inner Glow (Внутренне свечение) выставляем настройки, как на скриншоте ниже.

clip_image043

Это придаст нашему тексту тонкое свечение

clip_image044

Шаг 11

Делаем дубликат слоя “Wire”.

clip_image045

Дважды кликаем по дубликату слоя для корректировки Inner Glow (Внутреннее свечение), изменяем размер на 10.

clip_image046

Это усилит эффект свечения.

clip_image047

Шаг 12

Теперь мы сделаем собственную простую кисть. Создаем документ размером 16 x 16 px с прозрачным фоном.

clip_image048

Выбираем инструмент Ellipse Tool (Эллипс) в режиме Paths (Контуры) и рисуем круг (удерживая Shift) по центру документа.

clip_image049

Выбираем круглую жесткую кисть размером 1 px.Потом выбираем Ellipse (Эллипс) и делаем обводку контура.

clip_image050

Нажимаем Enter, чтобы убрать контур, переходим по Edit > Define Brush Preset, чтобы определить кисть, вписываем ее имя.

clip_image051


Шаг 13

Возвращаемся к первоначальному документу. Создаем новый слой над слоем “Wire copy” и называем его “Filament”.

clip_image052

Кликаем правой кнопкой мыши по слою “Wire” и выбираем Copy Layer Style (Копировать стиль слоя), затем правой кнопкой мыши кликаем по слою “Filament” и выбираем Paste Layer Style (Вставить стиль слоя).

clip_image053

Изменяем Fill (Заливку) слоя до 100% и устанавливаем цвет Foreground (переднего плана) #d0b174.

clip_image054

Шаг 14

Открываем Brush panel (панель настроек кисти) Window > Brush, выбираем кисть, которую мы создали и изменяем значения, как показано на рисунке ниже.

clip_image055

clip_image056

Шаг 15

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

clip_image057

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

clip_image058

При обводке устанавливаем галочку на Simulate Pressure (Имитации нажима).

clip_image059

Это сделает нить по краям тоньше. Добавьте больше контуров вдоль провода, но не слишком много. Нам еще необходимо добавить немного яркого света, и при этом оставить пустые области.

clip_image060

Шаг 16

Создайте новый слой над слоем “Filament” и назовите его “Light”, потом кликните правой кнопкой мыши по нему и выберите Paste Layer Style (Вставить стиль слоя).

clip_image061

Дважды щелкаем по слою “Light”, чтобы изменить стиль слоя Outer Glow(Внешнее свечение) как на рисунке ниже.

clip_image062

Шаг 17

Выбираем мягкую круглую кисть и изменяем ее настройки, как показано на рисунке ниже:

clip_image063

clip_image064

Шаг 18

Устанавливаем цвет Foreground (Переднего плана) на #fffde1 и используем Pen Tool (Перо) для создания маленьких контуров, покрывающих некоторые пустые области вдоль провода. Выполняем его обводку.

clip_image065

Убедитесь, что выбрана Simulate Pressure box (Имитация нажима), когда вы будите обводить маленькие контуры.

clip_image066

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

clip_image067

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

clip_image068

Шаг 19

Помните, что вы всегда можете изменить яркость кисти, с помощью регулирования непрозрачности кисти. В этом примере opacity (Непрозрачность) снижена до 90%.

clip_image069

Также вы можете изменить цвет свечения. Здесь цвет Inner Glow (Внутреннее свечение) слоя “Light” установлен на #83591e.

clip_image070

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

clip_image071

Шаг 20

Создаем новый слой между слоями “Back” и “Wire”, называем его “Pins”. Меняем его заливку на 0%.

clip_image072

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

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

clip_image073

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

Contour (Контур):

clip_image075

Шаг 21

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

clip_image076

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

clip_image077

Шаг 22

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

Drop Shadow (Тень):

clip_image078

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

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

Contour (Контур):clip_image081

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

clip_image082

Шаг 23

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

clip_image083

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

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

Contour (Контур):clip_image086

С помощью этого мы получаем окончательный светящийся ламповый эффект.

clip_image087

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

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

clip_image001[1]

Оригинал — http://psd.tutsplus.com/tutorials/text-effects-tutorials/light-bulb-text-effect

Написать комментарий

О PSD.by

PSD.by - это сайт, полностью посвященный работе с Adobe Photoshop. Не важно кто вы - матерый волк Фотошопа или начинающий дизайнер, который только делает свои первый шаги. На нашем сайте вы найдете для себе много полезного - от простых до сложных уроков, большой каталог дополений для Photoshop.
Если Фотошоп для вас - это не просто название софта, то вы попали по адресу!

  • Pavel: Добрый день! Прошу прислать Бесплатный макет футболок [...]
  • Андрей: Добрый день! Прошу прислать Бесплатный макет футболок [...]
  • Лидия: Добрый день! Прошу прислать Бесплатный макет футболок [...]
  • andrey: Добрый день! Прошу прислать Бесплатный макет футболок [...]
  • Ваграм: Просто офигенно :) [...]
Creative Suite 5 Patterns для фотошопа Примеры работ дизайнеров Работа с фотографиями Рисование в Photoshop Создание обоев для рабочего стола Уроки Photoshop гламурные кисти для фотошопа дизайн сайтов дизайн сайтоы кисти для Photoshop новогодние стили для фотошопа обработка фото в фотошопе отделение объекта от фона в фотошопе паттерны для фотошопа пример креативных дизайнов работа с текстов в фотошоп работа с текстом работа с текстом в photoshop работа с текстурами работа с эффектами в фотошоп рамки для фото в psd релиз Photoshop скачать дополнения для photoshop скачать иконки в psd скачать иконки для фотошопа скачать кисти для фотошопа скачать паттерны для Photoshop скачать стили для Photoshop скачать тени для фотошопа скачать шаблон фото скачать шрифты для фотошопа создание баннеров в фотошопе создание коллажей в фотошопе создание макетов рекламы создание макетов сайта в фотошопе создание сайтов в фотошопе стили для фотошопа стили фотошоп тени для фотошопа травяная текстура уроки фотошоп шаблоны для коллажей шаблоны фото для фотошоп шаблоны фото для фотошопа

Это интересно!