Как создать анимированный эффект неоновых вывесок

В прошлом месяце я разместил демонстрацию невероятно реалистичных неоновых вывесок , созданных с помощью программного обеспечения 3D. Я гораздо больше отношусь к 2D-парню, поэтому я хотел попробовать создать похожий неоновый эффект с помощью Illustrator и Photoshop, но с добавлением движения через анимированный GIF. Следуйте этому руководству, чтобы увидеть, как я создал забавную неоновую вывеску для Pizza Planet, используя векторные инструменты Illustrator для создания начального макета знака, а затем Photoshop, чтобы воплотить его в жизнь с помощью ярких стилей слоев и кадрирования для анимации.

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

Откройте Adobe Illustrator и создайте новый документ. Нарисуйте круг на монтажной области с помощью инструмента Ellipse, затем очистите заливку, оставив только черный штрих. Измените параметры обводки на 5pt с круглой крышкой и круглыми углами.

Используйте инструмент «Текст», чтобы добавить любой текст для вашей неоновой вывески. Я использую шрифт по имени Дарвин для Pizza Planet.

Масштабируйте текст так, чтобы он располагался по центру, но вырвался из круга, затем сдвиньте его на -10 ° по вертикали, используя опцию Object> Transform> Shear.

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

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

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

Выберите основной круг планеты и нажмите CMD + C, а затем CMD + F для копирования и вставки впереди. Удерживая клавишу ALT, растягивая и сдавливая фигуру, образуйте кольцо вокруг планеты, затем дублируйте фигуру и слегка уменьшите ее, чтобы она поместилась в оригинале.

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

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

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

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

В настоящее время дизайн имеет множество путей, перекрывающих друг друга, поэтому давайте создадим более типичный макет неоновых вывесок. Выберите основной круг планеты и перейдите в Object> Path> Offset Path. Введите 3 мм.

Щелкните правой кнопкой мыши на полученном пути смещения и выберите Make Guides. Теперь самое время убедиться, что направляющие видимы (CMD +;) и заблокированы (CMD + Alt +;).

Используйте инструмент «Ножницы», чтобы обрезать контуры колец планеты, где они пересекаются с новым руководством. Использование Smart Guides (CMD + U) облегчает привязку к этой области.

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

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

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

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

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

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

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

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

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

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

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

Разделите различные цвета на их собственные слои, используя меню «Выделение»> «Одинаково»> «Цвет обводки», а затем команды «Копировать и вставить в передний план». Дайте любые части дизайна, которые будут анимированы их собственные слои, такие как элементы, которые составляют три ракеты.

Перейдите в File> Export и измените тип файла на Photoshop PSD. Убедитесь, что опция Write Layers отмечена.

Откройте экспортированный PSD в Photoshop и слегка раскройте холст. Залейте фон черным и добавьте кирпичную текстуру.

Выделите все слои элементов неоновых вывесок и нажмите CMD + J, чтобы дублировать их, а затем CMD + E, чтобы объединить их в один. Переименуйте этот слой в «Off».

Добавьте серию стилей слоев, чтобы придать этому слою вид, похожий на тубус, без подсветки, а именно, Color Overlay, Inner Glow и Drop Shadow.

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

Принесите в жизнь первый неоновый слой с помощью серии стилей слоев. Добавьте Inner Glow, чтобы добавить яркий белый центр, Outer Glow, чтобы создать цветную ауру, а затем добавьте Drop Shadows, чтобы наложить больше сияний разных размеров.

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

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

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

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

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

Сделайте панель «Таймлайн» видимой из меню «Окно», затем создайте анимацию нового кадра.

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

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

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

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

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

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

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

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

Хочу больше? Проверьте эти замечательные сопутствующие товары

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

Неоновый текст — уроки фотошоп

Автор adminВремя чтения 41 мин.Просмотры 33Опубликовано 12.11.2019

Создаём в Фотошоп неоновый 3D текст

В этом уроке я покажу вам как создать красивый 3D текст используя инструменты Photoshop. Целью урока будет создание 3D букв с люминесцентным свечением, а так же мы дополним их темным фоном с эффектом боке. Надеюсь вы изучите новые интересные приемы благодаря данному уроку. Для работы мы будем использовать версию программы Photoshop CS5 Extended.

Перед выполнением задания скачайте и установите необходимые шрифты в Photoshop. А так же хочу акцентировать внимание что для урока необходимо что бы у вас была установлена именно версия программы Photoshop CS5 Extended.

Исходники:

Шрифт “TR2N Font”

Шрифт ” Raleway Thin “

Вы можете, так же, заменить шрифт ” Raleway Thin ” на шрифт “Helvetica Neue” если он вам больше нравится.

Начнем!

Шаг 1

Для начала работы создадим документ размером 1920 × 1080 пикс..
Чтобы создать новый документ, перейдите в меню Файл> Создать (File > New).

Шаг 2

Сделайте фон черным. Вы можете сделать это очень быстро, нажав комбинацию клавиш Ctrl + I или перейдя к Изображение> Коррекция> Инверсия (Image > Adjustments > Invert).

Шаг 3

Активируйте инструмент Горизонтальный текст  (Horizontal Type Tool). Выберете из списка шрифтов “TR2N Font”, размер шрифта – 480pt. Введите текст, который вы хотели бы использовать. Лучше всего использовать короткую надпись (около 4-х символов). Я напишу слово TR2N.

Хочу сказать большое спасибо автору Джефф Белл (Jeff Bell) за предоставление этого красивого шрифта.

Шаг 4

Дублируйте слой с текстом. Переименуйте его в “TR2N 3D”. Убедитесь, что этот слой расположен в качестве верхнего слоя.

Шаг 5

Встаньте на слой “TR2N 3D” и перейдите к 3D > Чеканка > Текстовый слой (3D > Repousse > Text Layer). Вы увидите всплывающее окно, которое спрашивает, хотите ли вы растрировать текстовый слой – просто нажмите кнопку “Да” (Ок).

Если вы не видите меню 3D, вы используете не версию Photoshop CS5 Extended, инструменты 3D доступны только в Photoshop CS5 Extended.

Далее у вас появится окно с настройками 3D. Установите значение Глубина (Depth) так, что бы получить результат похожий на мой. Не нажимайте кнопку ОК.

Шаг 6

Перейдите к вкладке “Материалы” (Materials) и установите сферу без текстуры. Это позволит удалить все текстуры из текста. Не нажимайте кнопку ОК.

Вот как текст выглядит на данном этапе:

Шаг 7

Теперь мы изменим значения для вкладки “Скос” (Bevel).
Сторона (Sides) – “Спереди” (Front)
Высота (Height) – 5
Ширина (Width) – 0,5
Контур (Contour) – “Глубокая выемка” (Deep cove).
Нажмите OK, чтобы применить изменения.

Мы получили объемный текст с небольшим скосом на гранях букв:

Шаг 8

Мы завершили создание 3D текста! Теперь, когда мы закончим, мы можем перейти к улучшению качества 3D текста.

Одна из самых распространенных проблем, которую испытывают люди при использования инструментов 3D является то, что объекты получаются с “зубчатыми” краями и низкого качества. Photoshop делает это, чтобы улучшить производительность во время редактирования и работы с 3D.

Но когда вы закончите работу по созданию основной формы, вы можете изменить качество объекта. Настройки качества скрыты в 3D панели. Перейти к Окно> 3D   (Window> 3D), для того что бы увидеть необходимое меню. В этом меню перейдите к пункту Качество (Quality) и в списке выберете “Окончательная трассировка лучей” (Ray Traced Final).

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

После изменения качества текст выглядит гораздо лучше:

Шаг 9

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

Если вы хотите преобразовать слой в смарт-объект, щелкните правой кнопкой мыши на слое и выберите “Преобразовать в смарт-объект” (Convert to Smart Object).

Если вы хотите вернуться к настройкам 3D, вы можете дважды щелкнуть по иконке слоя. Photoshop откроет слой как новый документ и покажет вам инструкции о том, как сохранить изменения.

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

Шаг 10

Теперь мы прейдем к Стилю слоя (Layer style), чтобы добавить к 3D тексту голубое свечение. Щелкните правой кнопкой мыши на слое TR2N 3D выберите в подменю “Параметры наложения” (Blending Options).

Выберите опцию Наложение цвета (Color Overlay), а затем установите цвет # 00B4FF. Вы также можете изменить режим смешивания на Перекрытие (Overlay), если хотите. Не нажимайте кнопку ОК.

Шаг 11

Затем перейдите к стилю Внешнее Свечение (Outer Glow) и установите тот же цвет что и для предыдущего параметра  # 00B4FF. Размер (Size) для свечения установите около 30 пикс.. Учтите, что данный размер будет варьироваться, если вы использовали другой размер шрифта, нежели я. Нажмите OK, чтобы применить изменения.

Вот как голубое свечение выглядит на данном этапе:

Шаг 12

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

Теперь у нас получилась красивая белая передняя поверхность текста.

Шаг 13

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

Чтобы исправить это, активируйте инструмент Свободная трансформация (Free Transform), перейдя к Редактирование> Свободное трансформирование (Edit> Free Transform).

Перетащите маркеры на углах так, что бы белый текст совпал по контуру с 3D текстом.

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

Шаг 14

Теперь мы добавим к белому тексту очень тонкий ободок. Для этого снова переходим к Стилю слоя (Layer style), сделав щелчок правой клавишей мыши по слою и выбрав в подменю “Параметры наложения” (Blending Options).

Перейдите к параметру Обводка (Stroke) и установите размер на 3 пикс., положение – “внутри” (inside), цвет – белый.

Шаг 15

После применения Обводки (Stroke) вы не увидите изменений, потому что цвет обводки и текста совпадают. Чтобы это исправить, установите Непрозрачность (Opacity) и Заливку (Fill) слоя “TR2N” на 75%.

Вот что получилось теперь:

Шаг 16

Выберите инструмент Горизонтальный текст  (Horizontal Type Tool) и введите любую надпись ниже текста TR2N. Я использовал шрифт “Raleway Thin” ( так же можно использовать шрифт Neue Helvetica ).

Если вы хотите увеличить расстояние между буквами, перейдите к Окно> Символ (Window> Character), затем настройте значение интервалов.

Используйте инструмент Перемещение  (Move tool) и разместите тонкий текст как вам нравится.

Шаг 17

Теперь мы добавим голубое свечение к субтитрам. Чтобы сделать это, щелкните правой кнопкой мыши на слое “TR2N 3D” и нажмите на Копировать стиль слоя (Copy Layer Style). Затем перейдите к слою с тонким текстом и сделайте щелчок правой кнопкой мыши по нему, в подменю выберите пункт Вклеить стиль слоя (Paste Layer Style).

Теперь субтитры так же засияли.

Шаг 18

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

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

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

Шаг 19

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

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

Прежде всего создадим фон для будущей сетки. Создайте новый слой над фоновым черным слоем. Назовите этот слой “Сетка фона” (“Grid Background”).

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

Шаг 20

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

Во-первых, убедитесь, что ваш основной и фоновый цвета установлены по умолчанию (черный и белый). Что бы установить цвета по умолчанию, просто нажмите на клавиатуре клавишу D.

Перейти к Фильтр> Рендеринг> Облака (Filter> Render> Clouds).

Шаг 21

Сейчас мы будем превращать облака в крупную мозаику с закругленными краями. Для этого переходим к Фильтр>  Оформление> Мозаика (Filter> Pixelate> Mosaic).

Для того что бы закруглить края мозаики мы используем фильтр Медиана (Median). Что бы воспользоваться фильтром перейдите к Фильтр > Шум > Медиана (Filter > Noise > Median). Установите радиус 8 пикс., нажмите кнопку ОК.

Шаг 22

В этом шаге мы добавим светящиеся края к граням мозаики. Перейдите к Фильтр > Стилизация > Свечение краев (Filter > Stylize > Glowing Edges). Установите параметры как на изображении ниже:

Сделайте двойной щелчок по Свечение краев (Glowing Edges) в палитре слоев.

На экране откроется окно настроек. Установите режим наложения на Экран (Screen) и непрозрачность (opacity) – 50%, затем нажмите кнопку ОК.

Шаг 23

Фон слишком светлый, в этом шаге я покажу вам как сделать его более темным. Перейдите к Изображение> Коррекция> Тени /Света (Image > Adjustments > Shadows/Highlights).  Установите значение тени (shadows) на 1%.

Установите флажок возле “Показать дополнительные параметры” (Show More Options). Теперь вы можете видеть больше настроек. Данные параметры позволят вам увеличить значения как светлых так и темных тонов. Я буду увеличивать значения для теней. Настройки указаны ниже.

У вас должен получится похожий результат:

Шаг 24

Понизьте непрозрачность (opacity) слоя с сеткой по вашему усмотрению. Я изменил данный параметр до 12%.

Теперь изображение выглядит так.

Мы почти завершили работу с сеткой. Остался еще один шаг перед работой с боке.

Шаг 25

Теперь маленькая хитрость. Если вы дважды щелкните по смарт-фильтру Облака (Clouds) то Photoshop в произвольном порядке изменит вид сетки. Это будет происходить при каждом подобном действии.

При двойном щелчке Photoshop будет показывать информационное окно об изменениях. Если вы не хотите что бы возникала данная подсказка вы можете установить флажок “Больше не показывать” (“Don’t show again”).

Вы можете выбрать любой из вариантов который вам понравится. Я остановился на этом.

Шаг 26

Над слоем с сеткой создайте новый слой и назовите его “Боке”.

Шаг 27

Выберите инструмент Кисть  (Brush tool), затем щелкните правой кнопкой мыши в любом месте документа, чтобы открыть настройки кисти. Выберите круглую кисть с жесткостью (hardness) 100%. Установите размер в 200 пикселей.

Если вы не увидели в списке данную кисть, то необходимо нажать на значок треугольника и в подменю выберите пункт “Восстановить кисти” (Reset Brushes).

Шаг 28

Перейдите к панели кистей (Окно > Кисти (Window > Brushes)) и откорректируйте параметр Динамика формы (Shape Dynamics).  Установите параметр “Колебание размера” (Size Jitter) на 100%. Убедитесь что в параметре “Управление” (Control) выбрано “Выкл” (Off).

Перейдите к параметру Рассеивание (Scattering). Установите значения, показанные на изображении ниже.

Включите опцию Динамика цвета (Color Dynamics), затем установите Колебание цветового фона (Hue Jitter) на 3%.

Так же, измените настройки для параметра Передача (Transfer).

Вернитесь на вкладку Форма отпечатка кисти (Brush Tip Shape). Установите значение Интервала (Spacing) на 100%.

Шаг 29

Мы закончили создание кисти! Теперь начнем рисовать. Во-первых, установить цвет переднего плана на белый. Вы можете это быстро сделать, нажав D на клавиатуре, а затем X.

Теперь прокрасьте новой кистью по холсту на слое “Боке”. У вас получится поле с произвольными разными кружочками. Возможно, вам придется отменить действие кисти (Ctrl + Z), и повторить действие с рисование заново, прежде чем вы получите результат, который вам понравится.

Шаг 30

Перейдите к Изображение > Коррекция > Цветовой тон Насыщенность (Image > Adjustments > Hue/Saturation). В этом окне вы сможете изменить цвет боке на тот, который вам больше нравится. Например так:

Шаг 31

Щелкните правой кнопкой мыши на слое “Боке”, выберите в меню Преобразовать в смарт-объект (Convert to Smart Object).

Перейти к Фильтр> Размытие> Размытие по Гауссу (Filter> Blur> Gaussian Blur). Установите радиус 16 пикселей нажмите кнопку ОК.

Шаг 32

Дважды щелкните на смарт-фильтр Размытие по Гауссу (Gaussian Blur) для перехода к Параметрам наложения (Blending Options).

Установите непрозрачность (оpacity) на 80%.

Вот наш результат:

Шаг 33

Осталось удалить некоторые круги, для того что бы усилить внимание на основном логотипе. Нажмите на соответствующий значок, в нижней части панели слоев, и добавьте к слою “Боке” Векторную маску  (Layer Mask).

Активируйте инструмент Кисть (Brush tool). Нажмите кнопку D на клавиатуре, чтобы сбросить цвета и установить их по умолчанию. Щелкните правой кнопкой мыши в окне документа, чтобы открыть настройки кисти. Выберите мягкую круглую кисть, затем установить размер 800 пикселей.

Стоя на маске слоя, обработайте область вокруг логотипа.

Мы закончили урок!

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

Вот крупный план логотипа при увеличении на 100%.

Так же вы можете ознакомиться с PSD файлом данного урока.

Неоновый текст

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

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

Скачайте следующие материалы для работы:

Шрифт

Текстура

Шаг 1

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

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

Прозрачность слою установите 60%

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

Добавьте корректировочный слой Color Balance со следующими настройками:

Должен получится вот такой эффект приглушенной стены. Выглядит будто легкое освещение синего цвета на стене.

Шаг 2

Теперь пора добавить текст. Напишите надпись использую шрифт который вы скачали. Цвет надписи указан на скриншоте.

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

Bevel and Emboss

Stroke

Inner Shadow

Satin

Color Overlay

Gradient Overlay

Outer Glow

Drop Shadow

Результат на лицо:

Шаг 3

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

Повторите эту операцию с копированием и перемещением несколько раз, чтобы получился такой эффект:

Последний слой с текстом нужно затемнить, для этого примените Hue/Saturation

Чтобы выглядело так:

Шаг 4

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

Для этого используйте жесткую кисть (90%) размером примерно 6 пикселей.

Цвет кисти — это важно. Нужно выбрать в той же цветовой гамме что и текст, но намного ярче.

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

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

Шаг 5

Будет логично добавить провода к неоному тексту. Для этого мы будем использовать перо Pen Tool.

Обводку делайте кистью размеров 5 пикселей, твердая кисть.

Сразу же можно применить для линии эффект Bevel and Emboss

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

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

Шаг 6

Почти все готово! Осталось только подкорректировать цвет, все таки у неона другой цвет — более синий и яркий светящийся. Для этого добавим корректирующие слои.

Selective Color

Curves

Вот и всё! Неоновый эффект готов:

Автор перевода — Александр (специально для Pixelbox.ru)

Создаем неоновый эффект в Фотошоп

Название неон пришло к нам от греческого νέος (новый) и судя по всему говорит о большой радости ученых, которые обнаружили в воздухе инертные газы. Известна легенда, в которой говорится, что название новому элементу дал маленький сын Рамзая: увидев странное ярко-красное свечение, которое вещество излучало в трубке для спектрального анализа, он радостно воскликнул: «Новый! Новый!».

Ну а теперь, перейдет от исторической части к практической. Неоновый эффект можно отнести к разряду так называемого Glow Effect (Эффект сияния).

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

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

Шаг 1
Откройте Photoshop и создайте новый документ. Размеры холста не особо важны, я например использовал 800×600 px. Залейте фон черным цветом.

Шаг 2
Если у вас есть готовый логотип то импортируйте его и продублируйте слой. Один слой у нас будет светиться, второй будет создавать эффект неона.

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

Шаг 3
Выберите первый слой (нижний) и перейдите к Filter > Blur > Gaussian Blur. Используйте значение для Radius  в 5 px.

Шаг 4
На другом слое логотипа (верхней копии), зайдите в Layer > Group Layers. Теперь у Вас есть слой внутри папки. Меняем Blend Mode этой папки на Color Dodge. Также внутри папки выберите слой логотипа и зайдите в Layer > Layer Style > Inner Shadow.

Используйте черный цвет и Multiply для Blend Mode (режим наложения). Измените прозрачность (Opacity) до 75%, угол до -90 º, Distance  1 px и Size 2 px. Не забудем очень важную часть: изменим контур (Contour) на Конус-Перевернутый (Cone-Inverted).

Это значение мы выберем из выпадающего списка.

После этого применим эффект Outer Glow. Изменим режим наложения (Blend Mode) слоя на Color Dodge, Opacity (прозрачность) сделаем 50%, Noise (шум) — 0%, цвет белый.

Последнее, что мы сделаем на этом шаге,  это добавим немного размытия. Перейдем в Filter > Blur > Gaussian Blur. Выберем 1 px для Radius.

Шаг 5
Выберите наши слои логотипа и дублируйте их (Layer > Duplicate). Затем склейте дублированные слои (Layer > Merge Layers). Теперь просто зайдите в Filter > Blur > Gaussian Blur. Используйте примерно 20 px для Radius. Этот получившийся слой должен быть внизу под логотипами.

Шаг 6
Добавьте новый слой поверх всех остальных и перейдите к Filter > Render > Clouds. Этот фильтр поможет сделать облака, что в свою очередь придаст нашему логотипу большую естественность и уменьшит прямолинейность. Также убедитесь, что вы используете черный и белый цвета на палитре. После этого измените режим смешивания на Soft Light и понизьте прозрачность (Opacity) до 50%.

Шаг 7
Выберите размытый слой (нижний), созданный в шаге 3, и затем перейдите в Layer > Layer Style > Drop Shadow. Измените режим наложения на Color Burn, используйте черный цвет, 50% непрозрачности, 90º, угол, 10 px для Distance и 10 px для Size. Этот стиль слоя создаст тень и добавит большую глубину эффекту.

Заключение

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

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

Создаем неоновый текст в Фотошоп

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

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

Примечание: поскольку автор при создании урока использовал Illustrator, переводчик полностью адаптировал выполнение урока под Photoshop.

1. Создаем буквы

Шаг 1

Открываем программу и создаем новый документ размером 1181 х 788 пикселей с разрешением 300 точек/дюйм.

Шаг 2

Активируем Type Tool(T) (Текст) и пишем слово или фразу любым стандартным шрифтом, например, Helvetica.

Шаг 3

Открываем окно Windows – Character (Окно — Символ) и настраиваем расстояние между строками текста (значение зависит от размера шрифта).

Шаг 4

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

Шаг 5

Создаем новый слой (Ctrl+Shift+N), кликнув на кнопку Create a new layer (Создать новый слой) внизу панели слоев.

Шаг 6

Активируем Pen Tool(P) (Перо) в режиме Shape (Фигура) и начинаем рисовать по контуру букв.

Примечание переводчика: Заполнение цветом отключаем, включаем обводку контура (ширина обводки будет зависеть от размера документа). Нарисовав одну линию, обязательно жмем клавишу Enter, чтобы завершить контур.

Шаг 7

Рисуем следующие линии.

Шаг 8

Повторяем процесс и рисуем остальные буквы. Я советую вам изучить настоящие неоновые вывески, чтобы получить достаточно реалистичную форму букв.

Шаг 9

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

Шаг 10

Выделяем все слои с буквами и жмем Ctrl+G, чтобы добавить их в группу, затем Ctrl+E, чтобы объединить группу в один слой.

Шаг 11

Дважды кликаем по слою, чтобы открыть окно Layer Style (Стиль слоя). Применяем стиль слоя Color Overlay (Перекрытие цветов) и жмем ОК. Кликаем по слою правой кнопкой мыши и выбираем Rasterize Layer Style (Растрировать стиль слоя).

2. Добавляем эффекты

Шаг 1

Дважды кликаем по слою, чтобы открыть окно Layer Style (Стиль слоя). Применяем стиль слоя Outer Glow (Внешнее свечение).

Шаг 2

Дублируем слой с текстом (Ctrl+J), хватаем левой кнопкой мышки значок fx на слое и перетягиваем его на иконку корзины, чтобы очистить слой от стилей.

Шаг 3

Дважды кликаем по копии слоя и применяем Outer Glow (Внешнее свечение) и Drop Shadow (Тень).

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

Шаг 4

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

Шаг 5

Зажимаем Ctrl и кликаем по миниатюре текстового слоя на панели слоев, чтобы загрузить его выделение. Затем переходим Select – Modify – Contract (Выделение – Модификация – Сжать) и вводим значение 1, чтобы сжать выделение на 1 пиксель.

Шаг 6

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

Шаг 7

Создаем новый слой и заливаем выделение белым цветом. Для этого жмем Edit – Fill (Редактирование – Заливка).

Шаг 8

Дублируем текстовый слой и размещаем его в группе. Дважды щелкаем по нему, чтобы применить стили слоя Outer Glow (Внешнее свечение) и Drop Shadow (Тень).

Шаг 9

Снова зажимаем Ctrl и кликаем по миниатюре слоя, чтобы загрузить его выделение. Переходим Select – Modify – Expand (Выделение – Модификация – Расширить) и расширяем выделение на 4 пикселя.

Шаг 10

Создаем новый слой над текстовым и заливаем выделение любым цветом.

Шаг 11

Применяем к заливке стили слоя Inner Shadow (Внутренняя тень), Inner Glow (Внутреннее свечение) и Outer Glow (Внешнее свечение). Затем устанавливаем Fill (Заливка) этого слоя на 0%.

Шаг 12

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

Шаг 13

Выше создаем новый слой и заливаем выделение темно-желтым цветом.

Шаг 14

Добавляем маску на слой, нажав на кнопку Add layer mask (Добавить слой-маску) внизу панели слоев. Затем черной кистью проводим по маске, чтобы скрыть часть темно-желтой заливки.

Шаг 15

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

Шаг 16

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

Шаг 17

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

Шаг 18

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

Шаг 19

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

Шаг 20

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

Шаг 21

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

Шаг 22

Создаем новый слой под текстом. Заливаем выделение черным. С помощью фильтра сглаживаем тень Filter – Blur – Gaussian Blur (Фильтр – Размытие – Размытие по Гауссу).

3. Рисуем кабель

Шаг 1

Активируем Pen Tool(P) (Перо) и рисуем кончик кабеля, как показано ниже. Устанавливаем цвет слоя на черный и размещаем его за текстом.

Шаг 2

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

Шаг 3

Снова берем Pen Tool(P) (Перо) и рисуем длинный кабель.

Примечание: Настройки для пера используем как в Часть 1 Шаге 3 данного урока.

Шаг 4

При необходимости, измените угол наклона кабеля (Ctrl+T).

Шаг 5

Меняем цвет обводки кабеля на темно-серый.

Шаг 6

Добавляем стиль слоя Bevel and Emboss (Тиснение), чтобы придать шнуру объемность.

Шаг 7

Зажимаем Ctrl и кликаем по миниатюре слоя с кабелем, чтобы загрузить его выделение. Применяем Select – Modify – Expand (Выделение – Модификация – Расширить).

Шаг 8

Переходим Edit – Stroke (Редактирование – Обводка). Применяем обводку шириной 2 пикселя.

Шаг 9

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

Шаг 10

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

Шаг 11

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

Шаг 12

На первой букве рисуем еще один кабель.

Шаг 13

И еще один кабель, который соединяет верхние и нижние буквы.

4. Рисуем держатели

Шаг 1

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

Шаг 2

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

Шаг 3

Применяем к держателям стили слоя Bevel and Emboss (Тиснение), Inner Glow (Внутреннее свечение) и Outer Glow (Внешнее свечение).

Шаг 4

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

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

Урок Photoshop: создание неонового текста — Блог о дизайне и создании сайтов от TemplateMonster

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

В ходе урока мы будем использовать стандартный инструментарий Photoshop CS5.

Шаг 1

Создаем в Photoshop новый документ размером 1200 на 600 пикселей со стандартным разрешением 72 пикселя на дюйм.

Шаг 2

Выбираем кирпичный фон и вставляем его. Используя опцию Free Transforn (Ctrl+T) вы сможете масштабировать его до нужного размера.

Если вы хотите точно сохранить пропорции, то масштабируйте изображение зажав Shift. В этом уроке было использовано изображение с Deviantart.

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

Мы придадим ему нужный оттенок в конце урока.

Шаг 3

Нам потребуется текстура для создания сетки. Создайте новый документ 10 на 10 пикселей. Максимально масштабируйте его (до 3200%). Для этого зажмите CTRL и нажимайте +.

Используя кисть с жесткими краями нарисуйте вертикальную и горизонтальную полосу из двух пикселей.

Теперь сохраните это изображение в качестве шаблона текстуры “Edit – Define Pattern” и назовите, к примеру Шаблон сетки. Теперь документ можно закрыть.

Шаг 4

Создаем новый слой с текстом. Я использовал следующие настройки.

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

Шаг 5

Зададим стили для текстового слоя. Для этого нужно сделать двойной клик на его названии в панели Layers. Задайте эффект Drop shadow со следующими настройками:

Шаг 6

Дублируем слой с текстом (правый клик на нем и Duplicate Layer) и устанавливаем стили к нему.

* * *

Выбираем тестуру созданную в шаге 3.

* * *

* * *

Шаг 7

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

Шаг 8

Пришло время создать неоновый эффект. Копируем слой с текстом еще раз. Очищаем все стили, которые к нему добавлены (правый клик на слое и Clear Layer Styles в выпадающем меню).

Теперь добавим эффект со следующими настройками:

Создадим слой на его основе. Нажмите правой кнопкой мыши на значок Fx на слое с которым мы работаем и выберите Create Layer.

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

Шаг 9

Зададим слою полученному в предыдущем шаге эффекты для создания ощущения неоновой подстветки.

* * *

* * *

* * *

Шаг 10

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

Шаг 11

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

На этом мы завершаем наш урок. У вас должно было получиться изображение похожее на это:

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

Шаблон для политической организации

* * *

Шаблон бизнес сайта

Неоновый текст в Фотошопе

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

Шрифт «Limit Break»

Кирпичная стена

Шаг 1

Создайте новый документ в Фотошопе (Ctrl + N) размером 1400х782 пикселя с чёрным фоном. Откройте в Фотошопе кирпичную текстуру и инструментом Прямоугольная область (Rectangular Marquee Tool) выделите небольшой участок.

Скопируйте его в основной документ (Ctrl + C / Ctrl + V) и в режиме Свободное трансформирование (Free Transform) растяните на весь холст. Примените фильтр Размытие по Гауссу (Gaussian Blur Filter).

Уменьшите непрозрачность кирпичной стены до 60%.

Добавьте маску к слою с кирпичной стеной и закрасьте её так:

Чтобы добавить цвет на стену, создайте корректирующий слой Цветовой баланс (Layer – Color Balance):

Результат:

Шаг 2

Установите шрифт «Limit Break» и инструментом Горизонтальный текст (Horizontal Type Tool) напишите «NEON LIGHT» цветом #c0f4ff.

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

Тиснение: Стиль – Внутренний скос, Метод – Плавное, Режим подсветки – Осветление, Цвет — #40faf8, Режим тени – Умножение, Цвет — #00c0f0.

Обводка: Положение – Снаружи, Режим – Нормальный, Тип обводки – Цвет, Цвет — #1ee2f3.

Внутренняя тень: Режим подсветки – Умножение.

Глянец: Режим – Нормальный, Цвет — #00b3d9.

Наложение цвета: Режим – Перекрытие, Цвет — #54f1ff.

Наложение градиента: Режим – Нормальный, Стиль – Линейный.

Внешнее свечение: Режим – Осветление, Цвет — #04c4e7, Метод – Мягкий.

Отбрасывание тени: Режим – Умножение, Цвет – чёрный.

Результат:

Шаг 3

Создайте копию текстового слоя и сдвиньте её на несколько пикселей вправо вниз.

Продолжайте создавать копии и сдвигать их, пока не получите такой результат:

К последней копии примените коррекцию Цветовой тон/Насыщенность (Hue/Saturation):

Результат:

Шаг 4

Сейчас мы нарисуем свечение от текста. Выберите инструмент Кисть (Brush Tool) (B) и настройте так:

Выберите цвет #16f2ff.

Создайте новый слой (Create New Layer) на самом верху и установите для него режим наложения Перекрытие (Blending Mode – Overlay). Обрисуйте текст, как показано ниже.

Добавьте немного дыма при помощи специальных кистей или фильтра Облака (Clouds Filter).

Результат:

Шаг 5

Сейчас мы добавим несколько проводов. Инструментом Перо (Pen Tool) (P) нарисуйте контур под текстом.

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

К линии примените стиль Тиснение (Bevel & Emboss): Стиль – Внутренний скос, Метод – Плавное, Режим подсветки – Осветление, Режим тени – Умножение.

Результат:

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

Шаг 6

В завершение, нужно создать несколько корректирующих слоёв.

Выборочная коррекция цвета (Layer – Selective Color):

Кривые (Layer – Curves):
                                                                 

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

источник урока

Создаём Неоновый Текст в программе Adobe Photoshop. Создаем неоновый текст в фотошоп

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

1. Откройте изображение в Photoshop.

2. В палитре Layers (Слои) создайте новый слой, нажав на иконку Create a New Layer (Создать новый слой).

3. Выберите инструмент Brush (Кисть).

В настройках кисти (она находится под главным меню)

выберите в контекстном меню библиотеку Assorted Brushes (Набор кистей).

Выберите кисточку Texture 4 (под номером 28)

и нажмите F5, откроется окно с настройками кисти.

4. Во вкладке Brush Tip Shape (Форма кисти) в поле Spacing (Расстояние) поставьте значение 1%.

Установите галочку на Shape Dynamics, и оставьте остальные значения по умолчанию.

В окне Layer Style во вкладке Outer Glow выставьте настройки, как на изображении, цвет возьмем зеленый:

На панели выберите цвет, который вы настроили во вкладке Outer Glow (зеленый).

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

7. После того, как будет готов контур, перейдите к палитре Paths: Window > Paths (Путь). Нажмите правую кнопку на слое с вашим контуром и выберите Stroke Path (Обводка контура).

В окошке выберите кисть и нажмите ОК.

Контур должен подхватить настройки кисти и слоя со свечением.

Если вас не устраивает нарисованный контур, толщина кисти или свечение, отредактируйте их и повторите пункт 7. Делайте это, пока результат вас окончательно не устроит.

Название неон пришло к нам от греческого νέος (новый) и судя по всему говорит о большой радости ученых, которые обнаружили в воздухе инертные газы. Известна легенда, в которой говорится, что название новому элементу дал маленький сын Рамзая: увидев странное ярко-красное свечение, которое вещество излучало в трубке для спектрального анализа, он радостно воскликнул: «Новый! Новый!».

Ну а теперь, перейдет от исторической части к практической. Неоновый эффект можно отнести к разряду так называемого Glow Effect (Эффект сияния).

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

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

Шаг 1
Откройте Photoshop и создайте новый документ. Размеры холста не особо важны, я например использовал 800×600 px. Залейте фон черным цветом.

Шаг 2
Если у вас есть готовый логотип то импортируйте его и продублируйте слой. Один слой у нас будет светиться, второй будет создавать эффект неона.

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

Шаг 3
Выберите первый слой (нижний) и перейдите к Filter > Blur > Gaussian Blur. Используйте значение для Radius в 5 px.

Шаг 4
На другом слое логотипа (верхней копии), зайдите в Layer > Group Layers. Теперь у Вас есть слой внутри папки. Меняем Blend Mode этой папки на Color Dodge. Также внутри папки выберите слой логотипа и зайдите в Layer > Layer Style > Inner Shadow.

Используйте черный цвет и Multiply для Blend Mode (режим наложения). Измените прозрачность (Opacity) до 75%, угол до -90 º, Distance 1 px и Size 2 px. Не забудем очень важную часть: изменим контур (Contour) на Конус-Перевернутый (Cone-Inverted).

Это значение мы выберем из выпадающего списка.

После этого применим эффект Outer Glow. Изменим режим наложения (Blend Mode) слоя на Color Dodge, Opacity (прозрачность) сделаем 50%, Noise (шум) — 0%, цвет белый.

Последнее, что мы сделаем на этом шаге, это добавим немного размытия. Перейдем в Filter > Blur > Gaussian Blur. Выберем 1 px для Radius.

Шаг 5
Выберите наши слои логотипа и дублируйте их (Layer > Duplicate). Затем склейте дублированные слои (Layer > Merge Layers). Теперь просто зайдите в Filter > Blur > Gaussian Blur. Используйте примерно 20 px для Radius. Этот получившийся слой должен быть внизу под логотипами.

Шаг 6
Добавьте новый слой поверх всех остальных и перейдите к Filter > Render > Clouds. Этот фильтр поможет сделать облака, что в свою очередь придаст нашему логотипу большую естественность и уменьшит прямолинейность. Также убедитесь, что вы используете черный и белый цвета на палитре. После этого измените режим смешивания на Soft Light и понизьте прозрачность (Opacity) до 50%.

Шаг 7
Выберите размытый слой (нижний), созданный в шаге 3, и затем перейдите в Layer > Layer Style > Drop Shadow. Измените режим наложения на Color Burn, используйте черный цвет, 50% непрозрачности, 90º, угол, 10 px для Distance и 10 px для Size. Этот стиль слоя создаст тень и добавит большую глубину эффекту.

Заключение

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

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

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

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

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

2
Выберите нарисованную фигуру с помощью Selection tool. Выберите в меню Object>Path>Simplify. В меню Simplify нажмите на Preview, затем поэкспериментируйте с ползунком Curve Precision пока ваш контур не будет выглядеть гладким как неоновая трубка. В этом примере я установил 60%.

3
Выберите в панели Layers слой с вашим объектом и щелкните на маленьком треугольнике в верхнем правом углу. В открывшемся меню выберите Duplicate (сдублировать). Повторите эту операцию еще раз, и у вас получится три одинаковых слоя с вашим объектом. Назовем их 1, 2, 3 слой, первый в самом низу, потом второй, и третий сверху.

4
Отключите изображение второго и третьего слоя, нажав на глазик рядом с каждым из них в палитре Layers. Выберите объект на первом слое (с помощью Selection Tool), и измените цвет контура на более темный и слегка обесцвеченный. В этом примере я выбрал Dark Pink. Затем увеличьте толщину контура до 9 пунктов (Window>Stroke).

Благодаря развитию современных технологий наша жизнь с каждым годом становится все интереснее и ярче. Причем «ярче» в буквальном смысле.

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

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

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

Что это такое?

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

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

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

Конструкция лампы

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

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

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

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

Свечение лампы

На особенностях инертных газов основан весь принцип работы ламп.
Неоновые лампы работают следующим образом:

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

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

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

При этом, что светодиодная лента, что неоновая лампа легко монтируются своими руками.

Как образуется свет

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

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

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

Варианты цвета ламп

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

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

Чтобы получить другой неоновый свет, существует два метода:

• неоновая лампа должна содержать другой газ. Чтобы подсветка имела другой неоновой свет, используются даже газовые смеси. Такая подсветка может применяться как внутри дома (аналог — светодиодная лента), так и для зданий снаружи;

• второй способ предполагает нанесение на стекло трубки лампы люминофоров (различных химических веществ). Такая неоновая лампа будет давать различный цвет из-за воздействия энергии плазмы на люминофоры.

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

Гибкий вариант

Гибкий неон

Следует знать, что неоновые приборы представлены не только лампочками, но и лентами (гибкий неон). Эта лента представляет собой светодиодную гирлянду, которая запаяна в трубку из ПВХ.

Такие изделия бывают разноцветными или монотонными. Ленты изготавливают из прозрачной или матовой высококачественной ПВХ-трубки. Одноцветные модели делаются из матовых трубок.
Лента, по сравнению с лампочками, имеет гораздо больше преимуществ:

• отсутствует риск нанести механические повреждения. Стеклянные лампы довольно часто бьются, что делает их довольно опасными, особенно если подсветка планируется в детской. А вот лента лишена такого негатива;
• гидроизолированность;
• наличие возможности использования RGB-технологии.
• лента гибкая, что позволяет устанавливать ее в любых местах дома или снаружи зданий. В результате подсветка становится более мобильной и универсальной;
• лента стоит меньше, по сравнению со светодиодными аналогами. Светодиодная лента не всегда является более выгодным приобретением.

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

Сфера применения

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

• декоративного украшения комнат;
• создания скрытой подсветки;
• оформления наружного освещения зданий, архитектурных сооружений, памятников и т.д.;

Наружная подсветка зданий

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

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

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

С ней ваш пикник в вечернее время станет незабываемым!

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

Шаг 1: Изображение кирпичной стены

Найдите в интернете подходящее изображение кирпичной стены.

Шаг 2: Коррекция Цветовой тон / Насыщенность

Создайте новый документ. Перетащите изображение кирпичной стены на ваш холст. Нажмите комбинацию клавиш CTRL + U, чтобы открыть диалоговое окно коррекции Цветовой тон / Насыщенность (Hue / Saturation). Используйте следующие настройки, чтобы затемнить изображение.

Шаг 3: Облака

Измените цвет переднего плана на чёрный, а цвет заднего плана на белый. Создайте новый слой и перейдите в меню Фильтр> Рендеринг> Облака (Filter> Render> Clouds).

Шаг 4: Перекрытие

Теперь выберите слой с облаком и измените его Режим наложения (Blend mode) на Перекрытие (Overlay). Выберите инструмент Ластик (Eraser) и сотрите облака, как показано ниже.

Шаг 5: Текст

В центре холста напишите нужный текст. Установите цвет текста, как показано ниже.

Шаг 6: Размытие по Гауссу

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

Шаг 7: Тень

Теперь выберите слой с текстом и откройте его стили слоя. Выберите стиль Тень (Drop Shadow) и используйте следующие параметры.

Шаг 8: Внутренняя тень

Теперь выберите стиль Внутренняя тень (Inner Shadow) и используйте следующие параметры.

Шаг 9: Внешнее свечение

Урок Photoshop — неоновый текст. Создаем неоновый текст в фотошоп

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

Материалы

Для работы вам будут нужны:

• гибкий неон на 12 или 24 В и источник питания к нему;
• 2-х контактный разъем для гибкого неона;
• торцевые крышки;
• алюминиевый профиль;
• плоская алюминиевая трубка по ширине соответствующая гибкому неону;
• эпоксидный клей для стальных изделий;
• наждачную бумагу;
• проволоку;
• изоленту или термоусадочную трубку;
• грунтовку;
• краску;
• ножовку;
• тиски;
• прозрачный силиконовый клей.

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

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

Шаг 3 . С обратной стороны каркаса приварите два металлических крепления, которые понадобятся для подвешивания надписи к стене.

Шаг 4 . Разрежьте подготовленный алюминиевый профиль на малые детали, 1 – 2 см длиной. Их нужно закрепить по всей длине заготовленного каркаса. Будьте внимательны при их креплении, так как устанавливать кусочки профиля следует строго по той стороне, где будет проходить гибкий неон. Из-за поворотов и перекручивания будет казаться, что они располагаются по обе стороны от трубки, но это не так.

Шаг 5 . Перед креплением профиля металлический каркас зашкурьте по всей длине, особо уделив внимание местам, где использовалась сварка.

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

Шаг 7 . Нанесите на поверхность полученного каркаса грунтовку. Вновь оставьте все до полного высыхания материала.

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

Шаг 9 . Излишки гибкого неона отрежьте.

Шаг 10 . Установите разъем источника питания, соблюдая полярность.

Шаг 11 . Проверьте, работает ли собранная конструкция.

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

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

Итоговый результат:

1. Создаём задний фон

Шаг 1

Создайте новый документ 1500 x 950 px, установите Разрешение (Resolution) 300.

Итак, перейдите Файл — Поместить встроенные (File > Place Embedded) и в появившемся окне выберите исходное изображение с текстурой кирпичной стены. Примените масштабирование на своё усмотрение. Нажмите клавишу (Enter), чтобы применить изменения.

Шаг 2

В нижней части панели слоев нажмите значок (Create new fill or adjustment layer) и в появившемся меню выберите опцию Levels Уровни (Levels).

Шаг 3

Преобразуйте данный корректирующий слой Уровни (Levels) в обтравочную маску к слою с текстурой кирпичной стенки, нажав соответствующий значок в нижней части панели Свойства (Properties) . Далее, в настройках корректирующего слоя Уровни (Levels), установите значение для Теней (Shadows) 85.

Шаг 4

Далее, снова нажмите значок Создать новый корректирующий слой или слой заливку (Create new fill or adjustment layer) и добавьте корректирующий слой Цветовой тон / Насыщенность (Hue/Saturation) в качестве обтравочной маски. Далее, в настройках данного корректирующего слоя, установите значение Насыщенности (Saturation) 11, а значение Яркости (Lightness) -83.

2. Создаём текст

Шаг 1

Создайте текст, все буквы заглавные. Шрифт ‘Beon Medium’. Цвет текста #a33e88, размер шрифта 103 pt.

Шаг 2

Продублируйте слой с текстом. Отключите видимость оригинального слоя с текстом, щёлкнув по глазку рядом с миниатюрой слоя. Далее, щёлкните правой кнопкой мыши по дубликату слоя и в появившемся окне выберите опцию Растрировать текст (Rasterize).

Шаг 3

Выберите инструмент Прямоугольная область (Rectangular Marquee Tool) (или выберите любой инструмент выделения, который вам нравится), в настройках данного инструмента, выберите режим Добавление к выделенной области (Add to selection), и с помощью данного инструмента, выделите горизонтальные фрагменты текста.

Шаг 4

Далее, идём Редактирование — Вырезать (Edit > Cut), а затем идём Редактирование — Специальная вставка — Вставить по месту (Edit > Paste Special > Paste in Place). Таким образом, горизонтальные фрагменты будут выделены на отдельном слое. Назовите слой с вертикальными фрагментами Вертикальные (Vertical), а слой с горизонтальными фрагментами Горизонтальные (Horizontal).

Шаг 5

Уменьшите значение Заливки (Fill) до 0 для обоих слоёв Вертикальные (Vertical) и Горизонтальные (Horizontal).

Шаг 6

Дважды продублируйте каждый из слоёв Вертикальные (Vertical) и Горизонтальные (Horizontal), далее, сгруппируйте слои в соответствующие группы. Назовите новые группы Вертикальные / Горизонтальные (Vertical/Horizontal).

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

Шаг 7

Расположите слой с группой Горизонтальные (Horizontal) ниже слоя с группой Вертикальные (Vertical).

3. Добавляем Стилизацию к оригинальному слою с горизонтальными фрагментами текста

Горизонтальные

Шаг 1

Добавьте стиль слоя Тиснение

• Размер (Size): 10
• Уберите галочку в окошке Глобальное освещение (Use Global Light)
• Угол (Angle): 0
• Высота (Altitude): 70
• Поставьте галочку в окошке Сглаживание (Anti-aliased)
• Режим подсветки (Highlight Mode): Линейный свет (Linear Light)
• Режим тени (Shadow Mode) — Непрозрачность (Opacity): 0%

Шаг 2

Добавьте стиль слоя Контур

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

Шаг 3

Добавьте стиль слоя Внутренняя тень (Inner Shadow) со следующими настройками:

• Режим наложения (Blend Mode): Осветление (Screen)
• Цвет : #e658d4
• Угол (Angle): 30
• Смещение (Distance): 0

Шаг 4

Добавьте стиль слоя Внутреннее свечение

• Непрозрачность (Opacity): 85%
• Цвет : #fe66f1
• Источник (Source): Из центра (Center)
• Размер (Size): 18

Шаг 5

Добавьте стиль слоя Тень

• Смещение (Distance): 13
• Размер (Size): 7

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

Дважды щёлкните по первому дубликату слоя Горизонтальные (Horizontal), чтобы применить следующие стили слоя:

Шаг 1

Добавьте стиль слоя Тиснение (Bevel and Emboss). Установите следующие настройки:

• Размер (Size): 16
• Уберите галочку в окошке Глобальное освещение (Use Global Light)
• Угол (Angle): -36
• Высота (Altitude): 42
• Контур глянца (Contour): Cove — Deep
• Поставьте галочку в окошке Сглаживание (Anti-aliased)
• Режим подсветки (Highlight Mode): Яркий свет (Vivid Light)
• Режим тени (Shadow Mode) — Непрозрачность (Opacity): 0%

Шаг 2

Добавьте стиль слоя Контур (Contour) со следующими настройками:

• Контур глянца (Contour): Cone — Inverted
• Поставьте галочку в окошке Сглаживание (Anti-aliased)

5. Добавляем Стилизацию ко второму дубликату слоя с горизонтальными фрагментами текста

Горизонтальные (Horizontal), чтобы применить следующие стили слоя:

Шаг 1

Добавьте стиль слоя Тиснение (Bevel and Emboss). Установите следующие настройки:

• Размер (Size): 16
• Уберите галочку в окошке Глобальное освещение (Use Global Light)
• Угол (Angle): 18
• Высота (Altitude): 58
• Контур глянца (Contour): Half Round
• Поставьте галочку в окошке Сглаживание (Anti-aliased)
• Режим подсветки (Highlight Mode): Яркий свет (Vivid Light)
• Режим тени (Shadow Mode) — Непрозрачность (Opacity): 0%

Шаг 2

Добавьте стиль слоя Контур (Contour) со следующими настройками:

• Контур глянца (Contour): Sawtooth 2
• Поставьте галочку в окошке Сглаживание (Anti-aliased)

Шаг 3

Добавьте стиль слоя Внутреннее свечение (Inner Glow) со следующими настройками:

• Режим наложения (Blend Mode): Линейный свет (Linear Light)
• Шум (Noise): 5%
• Цвет : #ffdcfa
• Источник (Source): Из центра (Center)
• Размер (Size): 38

Шаг 4

Добавьте стиль слоя Внешнее свечение (Outer Glow) со следующими настройками:

• Цвет : #7f2d65
• Размер (Size): 15

Это стилизация заключительного слоя Горизонтальные (horizontal). Мы дополнительно добавили глянец и свечение.

6. Добавляем Стилизацию к оригинальному слою с вертикальными фрагментами текста

Шаг 1

Щёлкните правой кнопкой по оригинальному слою Горизонтальные (Horizontal) и в появившемся окне выберите опцию Скопировать стиль слоя (Copy Layer Style), а затем, щёлкните правой кнопкой мыши по оригинальному слою Вертикальные (Vertical) и в появившемся окне выберите опцию Вклеить стиль слоя (Paste Layer Style).

Дважды щёлкните по оригинальному слою Вертикальные Угол (Angle), установив значение на 90 в стиле слоя Тиснение Высоты (Altitude) на 74.

Шаг 2

Для стиля слоя Внутреннее свечение (Inner Glow), просто поменяйте Размер (Size) на 15.

Мы провели коррекцию эффекта в соответствии с вертикальными и диагональными фрагментами текста.

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

Скопируйте стили слоя первого дубликата слоя Горизонтальные (Horizontal), а затем, вклейте скопированные стили слоя к первому дубликату слоя Вертикальные (Vertical).

Дважды щёлкните по дубликату слоя Вертикальные (Vertical), чтобы откорректировать Угол (Angle), установив значение на -76 в стиле слоя Тиснение (Bevel and Emboss), а также поменять значения Высоты (Altitude) на 53.

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

8. Добавляем Стилизацию ко второму дубликату слоя с вертикальными фрагментами текста

Скопируйте стили слоя второго дубликата слоя Горизонтальные (Horizontal), а затем, вклейте скопированные стили слоя ко второму дубликату слоя Вертикальные (Vertical).

Дважды щёлкните по второму дубликату слоя Вертикальные (Vertical), чтобы откорректировать Угол (Angle), установив значение на -82 в стиле слоя Тиснение (Bevel and Emboss), а также поменять значения Высоты (Altitude) на 53.

Итак, мы завершили стилизацию обеих частей текста.

9. Дополнительно добавляем свечение и создаём электрические провода

Шаг 1

Создайте новый слой ниже слоя с текстом, видимость которого мы отключили ранее. Назовите этот слой ‘Свечение на заднем фоне’. Поменяйте режим наложения для данного слоя на Линейный свет (Linear Light).

Установите цвет переднего плана на #98338b, выберите инструмент Кисть (Brush Tool), установите большую мягкую кисть. Просто щёлкните несколько раз, добавив свечение за текстом (не ведите кистью, просто поставьте цветное пятно).

Шаг 2

Создайте ещё один новый слой ниже слоя ‘Свечение на заднем фоне’. Назовите этот слой ‘Провода’. Выберите инструмент Перо (Pen Tool), в настройках данного инструмента выберите режим Контуры (Path).

Что вам нужно сделать далее — это создать контуры там, где бы вы хотели добавить электрические провода. Вы можете добавлять опорные точки, а также создавать кривые, потянув за направляющие опорные точки. При создании контуров, не забывайте, что контуры не должны быть идеальными. В любой момент, вы можете воспользоваться инструментом Стрелка (Direct Selection Tool) для коррекции опорных точек или направляющих линий.

Шаг 3

Чтобы создать раздельные контуры, удерживайте клавишу (Ctrl). Вначале нарисуйте контур, потом нажмите + удерживайте клавишу (Ctrl), далее, щёлкните за пределами контура, таким образом, создав отдельный контур, который не будет привязан к следующему контуру, который вы будете создавать далее.

Шаг 4

Не торопитесь в этом шаге, чтобы получить интересный результат.

Шаг 5

Выберите инструмент Кисть (Brush Tool), далее, зайдите в панель настроек кисти Окно — Кисти (Window > Brush), установите жёсткую круглую кисть 7 px, значение Интервала (Spacing) 1.

Шаг 6

Установите цвет переднего плана на #252525, выберите инструмент Стрелка (Direct Selection Tool), щёлкните правой кнопкой мыши по контуру и в появившемся окне выберите опцию Выполнить обводку контура (Stroke Path).

Шаг 7

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

Шаг 8

Итак, мы выполнили обводку контура. Нажмите клавишу (Enter), чтобы удалить рабочий контур.

10. Добавляем Стилизацию к проводам

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

Шаг 1

Добавьте стиль слоя Тиснение (Bevel and Emboss). Установите следующие настройки:

• Поставьте галочку в окошке Сглаживание (Anti-aliased)
• Режим подсветки (Highlight Mode): Яркий свет (Vivid Light)
• Цвет: #ec6ab7
• Непрозрачность (Opacity): 24%

Шаг 2

Добавьте стиль слоя Контур (Contour) со следующими настройками:

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

Шаг 3

Добавьте стиль слоя Наложение узора (Pattern Overlay) со следующими настройками:

• Режим наложения (Blend Mode): Умножение (Multiply)
• Узор (Pattern): 8

Шаг 4

Добавьте стиль слоя Тень (Drop Shadow) со следующими настройками:

• Непрозрачность (Opacity): 60%
• Смещение (Distance): 13
• Размер (Size): 10

11. Создаём крепления

Шаг 1

Выберите инструмент Прямоугольник (Rectangle Tool), чтобы создать прямоугольник размерами 11 x 15 px.

Примечание переводчика: далее, я опишу весь процесс создания крепления: 1. в настройках данного инструмента установите режим Слой-фигура (Layer- shape) 2. Добавьте опорные точки, сместите их (применяя инструмент Стрелка) 3. Растрируйте фигуру 4. Создайте дубликат. 5. Примените стили слоя.

Шаг 2

Выберите инструмент Добавить опорную точку (Add Anchor Point Tool). Добавьте две опорные точки по центру вертикальных линий прямоугольника.

Шаг 3

Теперь, выберите инструмент Стрелка (Direct Selection Tool), с помощью данного инструмента, выделите центральные точки, которые вы добавили, а затем, нажмите один раз клавишу со стрелкой ‘Влево’, чтобы сместить точки на 1 px влево.

Примечание переводчика: 1. При выделении точек Стрелкой, удерживайте клавишу (Shift) 2. Вы не увидите контурного выделения, не переживайте, вы уже их выделили, т.к. точки станут активными, вы это увидите, теперь, просто нажмите клавишу со стрелкой ‘влево’, чтобы сместить точки 3. Попробуйте нажать несколько раз клавишу влево, чтобы заметить эффект смещения.

Шаг 4

Продублируйте слой с прямоугольником. Поверните дубликат прямоугольника, для этого идём Редактирование — Трансформация — Поворот 90° по часовой стрелке (Edit > Transform > Rotate 90° Clockwise). Назовите первый слой с прямоугольником ‘H’ (для горизонтальных (horizontal)) фрагментов текста, а второй слой назовите ‘V’ (для вертикальных (vertical)).

12. Применяем Стилизацию к креплениям

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

Шаг 1

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

• Непрозрачность (Opacity): 42%
• Тип градиента (Style): Линейный (Linear)
• Щёлкните по шкале градиента, чтобы установить цвета градиента #151515 слева, #6d6d6d в центре и #161616 справа.

Шаг 2

Добавьте стиль слоя Тень (Drop Shadow) со следующими настройками:

• Непрозрачность (Opacity): 60%
• Смещение (Distance): 13
• Размер (Size): 10

Шаг 3

Скопируйте стили слоя, щелкнув правой кнопкой по слою ‘H’ и в появившемся окне выбрав опцию Скопировать стиль слоя (Copy layer style). Таким же образом, вклейте стиль слоя на слой ’V’. Далее, дважды щёлкните по слою ‘V’, чтобы поменять угол стиля слоя Наложение градиента (Gradient Overlay) на 0.

Шаг 4

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

13. Добавляем слой с заливкой цвета

Создайте новый корректирующий слой Цвет (Solid Color). Цвет заливки #a34799. Расположите данный корректирующий слой ниже слоя с электрическими проводами, поменяйте режим наложения для данного корректирующего слоя на Яркий свет (Vivid Light). Таким образом, мы добавим розовый оттенок на кирпичную стену за текстом и усилим свечение и освещение итогового результата.

Поздравляю! Мы завершили урок!

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

Как только мы создали текст и применили к нему стилизацию, мы дополнительно добавили свечение на задний фон и с помощью инструмента Перо (Pen Tool) создали контур для электрических проводов. Мы выполнили обводку контура и применили стили слоя, чтобы создать 3D вид.

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

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

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

1. Создаем буквы

Шаг 1

Открываем программу и создаем новый документ размером 1181 х 788 пикселей с разрешением 300 точек/дюйм.

Шаг 2

Активируем Type Tool (T) (Текст) и пишем слово или фразу любым стандартным шрифтом, например, Helvetica.

Шаг 3

Открываем окно Windows — Character (Окно — Символ) и настраиваем расстояние между строками текста (значение зависит от размера шрифта).

Шаг 4

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

Шаг 5

Создаем новый слой (Ctrl+Shift+N), кликнув на кнопку Create a new layer (Создать новый слой) внизу панели слоев.

Шаг 6

Активируем Pen Tool (P) (Перо) в режиме Shape (Фигура) и начинаем рисовать по контуру букв.

Примечание переводчика: Заполнение цветом отключаем, включаем обводку контура (ширина обводки будет зависеть от размера документа). Нарисовав одну линию, обязательно жмем клавишу Enter , чтобы завершить контур.

Шаг 7

Рисуем следующие линии.

Шаг 8

Повторяем процесс и рисуем остальные буквы. Я советую вам изучить настоящие неоновые вывески, чтобы получить достаточно реалистичную форму букв.

Шаг 9

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

Шаг 10

Выделяем все слои с буквами и жмем Ctrl+G, чтобы добавить их в группу, затем Ctrl+E, чтобы объединить группу в один слой.

Шаг 11

Layer Style Color Overlay (Перекрытие цветов) и жмем ОК. Кликаем по слою правой кнопкой мыши и выбираем Rasterize Layer Style (Растрировать стиль слоя).

2. Добавляем эффекты

Шаг 1

Дважды кликаем по слою, чтобы открыть окно Layer Style (Стиль слоя). Применяем стиль слоя Outer Glow (Внешнее свечение).

Шаг 2

Дублируем слой с текстом (Ctrl+J), хватаем левой кнопкой мышки значок fx на слое и перетягиваем его на иконку корзины, чтобы очистить слой от стилей.

Шаг 3

Дважды кликаем по копии слоя и применяем Outer Glow (Внешнее свечение) и Drop Shadow (Тень).

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

Шаг 4

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

Шаг 5

Зажимаем Ctrl и кликаем по миниатюре текстового слоя на панели слоев, чтобы загрузить его выделение. Затем переходим Select — Modify — Contract (Выделение — Модификация — Сжать) и вводим значение 1, чтобы сжать выделение на 1 пиксель.

Шаг 6

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

Шаг 7

Создаем новый слой и заливаем выделение белым цветом. Для этого жмем Edit — Fill (Редактирование — Заливка).

Шаг 8

Дублируем текстовый слой и размещаем его в группе. Дважды щелкаем по нему, чтобы применить стили слоя Outer Glow (Внешнее свечение) и Drop Shadow (Тень).

Шаг 9

Снова зажимаем Ctrl и кликаем по миниатюре слоя, чтобы загрузить его выделение. Переходим Select — Modify — Expand (Выделение — Модификация — Расширить) и расширяем выделение на 4 пикселя.

Шаг 10

Создаем новый слой над текстовым и заливаем выделение любым цветом.

Шаг 11

Применяем к заливке стили слоя Inner Shadow (Внутренняя тень), Inner Glow (Внутреннее свечение) и Outer Glow (Внешнее свечение). Затем устанавливаем Fill (Заливка) этого слоя на 0%.

Шаг 12

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

Шаг 13

Выше создаем новый слой и заливаем выделение темно-желтым цветом.

Шаг 14

Добавляем маску на слой, нажав на кнопку Add layer mask (Добавить слой-маску) внизу панели слоев. Затем черной кистью проводим по маске, чтобы скрыть часть темно-желтой заливки.

Шаг 15

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

Шаг 16

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

Шаг 17

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

Шаг 18

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

Шаг 19

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

Шаг 20

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

Шаг 21

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

Шаг 22

Создаем новый слой под текстом. Заливаем выделение черным. С помощью фильтра сглаживаем тень Filter — Blur — Gaussian Blur (Фильтр — Размытие — Размытие по Гауссу).

3. Рисуем кабель

Шаг 1

Активируем Pen Tool (P) (Перо) и рисуем кончик кабеля, как показано ниже. Устанавливаем цвет слоя на черный и размещаем его за текстом.

Шаг 2

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

Шаг 3

Снова берем Pen Tool (P) (Перо) и рисуем длинный кабель.

Примечание: Настройки для пера используем как в Часть 1 Шаге 3 данного урока.

Шаг 4

При необходимости, измените угол наклона кабеля (Ctrl+T).

Шаг 5

Меняем цвет обводки кабеля на темно-серый.

Шаг 6

Добавляем стиль слоя Bevel and Emboss (Тиснение), чтобы придать шнуру объемность.

Шаг 7

Зажимаем Ctrl и кликаем по миниатюре слоя с кабелем, чтобы загрузить его выделение. Применяем Select — Modify — Expand (Выделение — Модификация — Расширить).

Шаг 8

Переходим Edit — Stroke (Редактирование — Обводка). Применяем обводку шириной 2 пикселя.

Шаг 9

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

Шаг 10

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

Шаг 11

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

Шаг 12

На первой букве рисуем еще один кабель.

Шаг 13

И еще один кабель, который соединяет верхние и нижние буквы.

4. Рисуем держатели

Шаг 1

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

Шаг 2

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

Шаг 3

Применяем к держателям стили слоя Bevel and Emboss (Тиснение), Inner Glow (Внутреннее свечение) и Outer Glow (Внешнее свечение).

Шаг 4

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

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

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

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

Поэтому, пора засучить рукава, и взять на вооружение новые навыки!

Сегодняшний урок по фотошопу посвящен описанию 3D инструментария фотошопа версии CS6 Extended.

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

То, что мы будем создавать

Готовы? Тогда приступаем!

Шаг 1
Начнем с создания нового документа шириной 1440, высотой 900 пикселей, с разрешением 72 пикселя на дюйм. Назовите этот документ “3D Неон”.

Шаг 2
Залайте фоновый слой сплошным цветом: #15243b. Назовите его “Фон”. Теперь скачайте шрифт You’re Gone, и наберите слово “PARTY!”, задав белый цвет, размер 250 pt. При выделенном тексте откройте палитру Символы (Character), и задайте величину трэкинга (tracking): 60.

Шаг 3
Кликните по слою с текстом ПКМ, и в открывшемся контекстном меню выберите пункт “Растрировать текст” (Convert to Shape). Выберите инструмент Перо (Pen tool). Далее, мы проделаем ряд действий, продиктованных тем, что нас интересует только контур текста. Итак, на панели опций в верхней части окна программы, установите Заливку (Fill): Нет цвета (No Color), укажите в качестве цвета Штриха (Stroke): #488dc6, и ширину штриха: 10 pt. Раскройте выпадающее меню с типами штриха фигуры, и нажмите кнопку Другие параметры (More Options). В раскрывшемся диалоговом окне задайте параметры, приведенные на скриншоте ниже:

Концы (Caps): Круг (Round)
Углы (Corners): Круг (Round)

Штрих (Dash): 38
Пробел (Gap): 3
Остальные поля оставьте пустыми.

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

Шаг 4
Продублируйте слой и назовите его “ Party! черный”. На этот раз мы только преобразуем форму обводки в сплошную линию. Задайте следующие установки:

Выровнять (Align): Из центра (Center)
Концы (Caps): Круг (Round)
Углы (Corners): Круг (Round)

Смотрите изображение ниже:

Шаг 5
Продублируйте черный слой и назовите его “Крепление”. На этот раз мы преобразуем обводку в пунктирную линию. Откройте диалоговое окно для Штриха и задайте следующие параметры:

Набор (Preset): выберите пунктирную линию

Выровнять (Align): Внутри (Inside)
Концы (Caps): Круг (Round)
Углы (Corners): Круг (Round)
Пунктирная линия (Dashed Line): Поставить галочку (Checked)
Штрих (Dash): 0
Пробел (Gap): 18

Шаг 6
Наша вывеска нуждается в электропитании. Поэтому давайте создадим кабель. Прочертите сквозь буквы линию при помощи инструмента Перо (Pen tool), при бесцветной заливке, цвете штриха: #081a2b и размере: 5 pt. При необходимости, вы можете изменить форму линии, добавив опорные точки.

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

Шаг 7
Приступаем к работе в 3D

Теперь нам предстоит преобразовать все эти слои в 3D экструзию. Одновременно это сделать не получится, поэтому будем преобразовывать слои последовательно. Поэтому повторите этот процесс поочередно для всех слоев, за исключением фонового слоя. Выделите слой и пройдите в меню 3D > Новая 3D экструзия из выделенного слоя (Menu 3D>New 3D Extrusion from Selected Layer). Совет: это можно сделать так же, кликнув ПКМ по слою на палитре слоев, и выбрав в контекстном меню пункт “ Новая 3D экструзия из выделенного слоя ” (New 3D Extrusion from Selected Layer).

Шаг 8
Выделив слой с фоном, пройдите в меню 3D > Новая сетка из слоя > Почтовая открытка (3D>New Mesh from Layer>Postcard), либо, кликните ПКМ по слою на палитре слоев, и выберите соответствующий пункт в контекстном меню. Вот как примерно должен выглядеть ваш текст на данном этапе. Пока ничего особенного.

Шаг 9
Выделите все слои и пройдите в меню 3D > Слияние 3D слоев (3D>Merge 3D Layers).

Шаг 10
Здесь мы изменим глубину экструзии наших 3D-слоев. Сначала выделите слой с кабелем на палитре 3D. При этом автоматически изменится содержимое палитры Свойств. Здесь же, на палитре свойств задайте величину Глубины экструзии (Extrusion Depth): 0. Затем раскройте меню с Набором фигур (Shape Preset), и выберите “Раздувание в виде подушки” (Pillow Inflate).
Последовательность этих действий не важна, результат будет одинаковым.

Шаг 11
Выделите на 3D палитре слой “Party! синий”, и на палитре свойств задайте величину Глубины экструзии (Extrusion Depth): 0. Затем раскройте меню с Набором фигур (Shape Preset), и выберите “Раздувание в виде подушки” (Pillow Inflate). Затем, в верхней части этой палитры кликните по иконке Капитель, задайте угол: 90 градусов, и Интенсивность (Strength): 20%.

Повторите процедуру для слоя “ Party! черный”.

Шаг 12
Задайте Глубину экструзии слоя с Креплением: 35

Шаг 13
Теперь улучшим вид сцены, выровняв слои. Выделите на палитре 3D вкладку Сцена, после чего, на палитре Свойств, задайте Наборы (Presets): Скрытая сетка (Затененный каркас). Затем кликните ПКМ по осям в левом нижнем углу документа, и, в раскрывшемся контекстном меню, выберите пункт “Слева” (Left). При помощи манипуляторов переместите каждый элемент по оси Z, располагая их так, как нужно.

Шаг 14
Изменение угла. При помощи инструмента Перемещение (Move tool) в его 3D режиме, задайте объекту нужное положение. Ниже приведены координаты положения, выбранного мной:

Сохраните текущий вид камеры для дальнейшего использования. Для этого, при активной вкладке 3D палитры “Текущий вид” (Current View), пройдите на палитре Свойств в меню Вид > Сохранить (View>Save). Присвойте этому виду название “Финал”. Теперь вы можете произвольным образом менять положение объекта, и всегда вернуться к сохраненному виду выбрав его по названию.

Шаг 15
Добавление материалов
Выделите все вкладки с материалами, относящиеся к 3D слою “Party! синий”. Затем, на палитре Свойств кликните по иконке рядом с цветом Рассеивания (Diffuse).

Задайте следующие установки:

Рассеивание (Diffuse): #a0d6ff
Цвет блика (Specular): #348bcd
Свечение (Illumination): #3ba6f8
Освещение (Ambient): #454545
Блеск (Shine): 80%
Отражение (Reflection): 17%
Плавность (Roughness): 0%
Рельеф (Bump): 0%

Шаг 16
Выделите все вкладки с материалами, относящиеся к слою “Party! черный”, и задайте на палитре свойств следующие установки:

Освещение (Ambient): #000000
Блеск (Shine): 20%
Отражение (Reflection): 20%
Плавность (Roughness): 7%
Рельеф (Bump): 10%

Шаг 17
Выделите все вкладки с материалами, относящиеся к слою с креплением, и задайте на палитре свойств следующие установки:
Рассеивание (Diffuse): # 7f7f7f
Цвет блика (Specular): # 333333
Свечение (Illumination): #000000
Освещение (Ambient): #0167a1
Блеск (Shine): 20%
Отражение (Reflection): 10%
Плавность (Roughness): 5%
Рельеф (Bump): 10%

Шаг 18
Выделите все вкладки с материалами для 3D слоя с кабелем. Цвета используем те же, что для слоя “Party! черный”, изменив только следующие параметры:

Блеск (Shine): 20%
Отражение (Reflection): 43%
Плавность (Roughness): 9%
Рельеф (Bump): 10%

Шаг 19
Внесем некоторые изменения в окружение. Выделите на 3D палитре вкладку Окружающая среда (Environment). Затем на палитре слоев снимите галочку с пункта ИСБИ (IBL). Деактивация этой опции поможет нам при работе с фоновым слоем в дальнейшем. Теперь, в разделе Плоскость основания уменьшите Непрозрачность (Opacity) до 60%, а Плавность (Roughness) – до 20%.

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

Шаг 20
Добавим холодный свет. Кликните по иконке добавления нового света на сцену, находящейся в нижней части палитры слоев. В выпадающем списке выберите “Новый бесконечный свет” (New Infinite Light). Задайте цвет #b4f2ff, Интенсивность (Intensity): 60%, и Сглаживание тени (Shadow Softness): 11%.

Рассеивание (Diffuse): # 023963
Цвет блика (Specular): # 333333
Свечение (Illumination): #000000
Освещение (Ambient): #0167a1
Блеск (Shine): 23%
Отражение (Reflection): 89%
Плавность (Roughness): 47%
Рельеф (Bump): 10%

Шаг 22
Наложим текстуру кирпичной стены. Выделив фоновый слой, откройте палитру Свойств и кликните по иконке с папкой рядом с цветом Рассеивания. Выберите пункт “Редактировать текстуру” (Edit Texture). Появится сообщение, предупреждающее, что изменения этой текстуры появятся во всех местах. Нажмите OK, после чего будет открыт новый документ, содержащий один единственный оригинальный фоновый слой.

Шаг 23
Вставьте в этот документ скачанную текстуру с кирпичной стеной. Измените ее размер в соответствии с размером холста, оставив за его пределами колонны по бокам. Растрируйте текстуру, продублируйте ее и скройте копию.

Шаг 24
Удалите фоновый слой, так как он нам больше не нужен. Нажатием Ctrl+U откройте окно коррекции Цветового тона/Насыщенности (Hue/Saturation). Поставьте галочку на пункт “Тонирование” (Colorize). Задайте величину Тона (Hue): 213, Насыщенности (Saturation): 54, и Яркости (Lightness): -67.

Затем, нажатием Ctrl+L откройте окно коррекции Уровней (Levels). Задайте Средние тона: 0,93, и Света в разделе Выходных значений (Output Levels): 197, как показано на изображении ниже:

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

Шаг 25
Добавим световое пятно. Переключитесь на документ со стеной, включите видимость копии. Снова откройте окно коррекции Цветового тона/Насыщенности (Hue/Saturation). Поставьте галочку на пункте Тонирование (Colorize). Задайте величину Тона (Hue): 213, Насыщенности (Saturation): 20, и Яркости (Lightness): -40.

Кликнув по специальной кнопке Добавления слоя-маски (Add layer mask) в нижней части палитры слоев, создайте для этого слоя слой-маску, и проявите ее центральную часть. Уменьшите Непрозрачность (Opacity) до 82%, а Заливку (Fill) – до 70%. Вот как должна выглядеть ваша маска:

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

Когда вид сцены вас полностью удовлетворит, запустите процесс рендирнга, кликнув по иконке “Рендринг” в нижней части палитры свойств, либо нажав Alt+Shift+Ctrl+R.

Шаг 28
Как можно заметить, свет, излучаемый неоновыми буквами, получился не очень убедительным. Поэтому давайте добавим этим буквам свечения. Возвращаемся на палитру слоев и создаем новый слой под названием “Свечение”. При помощи мягкой кисти размером 28 пикселей и цвета #00ccff прокрашиваем поверхность букв. Устанавливаем этот слой в режим наложения Экран (Screen), уменьшив Непрозрачность (Opacity) до 85%.

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

Мои поздравления!
Думаю, вы и сами испытываете восторг, глядя на результат своего труда. Продемонстрируйте композицию своим друзьям и знакомым, и поинтересуйтесь их мнением.

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

О том, как сделать неоновый текст с зеркальным отображением.

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

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

Получится примерно следующий результат:

Шаг 3. Предположим, желтый цвет текста нас не устраивает. Это не проблема — открываем окно «Цветовой тон / Насыщенность» (клавиши Ctrl+U) и двигаем ползунок цветового тона, пока результат нас не устроит. Остановимся на голубоватом оттенке:

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

Шаг 5. Создаем маску слоя с отражением: «Слои — Слой-маска — Скрыть все». Наше отражение на время исчезнет. Выбираем инструмент «Градиент» и, зажав клавишу Shift, проводим линию от основания текста вниз. Готово! Если нужно, немного уменьшите прозрачность отражения.

• 
  

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

• 
  

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

• 
  

Как сделать неоновую надпись в фотошопе? Создание неоновой вывески для ночного клуба в Photoshop CS6 Extended

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

Материалы

Для работы вам будут нужны:

• гибкий неон на 12 или 24 В и источник питания к нему;
• 2-х контактный разъем для гибкого неона;
• торцевые крышки;
• алюминиевый профиль;
• плоская алюминиевая трубка по ширине соответствующая гибкому неону;
• эпоксидный клей для стальных изделий;
• наждачную бумагу;
• проволоку;
• изоленту или термоусадочную трубку;
• грунтовку;
• краску;
• ножовку;
• тиски;
• прозрачный силиконовый клей.

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

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

Шаг 3 . С обратной стороны каркаса приварите два металлических крепления, которые понадобятся для подвешивания надписи к стене.

Шаг 4 . Разрежьте подготовленный алюминиевый профиль на малые детали, 1 – 2 см длиной. Их нужно закрепить по всей длине заготовленного каркаса. Будьте внимательны при их креплении, так как устанавливать кусочки профиля следует строго по той стороне, где будет проходить гибкий неон. Из-за поворотов и перекручивания будет казаться, что они располагаются по обе стороны от трубки, но это не так.

Шаг 5 . Перед креплением профиля металлический каркас зашкурьте по всей длине, особо уделив внимание местам, где использовалась сварка.

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

Шаг 7 . Нанесите на поверхность полученного каркаса грунтовку. Вновь оставьте все до полного высыхания материала.

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

Шаг 9 . Излишки гибкого неона отрежьте.

Шаг 10 . Установите разъем источника питания, соблюдая полярность.

Шаг 11 . Проверьте, работает ли собранная конструкция.

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

В этом уроке я покажу вам как создать красивый 3D текст используя инструменты Photoshop. Целью урока будет создание 3D букв с люминесцентным свечением, а так же мы дополним их темным фоном с эффектом боке. Надеюсь вы изучите новые интересные приемы благодаря данному уроку. Для работы мы будем использовать версию программы Photoshop CS5 Extended.

Перед выполнением задания скачайте и установите необходимые шрифты в Photoshop. А так же хочу акцентировать внимание что для урока необходимо что бы у вас была установлена именно версия программы Photoshop CS5 Extended .

Исходники:

Вы можете, так же, заменить шрифт ” Raleway Thin ” на шрифт “Helvetica Neue” если он вам больше нравится.

Шаг 1

Для начала работы создадим документ размером 1920 × 1080 пикс..
Чтобы создать новый документ, перейдите в меню Файл> Создать (File > New).

Шаг 2

Сделайте фон черным. Вы можете сделать это очень быстро, нажав комбинацию клавиш Ctrl + I или перейдя к Изображение> Коррекция> Инверсия (Image > Adjustments > Invert).

Шаг 3

Активируйте инструмент Горизонтальный текст (Horizontal Type Tool). Выберете из списка шрифтов “TR2N Font”, размер шрифта – 480pt. Введите текст, который вы хотели бы использовать. Лучше всего использовать короткую надпись (около 4-х символов). Я напишу слово TR2N.

Шаг 4

Дублируйте слой с текстом. Переименуйте его в “TR2N 3D”. Убедитесь, что этот слой расположен в качестве верхнего слоя.

Шаг 5

Встаньте на слой “TR2N 3D” и перейдите к 3D > Чеканка > Текстовый слой (3D > Repousse > Text Layer). Вы увидите всплывающее окно, которое спрашивает, хотите ли вы растрировать текстовый слой – просто нажмите кнопку “Да ” (Ок).

Если вы не видите меню 3D, вы используете не версию Photoshop CS5 Extended, инструменты 3D доступны только в Photoshop CS5 Extended.

Шаг 6

Перейдите к вкладке “Материалы ” (Materials) и установите сферу без текстуры. Это позволит удалить все текстуры из текста. Не нажимайте кнопку ОК.

Вот как текст выглядит на данном этапе:

Шаг 7

Теперь мы изменим значения для вкладки “Скос ” (Bevel).
Сторона (Sides) – “Спереди” (Front)
Высота (Height) – 5
Ширина (Width) – 0,5
Контур (Contour) – “Глубокая выемка” (Deep cove).
Нажмите OK, чтобы применить изменения.

Мы получили объемный текст с небольшим скосом на гранях букв:

Шаг 8

Мы завершили создание 3D текста!
Теперь, когда мы закончим, мы можем перейти к улучшению качества 3D текста.
Одна из самых распространенных проблем, которую испытывают люди при использования инструментов 3D является то, что объекты получаются с “зубчатыми” краями и низкого качества. Photoshop делает это, чтобы улучшить производительность во время редактирования и работы с 3D.

Но когда вы закончите работу по созданию основной формы, вы можете изменить качество объекта. Настройки качества скрыты в 3D панели. Перейти к Окно> 3D (Window> 3D), для того что бы увидеть необходимое меню. В этом меню перейдите к пункту Качество (Quality) и в списке выберете “Окончательная трассировка лучей ” (Ray Traced Final).

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

После изменения качества текст выглядит гораздо лучше:

Шаг 9

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

Если вы хотите преобразовать слой в смарт-объект, щелкните правой кнопкой мыши на слое и выберите “Преобразовать в смарт-объект ” (Convert to Smart Object).

Если вы хотите вернуться к настройкам 3D, вы можете дважды щелкнуть по иконке слоя. Photoshop откроет слой как новый документ и покажет вам инструкции о том, как сохранить изменения.

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

Шаг 10

Теперь мы прейдем к Стилю слоя (Layer style), чтобы добавить к 3D тексту голубое свечение. Щелкните правой кнопкой мыши на слое TR2N 3D выберите в подменю “Параметр ы наложения ” (Blending Options).

Выберите опцию Наложение цвета (Color Overlay), а затем установите цвет # 00B4FF . Вы также можете изменить режим смешивания на Перекрытие (Overlay), если хотите. Не нажимайте кнопку ОК.

Шаг 11

Затем перейдите к стилю Внешнее Свечение (Outer Glow) и установите тот же цвет что и для предыдущего параметра # 00B4FF. Размер (Size) для свечения установите около 30 пикс.. Учтите, что данный размер будет варьироваться, если вы использовали другой размер шрифта, нежели я. Нажмите OK, чтобы применить изменения.

Вот как голубое свечение выглядит на данном этапе:

Шаг 12

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

Теперь у нас получилась красивая белая передняя поверхность текста.

Шаг 13

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

Чтобы исправить это, активируйте инструмент Свободная трансформация (Free Transform), перейдя к Редактирование> Свободное трансформирование (Edit> Free Transform). Перетащите маркеры на углах так, что бы белый текст совпал по контуру с 3D текстом. Если ваш трансформировочный прямоугольник имеет привязку и вы хотите ее отключить, то зажмите клавишу Ctrl при выполнении масштабирования.

Шаг 14

Теперь мы добавим к белому тексту очень тонкий ободок. Для этого снова переходим к Стилю слоя (Layer style), сделав щелчок правой клавишей мыши по слою и выбрав в подменю “Параметр ы наложения ” (Blending Options).

Перейдите к параметру Обводка (Stroke) и установите размер на 3 пикс., положение – “внутри ” (inside), цвет – белый.

Шаг 15

После применения Обводки (Stroke) вы не увидите изменений, потому что цвет обводки и текста совпадают. Чтобы это исправить, установите Непрозрачность (Opacity) и Заливку (Fill) слоя “TR2N” на 75%.

Вот что получилось теперь:

Шаг 16

Выберите инструмент Горизонтальный текст (Horizontal Type Tool) и введите любую надпись ниже текста TR2N. Я использовал шрифт “Raleway Thin” (так же можно использовать шрифт Neue Helvetica).

Если вы хотите увеличить расстояние между буквами, перейдите к Окно> Символ (Window> Character), затем настройте значение интервалов.

Используйте инструмент Перемещение (Move tool) и разместите тонкий текст как вам нравится.

Шаг 17

Теперь мы добавим голубое свечение к субтитрам. Чтобы сделать это, щелкните правой кнопкой мыши на слое “TR2N 3D” и нажмите на Копировать стиль слоя (Copy Layer Style). Затем перейдите к слою с тонким текстом и сделайте щелчок правой кнопкой мыши по нему, в подменю выберите пункт Вклеить стиль слоя (Paste Layer Style).

Теперь субтитры так же засияли.

Шаг 18

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

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

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

Шаг 19

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

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

Прежде всего создадим фон для будущей сетки. Создайте новый слой над фоновым черным слоем. Назовите этот слой “Сетка фона” (“Grid Background”).

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

Шаг 20

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

Во-первых, убедитесь, что ваш основной и фоновый цвета установлены по умолчанию (черный и белый). Что бы установить цвета по умолчанию, просто нажмите на клавиатуре клавишу D .

Перейти к Фильтр> Рендеринг> Облака (Filter> Render> Clouds).

Шаг 21

Сейчас мы будем превращать облака в крупную мозаику с закругленными краями. Для этого переходим к Фильтр> Оформление> Мозаика (Filter> Pixelate> Mosaic).

Для того что бы закруглить края мозаики мы используем фильтр Медиана (Median). Что бы воспользоваться фильтром перейдите к Фильтр > Шум > Медиана (Filter > Noise > Median). Установите радиус 8 пикс., нажмите кнопку ОК.

Шаг 22

В этом шаге мы добавим светящиеся края к граням мозаики. Перейдите к Фильтр > Стилизация > Свечение краев (Filter > Stylize > Glowing Edges). Установите параметры как на изображении ниже:

Сделайте двойной щелчок по Свечение краев (Glowing Edges) в палитре слоев.

На экране откроется окно настроек. Установите режим наложения на Экран (Screen) и непрозрачность (opacity) – 50%, затем нажмите кнопку ОК.

Шаг 23

Фон слишком светлый, в этом шаге я покажу вам как сделать его более темным. Перейдите к Изображение> Коррекция> Тени /Света (Image > Adjustments > Shadows/Highlights). Установите значение тени (shadows) на 1%.

Установите флажок возле “Показать дополнительные параметры ” (Show More Options). Теперь вы можете видеть больше настроек. Данные параметры позволят вам увеличить значения как светлых так и темных тонов. Я буду увеличивать значения для теней. Настройки указаны ниже.

У вас должен получится похожий результат:

Шаг 24

Понизьте непрозрачность (opacity) слоя с сеткой по вашему усмотрению. Я изменил данный параметр до 12%.

Теперь изображение выглядит так.

Мы почти завершили работу с сеткой. Остался еще один шаг перед работой с боке.

Шаг 25

Теперь маленькая хитрость. Если вы дважды щелкните по смарт-фильтру Облака (Clouds) то Photoshop в произвольном порядке изменит вид сетки. Это будет происходить при каждом подобном действии.

При двойном щелчке Photoshop будет показывать информационное окно об изменениях. Если вы не хотите что бы возникала данная подсказка вы можете установить флажок “Больше не показывать ” (“Don’t show again”).

Вы можете выбрать любой из вариантов который вам понравится. Я остановился на этом.

Шаг 26

Над слоем с сеткой создайте новый слой и назовите его “Боке”.

Шаг 27

Выберите инструмент Кисть (Brush tool), затем щелкните правой кнопкой мыши в любом месте документа, чтобы открыть настройки кисти. Выберите круглую кисть с жесткостью (hardness) 100%. Установите размер в 200 пикселей.

Если вы не увидели в списке данную кисть, то необходимо нажать на значок треугольника и в подменю выберите пункт “Восстановить кисти ” (Reset Brushes).

Шаг 28

Перейдите к панели кистей (Окно > Кисти (Window > Brushes)) и откорректируйте параметр Динамика формы (Shape Dynamics). Установите параметр “Колебание размера ” (Size Jitter) на 100%. Убедитесь что в параметре “Управление ” (Control) выбрано “Выкл ” (Off).

Перейдите к параметру Рассеивание (Scattering). Установите значения, показанные на изображении ниже.

Включите опцию Динамика цвета (Color Dynamics), затем установите Колебание цветового фона (Hue Jitter) на 3%.

Так же, измените настройки для параметра Передача (Transfer).

Вернитесь на вкладку Форма отпечатка кисти (Brush Tip Shape). Установите значение Интервала (Spacing) на 100%.

Шаг 29

Мы закончили создание кисти! Теперь начнем рисовать. Во-первых, установить цвет переднего плана на белый. Вы можете это быстро сделать, нажав D на клавиатуре, а затем X .

Теперь прокрасьте новой кистью по холсту на слое “Боке”. У вас получится поле с произвольными разными кружочками. Возможно, вам придется отменить действие кисти (Ctrl + Z ), и повторить действие с рисование заново, прежде чем вы получите результат, который вам понравится.

Шаг 30

Перейдите к Изображение > Коррекция > Цветовой тон\ Насыщенность (Image > Adjustments > Hue/Saturation). В этом окне вы сможете изменить цвет боке на тот, который вам больше нравится. Например так:

Векторную маску

Вот крупный план логотипа при увеличении на 100%.

Так же вы можете ознакомиться с данного урока.

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

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

Преимущества неоновых вывесок

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

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

Тонкости изготовления неоновых вывесок

Перед тем как приступить к работе, необходимо придумать дизайн и выбрать материалы, из которых будет собираться вывеска. Первое что нужно выбрать — это стеклянную трубу с флуоресцентными пигментами, от которых зависит конечный цвет вывески. Стеклянные трубки представлены на рынке в 4 диаметрах — от 6 до 15 мм. В качестве газа используют аргон или неон. Чтобы добиться какого-то цвета, необходимо комбинировать газ с покрытием трубки.

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

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

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

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

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

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

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

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

Поэтому, пора засучить рукава, и взять на вооружение новые навыки!

Сегодняшний урок по фотошопу посвящен описанию 3D инструментария фотошопа версии CS6 Extended.

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

То, что мы будем создавать

Готовы? Тогда приступаем!

Шаг 1
Начнем с создания нового документа шириной 1440, высотой 900 пикселей, с разрешением 72 пикселя на дюйм. Назовите этот документ “3D Неон”.

Шаг 2
Залайте фоновый слой сплошным цветом: #15243b. Назовите его “Фон”. Теперь скачайте шрифт You’re Gone, и наберите слово “PARTY!”, задав белый цвет, размер 250 pt. При выделенном тексте откройте палитру Символы (Character), и задайте величину трэкинга (tracking): 60.

Шаг 3
Кликните по слою с текстом ПКМ, и в открывшемся контекстном меню выберите пункт “Растрировать текст” (Convert to Shape). Выберите инструмент Перо (Pen tool). Далее, мы проделаем ряд действий, продиктованных тем, что нас интересует только контур текста. Итак, на панели опций в верхней части окна программы, установите Заливку (Fill): Нет цвета (No Color), укажите в качестве цвета Штриха (Stroke): #488dc6, и ширину штриха: 10 pt. Раскройте выпадающее меню с типами штриха фигуры, и нажмите кнопку Другие параметры (More Options). В раскрывшемся диалоговом окне задайте параметры, приведенные на скриншоте ниже:

Концы (Caps): Круг (Round)
Углы (Corners): Круг (Round)

Штрих (Dash): 38
Пробел (Gap): 3
Остальные поля оставьте пустыми.

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

Шаг 4
Продублируйте слой и назовите его “ Party! черный”. На этот раз мы только преобразуем форму обводки в сплошную линию. Задайте следующие установки:

Выровнять (Align): Из центра (Center)
Концы (Caps): Круг (Round)
Углы (Corners): Круг (Round)

Смотрите изображение ниже:

Шаг 5
Продублируйте черный слой и назовите его “Крепление”. На этот раз мы преобразуем обводку в пунктирную линию. Откройте диалоговое окно для Штриха и задайте следующие параметры:

Набор (Preset): выберите пунктирную линию

Выровнять (Align): Внутри (Inside)
Концы (Caps): Круг (Round)
Углы (Corners): Круг (Round)
Пунктирная линия (Dashed Line): Поставить галочку (Checked)
Штрих (Dash): 0
Пробел (Gap): 18

Шаг 6
Наша вывеска нуждается в электропитании. Поэтому давайте создадим кабель. Прочертите сквозь буквы линию при помощи инструмента Перо (Pen tool), при бесцветной заливке, цвете штриха: #081a2b и размере: 5 pt. При необходимости, вы можете изменить форму линии, добавив опорные точки.

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

Шаг 7
Приступаем к работе в 3D

Теперь нам предстоит преобразовать все эти слои в 3D экструзию. Одновременно это сделать не получится, поэтому будем преобразовывать слои последовательно. Поэтому повторите этот процесс поочередно для всех слоев, за исключением фонового слоя. Выделите слой и пройдите в меню 3D > Новая 3D экструзия из выделенного слоя (Menu 3D>New 3D Extrusion from Selected Layer). Совет: это можно сделать так же, кликнув ПКМ по слою на палитре слоев, и выбрав в контекстном меню пункт “ Новая 3D экструзия из выделенного слоя ” (New 3D Extrusion from Selected Layer).

Шаг 8
Выделив слой с фоном, пройдите в меню 3D > Новая сетка из слоя > Почтовая открытка (3D>New Mesh from Layer>Postcard), либо, кликните ПКМ по слою на палитре слоев, и выберите соответствующий пункт в контекстном меню. Вот как примерно должен выглядеть ваш текст на данном этапе. Пока ничего особенного.

Шаг 9
Выделите все слои и пройдите в меню 3D > Слияние 3D слоев (3D>Merge 3D Layers).

Шаг 10
Здесь мы изменим глубину экструзии наших 3D-слоев. Сначала выделите слой с кабелем на палитре 3D. При этом автоматически изменится содержимое палитры Свойств. Здесь же, на палитре свойств задайте величину Глубины экструзии (Extrusion Depth): 0. Затем раскройте меню с Набором фигур (Shape Preset), и выберите “Раздувание в виде подушки” (Pillow Inflate).
Последовательность этих действий не важна, результат будет одинаковым.

Шаг 11
Выделите на 3D палитре слой “Party! синий”, и на палитре свойств задайте величину Глубины экструзии (Extrusion Depth): 0. Затем раскройте меню с Набором фигур (Shape Preset), и выберите “Раздувание в виде подушки” (Pillow Inflate). Затем, в верхней части этой палитры кликните по иконке Капитель, задайте угол: 90 градусов, и Интенсивность (Strength): 20%.

Повторите процедуру для слоя “ Party! черный”.

Шаг 12
Задайте Глубину экструзии слоя с Креплением: 35

Шаг 13
Теперь улучшим вид сцены, выровняв слои. Выделите на палитре 3D вкладку Сцена, после чего, на палитре Свойств, задайте Наборы (Presets): Скрытая сетка (Затененный каркас). Затем кликните ПКМ по осям в левом нижнем углу документа, и, в раскрывшемся контекстном меню, выберите пункт “Слева” (Left). При помощи манипуляторов переместите каждый элемент по оси Z, располагая их так, как нужно.

Шаг 14
Изменение угла. При помощи инструмента Перемещение (Move tool) в его 3D режиме, задайте объекту нужное положение. Ниже приведены координаты положения, выбранного мной:

Сохраните текущий вид камеры для дальнейшего использования. Для этого, при активной вкладке 3D палитры “Текущий вид” (Current View), пройдите на палитре Свойств в меню Вид > Сохранить (View>Save). Присвойте этому виду название “Финал”. Теперь вы можете произвольным образом менять положение объекта, и всегда вернуться к сохраненному виду выбрав его по названию.

Шаг 15
Добавление материалов
Выделите все вкладки с материалами, относящиеся к 3D слою “Party! синий”. Затем, на палитре Свойств кликните по иконке рядом с цветом Рассеивания (Diffuse).

Задайте следующие установки:

Рассеивание (Diffuse): #a0d6ff
Цвет блика (Specular): #348bcd
Свечение (Illumination): #3ba6f8
Освещение (Ambient): #454545
Блеск (Shine): 80%
Отражение (Reflection): 17%
Плавность (Roughness): 0%
Рельеф (Bump): 0%

Шаг 16
Выделите все вкладки с материалами, относящиеся к слою “Party! черный”, и задайте на палитре свойств следующие установки:

Освещение (Ambient): #000000
Блеск (Shine): 20%
Отражение (Reflection): 20%
Плавность (Roughness): 7%
Рельеф (Bump): 10%

Шаг 17
Выделите все вкладки с материалами, относящиеся к слою с креплением, и задайте на палитре свойств следующие установки:
Рассеивание (Diffuse): # 7f7f7f
Цвет блика (Specular): # 333333
Свечение (Illumination): #000000
Освещение (Ambient): #0167a1
Блеск (Shine): 20%
Отражение (Reflection): 10%
Плавность (Roughness): 5%
Рельеф (Bump): 10%

Шаг 18
Выделите все вкладки с материалами для 3D слоя с кабелем. Цвета используем те же, что для слоя “Party! черный”, изменив только следующие параметры:

Блеск (Shine): 20%
Отражение (Reflection): 43%
Плавность (Roughness): 9%
Рельеф (Bump): 10%

Шаг 19
Внесем некоторые изменения в окружение. Выделите на 3D палитре вкладку Окружающая среда (Environment). Затем на палитре слоев снимите галочку с пункта ИСБИ (IBL). Деактивация этой опции поможет нам при работе с фоновым слоем в дальнейшем. Теперь, в разделе Плоскость основания уменьшите Непрозрачность (Opacity) до 60%, а Плавность (Roughness) – до 20%.

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

Шаг 20
Добавим холодный свет. Кликните по иконке добавления нового света на сцену, находящейся в нижней части палитры слоев. В выпадающем списке выберите “Новый бесконечный свет” (New Infinite Light). Задайте цвет #b4f2ff, Интенсивность (Intensity): 60%, и Сглаживание тени (Shadow Softness): 11%.

Рассеивание (Diffuse): # 023963
Цвет блика (Specular): # 333333
Свечение (Illumination): #000000
Освещение (Ambient): #0167a1
Блеск (Shine): 23%
Отражение (Reflection): 89%
Плавность (Roughness): 47%
Рельеф (Bump): 10%

Шаг 22
Наложим текстуру кирпичной стены. Выделив фоновый слой, откройте палитру Свойств и кликните по иконке с папкой рядом с цветом Рассеивания. Выберите пункт “Редактировать текстуру” (Edit Texture). Появится сообщение, предупреждающее, что изменения этой текстуры появятся во всех местах. Нажмите OK, после чего будет открыт новый документ, содержащий один единственный оригинальный фоновый слой.

Шаг 23
Вставьте в этот документ скачанную текстуру с кирпичной стеной. Измените ее размер в соответствии с размером холста, оставив за его пределами колонны по бокам. Растрируйте текстуру, продублируйте ее и скройте копию.

Шаг 24
Удалите фоновый слой, так как он нам больше не нужен. Нажатием Ctrl+U откройте окно коррекции Цветового тона/Насыщенности (Hue/Saturation). Поставьте галочку на пункт “Тонирование” (Colorize). Задайте величину Тона (Hue): 213, Насыщенности (Saturation): 54, и Яркости (Lightness): -67.

Затем, нажатием Ctrl+L откройте окно коррекции Уровней (Levels). Задайте Средние тона: 0,93, и Света в разделе Выходных значений (Output Levels): 197, как показано на изображении ниже:

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

Шаг 25
Добавим световое пятно. Переключитесь на документ со стеной, включите видимость копии. Снова откройте окно коррекции Цветового тона/Насыщенности (Hue/Saturation). Поставьте галочку на пункте Тонирование (Colorize). Задайте величину Тона (Hue): 213, Насыщенности (Saturation): 20, и Яркости (Lightness): -40.

Кликнув по специальной кнопке Добавления слоя-маски (Add layer mask) в нижней части палитры слоев, создайте для этого слоя слой-маску, и проявите ее центральную часть. Уменьшите Непрозрачность (Opacity) до 82%, а Заливку (Fill) – до 70%. Вот как должна выглядеть ваша маска:

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

Когда вид сцены вас полностью удовлетворит, запустите процесс рендирнга, кликнув по иконке “Рендринг” в нижней части палитры свойств, либо нажав Alt+Shift+Ctrl+R.

Шаг 28
Как можно заметить, свет, излучаемый неоновыми буквами, получился не очень убедительным. Поэтому давайте добавим этим буквам свечения. Возвращаемся на палитру слоев и создаем новый слой под названием “Свечение”. При помощи мягкой кисти размером 28 пикселей и цвета #00ccff прокрашиваем поверхность букв. Устанавливаем этот слой в режим наложения Экран (Screen), уменьшив Непрозрачность (Opacity) до 85%.

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

Мои поздравления!
Думаю, вы и сами испытываете восторг, глядя на результат своего труда. Продемонстрируйте композицию своим друзьям и знакомым, и поинтересуйтесь их мнением.

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

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

1. Создаем буквы

Шаг 1

Открываем программу и создаем новый документ размером 1181 х 788 пикселей с разрешением 300 точек/дюйм.

Шаг 2

Активируем Type Tool (T) (Текст) и пишем слово или фразу любым стандартным шрифтом, например, Helvetica.

Шаг 3

Открываем окно Windows — Character (Окно — Символ) и настраиваем расстояние между строками текста (значение зависит от размера шрифта).

Шаг 4

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

Шаг 5

Создаем новый слой (Ctrl+Shift+N), кликнув на кнопку Create a new layer (Создать новый слой) внизу панели слоев.

Шаг 6

Активируем Pen Tool (P) (Перо) в режиме Shape (Фигура) и начинаем рисовать по контуру букв.

Примечание переводчика: Заполнение цветом отключаем, включаем обводку контура (ширина обводки будет зависеть от размера документа). Нарисовав одну линию, обязательно жмем клавишу Enter , чтобы завершить контур.

Шаг 7

Рисуем следующие линии.

Шаг 8

Повторяем процесс и рисуем остальные буквы. Я советую вам изучить настоящие неоновые вывески, чтобы получить достаточно реалистичную форму букв.

Шаг 9

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

Шаг 10

Выделяем все слои с буквами и жмем Ctrl+G, чтобы добавить их в группу, затем Ctrl+E, чтобы объединить группу в один слой.

Шаг 11

Layer Style Color Overlay (Перекрытие цветов) и жмем ОК. Кликаем по слою правой кнопкой мыши и выбираем Rasterize Layer Style (Растрировать стиль слоя).

2. Добавляем эффекты

Шаг 1

Дважды кликаем по слою, чтобы открыть окно Layer Style (Стиль слоя). Применяем стиль слоя Outer Glow (Внешнее свечение).

Шаг 2

Дублируем слой с текстом (Ctrl+J), хватаем левой кнопкой мышки значок fx на слое и перетягиваем его на иконку корзины, чтобы очистить слой от стилей.

Шаг 3

Дважды кликаем по копии слоя и применяем Outer Glow (Внешнее свечение) и Drop Shadow (Тень).

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

Шаг 4

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

Шаг 5

Зажимаем Ctrl и кликаем по миниатюре текстового слоя на панели слоев, чтобы загрузить его выделение. Затем переходим Select — Modify — Contract (Выделение — Модификация — Сжать) и вводим значение 1, чтобы сжать выделение на 1 пиксель.

Шаг 6

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

Шаг 7

Создаем новый слой и заливаем выделение белым цветом. Для этого жмем Edit — Fill (Редактирование — Заливка).

Шаг 8

Дублируем текстовый слой и размещаем его в группе. Дважды щелкаем по нему, чтобы применить стили слоя Outer Glow (Внешнее свечение) и Drop Shadow (Тень).

Шаг 9

Снова зажимаем Ctrl и кликаем по миниатюре слоя, чтобы загрузить его выделение. Переходим Select — Modify — Expand (Выделение — Модификация — Расширить) и расширяем выделение на 4 пикселя.

Шаг 10

Создаем новый слой над текстовым и заливаем выделение любым цветом.

Шаг 11

Применяем к заливке стили слоя Inner Shadow (Внутренняя тень), Inner Glow (Внутреннее свечение) и Outer Glow (Внешнее свечение). Затем устанавливаем Fill (Заливка) этого слоя на 0%.

Шаг 12

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

Шаг 13

Выше создаем новый слой и заливаем выделение темно-желтым цветом.

Шаг 14

Добавляем маску на слой, нажав на кнопку Add layer mask (Добавить слой-маску) внизу панели слоев. Затем черной кистью проводим по маске, чтобы скрыть часть темно-желтой заливки.

Шаг 15

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

Шаг 16

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

Шаг 17

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

Шаг 18

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

Шаг 19

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

Шаг 20

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

Шаг 21

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

Шаг 22

Создаем новый слой под текстом. Заливаем выделение черным. С помощью фильтра сглаживаем тень Filter — Blur — Gaussian Blur (Фильтр — Размытие — Размытие по Гауссу).

3. Рисуем кабель

Шаг 1

Активируем Pen Tool (P) (Перо) и рисуем кончик кабеля, как показано ниже. Устанавливаем цвет слоя на черный и размещаем его за текстом.

Шаг 2

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

Шаг 3

Снова берем Pen Tool (P) (Перо) и рисуем длинный кабель.

Примечание: Настройки для пера используем как в Часть 1 Шаге 3 данного урока.

Шаг 4

При необходимости, измените угол наклона кабеля (Ctrl+T).

Шаг 5

Меняем цвет обводки кабеля на темно-серый.

Шаг 6

Добавляем стиль слоя Bevel and Emboss (Тиснение), чтобы придать шнуру объемность.

Шаг 7

Зажимаем Ctrl и кликаем по миниатюре слоя с кабелем, чтобы загрузить его выделение. Применяем Select — Modify — Expand (Выделение — Модификация — Расширить).

Шаг 8

Переходим Edit — Stroke (Редактирование — Обводка). Применяем обводку шириной 2 пикселя.

Шаг 9

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

Шаг 10

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

Шаг 11

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

Шаг 12

На первой букве рисуем еще один кабель.

Шаг 13

И еще один кабель, который соединяет верхние и нижние буквы.

4. Рисуем держатели

Шаг 1

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

Шаг 2

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

Шаг 3

Применяем к держателям стили слоя Bevel and Emboss (Тиснение), Inner Glow (Внутреннее свечение) и Outer Glow (Внешнее свечение).

Шаг 4

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

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

Как сделать неоновую надпись. Создание неоновой вывески для ночного клуба в Photoshop CS6 Extended

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

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

Разберемся, почему же светодиодный дюралайт, световые модули, ленты и LED-неон лучше старых, добрых неоновых трубок, морально и технологически устаревших ламп накаливания и люминисцентных ламп. Думаю, что лампы накаливания сразу отметаются в сторону. В наружной рекламе такие лампы использовались порядка 40 лет назад, да и то из-за отсутствия других альтернатив. Единственный случай — дюралайт (еще совсем недавно его собирали на основе миниатюрных лампочек накаливания).

УСТАРЕВШИЕ МАТЕРИАЛЫ ДЛЯ КОРОБОВ И ВЫВЕСОК.

• Лампы накаливания — высокая теплоотдача неприменима для наших условий. Зимой такая лампа во время работы, растапливает снег и лед вокруг себя, пластиковые элементы вывески, ее заливает водой, когда она выключается и остывает, то обрастает льдом, который в итоге снова растапливает и благополучно выгорает вместе с элементами электропроводки. Крайне низкий КПД — высокое энергопотребление, низкая светоотдача. Забудем о них.
• Люминисцентная электрика — из люминисцентных ламп невозможно создать сложных элементов. Такая электрика долго и плохо включается при низких температурах. Малый выбор вариантов цвета свечения ламп. В последнее время имеет применение только в световых коробах, либо для подсветки витрин. Благополучно вытесняется LED-технологиями, имеющими более высокий КПД светоотдачи, в разы большую наработку на отказ и менее требовательными к температуре окружающей среды. В единичных случаях энергосберегающие лампы встречаются в маленьких вывесках, сделанных кустарным методом. Считаю такое использование недопустимым, если не с эстетической точки зрения, то хотя бы из-за низкого класса IP, что может оказаться весьма чреватым для любителей «сэкономить».
• Неоновые (газосветные) трубки — являясь на данный момент одной из самых старых технологий, имеет не так уж много недостатков по сравнению с LED-неоном и, даже светодиодным дюралайтом. Но недостатки есть и существенные — для газосветных трубок рабочим температурным режимом считается сравнительно узкий диапазон от -25 до +50 С. При меньшей температуре для работы трубки требуются повышенные токи, что резко сокращает срок службы самой трубки. При реальных условиях эксплуатации замечено, что температура -15 и ниже приводит к существенному падению яркости неоновой трубки, в результате чего ключевая надпись названия Вашего магазина, выполненная неоном, уступает в светимости нижерасположенному коробу на люминесцентных лампах. Так же неоновая реклама требует очень высокого напряжения питания, что является опасным при интерьерном использовании, да и приходится думать где разместить громоздкие и тяжелые трансформаторы питания. Еще один существенный минус — стекло хрупкое! Ну и к тому же мы рассматриваем возможность изготовления рекламы своими руками, а с неоновыми трубками без помощи грамотных специалистов и дорогостоящего оборудования не обойтись.

СОВРЕМЕННЫЕ СВЕТОВЫЕ МАТЕРИАЛЫ ДЛЯ СВЕТОВЫХ ВЫВЕСОК И КОРОБОВ.

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

• Круглый дюралайт.
• Светодиодные модули .
• Гибкий светодиодный неон .

Плюсы (+).

• Долговечность — наработка на отказ светодиодов составляет до 100 000 часов непрерывной работы. Заявленной ниже 30 000 часов наработки на отказ я не встречал даже у китайских производителей.
• Крайне низкое энергопотребление — LED-неон флекс потребляет 4-8 Ватт на погонный метр (неоновая трубка порядка 20 Вт-метр). Вообще, как показывает практика, при одинаковой силе свечения, светодиоды потребляют в 4 раза меньше энергии, чем люминисцентные, и примерно в 10 раз меньше, чем лампы накаливания.
• Рабочие температуры — рекомендованный производителями светодиодов диапазон колеблется от -70 в нижней границе диапазона до +85 (осторожные производители ограничивают этот порог +50)- в верхней. При этом яркость свечения сохраняется, равно как и мгновенный пуск.
• Гибкость — как дюралайт, так и LED-неон по сути являются гибкими пластиковыми трубками, с выложенными внутри светодиодами и элементами электросхемы. Хотелось бы заметить, что дюралайт гнется легче, с меньшим радиусом изгиба и по любой оси в отличии от LED-неона. Вследствии этого фактора LED-неоном удобнее выкладывать плоские и достаточно крупные элементы вывески (например контуры букв), дюралайтом же можно без проблем повторить любой контур элемента дизайна.
• Высокий коэффициент IP65 — большинство производимых на данный момент трубок могут абсолютно без проблем работать будучи полностью погруженными в воду.

Минусы (-).

Мы разобрали массу преимуществ светодиодного неона и дюралайта, но ведь наверное существуют и недостатки? Да, свои недостатки есть, как у LED-неона, так и у дюралайта.

• Общий недостаток — кратность реза . В связи с тем, что внутри трубки расположены элементы электросхемы устройства, как дюралайт, так и LED-неон имеют определенный шаг (кратность) реза, который варьируется от 0,15 до 3,0 метра для дюралайта и от 0,91 или 1,52 метра для LED-неона. В связи с этим накладываются некоторые ограничения по дизайнерскому исполнению, т. к. приходится куда-то прятать излишки длины светового шнура.
• Считается, что недостатком дюралайта по сравнению с LED-неоном, является дискретность свечения дюралайта . Т.е. можно сэкономить и сделать контурную подсветку вывески из более дешевого, по сравнению с LED-неоном, дюралайта, но в итоге мы получим либо неравномерный свет с ярко-выраженными точками засветки (при близком расположении засвечиваемой поверхности к вывеске), либо слишком слабенькое и невыразительное свечение (при увеличении расстояния от вывески до засвечиваемой поверхности). Естественно, что недостатком этот момент можно считать, только при выполнении определенных задач, но при выборе дизайнерского решения все же всегда следует учитывать, что шаг между светодиодами в дюралайте очень заметен и составляет 0,5 — 2,5 см, тогда, как LED-неон имеет ровное, не отличимое от неонового, свечение по всей своей длине.

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

Рассказываем, как сделать такой декор своими руками (и порядочно сэкономить!). Тренируемся на самых популярных словах: love и hello.

Чтобы сделать DIY-надпись, вам понадобится электролюминесцентный провод. У нас он продается как «холодный неон», а в западных магазинах — как EL wire. Такой неон состоит из ПВХ-шнура и покрытой электролюминофором жилы. Для его питания нужен ток высокой частоты, поэтому стоит лучше сразу набор из шнура и инвертора (он может работать от сети или от батареек).

HELLO

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

Вам понадобятся :

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

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

2. Согните проволоку по форме слова, используя надпись как шаблон.

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

4. Поставьте надпись на консоль или повесьте на стену, вставьте в блок питания батарейки, включите. Готово!

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

1. Создаем буквы

Шаг 1

Открываем программу и создаем новый документ размером 1181 х 788 пикселей с разрешением 300 точек/дюйм.

Шаг 2

Активируем Type Tool (T) (Текст) и пишем слово или фразу любым стандартным шрифтом, например, Helvetica.

Шаг 3

Открываем окно Windows — Character (Окно — Символ) и настраиваем расстояние между строками текста (значение зависит от размера шрифта).

Шаг 4

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

Шаг 5

Создаем новый слой (Ctrl+Shift+N), кликнув на кнопку Create a new layer (Создать новый слой) внизу панели слоев.

Шаг 6

Активируем Pen Tool (P) (Перо) в режиме Shape (Фигура) и начинаем рисовать по контуру букв.

Примечание переводчика: Заполнение цветом отключаем, включаем обводку контура (ширина обводки будет зависеть от размера документа). Нарисовав одну линию, обязательно жмем клавишу Enter , чтобы завершить контур.

Шаг 7

Рисуем следующие линии.

Шаг 8

Повторяем процесс и рисуем остальные буквы. Я советую вам изучить настоящие неоновые вывески, чтобы получить достаточно реалистичную форму букв.

Шаг 9

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

Шаг 10

Выделяем все слои с буквами и жмем Ctrl+G, чтобы добавить их в группу, затем Ctrl+E, чтобы объединить группу в один слой.

Шаг 11

Layer Style Color Overlay (Перекрытие цветов) и жмем ОК. Кликаем по слою правой кнопкой мыши и выбираем Rasterize Layer Style (Растрировать стиль слоя).

2. Добавляем эффекты

Шаг 1

Дважды кликаем по слою, чтобы открыть окно Layer Style (Стиль слоя). Применяем стиль слоя Outer Glow (Внешнее свечение).

Шаг 2

Дублируем слой с текстом (Ctrl+J), хватаем левой кнопкой мышки значок fx на слое и перетягиваем его на иконку корзины, чтобы очистить слой от стилей.

Шаг 3

Дважды кликаем по копии слоя и применяем Outer Glow (Внешнее свечение) и Drop Shadow (Тень).

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

Шаг 4

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

Шаг 5

Зажимаем Ctrl и кликаем по миниатюре текстового слоя на панели слоев, чтобы загрузить его выделение. Затем переходим Select — Modify — Contract (Выделение — Модификация — Сжать) и вводим значение 1, чтобы сжать выделение на 1 пиксель.

Шаг 6

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

Шаг 7

Создаем новый слой и заливаем выделение белым цветом. Для этого жмем Edit — Fill (Редактирование — Заливка).

Шаг 8

Дублируем текстовый слой и размещаем его в группе. Дважды щелкаем по нему, чтобы применить стили слоя Outer Glow (Внешнее свечение) и Drop Shadow (Тень).

Шаг 9

Снова зажимаем Ctrl и кликаем по миниатюре слоя, чтобы загрузить его выделение. Переходим Select — Modify — Expand (Выделение — Модификация — Расширить) и расширяем выделение на 4 пикселя.

Шаг 10

Создаем новый слой над текстовым и заливаем выделение любым цветом.

Шаг 11

Применяем к заливке стили слоя Inner Shadow (Внутренняя тень), Inner Glow (Внутреннее свечение) и Outer Glow (Внешнее свечение). Затем устанавливаем Fill (Заливка) этого слоя на 0%.

Шаг 12

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

Шаг 13

Выше создаем новый слой и заливаем выделение темно-желтым цветом.

Шаг 14

Добавляем маску на слой, нажав на кнопку Add layer mask (Добавить слой-маску) внизу панели слоев. Затем черной кистью проводим по маске, чтобы скрыть часть темно-желтой заливки.

Шаг 15

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

Шаг 16

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

Шаг 17

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

Шаг 18

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

Шаг 19

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

Шаг 20

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

Шаг 21

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

Шаг 22

Создаем новый слой под текстом. Заливаем выделение черным. С помощью фильтра сглаживаем тень Filter — Blur — Gaussian Blur (Фильтр — Размытие — Размытие по Гауссу).

3. Рисуем кабель

Шаг 1

Активируем Pen Tool (P) (Перо) и рисуем кончик кабеля, как показано ниже. Устанавливаем цвет слоя на черный и размещаем его за текстом.

Шаг 2

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

Шаг 3

Снова берем Pen Tool (P) (Перо) и рисуем длинный кабель.

Примечание: Настройки для пера используем как в Часть 1 Шаге 3 данного урока.

Шаг 4

При необходимости, измените угол наклона кабеля (Ctrl+T).

Шаг 5

Меняем цвет обводки кабеля на темно-серый.

Шаг 6

Добавляем стиль слоя Bevel and Emboss (Тиснение), чтобы придать шнуру объемность.

Шаг 7

Зажимаем Ctrl и кликаем по миниатюре слоя с кабелем, чтобы загрузить его выделение. Применяем Select — Modify — Expand (Выделение — Модификация — Расширить).

Шаг 8

Переходим Edit — Stroke (Редактирование — Обводка). Применяем обводку шириной 2 пикселя.

Шаг 9

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

Шаг 10

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

Шаг 11

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

Шаг 12

На первой букве рисуем еще один кабель.

Шаг 13

И еще один кабель, который соединяет верхние и нижние буквы.

4. Рисуем держатели

Шаг 1

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

Шаг 2

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

Шаг 3

Применяем к держателям стили слоя Bevel and Emboss (Тиснение), Inner Glow (Внутреннее свечение) и Outer Glow (Внешнее свечение).

Шаг 4

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

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

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

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

Поэтому, пора засучить рукава, и взять на вооружение новые навыки!

Сегодняшний урок по фотошопу посвящен описанию 3D инструментария фотошопа версии CS6 Extended.

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

То, что мы будем создавать

Готовы? Тогда приступаем!

Шаг 1
Начнем с создания нового документа шириной 1440, высотой 900 пикселей, с разрешением 72 пикселя на дюйм. Назовите этот документ “3D Неон”.

Шаг 2
Залайте фоновый слой сплошным цветом: #15243b. Назовите его “Фон”. Теперь скачайте шрифт You’re Gone, и наберите слово “PARTY!”, задав белый цвет, размер 250 pt. При выделенном тексте откройте палитру Символы (Character), и задайте величину трэкинга (tracking): 60.

Шаг 3
Кликните по слою с текстом ПКМ, и в открывшемся контекстном меню выберите пункт “Растрировать текст” (Convert to Shape). Выберите инструмент Перо (Pen tool). Далее, мы проделаем ряд действий, продиктованных тем, что нас интересует только контур текста. Итак, на панели опций в верхней части окна программы, установите Заливку (Fill): Нет цвета (No Color), укажите в качестве цвета Штриха (Stroke): #488dc6, и ширину штриха: 10 pt. Раскройте выпадающее меню с типами штриха фигуры, и нажмите кнопку Другие параметры (More Options). В раскрывшемся диалоговом окне задайте параметры, приведенные на скриншоте ниже:

Концы (Caps): Круг (Round)
Углы (Corners): Круг (Round)

Штрих (Dash): 38
Пробел (Gap): 3
Остальные поля оставьте пустыми.

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

Шаг 4
Продублируйте слой и назовите его “ Party! черный”. На этот раз мы только преобразуем форму обводки в сплошную линию. Задайте следующие установки:

Выровнять (Align): Из центра (Center)
Концы (Caps): Круг (Round)
Углы (Corners): Круг (Round)

Смотрите изображение ниже:

Шаг 5
Продублируйте черный слой и назовите его “Крепление”. На этот раз мы преобразуем обводку в пунктирную линию. Откройте диалоговое окно для Штриха и задайте следующие параметры:

Набор (Preset): выберите пунктирную линию

Выровнять (Align): Внутри (Inside)
Концы (Caps): Круг (Round)
Углы (Corners): Круг (Round)
Пунктирная линия (Dashed Line): Поставить галочку (Checked)
Штрих (Dash): 0
Пробел (Gap): 18

Шаг 6
Наша вывеска нуждается в электропитании. Поэтому давайте создадим кабель. Прочертите сквозь буквы линию при помощи инструмента Перо (Pen tool), при бесцветной заливке, цвете штриха: #081a2b и размере: 5 pt. При необходимости, вы можете изменить форму линии, добавив опорные точки.

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

Шаг 7
Приступаем к работе в 3D

Теперь нам предстоит преобразовать все эти слои в 3D экструзию. Одновременно это сделать не получится, поэтому будем преобразовывать слои последовательно. Поэтому повторите этот процесс поочередно для всех слоев, за исключением фонового слоя. Выделите слой и пройдите в меню 3D > Новая 3D экструзия из выделенного слоя (Menu 3D>New 3D Extrusion from Selected Layer). Совет: это можно сделать так же, кликнув ПКМ по слою на палитре слоев, и выбрав в контекстном меню пункт “ Новая 3D экструзия из выделенного слоя ” (New 3D Extrusion from Selected Layer).

Шаг 8
Выделив слой с фоном, пройдите в меню 3D > Новая сетка из слоя > Почтовая открытка (3D>New Mesh from Layer>Postcard), либо, кликните ПКМ по слою на палитре слоев, и выберите соответствующий пункт в контекстном меню. Вот как примерно должен выглядеть ваш текст на данном этапе. Пока ничего особенного.

Шаг 9
Выделите все слои и пройдите в меню 3D > Слияние 3D слоев (3D>Merge 3D Layers).

Шаг 10
Здесь мы изменим глубину экструзии наших 3D-слоев. Сначала выделите слой с кабелем на палитре 3D. При этом автоматически изменится содержимое палитры Свойств. Здесь же, на палитре свойств задайте величину Глубины экструзии (Extrusion Depth): 0. Затем раскройте меню с Набором фигур (Shape Preset), и выберите “Раздувание в виде подушки” (Pillow Inflate).
Последовательность этих действий не важна, результат будет одинаковым.

Шаг 11
Выделите на 3D палитре слой “Party! синий”, и на палитре свойств задайте величину Глубины экструзии (Extrusion Depth): 0. Затем раскройте меню с Набором фигур (Shape Preset), и выберите “Раздувание в виде подушки” (Pillow Inflate). Затем, в верхней части этой палитры кликните по иконке Капитель, задайте угол: 90 градусов, и Интенсивность (Strength): 20%.

Повторите процедуру для слоя “ Party! черный”.

Шаг 12
Задайте Глубину экструзии слоя с Креплением: 35

Шаг 13
Теперь улучшим вид сцены, выровняв слои. Выделите на палитре 3D вкладку Сцена, после чего, на палитре Свойств, задайте Наборы (Presets): Скрытая сетка (Затененный каркас). Затем кликните ПКМ по осям в левом нижнем углу документа, и, в раскрывшемся контекстном меню, выберите пункт “Слева” (Left). При помощи манипуляторов переместите каждый элемент по оси Z, располагая их так, как нужно.

Шаг 14
Изменение угла. При помощи инструмента Перемещение (Move tool) в его 3D режиме, задайте объекту нужное положение. Ниже приведены координаты положения, выбранного мной:

Сохраните текущий вид камеры для дальнейшего использования. Для этого, при активной вкладке 3D палитры “Текущий вид” (Current View), пройдите на палитре Свойств в меню Вид > Сохранить (View>Save). Присвойте этому виду название “Финал”. Теперь вы можете произвольным образом менять положение объекта, и всегда вернуться к сохраненному виду выбрав его по названию.

Шаг 15
Добавление материалов
Выделите все вкладки с материалами, относящиеся к 3D слою “Party! синий”. Затем, на палитре Свойств кликните по иконке рядом с цветом Рассеивания (Diffuse).

Задайте следующие установки:

Рассеивание (Diffuse): #a0d6ff
Цвет блика (Specular): #348bcd
Свечение (Illumination): #3ba6f8
Освещение (Ambient): #454545
Блеск (Shine): 80%
Отражение (Reflection): 17%
Плавность (Roughness): 0%
Рельеф (Bump): 0%

Шаг 16
Выделите все вкладки с материалами, относящиеся к слою “Party! черный”, и задайте на палитре свойств следующие установки:

Освещение (Ambient): #000000
Блеск (Shine): 20%
Отражение (Reflection): 20%
Плавность (Roughness): 7%
Рельеф (Bump): 10%

Шаг 17
Выделите все вкладки с материалами, относящиеся к слою с креплением, и задайте на палитре свойств следующие установки:
Рассеивание (Diffuse): # 7f7f7f
Цвет блика (Specular): # 333333
Свечение (Illumination): #000000
Освещение (Ambient): #0167a1
Блеск (Shine): 20%
Отражение (Reflection): 10%
Плавность (Roughness): 5%
Рельеф (Bump): 10%

Шаг 18
Выделите все вкладки с материалами для 3D слоя с кабелем. Цвета используем те же, что для слоя “Party! черный”, изменив только следующие параметры:

Блеск (Shine): 20%
Отражение (Reflection): 43%
Плавность (Roughness): 9%
Рельеф (Bump): 10%

Шаг 19
Внесем некоторые изменения в окружение. Выделите на 3D палитре вкладку Окружающая среда (Environment). Затем на палитре слоев снимите галочку с пункта ИСБИ (IBL). Деактивация этой опции поможет нам при работе с фоновым слоем в дальнейшем. Теперь, в разделе Плоскость основания уменьшите Непрозрачность (Opacity) до 60%, а Плавность (Roughness) – до 20%.

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

Шаг 20
Добавим холодный свет. Кликните по иконке добавления нового света на сцену, находящейся в нижней части палитры слоев. В выпадающем списке выберите “Новый бесконечный свет” (New Infinite Light). Задайте цвет #b4f2ff, Интенсивность (Intensity): 60%, и Сглаживание тени (Shadow Softness): 11%.

Рассеивание (Diffuse): # 023963
Цвет блика (Specular): # 333333
Свечение (Illumination): #000000
Освещение (Ambient): #0167a1
Блеск (Shine): 23%
Отражение (Reflection): 89%
Плавность (Roughness): 47%
Рельеф (Bump): 10%

Шаг 22
Наложим текстуру кирпичной стены. Выделив фоновый слой, откройте палитру Свойств и кликните по иконке с папкой рядом с цветом Рассеивания. Выберите пункт “Редактировать текстуру” (Edit Texture). Появится сообщение, предупреждающее, что изменения этой текстуры появятся во всех местах. Нажмите OK, после чего будет открыт новый документ, содержащий один единственный оригинальный фоновый слой.

Шаг 23
Вставьте в этот документ скачанную текстуру с кирпичной стеной. Измените ее размер в соответствии с размером холста, оставив за его пределами колонны по бокам. Растрируйте текстуру, продублируйте ее и скройте копию.

Шаг 24
Удалите фоновый слой, так как он нам больше не нужен. Нажатием Ctrl+U откройте окно коррекции Цветового тона/Насыщенности (Hue/Saturation). Поставьте галочку на пункт “Тонирование” (Colorize). Задайте величину Тона (Hue): 213, Насыщенности (Saturation): 54, и Яркости (Lightness): -67.

Затем, нажатием Ctrl+L откройте окно коррекции Уровней (Levels). Задайте Средние тона: 0,93, и Света в разделе Выходных значений (Output Levels): 197, как показано на изображении ниже:

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

Шаг 25
Добавим световое пятно. Переключитесь на документ со стеной, включите видимость копии. Снова откройте окно коррекции Цветового тона/Насыщенности (Hue/Saturation). Поставьте галочку на пункте Тонирование (Colorize). Задайте величину Тона (Hue): 213, Насыщенности (Saturation): 20, и Яркости (Lightness): -40.

Кликнув по специальной кнопке Добавления слоя-маски (Add layer mask) в нижней части палитры слоев, создайте для этого слоя слой-маску, и проявите ее центральную часть. Уменьшите Непрозрачность (Opacity) до 82%, а Заливку (Fill) – до 70%. Вот как должна выглядеть ваша маска:

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

Когда вид сцены вас полностью удовлетворит, запустите процесс рендирнга, кликнув по иконке “Рендринг” в нижней части палитры свойств, либо нажав Alt+Shift+Ctrl+R.

Шаг 28
Как можно заметить, свет, излучаемый неоновыми буквами, получился не очень убедительным. Поэтому давайте добавим этим буквам свечения. Возвращаемся на палитру слоев и создаем новый слой под названием “Свечение”. При помощи мягкой кисти размером 28 пикселей и цвета #00ccff прокрашиваем поверхность букв. Устанавливаем этот слой в режим наложения Экран (Screen), уменьшив Непрозрачность (Opacity) до 85%.

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

Мои поздравления!
Думаю, вы и сами испытываете восторг, глядя на результат своего труда. Продемонстрируйте композицию своим друзьям и знакомым, и поинтересуйтесь их мнением.

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

What You»ll Be Creating

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

Исходные материалы

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

• Шрифт Beon Medium
• Текстура Кирпичная Стена Image 2 — Large (2000×2328) (Изображение 2 – Размер большой (2000×2328)
• Набор Текстур

1. Создаём Задний Фон

Шаг 1

Создайте новый документ 1500 x 950 px , установите Разрешение (Resolution) 300 .

Итак, идём Файл – Поместить встроенные (File > Place Embedded), и в появившемся окне, выберите исходное изображение с текстурой кирпичной стены. Примените масштабирование на своё усмотрение. Нажмите клавишу (Enter ), чтобы применить изменения.

Шаг 2

В нижней панели инструментов, нажмите значок Создать новый корректирующий слой или слой заливку (Create new fill or adjustment layer) и в появившемся меню, выберите опцию Levels Уровни

Шаг 3

Преобразуйте данный корректирующий слой Уровни (Levels) в обтравочную маску к слою с текстурой кирпичной стенки. Далее, в настройках корректирующего слоя Уровни (Levels), установите значение для Теней (Shadows) 85 .

Шаг 4

Далее, добавьте корректирующий слой Цветовой тон / Насыщенность (Hue/Saturation) в качестве обтравочной маски. Далее, в настройках данного корректирующего слоя, установите значение Насыщенности (Saturation) 11 , а значение Яркости (Lightness) -83 .

2. Создаём Текст

Шаг 1

Создайте текст, все буквы заглавные. Шрифт ‘Beon Medium’ . Цвет текста #a33e88 , размер шрифта 103 pt .

Шаг 2

Продублируйте слой с текстом. Отключите видимость оригинального слоя с текстом, щёлкнув по глазку рядом с миниатюрой слоя. Далее, щёлкните правой кнопкой мыши по дубликату слоя и в появившемся окне, выберите опцию Растрировать текст (Rasterize).

Шаг 3

Выберите инструмент Прямоугольная область (Rectangular Marquee Tool (или выберите любой инструмент выделения, который вам нравится), в настройках данного инструмента, выберите режим Добавление к выделенной области (Add to selection), и с помощью данного инструмента, выделите горизонтальные фрагменты текста.

Шаг 4

Далее, идём Редактирование — Вырезать (Edit > Cut), а затем идём Редактирование – Специальная вставка – Вставить по месту (Edit > Paste Special > Paste in Place). Таким образом, горизонтальные фрагменты будут выделены на отдельном слое. Назовите слой с вертикальными фрагментами Вертикальные (Vertical), а слой с горизонтальными фрагментами Горизонтальные (Horizontal).

Шаг 5

Уменьшите значение Заливки (Fill) до 0 для обоих слоёв Вертикальные (Vertical) и Горизонтальные (Horizontal).

Шаг 6

Дважды продублируйте каждый из слоёв Вертикальные (Vertical) и Горизонтальные (Horizontal), далее, сгруппируйте слои в соответствующие группы. Назовите новые группы Вертикальные / Горизонтальные (Vertical/Horizontal). Примечание переводчика: в каждой группе должно быть по 3 слоя.

Шаг 7

Расположите слой с группой Горизонтальные (Horizontal) ниже слоя с группой Вертикальные (Vertical).

3. Добавляем Стилизацию к Оригинальному Слою с Горизонтальными Фрагментами Текста

Горизонтальные

Шаг 1

Добавьте стиль слоя Тиснение

• Размер (Size): 10
• Уберите галочку в окошке Глобальное освещение (Use Global Light)
• Угол (Angle): 0
• Высота (Altitude): 70
• Поставьте галочку в окошке Сглаживание (Anti-aliased)
• Режим подсветки (Highlight Mode): Линейный свет (Linear Light)
• Режим тени

Шаг 2

Добавьте стиль слоя Контур

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

Шаг 3

Добавьте стиль слоя Внутренняя тень (Inner Shadow) со следующими настройками:

• Режим наложения (Blend Mode): Осветление (Screen)
• Цвет : #e658d4
• Угол (Angle): 30
• Смещение (Distance): 0

Шаг 4

Добавьте стиль слоя Внутреннее свечение

• Непрозрачность (Opacity): 85%
• Цвет : #fe66f1
• Источник (Source): Из центра (Center)
• Размер (Size): 18

Шаг 5

Добавьте стиль слоя Тень

• Смещение (Distance): 13
• Размер (Size): 7

4. Добавляем Стилизацию к Первому Дубликату Слоя с Горизонтальными Фрагментами Текста

Дважды щёлкните по первому дубликату слоя Горизонтальные (Horizontal), чтобы применить следующие стили слоя:

Шаг 1

Добавьте стиль слоя Тиснение (Bevel and Emboss). Установите следующие настройки:

• Размер (Size): 16
• Уберите галочку в окошке Глобальное освещение (Use Global Light)
• Угол (Angle): -36
• Высота (Altitude): 42
• Контур глянца (Contour): Cove — Deep
• Поставьте галочку в окошке Сглаживание (Anti-aliased)
• Режим подсветки
• Режим тени (Shadow Mode) – Непрозрачность (Opacity): 0%

Шаг 2

Добавьте стиль слоя Контур (Contour) со следующими настройками:

• Контур глянца (Contour): Cone — Inverted
• Поставьте галочку в окошке Сглаживание (Anti-aliased)

5. Добавляем Стилизацию ко Второму Дубликату Слоя с Горизонтальными Фрагментами Текста

Дважды щёлкните по второму дубликату слоя Горизонтальные (Horizontal), чтобы применить следующие стили слоя:

Шаг 1

Добавьте стиль слоя Тиснение (Bevel and Emboss). Установите следующие настройки:

• Размер (Size): 16
• Уберите галочку в окошке Глобальное освещение (Use Global Light)
• Угол (Angle): 18
• Высота (Altitude): 58
• Контур глянца (Contour): Half Round
• Поставьте галочку в окошке Сглаживание (Anti-aliased)
• Режим подсветки (Highlight Mode): Яркий свет (Vivid Light)
• Режим тени (Shadow Mode) – Непрозрачность (Opacity): 0%

Шаг 2

Добавьте стиль слоя Контур (Contour) со следующими настройками:

• Контур глянца (Contour): Sawtooth 2
• Поставьте галочку в окошке Сглаживание (Anti-aliased)

Шаг 3

Добавьте стиль слоя Внутреннее свечение (Inner Glow) со следующими настройками:

• Режим наложения (Blend Mode): Линейный свет (Linear Light)
• Шум (Noise): 5%
• Цвет : #ffdcfa
• Источник (Source): Из центра (Center)
• Размер (Size): 38

Шаг 4

Добавьте стиль слоя Внешнее свечение (Outer Glow) со следующими настройками:

• Цвет : #7f2d65
• Размер (Size): 15

Это стилизация заключительного слоя Горизонтальные (horizontal). Мы дополнительно добавили глянец и свечение.

6. Добавляем Стилизацию к Оригинальному Слою с Вертикальными Фрагментами Текста

Шаг 1

Щёлкните правой кнопкой по оригинальному слою Горизонтальные (Horizontal) и в появившемся окне, выберите опцию Скопировать стиль слоя (Copy Layer Style), а затем, щёлкните правой кнопкой мыши по оригинальному слою Вертикальные (Vertical) и в появившемся окне, выберите опцию Вклеить стиль слоя (Paste Layer Style).

Дважды щёлкните по оригинальному слою Вертикальные Угол (Angle), установив значение на 90 в стиле слоя Тиснение (Bevel and Emboss), а также поменять значения Высоты (Altitude) на 74 .

Шаг 2

Для стиля слоя Внутреннее свечение (Inner Glow), просто поменяйте Размер (Size) на 15 .

Мы провели коррекцию эффекта в соответствии с вертикальными и диагональными фрагментами текста.

7. Добавляем Стилизацию к Первому Дубликату Слоя с Вертикальными Фрагментами Текста

Скопируйте стили слоя первого дубликата слоя Горизонтальные (Horizontal), а затем, вклейте скопированные стили слоя к первому дубликату слоя Вертикальные (Vertical). Дважды щёлкните по дубликату слоя Вертикальные (Vertical), чтобы откорректировать Угол -76 в стиле слоя Тиснение Высоты (Altitude) на 53 .

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

8. Добавляем Стилизацию ко Второму Дубликату Слоя с Вертикальными Фрагментами Текста

Скопируйте стили слоя второго дубликата слоя Горизонтальные (Horizontal), а затем, вклейте скопированные стили слоя ко второму дубликату слоя Вертикальные (Vertical). Дважды щёлкните по второму дубликату слоя Вертикальные (Vertical), чтобы откорректировать Угол (Angle), установив значение на -82 в стиле слоя Тиснение (Bevel and Emboss), а также поменять значения Высоты (Altitude) на 53 .

Итак, мы завершили стилизацию обеих частей текста.

9. Дополнительно Добавляем Свечение и Создаём Электрические Провода

Шаг 1

Создайте новый слой ниже слоя с текстом, видимость которого мы отключили ранее. Назовите этот слой ‘Свечение на заднем фоне’ . Поменяйте режим наложения для данного слоя на Линейный свет (Linear Light).

Установите цвет переднего плана на #98338b , выберите инструмент Кисть (Brush Tool), установите большую мягкую кисть. Просто щёлкните несколько раз, добавив свечение за текстом (не ведите кистью, просто поставьте цветное пятно).

Шаг 2

Создайте ещё один новый слой ниже слоя ‘Свечение на заднем фоне’ . Назовите этот слой ‘Провода’ . Выберите инструмент Перо (Pen Tool), в настройках данного инструмента выберите режим Контуры (Path).

Что вам нужно сделать далее- это создать контуры там, где бы вы хотели добавить электрические провода. Вы можете добавлять опорные точки, а также создавать кривые, потянув за направляющие опорные точки. При создании контуров, не забывайте, что контуры не должны быть идеальными. В любой момент, вы можете воспользоваться инструментом Стрелка (Direct Selection Tool) для коррекции опорных точек или направляющих линий.

Шаг 3

Чтобы создать раздельные контуры, удерживайте клавишу (Ctrl ). Вначале нарисуйте контур, потом нажмите + удерживайте клавишу (Ctrl), далее, щёлкните за пределами контура, таким образом, создав отдельный контур, который не будет привязан к следующему контуру, который вы будете создавать далее.

Шаг 4

Не торопитесь в этом шаге, чтобы получить интересный результат.

Шаг 5

Выберите инструмент Кисть (Brush Tool), далее, зайдите в панель настроек кисти Окно – Кисти (Window > Brush), установите жёсткую круглую кисть 7 px , значение Интервала (Spacing) 1 .

Шаг 6

Установите цвет переднего плана на #252525 , выберите инструмент Стрелка (Direct Selection Tool), щёлкните правой кнопкой мыши по контуру и в появившемся окне, выберите опцию Выполнить обводку контура

Шаг 7

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

Шаг 8

Итак, мы выполнили обводку контура. Нажмите клавишу (Enter ), чтобы удалить рабочий контур.

10. Добавляем Стилизацию к Проводам

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

Шаг 1

Добавьте стиль слоя Тиснение (Bevel and Emboss). Установите следующие настройки:

• Поставьте галочку в окошке Сглаживание (Anti-aliased)
• Режим подсветки (Highlight Mode): Яркий свет (Vivid Light)
• Цвет : #ec6ab7
• Непрозрачность (Opacity): 24%

Шаг 2

Добавьте стиль слоя Контур (Contour) со следующими настройками:

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

Шаг 3

Добавьте стиль слоя Наложение узора (Pattern Overlay) со следующими настройками:

• Режим наложения (Blend Mode): Умножение (Multiply)
• Узор (Pattern): 8

Шаг 4

Добавьте стиль слоя Тень (Drop Shadow) со следующими настройками:

• Непрозрачность (Opacity): 60%
• Смещение (Distance): 13
• Размер (Size): 10

11. Создаём Крепления

Шаг 1

Выберите инструмент Прямоугольник (Rectangle Tool), чтобы создать прямоугольник размерами 11 x 15 px. Примечание переводчика: далее, я опишу весь процесс создания крепления: 1. в настройках данного инструмента установите режим Слой-фигура (Layer-shape) 2. Добавьте опорные точки, сместите их (применяя инструмент Стрелка) 3. Растрируйте фигуру 4. Создайте дубликат. 5. Примените стили слоя.

Шаг 2

Выберите инструмент Добавить опорную точку (Add Anchor Point Tool). Добавьте две опорные точки по центру вертикальных линий прямоугольника.

Шаг 3

Теперь, выберите инструмент Стрелка (Direct Selection Tool), с помощью данного инструмента, выделите центральные точки, которые вы добавили, а затем, нажмите один раз клавишу со стрелкой ‘Влево’ , чтобы сместить точки на 1 px влево. Примечание переводчика: 1. при выделении точек Стрелкой, удерживайте клавишу (Shift) 2. вы не увидите контурного выделения, не переживайте, вы уже их выделили, т.к. точки станут активными, вы это увидите, теперь, просто нажмите клавишу со стрелкой ‘влево’, чтобы сместить точки 3. попробуйте нажать несколько раз клавишу влево, чтобы заметить эффект смещения.

Шаг 4

Продублируйте слой с прямоугольником. Поверните дубликат прямоугольника, для этого идём Редактирование – Трансформация – Поворот 90° по часовой стрелке (Edit > Transform > Rotate 90° Clockwise). Назовите первый слой с прямоугольником ‘H’ (для горизонтальных (horizontal) фрагментов текста, а второй слой назовите ‘V’ (для вертикальных (vertical).

12. Применяем Стилизацию к Креплениям

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

Шаг 1

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

• Непрозрачность (Opacity): 42%
• Тип градиента (Style): Линейный (Linear) Щёлкните по шкале градиента, чтобы установить цвета градиента #151515 слева, #6d6d6d в центре и #161616 справа.

Шаг 2

Добавьте стиль слоя Тень (Drop Shadow) со следующими настройками:

• Непрозрачность (Opacity): 60%
• Смещение (Distance): 13
• Размер (Size): 10

Шаг 3

Скопируйте стили слоя, щелкнув правой кнопкой по слою ‘H’ и в появившемся окне, выберите опцию Скопировать стиль слоя (Copy layer style). Таким же образом, вклейте стиль слоя на слой ’V’ . Далее, дважды щёлкните по слою ‘V’ , чтобы поменять угол стиля слоя Наложение градиента (Gradient Overlay) на 0 .

Шаг 4

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

13. Добавляем Слой с Заливкой Цвета

Создайте новый корректирующий слой Цвет (Solid Color). Цвет заливки #a34799 . Расположите данный корректирующий слой ниже слоя с электрическими проводами, поменяйте режим наложения для данного корректирующего слоя на Яркий свет (Vivid Light). Таким образом, мы добавим розовый оттенок на кирпичную стену за текстом и усилим свечение и освещение итогового результата.

Поздравляю! Мы завершили урок!

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

Как только мы создали текст и применили к нему стилизацию, мы дополнительно добавили свечение на задний фон и с помощью инструмента Перо (Pen Tool), создали контур для электрических проводов. Мы выполнили обводку контура и применили стили слоя, чтобы создать 3D вид.

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

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

Facebook

Twitter

Вконтакте

Одноклассники

Google+

Создаем неоновый эффект в Фотошоп

Название неон пришло к нам от греческого νέος (новый) и судя по всему говорит о большой радости ученых, которые обнаружили в воздухе инертные газы. Известна легенда, в которой говорится, что название новому элементу дал маленький сын Рамзая: увидев странное ярко-красное свечение, которое вещество излучало в трубке для спектрального анализа, он радостно воскликнул: «Новый! Новый!».

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

Шаг 1
Откройте Photoshop и создайте новый документ. Размеры холста не особо важны, я например использовал 800×600 px. Залейте фон черным цветом.

Шаг 2
Если у вас есть готовый логотип то импортируйте его и продублируйте слой. Один слой у нас будет светиться, второй будет создавать эффект неона.

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

Шаг 3
Выберите первый слой (нижний) и перейдите к Filter > Blur > Gaussian Blur. Используйте значение для Radius  в 5 px.

Шаг 4
На другом слое логотипа (верхней копии), зайдите в Layer > Group Layers. Теперь у Вас есть слой внутри папки. Меняем Blend Mode этой папки на Color Dodge. Также внутри папки выберите слой логотипа и зайдите в Layer > Layer Style > Inner Shadow. Используйте черный цвет и Multiply для Blend Mode (режим наложения). Измените прозрачность (Opacity) до 75%, угол до -90 º, Distance  1 px и Size 2 px. Не забудем очень важную часть: изменим контур (Contour) на Конус-Перевернутый (Cone-Inverted). Это значение мы выберем из выпадающего списка.

После этого применим эффект Outer Glow. Изменим режим наложения (Blend Mode) слоя на Color Dodge, Opacity (прозрачность) сделаем 50%, Noise (шум) — 0%, цвет белый.

Последнее, что мы сделаем на этом шаге,  это добавим немного размытия. Перейдем в Filter > Blur > Gaussian Blur. Выберем 1 px для Radius.

Шаг 5
Выберите наши слои логотипа и дублируйте их (Layer > Duplicate). Затем склейте дублированные слои (Layer > Merge Layers). Теперь просто зайдите в Filter > Blur > Gaussian Blur. Используйте примерно 20 px для Radius. Этот получившийся слой должен быть внизу под логотипами.

Шаг 6
Добавьте новый слой поверх всех остальных и перейдите к Filter > Render > Clouds. Этот фильтр поможет сделать облака, что в свою очередь придаст нашему логотипу большую естественность и уменьшит прямолинейность. Также убедитесь, что вы используете черный и белый цвета на палитре. После этого измените режим смешивания на Soft Light и понизьте прозрачность (Opacity) до 50%.

Шаг 7
Выберите размытый слой (нижний), созданный в шаге 3, и затем перейдите в Layer > Layer Style > Drop Shadow. Измените режим наложения на Color Burn, используйте черный цвет, 50% непрозрачности, 90º, угол, 10 px для Distance и 10 px для Size. Этот стиль слоя создаст тень и добавит большую глубину эффекту.

Заключение

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

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

Как сделать ночной портрет в неоновом стиле не выходя из дома

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

На YouTube появился красочный ролик, в котором Габ Лостэ показал интересную идею съемки ночного портрета в «неоновом свете» без необходимости выбираться на улицу и искать нужное освещение. Все, что для этого нужно, скорее всего уже у вас есть.

Оригинальное видео на английском языке

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

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

При съемке подобных фотографий, Габ Лостэ предлагает размещать модель как можно ближе к источнику света. Это позволить уменьшить чувствительность камеры и сократить выдержку. Используйте призму или компакт-диск для создания отражений: это поможет добавить интересных эффектов и заполнить фотографию бо́льшим количеством света. И наконец, автор советует снимать на максимально открытой диафрагме, чтобы размыть фон. Фот некоторые снимки, которые показал Габ Лостэ:

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

15+ Реалистичные неоновые текстовые эффекты Photoshop

Превратите любой текст в классный Neon Photoshop Text Effect с помощью этих бесплатных текстовых эффектов премиум-класса! Все, что вам нужно сделать, это набрать текст и выбрать шрифт. Затем функция смарт-объектов в Photoshop автоматически сделает все остальное! Следовательно, эти эффекты будут идеальными для создания эстетичного баннера для вашего блога, insta-post, упаковки и плаката.Наслаждаться!

Вам также может понравиться:

---

Неоновый подземный эффект Photoshop

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

Информация / Источник для загрузки

---

Неоновые текстовые эффекты

Информация / Источник для загрузки

---

Стили слоя неонового текста и дополнительные возможности

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

Информация / Источник для загрузки

---

Бесплатный неоновый текст Photoshop Effect

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

Загрузить исходный код

---

Wall Neon Glow Текстовый эффект PSD

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

Загрузить исходный код

---

Текстовый эффект неонового света

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

Загрузить исходный код

---

Эффект неонового текста Photoshop

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

Загрузить исходный код

---

Неоновый текстовый стиль

Загрузить исходный код

---

Потрясающий стиль неонового текста

Полностью редактируемый многослойный PSD-файл. Просто нажмите на смарт-объект и замените его любым текстом или объектом, затем нажмите «Сохранить», и неоновый стиль будет добавлен автоматически!

Информация / Источник для загрузки

---

Шаблон с неоновым текстовым эффектом

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

Загрузить исходный код

---

Эффект Photoshop Реалистичный неоновый текст

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

Информация / Источник для загрузки

---

Эффект неонового текста — неоновые буквы

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

Информация / Источник для загрузки

---

Световые вывески с текстовыми эффектами

Light Signs Text Effects мгновенно добавит высококачественные стили старых световых знаков к вашему тексту или логотипу. Вам просто нужно заменить текст внутри смарт-объекта, и через несколько секунд он будет выглядеть как неоновый световой знак!

Информация / Источник для загрузки

---

Neo Pro Text Effect

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

Информация / Источник для загрузки

---

Световые текстовые эффекты

Информация / Источник для загрузки

---

Неоновый текстовый эффект PSD

Загрузить исходный код

---

Free Neon Glow Text PSD

Загрузить исходный код

---

Эффект неоновой вывески

Загрузить исходный код

---

Неоновый текстовый эффект PSD

Скачать исходный код

15+ лучших текстовых эффектов и стилей неонового свечения

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

---

Вам также может понравиться:

---

Wall Neon Glow Текстовый эффект PSD

Скачать исходный код

---

Текстовый эффект неонового света

Скачать исходный код

---

Эффект быстрого неона — Экшены Photoshop

Скачать исходный код

---

Эффект неонового текста

Скачать исходный код

---

Реалистичные неоновые стили

Скачать исходный код

---

Неоновый поп-стиль

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

Информация / Источник загрузки

---

Неоновые стили Photoshop

Информация / Источник загрузки

---

Набор стилей ретро-неоновый

Информация / Источник для загрузки

---

Этикетки ретро

Информация / Источник загрузки

---

Текстовый эффект Neon Pro

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

Информация / Источник загрузки

---

Текстовый эффект в неоновом стиле

Информация / Источник загрузки

---

Стили неонового текста V2

Информация / Источник загрузки

---

Набор Neon Make Action

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

Информация / Источник загрузки

---

Free Neon Alphabet Скачать Cinema 4D

Скачать исходный код

---

Free Neon Glow Text PSD

Скачать исходный код

---

Эффект неонового прицела

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

Скачать исходный код

---

Неоновый текстовый эффект PSD

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

Скачать исходный код

---

Неоновые стили Photoshop

Информация / Источник загрузки

PSD шаблон в неоновом стиле | Bypeople

Пакет дизайна, включающий более 1500 шаблонов слоганов с множеством цитат по разным темам и случаям, включая предпринимательские цитаты, inspi…

Дизайн-пакет, содержащий более 1500 шаблонов слоганов с множеством цитат по разным темам и случаям, включая предпринимательские цитаты, вдохновляющие цитаты, положительные цитаты и многое другое, отлично подходит для печати и цифровых медиа, контента социальных сетей, наклеек, плакатов , так далее Все цитаты доставляются в редактируемом векторном формате Ai для Adobe Illustrator и включают ссылки на используемые шрифты, чтобы вы могли настраивать, масштабировать и редактировать по своему усмотрению, а также файлы для Canva для работы с вашими шаблонами в Интернете, а также файлы PNG с высоким разрешением. экспорт в черном, белом и прозрачном фоне (всего более 3000 изображений!) С этим огромным набором вам больше никогда не придется придумывать цитаты! Получите этот огромный пакет сегодня всего за 499 долларов 35 долларов! Ты получишь: 1500+ редактируемых цитат Безупречный пиксельный дизайн, каждая цитата создана с продуманной типографикой 100% редактируемые векторы.Экспорт оригинальных файлов Illustrator и масштабирование до любого размера Простые инструкции о том, как использовать пакет и где взять шрифты Готовые к использованию PNG в высоком разрешении PNG в черном, прозрачном и белом цвете дает вам более 3000 изображений Наклейте их в Instagram, на свой ноутбук или даже в машину! Легко редактировать, текст, цвета и фон ** Ссылки на шрифты, использованные в цитатах Готовые файлы PNG Загружайте прямо в Instagram, Pinterest и Facebook Векторные файлы, масштабирование до любого размера Лицензия на коммерческое использование Редактируемые слоганы и цитаты (Вернуться к началу)

Дизайн-пакет, содержащий более 1500 шаблонов слоганов с различными цитатами по разным темам и случаям, включая предпринимательские цитаты, вдохновляющие цитаты, положительные цитаты и многое другое, отлично подходит для печати и цифровых медиа, контента социальных сетей, наклеек, плакатов и т. Д. Все цитаты доставляются в редактируемом векторном формате Ai для Adobe Illustrator и включают ссылки на используемые шрифты, чтобы вы могли настраивать, масштабировать и редактировать по своему усмотрению, а также файлы для Canva для работы с вашими шаблонами в Интернете, а также файлы PNG с высоким разрешением. экспорт в черном, белом и прозрачном фоне (всего более 3000 изображений!) С этим огромным набором вам больше никогда не придется придумывать цитаты! Получите этот огромный пакет сегодня всего за 499 долларов 35 долларов! Ты получишь: 1500+ редактируемых цитат Безупречный пиксельный дизайн, каждая цитата создана с продуманной типографикой 100% редактируемые векторы.Экспорт оригинальных файлов Illustrator и масштабирование до любого размера Простые инструкции о том, как использовать пакет и где взять шрифты Готовые к использованию PNG в высоком разрешении PNG в черном, прозрачном и белом цвете дает вам более 3000 изображений Наклейте их в Instagram, на свой ноутбук или даже в машину! Легко редактировать, текст, цвета и фон ** Ссылки на шрифты, использованные в цитатах Готовые файлы PNG Загружайте прямо в Instagram, Pinterest и Facebook Векторные файлы, масштабирование до любого размера Лицензия на коммерческое использование Редактируемые слоганы и цитаты (Вернуться к началу)

Neon Photoshop Styles Скачать бесплатно

D amp Element Object amp Web

3D и элемент, объект и сеть

Абстрактный фон

Абстрактный фон

Абстрактный фон Stock Image

Абстрактный фон Stock Image

Действия Pattern amp Стили Photoshop

Экшены, узоры и стили Photoshop

Животные и мультфильм

Животные и мультфильмы

Изображение животных и природы

Животные и природа Stock Image

Художественный рисунок и живопись

Художественный рисунок и живопись

Искусство Рисования Живопись Stock Image

Искусство, рисунок, живопись Stock Image

Фон усилитель PSD Исходник Photoshop

Фон и PSD исходник Photoshop

Баннер и макет шаблона Photoshop

Шаблон баннера и мокапа Photoshop

Баннер Наклейка Лента

Баннер, Наклейка, Лента

Брошюра amp Magazine

Брошюра и журнал

Кисти и градиент Photoshop

Кисти и градиент Photoshop

Деловая инфографика

Бизнес-инфографика

Изображение для бизнеса

Бизнес фондовых изображений

Город Загородное Здание Stock Image

Город, страна, здание Stock Image

Карта города и здание

Город, карта и здание

Одежда amp Fashion

Одежда и мода

Обложка DVD Photoshop

Обложка DVD Photoshop

Образование Stock Image

Образование Stock Image

Образование и школа

Образование и школа

Fire Light Water amp Эффект

Огонь, свет, вода и эффекты

Огненная вода и облако.

Огонь, вода и облако Stock Image

Цветы Трава Листья Дерево

Цветы, Трава, Листья, Дерево

Цветы, деревья и листья.

Цветы, деревья и листья Stock Image

Шаблоны флаеров и меню Photoshop

Шаблоны флаеров и меню Photoshop

Шрифт

Шрифт

Еда Fruit amp Напиток Stock Image

Еда, фрукты и напитки Stock Image

Здравоохранение amp Medical

Здравоохранение и медицина

Healthcare amp Medical Stock Image

Здравоохранение и медицина Stock Image

Праздничная вечеринка и Рождество

Праздник, вечеринка и Рождество

Логотип Icon amp

Значок и логотип

Indesign

Indesign

Love Valentine amp Music

Любовь Валентина и музыка

Природа и пейзажи

Природа и пейзажи

Объекты amp Elements Stock Image

Объекты и элементы Stock Image

Люди и семья Stock Image

Люди и семья Stock Image

Фотошоп

Photoshop

Открытки и Бизнес Открытка Фотошоп

Открытки и визитки Photoshop

Открытки и канцелярские товары

Открытки и канцелярские товары

Резюме amp CV Photoshop

Резюме и CV Photoshop

Силуэты и люди

Силуэты и люди

Спорт Stock Image

Спорт Stock Image

Изображение запаса

Стоковое Изображение

Татуировка Дизайн

Тату Дизайн

Технология Stock Image

Технология Stock Image

Текстуры и паттерны

Текстуры и узоры

Текстуры amp Шаблоны Stock Image

Текстуры и узоры Stock Image

Наборы инструментов Документы и объекты Photoshop

Наборы инструментов, бумаги и объекты Photoshop

Вектор

Вектор

Транспортные средства и спорт

Транспортные средства и спорт

Verhicles amp Transport Stock Image

Автомобили и транспорт Stock Image

Винтажные интерьеры усилителей Stock Image

Винтаж и интерьеры Stock Image

Винтажный усилитель Retro Life

Винтаж и ретро жизнь

VIP

VIP

Веб-элементы Photoshop

Веб-элементы Photoshop

20+ лучших неоновых эффектов Photoshop (неоновый текст, шрифты, световые эффекты и неоновые экшены)

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

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

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

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

Откройте для себя лучшие дизайны неонового света для Photoshop в нашем списке ниже!

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

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

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

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

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

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

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

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

Не все неоновые ресурсы должны использовать экстремальные световые эффекты, чтобы привлечь ваше внимание. С помощью экшена «Голографический радужный» вы можете имитировать стиль фильтра неонового свечения Photoshop, сохраняя при этом эстетику пастельных тонов.Отличный вариант для тех, кто хочет создать дизайн плаката или отредактировать свои фотографии уникальным и увлекательным образом!

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

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

Придайте своим снимкам поистине сказочный стиль с помощью Lucent Photoshop Action. Это завораживающая и завораживающая эстетика, в которой используется стиль толстой кисти с утечкой света и смешивается его с напыщенными неоновыми огнями. Фантастический экшен Photoshop с неоновым свечением для тех, кто хочет создавать фэнтезийные произведения искусства!

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

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

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

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

Создайте невероятный эффект неонового света в Photoshop, не утопая свой визуальный дизайн в источниках света, с помощью коллекции экшенов Photoshop Color Fusion. Красиво выполненный оверлей, который сделает вашу работу по-настоящему популярной!

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

Экшены Photoshop с неоновым эффектом бесплатно

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

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

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

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

Добавьте нотку неона в свою работу с помощью этих удивительных ресурсов!

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

Создание эффекта неонового ретро-текста в Photoshop

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

Сначала создайте новый документ с шириной 1024 пикселей и высотой 768 пикселей.Залейте фоновый слой черным.

Выберите инструмент «Текст» и выберите шрифт в стиле ретро. Вы можете найти бесплатные шрифты по всему Интернету, но хороший источник бесплатных шрифтов всех стилей — dafont.com. Я выбрал шрифт Super Retro M54 от Мохаммеда Рахмана. В качестве цвета выберите белый.

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

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

Нам нужно создать собственный градиент, чтобы наша обводка выглядела правильно. Щелкните значок градиента. Убедитесь, что центр белый, а края переходят в голубой цвет (# 0064fb).Это даст вид округлого объемного штриха. Между белым и средним синим выберите переход между ними цвета морской волны (# 00ffea). Ни один из первых градиентов не будет работать, но последний, всплеск формы, повторяет контур самого текста.

Далее нам нужно добавить внутреннее свечение. Установите голубой цвет (# 24bfff) и установите режим наложения «экран». Установите технику «мягче», а источник — «край». Установите штуцер на 45 и размер на 15.Choke сдерживает свечение и делает его более жестким, уменьшая выцветание внутреннего свечения.

Затем создайте внешнее свечение, такое как мягкое свечение, которое обычно испускает неоновый свет. Установите свечение на средне-голубой (# 00a2ff) и установите режим наложения на «экран». Установите непрозрачность на 75%. Установите разброс от 3 до 5 пикселей и установите размер от 7 до 10 пикселей. Возможно, вам придется отрегулировать размеры каждого свечения в зависимости от размера вашего шрифта.

Далее мы собираемся создать светящуюся сетку, которая будет видна сквозь шрифт, придав ему каркасно-футуристический вид, который был типичен несколько десятилетий назад.Откройте новый документ и выберите инструмент прямоугольной формы. Удерживая Shift, нарисуйте идеальный квадрат. Поднимитесь на панели параметров и щелкните обводку, добавив обводку от 3 до 5 пикселей. Чтобы наш эффект сработал, нам нужно удалить фон. Дважды щелкните фоновый слой и либо отключите его видимость, либо удалите его полностью. На слое квадратной формы уменьшите величину заливки до 0%.

Затем, удерживая клавишу Command, щелкните слой квадратной формы, чтобы загрузить его как выделение. Photoshop CS6 автоматически добавит обводку как часть выделения, что нам и нужно.Перейдите в «Правка»> «Определить шаблон». Назовите свой узор описательным словом, например «сетка» или «линии сетки».

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

Чтобы сохранить возможность редактирования рисунка, щелкните слой рисунка правой кнопкой мыши и выберите «Преобразовать в смарт-объект». Теперь, когда слой является смарт-объектом, мы можем применить к нему новый набор стилей слоя. Выберите «Inner Glow», используйте голубой цвет (# 00e4ff) и измените режим наложения на «Hard Light». Оставьте размер 5 пикселей.

Затем примените внешнее свечение, используя светло-голубой цвет (# 009cff), и измените режим наложения на «Жесткий свет». Установите размер от 15 до 16 пикселей.

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

Затем выберите типовой слой и, удерживая Command / Ctrl, щелкните значок слоя, чтобы загрузить текст в качестве выделения. Подойдите к «Select»> «Modify»> «Contract» и установите сжатие на 5 пикселей. Это сделает выделение в форме вашего текста, но достаточно сузит его, чтобы не повлиять на область, где отображается внешняя обводка.

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

Чтобы добавить немного блеска к самому тексту, создайте новый слой поверх всех остальных. Выберите белый цвет в качестве цвета переднего плана и выберите инструмент «Кисть». Выберите кисть с мягкими краями примерно от 15 до 20 пикселей. В случайных углах вашего типа щелкните один раз поверх текста. Это должно создать мягкий блеск на вашем тексте. Обязательно меняйте размер кисти при каждом щелчке, потому что разные размеры будут выглядеть более аутентично.

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

Заключение

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

20+ неоновых текстовых эффектов для Photoshop — Creatisimo.net

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

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

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

Вам также может понравиться:

---

Предложение редакции

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

---

Стили слоя неонового текста и дополнительные возможности

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

Бесплатный текстовый эффект с неоновыми надписями

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

Бесплатный неоновый текстовый эффект

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

Текстовый эффект неоновых огней

Создайте свой собственный неоновый текст с помощью эффектов Photoshop. Легко использовать и редактировать.

Неоновый текст

Неоновый текст очень забавный и простой в настройке. Они на 100% слоистые, а также на 100% векторные (провода и т. Д.). Простое редактирование с вашим собственным текстом.

Бесплатный неоновый текстовый эффект

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

Бесплатный текстовый эффект неонового света

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

Бесплатный текстовый эффект неоновых вывесок

Создавайте незабываемый неоновый текст с этими удивительными эффектами Photoshop. Легко использовать и редактировать.

Бесплатный неоновый свет с 3D текстовым эффектом

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

Стили неонового слоя

Более 70 профессиональных стилей слоев для вашего дизайн-проекта. Легко использовать и редактировать в Photoshop.

Реалистичный неоновый текстовый эффект Photoshop

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

Эффект неонового текста

Создайте неоновый текстовый стиль одним щелчком мыши в Photoshop. Легко использовать и редактировать.

Эффект неонового текста

Классный и реалистичный неоновый текстовый эффект с помощью Photoshop и функции смарт-объектов.Действие в один клик.

Световой неоновый текстовый эффект

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

Стиль неонового текста

Полностью редактируемый и простой в использовании стиль неонового текста для ваших ярких дизайнов. Редактируется в Photoshop и слоях смарт-объектов.

Эффекты неонового света

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

Стиль реалистичного неонового 3D текста с эффектом

Не требуется навыков для преобразования вашего дизайна в 3D, все работает только с функцией смарт-объектов в Photoshop.

Текстовый эффект неонового освещения

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

.

No related posts.