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

Как сделать неоновую надпись в фотошопе?

Крутой эффект подойдет тем, кто хорошо владеет фотошопом! Удивить своих подписчиков или просто научиться делать светящуюся надпись довольно просто. Давайте посмотрим, как сделать неоновую надпись в фотошопе?

Подготовка фона

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

Вариант 1

Как подготовить фон для неоновой надписи:

  1. Открыть картинку с изображением кирпичной стены (или любой вашей).
  2. Справа в фотошопе есть панель со «Слоями». Именно там справа от маленького изображения нашей картинки нужно нажать на замочек и открепить слой, кликнув по нему два раза.
  3. В появившимся окне можно задать абсолютно любое название своему слою (а можно и не задавать) и нажать ОК.
  4. Далее открыть Изображения-Размер изображения. И выставляем параметры ширины и высоты на 1280*720.
  5. Затем открыть Фильтр-Коррекция дисторсии.
  6. Справа кликнуть на вкладку «Заказная» и поставить «Удалить искажение» на -1,00. Нажать ОК.
  7. В правой менюшке, где показаны все слои, в самом низу навести курсор на маленький кружок. Кликнуть по нему и выбрать пункт «Цветовой тон/Насыщенность».
  8. Выставить параметры Яркости на -60 (минус 60), а Насыщенности на -90.
  9. Скрепить слои между собой. На этой же вкладке, где до этого выставлялись параметры, внизу есть квадратик со стрелочкой вниз. Его и надо нажать.

Вариант 2

Как сделать неоновую надпись в фотошопе и фон:

  1. Открыть изображение.
  2. В пункте Слои нажать на маленький кружок и выбрать вкладку «Уровни».
  3. Белый цвет убавить до значения 65-75 (любой диапозон).

Делаем магию

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

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

  1. Написать текст и масштабировать надпись до нужного размера.
  2. В панели Слои два раза кликнуть по слою и вызвать меню с настройками Стиль слоя.
  3. Непрозрачность заливки поставить на 0%.
  4. В пункте «Обводка» поставить Размер на 4 пикселя, а Положение выбрать «Из центра», выбрать Цвет обводки по желанию.
  5. В пункте «Внешнее свечение» задать Режим наложения – «Нормальный». Выбрать любой цвет из палитры по желанию. Размер поставить на 12 пикселей.
  6. В пункте «Внутреннее свечение» задать Режим наложения – «Нормальный». Выбрать любой цвет из палитры по желанию. Размер поставить на 12 пикселей.
  7. В пункте «Тень» и «Внутренняя тень» поставить Размер на 7 пикселей, Смещение на 7 пикселей.
  8. Создать дубликат слоя с помощью Ctrl + J.
  9. На панели слоев выключить все настройки, кроме «Обводки».
  10. Настроить в «Обводке» следующие параметры: Размер на 2 пикселя, Цвет – белый.
  11. Неоновая надпись готова! А вы великолепны!

Подсветка

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

Как сделать подсветку неоновой надписи:

  1. На панели Слои, где находятся слои ваших надписей, в самом углу есть небольшая стрелочка, которая позволяет свернуть все настройки. Необходимо проделать эту процедуру с 2 слоями текста.
  2. Зажать Ctrl и создать новый слой. Он должен находиться под слоями надписей.
  3. Зажать Ctrl и нажать на пентаграмму текстового слоя (буква Т). Должен выделиться весь слой текста.
  4. В верхнем меню выбрать вкладку Выделение – Уточнить край.
  5. В появившемся окошке во вкладке «Вид» выбрать режим «Наложение».
  6. Растушевку поставить на 50, а Сместить край на 70.
  7. Нажать Ctrl + Delete и залить надпись белым цветом.
  8. В панели Слои выбрать Режим наложения – Перекрытие.
  9. Далее кликнуть два раза на этот же слой, в «Наложение цвета» выбрать любой оттенок для надписи, а Режим наложения поставить «Цветность».

Лайфхак для телефонов

Разработчики пока не создали подобное приложение для телефонов. Но есть две программы, где можно сделать неоновую надпись онлайн. Называются приложения Рисуйте картинки и создавайте заметки и Kids Doodle. Единственный минус: в обоих редакторах нужно рисовать от руки.

Будьте самыми стильными! Используйте супер эффекты:

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

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

Пускай ваши фото собирают огромное количество лайков!

Спасибо за ваше потраченное время⚜

Источник: http://kikimoraki.ru/kak-sdelat-neonovuyu-nadpis-v-fotoshope/

Уроки по фотошоп — Неоновая надпись

07.10.2013

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

Запускаем программу. Создаем новый документ File / New… Заливаем его черным цветом, выбрав инструмент Paint Bucket или делаем плавный переход от черного к серому при помощи инструмента Gradient.

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

    Теперь поработаем с о стилями слоя. Кликаем дважды по слою с текстом в панели Layers. В окне стилей слоя выполняем настройки, как на фото. Цвет надписи.

Цвета можно выбрать любые. Для наглядности я приведу пример конкретного цвета — я взяла за основу красный. Кликаем на прямоугольник выбора цвета, и в палитре цветов прописываем цвет #fbcdcd

   Контур. Цвет контура #fd0202

   Свечение. Цвет #f90c49

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

Удерживая клавишу Ctrl, кликаем по слою с надписью – она выделится движущимся пунктиром.

Далее создаем новый слой Layer / New / Layer… . Данный слой должен быть активен (выделен синим в панели Layers)
Берем инструмент Brush (белую, круглую, мягкую кисть).

Проводим в нескольких местах по надписи — ставим кистью несколько бликов на новом слое.

Снова вызываем окно стилей слоя, настраиваем.

Теперь отключаем глазок фонового слоя и выполняем команды Ctrl+Shift+E – склеиваем слои. Снова включаем глазок. Готово.

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

Примечание: если Вы в дальнейшем планируете ее изменять, то слои лучше не склеивать, а всю неоновую надпись сохранить в формате PSD.
И теперь короткий ролик к уроку по фотошоп — Неоновая надпись.

  Copyright © Внимание! Сайт idei-photoshop.com защищен законом об авторском праве. Копирование материала может быть использовано только с разрешения администратора сайта и указанием активной ссылки на сайт.Все права защищены.  

Источник: http://idei-photoshop.com/uroki-po-fotoshop-neonovaya-nadpis/

Неоновый эффект в Adobe Photoshop

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

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

Результат

Шаг 1

Начнем с создания простого слоя, которому укажем стиль слоя с радиальным градиентом. Света не должны быть слишком яркими. В нашем случае это #303e4a и #151515. От этого зависит реалистичность эффекта.

Шаг 2

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

Шаг 3

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

Начнем с Color Overlay/Перекрытие цвета. Используйте белый цвет. Если вы замечали, сам центр неоновых труб всегда белый. Это самая яркая часть, ее мы и пытаемся передать.

Шаг 4

Добавим стиль Bevel & Emboss/Тиснение. Этот стиль поможет нам создать эффект стекла. Это не самая важная часть, потому что в неоновых трубах стекла практически не видно, однако это поможет нам добиться эффекта объема. Укажите параметры как показано ниже.

Шаг 5

Добавляем стиль Inner Shadow/Внутренняя тень. Здесь мы выбираем тот цвет, который хотим придать нашему неоновому эффекту. В нашем случае это яркий бирюзовый.

Шаг 6

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

Шаг 7

Стиль Outer Glow/Внешнее свечение создаст эффект свечения. Он отвечает за то как свет от неоновых труб будет накладываться на фон и другие объекты под логотипом. Мы используем максимально возможный размер и режим наложения Overlay/Перекрытие, а также тот же бирюзовый оттенок.

Шаг 8

Стиль Drop Shadows/Тень создаст переход свечения. Для этого используем режимы наложения Vivid Light/Яркий свет или Color Dodge/Осветление основы.

В нашем примере мы применили сразу два стиля слоя Drop Shadows/Тень. Первый будет работать как внешнее свечение, а второй даст отражение света на фон.

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

Шаг 9

Вот что в итоге получится:

Шаг 10

Теперь давайте добавим бетонную текстуру на фон. Это немного его затемнит.

Шаг 11

Также можно добавить несколько небольших элементов вроде проводов или креплений. Не перестарайтесь. Пусть все будет максимально просто.

Шаг 12

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

Читайте также:  Книга жизни - уроки фотошоп

Результат

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

Применит к слою фильтр Filter>Blur>Gaussian Blur/Фильтр>Размытие>Размытие по Гауссу. Используйте радиус около 20. Дублируйте этот слой.

Укажите нижнему слою режим наложения Overlay/Перекрытие, а верхнему Screen/Осветление на 50% opacity/непрозрачности. Это создаст очень классный эффект свечения!

Автор урока ABDUZEEDO

Перевод — Дежурка

Смотрите также:

Источник: http://www.dejurka.ru/tutorial/easy-neon-effect/

Неоновое свечение в фотошопе

584

23.02.2016 | Кузьмичев Алексей | 19934 | видео + текст

В этом уроке Алексей Кузьмичев расскажет как создать в фотошоп неоновую линию. Фотошоп урок больше ориентирован на начинающих пользователей.

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

Конечный результат представлен на скриншоте ниже.

Давайте приступим. Открываем фотографию и поверх создаем пустой слой.

Далее выбираем инструмент «Перо» (Pen Tool).

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

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

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

Теперь нам необходимо настроить кисть таким образом, чтобы выполнить обводку данного контура. Выбираем инструмент кисть и в настройках выставляем «Размер» на 25 пикселей (будет зависеть от вашей фотографии) и «Жесткость» на 0. «Прозрачность» и «Нажим» оставляем на 100%.

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

Если у вас отсутствует палитра «Настройки кисти», то их можно включить через верхнее меню «Окно -> Кисть» (Window -> Brush). Горячая клавиша F5.

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

В настройках выставляем «Кисть» и ставим галочку «Имитировать нажим».

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

Следующим шагом будем добавлять свечение. Щелкаем два раза левой клавишей мыши справа от названия нового слоя, чтобы зайти в «Стили слоя». Здесь ставим галочку и переходим в настройку «Внешнее свечение» (Outer Glow).

В настройках цвет для свечения указываем фиолетовый. Его можно взять с рукавов модели на фото. «Размах» поставим на 2% и «Размер» увеличиваем примерно до 50 пикселей, чтобы свечение было ярким. Можно еще уменьшить прозрачность до 80%.

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

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

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

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

Видеоурок:

Источник: http://photoshop-professional.ru

Узнайте как скачать видеоурок с сайта

Что еще посмотреть:

Неоновое свечение в фотошопе

23.02.2016 |  19934 | видео + текст

В этом уроке Алексей Кузьмичев расскажет как создать в фотошоп неоновую линию.

Эффект платиновой фотографии в фотошопе

20.06.2011 |  5086

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

Источник: https://psdmaster.ru/materials/show/neonovoe-svechenie-v-fotoshope

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

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

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

Исходники:

  1. Шрифт “TR2N Font”
  2. Шрифт ” 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, чтобы применить изменения.

Читайте также:  Добавь фотографии стильный эффект в photoshop - уроки фотошоп

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

Шаг 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 файлом данного урока.

Источник: photoshop-master.ru

Источник: http://bb3x.ru/blog/sozdayom-v-fotoshop-neonovyiy-3d-tekst/

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

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

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

Шаг 1

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

Шаг 2

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

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

Читайте также:  Делаем в фотошоп фантастический портрет в стиле sci-fi - уроки фотошоп

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

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

Шаг 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 шаблон, вы сможете найти их в специальном разделе нашего сайта. Вот несколько примеров шаблонов без верстки:

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

* * *

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

Источник: https://www.TemplateMonster.com/ru/blog/2012/10/05/photoshop-tutorial-neon-text/

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

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

Ну а теперь, перейдет от исторической части к практической. Неоновый эффект можно отнести к разряду так называемого 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. Вы можете достичь совершенно разных результатов, всего лишь изменяя этот параметр, это очень мощное средство и большинство об этом не знают.

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

Источник: http://labdes.ru/shining-neon-text-effect-in-photoshop

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

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

Шрифт «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):
                                                                 <\p>

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

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

Источник: http://gfto.ru/publ/uroki_photoshop/sozdanie_nadpisej_i_shriftov/neonovyj_tekst_v_fotoshope/3-1-0-2

Ссылка на основную публикацию