Ещё больше уроков в нашей группе Вконтакте!





сортировать посты по: Рейтингу | Посещаемости | Комментируемые

Введите свои исправления:


Имя:
Комментарий:

Подсказка

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

*Ваши изменения будут отправлены администрации на модерирование.
*Поля "Имя" и "Комментарий" не обязательны.

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


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



Неоновая вывеска для ночного клуба


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



Шрифт «You’re Gone»

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


Шаг 1


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

Неоновая вывеска для ночного клуба


Шаг 2


Выберите инструмент Заливка (Paint Bucket Tool) и залейте фоновый слой цветом #15243b. Добавьте шрифт «You’re Gone» в общую библиотеку, выберите инструмент Горизонтальный текст (Horizontal Type Tool), настройте всё, как показано на скриншоте, на верхней панели и на панели Символ (Окно > Символ) (Window > Character). Напишите «PARTY!».

Неоновая вывеска для ночного клуба

Неоновая вывеска для ночного клуба

Неоновая вывеска для ночного клуба


Шаг 3


Выберите текстовый слой и перейдите в меню Текст > Преобразовать в кривые (Type > Convert to Shape). Выберите инструмент Перо (Pen Tool) и убедитесь, что слой с надписью тоже выбран. Сейчас мы изменим параметры на верхней панели инструмента, чтобы оставить только обводку. На верхней панели выключите заливку и установите цвет обводки - #488dc6, остальные настройки показаны на скриншоте.

Неоновая вывеска для ночного клуба


Результат:

Неоновая вывеска для ночного клуба


Шаг 4


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

Неоновая вывеска для ночного клуба


Шаг 5


Создайте копию чёрной обводки и назовите её «support». Измените обводку, как показано на скриншоте, чтобы создать точки.

Неоновая вывеска для ночного клуба


Шаг 6


Сейчас мы нарисуем кабель, который будет питать нашу вывеску. Используйте для этого инструмент Перо (Pen Tool), цвет обводки - #081a2b.

Неоновая вывеска для ночного клуба

Неоновая вывеска для ночного клуба


Панель слоёв должна выглядеть так:

Неоновая вывеска для ночного клуба


Шаг 7


Сейчас мы преобразуем нашу надпись в 3D объект. Выбирайте по одному слою и переходите в меню 3D > Новая 3D-экструзия из выделенного слоя (3D > New 3D Extrusion from Selected Layer). Это можно сделать и через контекстное меню слоя.

Неоновая вывеска для ночного клуба


Шаг 8


Фоновый слой нужно преобразовать через меню 3D > Новая сетка из слоя > Почтовая открытка (3D > New Mesh from Layer > Postcard).

Неоновая вывеска для ночного клуба


Результат:

Неоновая вывеска для ночного клуба


Шаг 9


Выберите все слои и перейдите в меню 3D > Слияние 3D-слоёв (3D > Merge 3D Layers).

Неоновая вывеска для ночного клуба

Неоновая вывеска для ночного клуба


Шаг 10


Сейчас мы изменим глубину экструзии. Выберите слой с кабелем на панели 3D, и у Вас автоматически появится панель Свойства (Properties). Установите Глубину экструзии (Extrusion Depth) на 0 и выберите форму Раздувание в виде подушки (Pillow Inflate).

Неоновая вывеска для ночного клуба

Неоновая вывеска для ночного клуба


Шаг 11


Выберите слой Party! Blue, уменьшите глубину экструзии до 0 и выберите ту же форму Раздувание в виде подушки (Pillow Inflate).

Неоновая вывеска для ночного клуба


Перейдите во вкладку Капитель (Cap) и измените Угол (Angle) и Интенсивность (Strength), как показано на скриншоте.

Неоновая вывеска для ночного клуба


Результат:

Неоновая вывеска для ночного клуба


Повторите процесс для слоя «Party! Black».

Неоновая вывеска для ночного клуба


Шаг 12


Измените глубину экструзии.

Неоновая вывеска для ночного клуба

Неоновая вывеска для ночного клуба


Шаг 13


Выберите Сцену (Scene) и на панели свойств выберите набор Скрытый каркас (Hidden Wireframe). Кликните правой кнопкой мыши на осях в нижнем левом углу и выберите пункт Слева (Left). Передвиньте каждый элемент сцены по оси Z пока не получите нужно положение.

Неоновая вывеска для ночного клуба

Неоновая вывеска для ночного клуба


Шаг 14


Выберите инструмент Перемещение (Move Tool) в режиме вращения объекта и расположите, как показано на скриншоте.

Неоновая вывеска для ночного клуба


Сохраните текущий вид под именем «final». Теперь, что бы Вы не делали, Вы всегда сможете вернуть этот ракурс.

Неоновая вывеска для ночного клуба


Шаг 15


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

Неоновая вывеска для ночного клуба

Неоновая вывеска для ночного клуба


Шаг 16


Выберите все материалы слоя «Party! Black» и настройте их так:

Неоновая вывеска для ночного клуба


Шаг 17


Теперь материалы слоя «support».

Неоновая вывеска для ночного клуба


Шаг 18


Настройки для материалов слоя «rope»:

Неоновая вывеска для ночного клуба


Шаг 19


Выберите Окружающую среду (Environment) и настройте её так:

Неоновая вывеска для ночного клуба


Результат:

Неоновая вывеска для ночного клуба


Шаг 20


Теперь займёмся освещением. Создайте новый источник света – Новый бесконечный свет (New Infinite Light).

Неоновая вывеска для ночного клуба

Неоновая вывеска для ночного клуба


Шаг 21


Сейчас займёмся фоном. Выберите слой «Background» и настройте его материалы.

Неоновая вывеска для ночного клуба


Шаг 22


Продолжаем работать с фоновым слоем. Выберите пункт Редактировать текстуру (Edit Texture) в контекстном меню параметра Рассеивание (Diffuse). В открывшемся окне будет написано, что каждое изменение текстуры повлияет на материалы. Нажмите ОК.

Неоновая вывеска для ночного клуба

Неоновая вывеска для ночного клуба


Шаг 23


Вставьте кирпичную стену и растяните её на весь холст.

Неоновая вывеска для ночного клуба

Неоновая вывеска для ночного клуба


Создайте копию слоя стены (Ctrl + J) и скройте её.

Неоновая вывеска для ночного клуба


Шаг 24


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

Цветовой тон/Насыщенность (Hue/Saturation):

Неоновая вывеска для ночного клуба


Уровни (Levels):

Неоновая вывеска для ночного клуба


Перейдите в основной документ и увидите, как изменился фон.

Неоновая вывеска для ночного клуба


Шаг 25


Включите копию слоя стены и примените к ней коррекцию Цветовой тон/Насыщенность (Hue/Saturation).

Неоновая вывеска для ночного клуба


Добавьте маску (Layer Mask) и оставьте светлой только середину стены. Уменьшите непрозрачность верхнего слоя до 82%, а заливку – до 70%.

Неоновая вывеска для ночного клуба

Неоновая вывеска для ночного клуба


Шаг 26


Выберите нижний слой и примените коррекцию Уровни (Levels):

Неоновая вывеска для ночного клуба


Результат:

Неоновая вывеска для ночного клуба


Шаг 27


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

Неоновая вывеска для ночного клуба


Поставьте сцену на рендеринг через меню 3D > Рендеринг (3D > Render).

Неоновая вывеска для ночного клуба


Шаг 28


Свечение от вывески показалось мне не достаточно ярким. Я решил добавить новый слой «Glow», на котором нарисовал свечение кистью. Работать нужно мягкой кистью цветом #00ccff. Режим наложения слоя «Glow» - Осветление (Blending Mode – Screen), непрозрачность – 85%.

Неоновая вывеска для ночного клуба


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



Неоновая вывеска для ночного клуба



Ссылка на источник урока

написал : Роман

Не могу разобраться с шагом № 13. Как плотно друг к другу нужно сводить слои? А в 14 шаге при выставлении аналогичных параметров ракурс у меня совсем не такой, как на картинке.

---------------


написал : positive11

Роман, в 14-ом шаге можете вручную покрутить камеру при помощи инструмента Перемещение (Move Tool). К сожалению с 13 пунктом помочь не смогу, так как у меня установлен Photoshop CC, а там был переработан 3D-инструмент. В принципе на скриншоте всё показано, но если у Вас получаются несоответствия, постарайтесь на своё усмотрение расположить элементы. там всего то чёрный текст, синий текст и support-элемент.

---------------


написал : аня

а как сделатьь копию слоя и коию черной обводки?

---------------


написал : positive11

аня, дублирование слоя - сочетание клавиш Ctrl + J или через контекстное меню.

---------------


написал : аня

а черной обводки?

---------------


написал : positive11

аня, Вам нужно создать копию слоя «Party! Black» (слой с чёрной обводкой). Затем имя копии нужно изменить на support и в настройках инструмента изменить тип обводки.

---------------


написал : Felix

Привет.
Вот решил сделать такую штуку .. и я что-то не понимаю как сделать 3 пункт может кто-то поможет

---------------


написал : Илья

Здравствуйте!
Спасибо за урок! Очень красивый результат у Вас получился!
А я застопорился на 14м шаге. т.е. его то выполнил, но, начиная с 15го у Вас отображается картинка уже по-другому (в цвете), а у меня всё также схематично. Скажите, пожалуйста, что необходимо сделать для этого перехода? Видимо какой-то незначительный момент решили опустить, но я вот, к своему стыду не смог тут разобраться. Очень надеюсь на Вашу помощь! Хочется доделать красоту =)
Делаю в Фотошоп СС, если это имеет значение.

---------------


написал : positive11

Илья, возможно цвет появляется после настроек, показанных на втором скриншоте шага 15 ?

---------------


написал : Артем

Крутой урок! тоько у меня после шага 15 нет цвета у картинки, а просто схематичный вид((может кто помочь?

---------------


написал : Александра

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

---------------


написал : Михаил

доброго времени суток, есть ли у кого-нибудь готовая данная работа в psd формате???

---------------


написал : Виталий

Михаил, захотел халявы lol belay учись своими ручками, в сказку попал чтоли angry

---------------


написал : Олег

Ни как не получается залить промежутки чёрным, вроде делаю как написано http://uploads.ru/P5JOw.png

---------------


написал : positive11

Олег, какой шаг?

---------------


написал : Олег

Здравствуйте на 4 шаге встал

---------------


написал : Олег

5 шаг получается ( точки расставляются) но пробелы чёрным не заполнены

---------------


написал : positive11

создайте копию слоя (Ctrl + J)
опустите её под оригинал
откройте Другие параметры и выключите Пунктирная линия.
Цвет обводки измените на чёрный.

у меня получилось: скриншот

---------------


написал : Олег

Всё получилось, перехожу к 6 шагу, спасибо.

---------------


написал : Олег

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

---------------


написал : positive11

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

---------------


написал : Олег

Посмотрите может Вы разберётесь. Здесь ход работы и psd. файл.
https://yadi.sk/d/kAEkvYhdmDBB7

---------------


написал : positive11

мы посмотрим Ваш проект. Добавьтесь в нашу группу VK или напишите там ЛС администратору группы. Так будет удобнее держать связь и оказать Вам помощь.

---------------


написал : Олег

Я добавился.

---------------


написал : positive11

Когда дойдёте до 13 шага, то в режиме Скрытый каркас можно будет легко изменить расположение кабеля. просто сдвиньте его куда нужно.
Также обращайте внимание на порядок слоёв на панели Слои (Layers) и 3D.

пометил Вам основные элементы, которые помогут Вам выполнить задачу: скриншот

---------------


Добавление комментария

Ваше Имя

Ваш E-mail

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

Введите код: