Как в фотошопе сделать буквы объемными: Как сделать объемные буквы в Фотошопе

Содержание

Как сделать объемные буквы в Фотошопе

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

Создаем объемные буквы в Фотошопе

Перед началом создания объемных букв напишем исходный текст, который в дальнейшем будет преобразован в надпись в формате 3D. Для этого воспользуемся инструментом “Горизонтальный текст”.
Получаем слой с надписью. Теперь можно приступать к выполнению следующих шагов.
Далее производим над текстовым слоем операции, непосредственно предшествующие процессу создания объемных букв. Открываем окно, содержащее настройки стиля текстового слоя, кликнув по нему два раза левой кнопкой мыши. Выбираем в левой части пункт “Наложение цвета” и подбираем подходящий оттенок, например, ярко-желтый. Буквы будут окрашены в выбранный цвет.
Теперь начинаем придавать буквам начальный объем при помощи инструмента “Тиснение”, которое также находится в настройках стиля слоя. Настраиваем параметры выпуклости обрабатываемой надписи, исходя из ее особенностей и личных предпочтений. Основной момент – не переусердствовать с максимальными значениями параметров – в противном случае надпись получится искаженной или неестественной.
В предыдущем шаге была получена заготовка, которая станет основанием для формирования объемного текста. Для начала выбираем текущий текстовый слой, используя инструмент “Перемещение”.
Теперь необходимо создать несколько копий текущего слоя, смещая каждый из них вниз и влево, чтобы получить имитацию объемного изображения. Для этого используем сочетание клавиш Ctrl+J (создание копии слоя) и стрелки “вниз” и “влево” (на клавиатуре) для смещения каждого последующего слоя и создания эффекта 3D.
Повторяем шаг 6, пока количество слоев не создаст эффект объемных букв. В рассматриваемом примере для этого понадобилось 7 слоев.
Чтобы надпись получилась более естественной, изменим цветовой оттенок верхнего слоя на более светлый, в сравнении с базовым. Кликаем два раза на верхний слой, и меняем цвет наложения.
И, наконец, можно внести изменения в фон надписи, чтобы сделать эффект объемных букв более выразительным.

Заключение

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

Как быстро сделать объемный 3D текст в фотошопе

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

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

Стоит сразу отметить, что 3D эффекта можно достичь по разному. Например, применяя эффект слоя тиснение, рисование вручную и т.д.

В этом уроке речь пойдет о применении функции 3D, которая доступна во всех последних версиях фотошопа.

Создание надписи 3D

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

Далее создаем текстовый слой. Кстати, сам эффект 3D будет работать не только с текстовым слоем. Выдавливать объем можно из любого другого слоя.

Выделяем текст и нажимаем соответствующую кнопку, как показано на скриншоте ниже:

Также можно нажать правой кнопкой мыши на слой с текстом и выбрать «New 3D Extrusion from Selected Layer»

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

Настройка 3D текста

Чтобы попасть внутрь настроек, необходимо выделить слой текста и открыть панель «3D». Здесь вы можете отрегулировать все необходимые параметры надписи.

Среди них есть Environment, Scene, Curretn Veiw, Infinite Light, TEXT — настройка материалов текста. На русский это можно перевести как: среда, сцена, текущий вид, бесконечный свет и ваш текст.

Кликнув по одному из пунктов открываются настройки в панели «Properties» или «свойства». Здесь настраиваются все параметры данного пункта.

Во вкладке свет (Infinite Light) настраивается расположение источника света, от него зависит степень освещенности букв и расположение тени.

Во вкладке вид (Curretn Veiw) выставляется основные виды, также можно сохранить выбранный вид, чтобы затем к нему вернуться.

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

Здесь также можно менять общий цвет вашей надписи, выбрав все материалы в раскрывающемся списке.

Если вы сделали ошибку в тексте или хотите изменить слово, то это можно сделать в той же панели нажав кнопку «Edit source».

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

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

Среди настроек «Environment» есть функция автоматического отражения текста. Если ваш текст стоит на поверхности, то этот эффект будет хорошо дополнять.

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

В самом конце для наиболее качественного отображения 3D текста необходимо нажать кнопку «Render» и немного подождать.

В итоге может получаться вот так:

3D текст с отражением фона

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

Для этого нужно во вкладке Environment удалить текущую текстуру и поставить новую.

Новая текстура по умолчанию создается белой. Перейдите на вкладку слои и скопируйте слой фона нажав CTRL+A и CTRL+C.

Откройте текстуру выбрав «Edit Texture». Нажмите CTRL+V и фон текстуру. Закройте изображение текстуры с сохранением изменений.

Отражение окружения должно появится на ваших буквах.

Чтобы его лучше было видно, желательно сделать цвет букв черным.

Буквы можно разделить и развернуть в под разными углами. Для этого в меню выберите 3D/Split Extrusion. Теперь положение букв регулируется отдельно.

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

Видео урок создание текста 3D

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

(Visited 4 182 times, 1 visits today)

Как сделать объемные буквы в Фотошопе

Объемный текст в фотошопе

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

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

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

Для начала пишем текст на белой рабочей области. Еще одна оговорка: воспользуйтесь шрифтом с жирным начертанием для первого раза. С его помощью у вас точно все получится. В то время как шрифты с изящным начертанием подходят далеко не все. Я использовала шрифт dino pro. Цвет текста пока не важен. Мы перекроем его градиентом.

В окне слоев кликаем делаем клик по слою с надписью правой клавишей мыши. В выпадающем окне выбираем «параметры наложения».

Давайте настроим «градиент». Переход от цвета #886174 к #af7c94.

Такой градиент у нас получился.

Теперь переходим в окно слоев. Кликаем правой клавишей мыши по слою с текстом и в выпадающем списке выбираем «создать дубликат слоя».

Наша задача состоит в том, чтобы переместить его вниз и влево на 1 пиксель. Сделали. И в окне слоев выбираем тот слой, что находится сзади. Открываем «параметры наложения».

Убираем галочку с градиента. И ставим на «наложение цвета». Нам нужен цвет #eddacf. Этот слой будет являться бликом на 3D тексте. Так наши буквы будут казаться более объемными.

Делаем еще один дубликат слоя. Перетаскиваем его в окне слоев так, чтобы он стал первым после фона. Накладываем цвет #342328. И смещаем на пиксель вверх и вправо.

Что-то уже начинает вырисовываться.

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

Вот, что мы имеем на данный момент. Думаю, можно было бы добавить и тень.

Делаем еще один дубликат слоя. Опять же, он должен стоять первым по порядку в окне слоев. Смещать не нужно. Выбираем его в коне слоев. Кликаем правой клавишей мыши. Выбираем «преобразовать в смарт объект». Нажимаем комбинацию клавиш ctrl+t. Делаем клик правой клавишей мыши по слою уже в рабочем окне. Выбираем команду «перспектива». Тянем за уголок текста. Вот, что должно у нас получиться:

Теперь при помощи «параметров наложения» меняем цвет этого слоя на белый. Слой стал для нас невидимым. И снова преобразовываем его в смарт объект.

Нажимаем клавишу ctrl+shift+n, чтобы создать новый слой. Выделяем рабочую область соразмерную со шрифтом. На панели инструментов ищем «градиент».

Его настройки найдем здесь:

Кликаем и задаем их:

Нижний левый ползунок: цвет #e4e4e4. Нижний правый – белый.

Верхний левый ползунок: непрозрачность 100% . Нижний правый – 0%.

Протягиваем мышкой по выделенной области снизу вверх. И снимаем выделение.

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

Сводим слои. Сохраняем. Все!

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

Простой 3D текст в Фотошоп

Из этого урока вы узнаете, как без особого труда

создать 3D текст.

Шаг 1. Для начала откройте Фотошоп и создайте новый документ (Ctrl + N), установив размеры 10х10 дюймов и разрешение 300 пикс/дюйм.

Шаг 2. Разблокируйте фоновый слой, дважды кликнув по нему. Измените цвет на #333333, перейдите в меню Edit > Fill (Редактирование – Выполнить заливку) и в открывшемся окне в параметре «Использовать» выберите «Основной цвет».

Шаг 3. На панели инструментов перейдите к инструменту Horizontal Type Tool (T) (Горизонтальный текст) и установите следующие параметры: шрифт Myriad Pro Black, цвет #FFCC00. Теперь напишите слова SIX размером 286пт и Revisions размером 83пт. Настройки для текста вы можете выбрать на свое усмотрение, обязательно выбирайте жирный шрифт, в противном случае желаемый эффект не получится.

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

Шаг 5. Теперь нужно немножко наклонить текст, чтобы в дальнейшем придать ему 3D эффект. Нажмите Ctrl + T, зажмите Ctrl и, выбрав правый верхний маркер, перетащите его влево, тоже самое проделайте и с верхним средним маркером. Вот, что у вас должно получиться:

Шаг 6. Теперь к текстовому слою нужно применить некоторые эффекты. Для этого нажмите на значок Add a Layer Style (Добавить стиль слоя) внизу панели слоев и из списка выберите следующие стили:

Bevel and Emboss (Тиснение): цвет для подсветки #FFCC66, цвет для тени #DFA125. Остальные настройки смотрите ниже.

Satin (Глянец): цвет для эффекта #F3881F.

Gradient Overlay (Наложение градиента): в редакторе градиентов установите цвета слева #F7F3A7, справа #F3881F, остальные настройки смотрите ниже.

Шаг 7. На данном этапе мы приступим к созданию 3D эффекта. Для начала продублируйте (Ctrl + J) слой с текстом, у дублированного слоя удалите все примененные стили. Теперь измените цвет текста, для этого перейдите во вкладку Image > Adjustment > Curves (Изображение – Коррекция – Кривые) или нажмите (Ctrl + M) и изогните кривую, как показано ниже.

Цвет текста стал темнее. При помощи коррекции Hue/Saturation (Цветовой тон/Насыщенность) (Ctrl + U) немного снизьте насыщенность цвета.

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

Шаг 9. Объедините (Ctrl + E) все слои с темными буквами и примените к полученному слою стиль Gradient Overlay (Наложение градиента), предварительно установив для градиента черный и белый цвета.

Шаг 10. Нам осталось добавить тень от букв. Продублируйте слой с темными буквами и к копии примените фильтр Filter > Blur > Gaussian Blur (Фильтр – Размытие – Размытие по Гауссу) со значением радиуса 8 пикселей. После этого откройте окно кривых Ctrl + M и подкорректируйте кривую, чтобы затемнить тень. Настройки для кривых и для размытия смотрите на изображении ниже.

Шаг 11. При сильном увеличении букв можно увидеть, что боковые грани не совсем ровные. Чтобы это исправить, необходимо выделить неровную область инструментом Polygonal Lasso Tool (L) (Прямолинейное лассо), а затем нажать Delete (Удалить). Таким образом, вы удалите все неровные области боковых граней.

Шаг 12. В этом шаге мы добавим еще тени. В нашем случае источник освещения расположен вверху слева, соответственно тени расположенные внизу справа должны быть темнее. Выберите инструмент Born Tool (O) (Затемнитель) и затемните те участки, где это необходимо. Но для начала инструментом Polygonal Lasso Tool (L) (Прямолинейное лассо) создайте выделения в областях граней букв для получения резкого перехода между ними. Повторите те же действия для каждой буквы.

В панели параметров инструмента Born Tool (O) (Затемнитель) измените следующие настройки: диапазон – Highlights (Подсветка), Exposure (Экспонир) 50%, размер кисти 125 пикселей, жесткость 0%.

Так же добавьте тени в тех местах, где они падают с буквы на букву.

Шаг 13. При помощи инструмента Dodge Tool (O) (Осветлитель) добавьте блики. Используйте те же настройки, что и для затемнителя.

Блестящий объёмный 3D текст в Photoshop CC

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

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

ШАГ ПЕРВЫЙ: Для работы нам потребуется какой-либо округлый толстый шрифт, я воспользовался шрифтом Bell Bottom, скачать который Вы можете здесь. Как установить шрифт в Photoshop, рассказано здесь.

Создайте новый документ размером 1200 на 640 пикселей. Залейте фон не очень тёмным цветом, я воспользовался сине-голубым радиальным градиентом, возьмите инструмент “Текст” (Type Tool) и введите какое-нибудь слово, я написал слово “PLAY” высотой 300 пикселей. Кроме того, для получения лучшего эффекта, я рекомендую увеличить межбуквенное расстояние:

ШАГ ВТОРОЙ: Давайте теперь преобразуем текст в 3D-объект. В панели слоёв на данный момент должен быть активным слой с текстом! Идём по вкладке главного меню 3D –> Новая 3D экструзия из выделенного слоя (3D –> New 3D Extrusion from Selected Layer). Откроется окно с предложением включить 3D-рабочую среду, нажмите ОК. Если такое окошко не открылось, переключитесь на 3D-среду самостоятельно, подробнее об управлении рабочими средами Photoshop здесь.

Это действие сразу выдавит текст и под буквами появится поверхность плоскости основания:

ШАГ ТРЕТИЙ: Наш текстовый слой назывался “PLAY”. Созданный из него 3D-слой называется так же. Найдите его в панели 3D и кликните по нему. Затем, если не открылась сама, откройте панель свойств (Окно –> Свойства или Window –> Properties) и задайте глубину экструзии (Extrusion Depth) в 0:

Буквы стали плоским, что нам и нужно.

ШАГ ЧЕТВЕРТЫЙ: В верхней части панели свойств нажмите на третий значок слева, в этом разделе мы можем изменить угол и интенсивность раздувания фигуры фигуры.

Сначала, кликните по выпадающему меню “Стороны” (Sides) вверху панели и установите на “Спереди и сзади” (Front and Back). Затем перейдите к разделу “Раздувание” (Inflate) и установите “Угол” (Angle) на 90 ° и “Интенсивность” (Strength) на 20%. Буквы сразу становятся раздутыми. Это хорошо видно на дополнительном виде сверху:

ШАГ ПЯТЫЙ: На данный момент все буквы в слове являются единым объектом. Я же хочу использовать каждую букву, как отдельный элемент. Но, перед тем, как разделить объект из букв, давайте настроим свойства поверхности объекта. На панели 3D нажмите на “Материал передней выпуклости” (Front Inflation Material). В панели свойств, в окне выбора материалов найдите материал с названием “Без текстуры” (No Texture):

Продолжим работу с панелью свойств. Нажмите на прямоугольник-образец цвета рядом с Рассеиванием” (Diffuse) и выберите белый в палитре цветов, затем нажмите OK. Установите “Блеск” (Shine) на 100%, “Отражение” (Reflection) на 75%, “Плавность” (Roughness) около 25% и “Рельеф” (Bump) 10%:

ШАГ ШЕСТОЙ: Пройдите по вкладке главного меню 3D –> Разделить экструзию (3D –> Split Extrusion). Это позволит Вам манипулировать с каждой буквой в отдельности, сохраняя при этом все буквы в том же 3D-слое. Переключитесь на инструмент “Перемещение (Move Tool) и наведите курсор на первую букву. Теперь вы можете использовать 3D-инструменты и виджеты, чтобы изменить позицию и масштаб этой буквы, не затрагивая остальные буквы:

ШАГ СЕДЬМОЙ: Давайте раскрасим каждую букву в свой цвет, начнём с выбранной на данный момент самой левой буквы. В панели 3D нажмите на На панели 3D нажмите на “Материал передней выпуклости” (Front Inflation Material). В панели свойств нажмите на квадратик рядом с ” Рассеиванием” (Diffuse) и выберите, к примеру, зелёный цвет в палитре цветов. Нажмите OK. Сделайте то же самое для остальных букв, задавая каждой из них свой цвет. Вы заметите, что отражающие свойства поверхностей букв остаются без изменений, даже при изменении цвета:

Обращаю Ваше внимание, что в панели 3D надо переключать на “Материал передней выпуклости” для каждой отдельной буквы:

ШАГ ВОСЬМОЙ (для Photoshop CS6): Если Вы используете Photoshop CC, то Вы видите несколько отражающих бликов на 3D-объектах. Эти блики создаются по умолчанию основе освещения IBL (Image Based Light – источник света на базе изображения). В Photoshop CS6 изображение, на основе которого эти источнике света, по умолчанию сплошное чёрное, т.е. никаких источников нет, соответственно, и бликов не будет. На рисунке ниже я показал, как выглядит это изображение в Photoshop CC, также, я показал, каким образом можно открыть и посмотреть изображение IBL:

Это изображение похоже на потолочные светильники, оно и создаёт эффект бликов на буквах. Поэтому, в Photoshop CS6 его надо создать самостоятельно. Действия по созданию новой текстуры похоже на действия на рисунке выше, только вместо “Редактировать текстуру” (Edit Texture) нажмите строку “Новая текстура” (New Texture). Photoshop автоматически откроет окно создания нового документа, введите размеры 538 на 302 пикселя и нарисуйте серо-белый холст, похожий на показанный на рисунке выше, затем сохраните документ.

ШАГ ЗАВЕРШАЮЩИЙ: Освещение готово, и 3D текст разделен на буквы. Теперь, Вы можете с помощью инструментов 3d перемещения, масштаба и виджетов перемещать, наклонять и масштабировать буквы. Кроме того, буквы будут взаимодействовать друг с другом, отражая не только источники света, но и друг друга. Это будет видно после проведения рендериннга. И не забывайте, что даже если вы можете манипулировать с каждой буквой в отдельности, все они по-прежнему остаются на одном 3D-слое.

В Photoshop CC имеется прекрасная система текстовых подсказок. Когда Вы наводите курсор на объект, отображается “габаритный контейнер” объекта, или Gismo, а также его оси. Далее наводим и перемещаем курсор вдоль одной из осей, и Photoshop выдаёт нам варианты, напр., “вращение по оси Z”, “перемещение вдоль оси Y”, “масштаб вдоль оси X” и т.д.:

Вот как выглядит мой финальный результат. Этот рисунок получен после рендеринга документа, запустит рендеринг можно клавишами Ctrl+Shift+Alt+R:

На финальном изображении я скрыл 3D плоскость основания. Как скрыть/показать плоскость основания, рассказано здесь.

Объемные буквы в Фотошопе: как сделать

Создаем объемные буквы в Фотошопе

Перед началом создания объемных букв напишем исходный текст, который в дальнейшем будет преобразован в надпись в формате 3D. Для этого воспользуемся инструментом “Горизонтальный текст”.
Получаем слой с надписью. Теперь можно приступать к выполнению следующих шагов.
Далее производим над текстовым слоем операции, непосредственно предшествующие процессу создания объемных букв. Открываем окно, содержащее настройки стиля текстового слоя, кликнув по нему два раза левой кнопкой мыши. Выбираем в левой части пункт “Наложение цвета” и подбираем подходящий оттенок, например, ярко-желтый. Буквы будут окрашены в выбранный цвет.
Теперь начинаем придавать буквам начальный объем при помощи инструмента “Тиснение”, которое также находится в настройках стиля слоя. Настраиваем параметры выпуклости обрабатываемой надписи, исходя из ее особенностей и личных предпочтений. Основной момент – не переусердствовать с максимальными значениями параметров – в противном случае надпись получится искаженной или неестественной.
В предыдущем шаге была получена заготовка, которая станет основанием для формирования объемного текста. Для начала выбираем текущий текстовый слой, используя инструмент “Перемещение”.
Теперь необходимо создать несколько копий текущего слоя, смещая каждый из них вниз и влево, чтобы получить имитацию объемного изображения. Для этого используем сочетание клавиш Ctrl+J (создание копии слоя) и стрелки “вниз” и “влево” (на клавиатуре) для смещения каждого последующего слоя и создания эффекта 3D.
Повторяем шаг 6, пока количество слоев не создаст эффект объемных букв. В рассматриваемом примере для этого понадобилось 7 слоев.
Чтобы надпись получилась более естественной, изменим цветовой оттенок верхнего слоя на более светлый, в сравнении с базовым. Кликаем два раза на верхний слой, и меняем цвет наложения.
И, наконец, можно внести изменения в фон надписи, чтобы сделать эффект объемных букв более выразительным.

Заключение

Объемный текст в фотошопе: как легко и быстро сделать 3D текст

Давайте настроим «градиент». Переход от цвета #886174 к #af7c94.

Такой градиент у нас получился.

Что-то уже начинает вырисовываться.

Вот, что мы имеем на данный момент. Думаю, можно было бы добавить и тень.

Его настройки найдем здесь:

Кликаем и задаем их:

Нижний левый ползунок: цвет #e4e4e4. Нижний правый – белый.

Верхний левый ползунок: непрозрачность 100% . Нижний правый – 0%.

Протягиваем мышкой по выделенной области снизу вверх. И снимаем выделение.

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

Сводим слои. Сохраняем. Все!

Photoshop cs6 как буквы сделать объемными. Объемный текст в фотошопе

В данном уроке мы рассмотрим основные инструменты программы фотошоп для работы с 3D объектами, а именно с текстом.

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

1) Создадим новый документ, необходимого Вам размера, я задал квадратный размер 1024 на 1024 пикселя. Для этого в верхнем меню слева выбираем «Файл» — «Создать» и устанавливаем необходимые параметры. Если вы не опытный пользователь программы фотошоп, то рекомендую ничего не менять, оставить все параметры по умолчанию, кроме размера документа.

2) Теперь напишем текст, который в дальнейшим будем делать трехмерным. Для этого в левом боковом меню программы выбираем инструмент «Текст», кликнув по нему левой кнопкой мыши.

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

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

3) И так, мы напечатали необходимый нам текст, настроили его размеры, цвет, выбрали шрифт, теперь преобразуем его в объемную 3D модель. Для этого в верхнем меню программы выбираем пункт «3D» — «Новая 3D — экструзия из выделенного слоя» и в всплывающем окне просто нажимаем «Ок».

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

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

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

Вот, к примеру, регулируя ползунок настройки «Скручивание» я получил вот такой интересный эффект:

6) Создав необходимый вам текст с эффектами и нужным ракурсом его можно преобразовать в «Смарт-объект» и работать с ним уже как с обычным слоем, а не 3D объектом. Для этого в правой нижней панели перейдите из вкладки «3D» во вкладку «Слои» и выберите слой с текстом, нажмите на нем правой кнопкой мыши и выберите «Преобразовать в Смарт-объект». Но учтите, после преобразования текста в Смарт-объект вы его уже не сможете редактировать, т.е. изменить сам текст надписи, поменять шрифт, сменить эффекты 3D и т.п., поэтому данное действие лучше делать по окончанию работы.

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

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

Данная программа не содержит достаточно функций, чтобы создавать объемные надписи, тем не менее, к данному вопросу можно подойти с иной стороны. И все у нас получится!
Создаем документ А4.
Делаем надпись при помощи инструмента Tool . Размер шрифта 300 pt . Цвет букв Вы можете выбрать произвольный. У меня #d85366 .

Применяем стили слоя к надписи. Layer / Layer Style . В открывшемся окне выполняем настройки:

Далее дублируем слой с текстом (Ctrl+J ) и при помощи стрелочек на клавиатуре опускаем новый слой на пиксель вниз и влево. Повторяем процедуру 10 раз. Количество слоев можно уменьшить или увеличить. В зависимости от того, на сколько, Вы хотите сделать текст объемным.

Делаем тень.
Создаем новый слой внизу в панели Layers . Делаем выделение нижнего слоя с текстом (удерживая Ctrl , кликаем по слою) и заливаем выделение черным цветом.

Дублируем нижний слой с надписью и переворачиваем его вертикально. Edit / Transform / Flip Vertical.
Для удобства сольем слои с верхней надписью. Выделяем слои и жмем Ctrl+E . В результате у нас останется 4 слоя (фон, перевернутый текст, тень, объемный текст).

Изменим стили слоя перевернутого текста.

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

Переходим к работе с тенью.
Edit / Transform . Далее удерживая клавишу Ctrl , деформируем тень, смещая угловые точки.

Выделяем верхнюю часть текста инструментом Marquee (прямоугольное выделение, и смещаем верхнюю часть тени.

Дорабатываем тень. Применяем фильтр размытие по Гауссу (Filter / Blur / Gaussian Blur ) и прозрачность слоя 65%
Инструментом Marquee выделяем нижнюю часть фона и заливаем градиентом. Цвета # 2a5159 и # dee7ee . То же проделываем с верхней частью фона.

Сделаем отражение более естественным.
Создаем новый слой над перевернутым текстом, изменяем цвет градиента #dee7ee на 100% прозрачности. Заливаем градиентом новый слой.

Как сделать объемный 3D текст с «Фотошоп» CS6 и CS5

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

3D текст в «Фотошоп» CS5

На этом уроке речь пойдет о работе с 3D текстом в «Фотошопе» CS5 или более поздней версии. Лучше всего для этих целей всё же подходит самая последняя версия, входящая в состав Creative Cloud. Именно в ней имеется наибольшее количество инструментов для обработки объемного текста.

Сделать объемный текст в «Фотошоп»

Для начала вам необходимо открыть «Фотошоп» и создать новый файл. Задайте разрешение 600 x 600 пикселей. Сразу при создании документа выберите черный цвет и залейте им изображение (для этого используется инструмент «Заливка»). Возьмите инструмент «Горизонтальный текст» и напишите белым цветом одно слово. Подберите подходящий шрифт и его размер. В нашем случае это KorinnaBlackC с кеглем в 172 пункта. Текст лучше писать заглавными буквами.

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

3D текст в «Фотошоп» CS6

3D текст в «Фотошопе» фактически создан. Но теперь с ним нужно плотно поработать для улучшения его внешнего вида. У вас должна была открыться панель 3D. Если этого не случилось, то перейдите по пути «Окно >> 3D». Нажмите на название основной сетки (оно состоит из написанного вами слова), чтобы в панели «Свойства» открылись параметры изображения. Именно над ними вы будете работать. Примечательно, что в любой момент вы можете взять инструмент «Горизонтальный текст» и отредактировать надпись. Прямо во время оформления объемного текста в «Фотошопе»! Однако не всё так просто. 3D текст редактируется в «Фотошопе» CS6. В более ранних версиях он перед переводом в трехмерный режим растрируется, поэтому редактирование становится невозможным.

В данный момент в панели «Свойства» имеются четыре вкладки-иконки. Изначально открыта вкладка «Сетка». Здесь выбирается глубина экструзии, цвет 3D текста в «Фотошопе», добавляется тень, а также применяется шаблонная заготовка той или иной деформации.

Следующая вкладка получила наименование «Деформировать». Здесь можно поработать над экструзией объемного текста (фактически его толщиной по оси Z). Вы можете изменить глубину, скрутить её, придать ей эффект конусообразности и совершить прочие действия.

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

Создание 3D текста в «Фотошоп»

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

Но это ещё не всё. Сделать объемный текст в «Фотошопе» — это не только задать ему цвет, сменить ракурс и изменить глубину экструзии. Взгляните на панель «3D». В ней вы найдете несколько пунктов, ответственных за присвоение тексту того или иного материала. Кликните на строку «Материал передней выпуклости». А панели «Свойства» немедленно отобразятся параметры материала, из которого состоит передняя часть нашего текста. Вы можете изменить коэффициент преломления отраженного цвета, плавность контура, его рельеф и прочие параметры. Можно даже усилить блеск.

На этом создание 3D текста в «Фотошопе» практически завершено. Предлагаем с оставшимися пунктами панели «3D» ознакомиться самостоятельно. Эксперименты не возбраняются. Мы же напоследок расскажем лишь о пункте «Бесконечный свет 1». Нажмите на него — в «Свойствах» откроются параметры освещения. Сам источник освещения будет виден на композиции, он имеет значок с изображением солнышка.

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

3Д текст в «Фотошоп» CS6

Такие не самые дурные возможности по созданию 3Д текста имеются в «Фотошопе» CS6 и более поздних версиях. Но сделать 3D текст в «Фотошопе» — это только начальный этап работы. Также нужно позаботиться об окружении этого текста. Можно добавить текстуры, которые тоже необходимо располагать в трехмерном пространстве. Словом, всё это — очень интересная тема.

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

Создайте новый документ (Ctrl + N) размером 1280px на 1024px (RGB цветной режим) с разрешением 72 px/inch. Создайте новый слой и залейте его цветом #E0F8FF.

Вставьте маску слоя , выбрав Добавить маску слоя (Add Layers Mask)в нижней части панели «Слои», инвертируйте цвета нажав Ctrl + I и выберите мягкую круглую кисть черного цвета.

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

Нажмите инструмент «Горизонтальный Текст » (Horizontal Type Tool). Выберите шрифт, размер и цвет в панели «Символ»(Character)(я использовал шрифт Rockwell Extra Bold или если хотите, Вы можете заменить на аналогичный шрифт самостоятельно). Создайте новый слой и напишите слово «Happy».
Параметры слова «Happy»:

Создайте новый слой и на нём напишите «New».
Параметры слова «New»:

Создайте еще один слой и на нём напишите «Year».
Параметры слова «Year»:

Сделайте активным слой со словом Happy и на нем выберите Окно>3D (Windows>3D) для открытия 3D панели (для этого необходимо иметь Adobe Photoshop CS5 Extended). Скройте на время слои с другими словами и в диалоговом окне «Создать новый 3D объект (Create New 3D Object)» выберите следующее «3D объект штампованный вариант (3D Repousse Object)» и нажмите Создать:

Выберите Да , чтобы Растрировать текст (Rasterize the text).

В диалоговом окне «Штампованный (Repousse)» перейдите на «Заготовки Штампованых Форм (Repousse Shape Presets)», выберите «Extrude » и нажмите кнопку ОК.

Мы получили следующий результат:

В диалоговом окне «Render настройки» выберите «Вращение объекта (K) (Object Rotate Tool)» .

Выберите «Просмотр>Показать>Ось 3D «(View > Show > 3D-Axis) .

Используйте 3D Ось, чтобы повернуть наш объект, как показано на рисунке.

Настройки для «Front Bevel Material» :

В Extrusion Material для опции Diffuse (Рассеивание) изменим цвет на # 9f2d05.

В опциях «Back Bevel Material » и «Back Inflation Material » оставьте настройки по умолчанию. Выберите Light Rotate Tool (Вращение Света) и вращайте источник света, как показано на рисунке.

Теперь сделайте видимым слой со словом «New» :

Сделайте те же операции, что и со словом Happy. Во-первых, в диалоговом окне Создать новый 3D-объект (Create New 3D Object) выберите следующее Штампованный 3D объект (3D Repousse Object) и нажмите Создать . Нажмите кнопку Да , чтобы Растрировать текст (Rasterize the text). Откройте диалоговое окно «Штампованный»(Repousse) и перейдите на «Заготовки Штампованых Форм «(Repousse Shape Presets), выберите Extrude и нажмите кнопку ОК . В диалоговом окне «Рендер настройки «(Render Settings) выберите «Вращение Обьекта (K) «(Object Rotate Tool). Используйте «3D-Ось»(3D-Axis), чтобы повернуть наш объект, как показано на рисунке.

В «Extrusion Material» для опции Рассеивание (Diffuse) измените цвет на # a78125 .

В опциях «Back Bevel Material» и «Back Inflation Material» оставьте настройки по умолчанию. Выберите «Вращение Света

Сделать видимым теперь слой со словом Year:

В диалоговом окне «Создать новый 3D объект » (Create New 3D Object) выберите «Штампованный 3D объект «(3D Repousse Object) и нажмите Создать. В появившемся окне нажмите Да, чтобы растрировать текст. В диалоговом окне Штампованный (Repousse) перейдите на «Заготовки Штампованых Форм «(Repousse Shape Presets), выберите Extrude и нажмите кнопку ОК.

В диалоговом окне «Рендер настройки «(Render Settings) выберите «Вращение Обьекта (K)»(Object Rotate Tool). Используйте 3D-Ось (3D-Axis) , чтобы повернуть наш объект, как показано на рисунке.

Настройки для Front Bevel Material:

В Extrusion Material для опции Рассеивание (Diffuse) измените цвет на # 336f1c.

В опциях Back Bevel Material и Back Inflation Material оставьте настройки по умолчанию. Выберите «Вращение Света «(Light Rotate Tool) и вращайте источник света, как показано на рисунке.

Теперь выберите Инструмент «Эллипс (U)» (Ellipse Tool) и нарисуйте эллипс, цвет # F7189B.

Заливку (Fill) установите на 18% .

Используя этот же инструмент, попробуйте сделать еще эллипсов различных цветов и прозрачностью. Цвета: # FF9B43 , # FF0000 , # FF4C29 , # 488F28 , # FFFDE0 , # F7F4AB , # F7E3AB , # FFFFFF . Слои с эллипсами разместите под слоями с 3D обьектами.

Теперь сделаете копию слоя со словом Year и выберите Free Transform (Ctrl + T) и разместите его как на картинке ниже:

Вставьте маску слоя и выберите мягкую круглую кисть черного цвета (непрозрачность увеличьте до 20%).

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

Создайте новую группу (нажав на иконку группы в нижней части панели «Слои») и переместите туда все слои содержащие эллипсы. Сделайте копию группы и отразите её по вертикали выбрав Редактирование > Трансформирование > Отразить по вертикали (Edit>Transform>Flip Horizontal) или же трансформируйте комбинацией Ctrl+T, как это показано на следующем рисунке.

Создаём красивый неоновый текст в Фотошоп / Creativo.one

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

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

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

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

Архив

Шаг 1

Создайте новый документ размером 1400px * 782 пикселов (Ctrl + N) с черным фоном. Откройте изображение кирпичной текстуры и инструментом Прямоугольная область выделения (Rectangular Marquee tool) нарисуйте выделение:

Скопируйте (Ctrl + C) и вставьте (Ctrl + V) выделенный участок текстуры в наш документ и подгоните его размер под размер документа (Ctrl + T). Слегка размойте слой с кирпичной текстурой фильтром Размытие по Гауссу (Gaussian Blur):

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

К слою с кирпичной текстурой добавьте слой-маску и кистью черного цвета, на маске, скройте некоторые части текстуры:

К слою с кирпичной текстурой добавьте корректирущий слой Цветовой баланс (color balance), чтобы добавить немного цвета.

Результат:

Шаг 2

Установите шрифт в Фотошоп и инструментом Текст (T) напишите текст. Цвет текста #c0f4ff.

К слою с текстом примените стиль Тиснение (Bevel and Emboss):

Также, добавьте стиль слоя Обводка (Stroke):

Добавьте стиль слоя Внутренняя тень (Inner Shadow):

Добавьте стиль слоя Глянец (Satin):

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

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

Внешнее свечение (Outer Glow):

Тень (Drop Shadow):

Результат:

Шаг 3

Дублируйте текстовый слой один раз (Ctrl + J) и сдвиньте его немного в сторону (ориентируйтесь на красные стрелки на скриншоте):

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

К последнему дубликату текстового слоя примените корректирующий слой Цветовой тон/Насыщенность (Hue/Saturation). Благодаря этому, текст станет темнее.

Результат:

Шаг 4

Вокруг текста добавьте световые блики. Выберите кисть размером 6 пикселов и с жесткостью 90%.

В цветовой палитре выберите голубой цвет (#16f2ff).

Создайте новый слой (Shift + Ctrl + N) над всеми предыдущими слоями и установите для него режим наложения Перекрытие (overlay). Теперь кистью нарисуйте блики на тексте (ориентируйтесь на красные стрелки на скриншоте):

Добавьте также эффект дыма (облаков), используя кисть облака или кисть дым.

Результат:

Шаг 5

Инструментом Перо (Pen Tool) нарисуйте контур — это будут светящиеся провода:

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

К линиям добавьте стиль слоя Тиснение (Bevel and Emboss):

Результат:

Дублируйте слой с проводами (Ctrl + J) несколько раз, измените размер и форму каждого слоя с проводами и поместите их вокруг текста:

Шаг 6

Мы почти закончили! Осталось затонировать изображение. над всеми слоями добавьте корректирующий слой Выборочная коррекция цвета (Selective
Color):

Также, над всеми слоями добавьте корректирующий слой Кривые (Curves):

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

Автор: psdvault

Источник: psdvault.com

Создай объёмный текст в Фотошоп / Creativo.one

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

Архив

Шаг 1. Создадим новый документ (Ctrl + N), 1600px по ширине и 1000px по высоте. Установим цвет переднего плана на # 8a5a01, а цвет фона # ba9145, и затем перетащим Линейный градиент (Linear Gradient) слева, направо. Вы можете выбрать другой цвет, который Вам нравиться, или добавить корректирующий слой, чтобы изменить цвета, как показано в конце этого урока.

Откроем панель настроек Кистей (Brush) Окно-> Кисть (Window -> Brush), и изменим настройки Форма отпечатка кисти (Brush Tip Shape), как показано ниже:

Напишем текст с помощью шрифта BorisBlackBloxx, размер 400 пикс.

Используйте инструмент Перо (Pen Tool), убедитесь, что у Вас активирован режим Контуры (Paths) в панели параметров, чтобы создать кривую в середине первой буквы. Добавим основные опорные точки, мы можем изменить их позже.

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

Затем, Вы можете использовать инструмент Выделение контура (Direct Selection Tool), чтобы перетащить кривую, точки или изменить направление.

Шаг 2. Создайте новый слой (Ctrl + Shift +N) поверх всех слоев, убедитесь, что инструмент Перо (Pen Tool) еще активен, щелкните правой кнопкой мыши на пути и выберите Выполнить обводку (Stroke Path).

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

Это будет обводка пути, Кистью (Brush). Нажмите Enter, чтобы избавиться от пути.

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

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

Повторите тот же процесс для остальных букв. Вы можете использовать произвольные фигуры вместо рисования кривых, когда это возможно (например, с помощью инструмента Эллипс (Ellipse Tool), в режиме Контуры (Paths) можно создать путь для буквы О).

Помните, что каждый путь должен быть на отдельном слое.

Вы можете дублировать любые слои для тех же букв (Ctrl + J).

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

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

Выделите все слои с точками (удерживая клавишу Ctrl), а затем перейдите Слой-> Объединить слои (Layer -> Merge Layers) (Ctrl + E), чтобы объединить их в один слой, и назовите его «Объединенный «.

Используйте инструмент Ластик (Erase Tool), чтобы избавиться от точек, которые не совпадают с остальными.

Убедитесь, что слой «Объединенный» является активным (выбранным), затем перейдите в Выделение-> загрузить выделение (Select -> Load Selection). Выберите Канал (Channel) «Объединенный». Это позволит выделить содержимое слоя (точки).

Выберите инструмент Градиент (Gradient Tool), и градиент Спектр (Spectrum). Создайте новый слой (Ctrl + Shift + N) поверх всех слоев и назовите его «Градиент», затем залейте выделение градиентом.

Сделаем слой «Объединенный» невидимым (щелкнув значок глаза рядом с ним).

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

Активируйте инструмент Лассо (Lasso Tool) и создайте выделение вокруг первой буквы, а затем нажмите (Ctrl + J), чтобы дублировать ее на новый слой. Переименуем этот слой, в ту букву, которую он содержит.

Повторим то же самое для остальных букв. Когда Вы закончите, сделайте слой «Градиент» невидимым (щелкнув значок глаза рядом с ним).

Шаг 5. Создадим копию слоя первой буквы (Ctrl + J).

Перейдем в Фильтр-> Размытие-> Размытие в движении (Filter-> Blur-> Motion Blur) и установим значения, как показано ниже:

Сделайте четыре дубликата копии слоя.

Объединим копии слоев (выделив их, удерживая клавишу Ctrl и нажав комбинацию клавиш Ctrl + E), и переместим этот слой ниже оригинального слоя с буквой.

Перейдем Редактирование-> Трансформирование-> Перспектива (Edith-> Transform-> Perspective) для объединенного слоя копии, чтобы сделать размытое расширение для оригинальной буквы.

Ластиком (Eraser) сотрем размытые части в левой стороне.

Это то, что Вы должны получить. Вы можете сделать другие слои невидимыми, если хотите.

Активируем инструмент Размытие (Blur Tool) и изменим параметры, как показано ниже, а затем размоем боковую часть расширения.

Используйте инструмент Ластик (Erase Tool) со значение Непрозрачности (Opacity) 30% , чтобы чуть — чуть стереть расширение у края, чтобы оно не выглядело таким острым.

Повторите эти действия для остальных букв.

Шаг 6. Объединим оригинальные слои букв в один слой (выделив их, удерживая клавишу Ctrl и нажав комбинацию клавиш Ctrl + E) и переименуйте его в текст, который у Вас написан.

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

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

Перейдем в Фильтр-> Размытие-> Размытие по Гауссу (Filter-> Blur-> Gaussan Blur) и введите значение Радиус (Raduis) 2.5.

Шаг 7. Создадим новый слой (Ctrl + Shift + N) выше фонового слоя и назовем его «Тень». Установим цвет переднего плана на # 634016, затем активируем Мягкую круглую (Soft Round) Кисть (Brush) (500 пикселей), чтобы нарисовать тень под текстом.

Перейдем в Фильтр-> Размытие-> Размытие по Гауссу (Filter-> Blur-> Gaussan Blur) и введем значение Радиус (Raduis) 20.

Меняем Режим смешивания (Blend Mode) слоя «Тень» на Умножение (Multiply) и Непрозрачность (Opacity) до 70%.

Если Вы хотите, Вы можете выделить все видимые слои (кроме фона), затем перейти в меню Редактирование-> Трансформирование-> Перспектива (Edith-> Transform-> Perspective) и повернуть текст еще больше.

Шаг 8. Если Вы хотите изменить цвет фона, чтобы добавить больше контраста, выберите фоновый слой, и нажмите на иконку Создать новый корректирующий слой или слой заливку (Create new fill or adjustment layer) в панели слоев, затем выберите Цветовой тон/Насыщенность (Hue / Saturation).

Измените значения, как показано ниже:

Еще раз, нажмите на иконку Создать новый корректирующий слой или слой заливку (Create new fill or adjustment layer) в панели слоев, но на этот раз выберите Уровни (levels). Измените значения, как показано ниже:

Наконец, выберите слой «Тень», затем перейдите к Слой-> Новый корректирующий слой-> Цветовой тон/Насыщенность (Layer-> New Adjustment Layer -> Hue/Saturation) и измените значение Насыщенность (Saturation) до -100 (в соответствии с новыми цветами фона).

Трехмерный текст готов! Надеюсь, Вы узнали что-то новое из этого урока.

Автор: Photoshopstar

Источник: www.photoshopstar.com

Создание простого трехмерного текста в Photoshop

Автор Стив Паттерсон.

В этом уроке Photoshop текстовые эффекты мы узнаем, как создать простой трехмерный текст:

Последний эффект трехмерного текста.

Приступим!

Загрузите это руководство в виде готового к печати PDF-файла!

Шаг 1. Создайте новый документ

Для начала создадим новый документ Photoshop.Поднимитесь в меню File вверху экрана и выберите New , или, для более быстрого способа, нажмите сочетание клавиш Ctrl + N (Win) / Command + N (Mac). Какой бы способ вы ни выбрали, Photoshop выдает диалоговое окно New Document . Введите размер, который вам нужен для вашего документа. Для этого урока я собираюсь ввести Ширина из 6 дюймов , Высота из 4 дюйма и Разрешение из 300 пикселей / дюйм , что является стандартным разрешением для профессионалов. качественная печать.Я также собираюсь установить для моего Background Contents значение White , что установит белый цвет фона моего нового документа. Когда вы закончите, нажмите OK в правом верхнем углу диалогового окна, чтобы выйти из него. Ваш новый документ Photoshop появится на экране.

Создайте новый документ Photoshop, используя диалоговое окно «Новый документ».

Шаг 2. Выберите инструмент «Текст» на палитре инструментов Photoshop

Чтобы добавить текст в документ, нам понадобится Photoshop Type Too l.Выберите его на палитре инструментов или нажмите на клавиатуре букву T , чтобы выбрать его с помощью сочетания клавиш:

Выберите инструмент «Текст».

Шаг 3. Выберите шрифт на панели параметров

Далее нам нужно выбрать шрифт. Выбрав инструмент «Текст», вы заметите, что панель параметров в верхней части экрана изменилась, чтобы отобразить параметры для инструмента «Текст». Выберите шрифт, который вы хотите использовать, из списка шрифтов, доступных в настоящее время на вашем компьютере.Этот 3D-эффект лучше всего работает со шрифтами с большими толстыми буквами. Я собираюсь выбрать Impact . Вы также можете выбрать размер текста, если хотите, но на данном этапе это не обязательно, поскольку мы можем легко изменить размер текста позже, как мы увидим. На данный момент нам нужен только шрифт:

Выберите шрифт на панели параметров.

Шаг 4. Выберите цвет текста

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

Измените цвет текста, щелкнув образец цвета на панели параметров.

Откроется палитра цветов Photoshop . Выберите любой цвет, который вы хотите использовать для своего текста. Я собираюсь выбрать яркий оттенок красного. Когда вы закончите, нажмите OK в правом верхнем углу палитры цветов, чтобы выйти из нее:

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

Образец цвета на панели параметров изменится, чтобы показать цвет, который вы выбрали.

Шаг 5. Добавьте текст в документ

Выбрав наш шрифт и цвет текста, щелкните внутри документа и добавьте свой текст. Я собираюсь набрать «ФОТОШОП» заглавными буквами, чтобы усилить эффект. Не волнуйтесь, если текст сейчас кажется слишком большим или слишком маленьким. Мы можем исправить это мгновенно:

Щелкните внутри документа и добавьте свой текст.

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

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

Если мы посмотрим на нашу палитру слоев, мы увидим, что Photoshop удобно разместил наш текст на своем собственном слое над фоновым слоем. Это то, что позволит нам работать с текстом независимо от белого фона за ним:

Текст отображается на отдельном слое в палитре «Слои».

Шаг 6. При необходимости измените размер шрифта

Если вы обнаружите, что текст слишком маленький (или слишком большой), мы можем легко исправить это с помощью команды Photoshop Free Transform .Во-первых, убедитесь, что ваш текстовый слой выбран в палитре слоев (выбранные слои выделены синим). Затем перейдите в меню Edit вверху экрана и выберите Free Transform . Вы также можете выбрать команду «Свободное преобразование» с помощью сочетания клавиш Ctrl + T (Win) / Command + T (Mac):

Выберите «Свободное преобразование» в меню «Правка».

Вы увидите поле «Свободное преобразование», а вокруг текста в документе появятся маркеры.Чтобы изменить размер текста, удерживайте нажатой клавишу Shift , затем щелкните любой из угловых маркеров (маленькие квадраты) и перетащите угол внутрь, чтобы уменьшить текст, или наружу, чтобы сделать его больше. Удерживание клавиши Shift при перетаскивании ограничивает соотношение сторон, чтобы вы случайно не исказили форму текста при изменении его размера. Я собираюсь немного увеличить текст, перетащив ручку в правом нижнем углу наружу. Вы также можете переместить текст, если вам нужно, щелкнув в любом месте внутри поля Free Transform и перетащив текст в новое место внутри документа:

Измените размер и переместите текст по мере необходимости с помощью Free Transform.

Когда вы закончите, нажмите Enter (Win) / Return (Mac), чтобы принять изменение и выйти из команды Free Transform.

Шаг 7. Преобразование текста в форму

Чтобы создать наш 3D-эффект, нам нужно изменить перспективу нашего текста. Но есть только одна проблема. Photoshop не позволяет нам изменять перспективу текста (видите, как это может быть проблемой?). Чтобы показать вам, что я имею в виду, убедитесь, что у вас все еще выделен текстовый слой, затем перейдите в меню Edit вверху экрана и выберите Transform из списка.Появится вторичное меню, показывающее все различные способы преобразования содержимого текущего выбранного слоя. Обратите внимание, как параметры Distort и Perspective неактивны? Это означает, что в настоящее время они недоступны для нас, и это потому, что Photoshop не может выполнять ни один из этих двух типов преобразований текста.

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

Не снимая выделения с текстового слоя, перейдите в меню Layer вверху экрана, выберите Type , а затем выберите Convert to Shape :

Перейдите в Layer> Type> Convert to Shape.

Если мы посмотрим на палитру «Слои», то увидим, что текстовый слой теперь выглядит совершенно по-другому, и это потому, что это больше не текстовый слой.Photoshop преобразовал его в слой-фигуру, что означает, что теперь мы можем применить к нему преобразование перспективы и создать эффект 3D-текста:

Текстовый слой преобразован в слой-фигуру.

Шаг 8: Измените перспективу

Вернитесь в меню Edit . Вы увидите, что параметр «Преобразование», который мы рассматривали недавно, был заменен новым параметром с именем Transform Path . Опять же, это потому, что теперь мы имеем дело с формой.Выберите Transform Path из списка. Когда появится дополнительное меню, вы увидите, что теперь доступны параметры «Искажение» и «Перспектива». Выберите Perspective из списка:

Перейдите в меню «Правка»> «Трансформировать контур»> «Перспектива».

Тот же прямоугольник и ручки, которые мы видели ранее, когда выбирали команду «Свободное преобразование», появятся вокруг текста (формы). Разница в том, что теперь мы работаем в режиме перспективы. Чтобы изменить перспективу текста и придать ему трехмерный вид, просто нажмите на ручку в правом нижнем углу и перетащите ее прямо вниз.По мере перетаскивания высота правой части текста будет увеличиваться от его центра, в то время как левая сторона останется неизменной:

Щелкните ручку в правом нижнем углу и потяните вниз.

Когда вас устраивает сдвиг перспективы, нажмите Enter (Win) / Return (Mac), чтобы принять преобразование. Теперь ваш текст должен выглядеть примерно так:

Теперь текст отображается в трехмерной перспективе.

Шаг 9: Создайте несколько копий слоя формы, каждая из которых смещена немного вправо

Следующий шаг — самое интересное.Мы собираемся очень быстро создать несколько копий нашего слоя с фигурой, каждая из которых будет перемещена на один пиксель вправо от предыдущей. Это придаст глубине нашим буквам. Сначала выберите Move Too l на палитре инструментов или просто нажмите на клавиатуре букву V , чтобы выбрать его с помощью ярлыка. Этот трюк работает только с выбранным инструментом «Перемещение»:

Выберите инструмент «Перемещение».

Выбрав инструмент «Перемещение» и слой-фигуру, выбранный в палитре «Слои», удерживайте нажатой клавишу Alt (Win) / Option (Mac) и нажмите клавишу со стрелкой вправо на клавиатуре.Затем нажмите еще раз. Затем снова. И снова. Обратите внимание на то, что происходит? Каждый раз, когда вы нажимаете клавишу со стрелкой вправо с зажатой клавишей Alt / Option, вы создаете новую копию слоя-фигуры и перемещаете новую копию на один пиксель вправо. Удерживая нажатой клавишу Alt / Option, Photoshop каждый раз создает новую копию формы, а не просто перемещает существующую форму. Чем чаще вы нажимаете клавишу со стрелкой вправо, тем больше копий слоя вы создаете и тем большую глубину мы придаем нашим буквам.

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

Удерживая нажатой клавишу «Alt» (Win) / «Option» (Mac), нажмите клавишу «Стрелка вправо» несколько раз, чтобы задать глубину букв.

Шаг 10: переместите слой с исходной фигурой в верхнюю часть стека слоев на палитре слоев

Каждый раз, когда мы создавали новую копию нашей формы, мы создавали новый слой формы в палитре слоев, и Photoshop помещал каждый новый слой непосредственно над предыдущим слоем. В моем случае палитра слоев теперь содержит 68 копий моего исходного слоя с фигурой. Слой с исходной фигурой находится над фоновым слоем, а все копии сложены поверх него. Вы можете сказать, что это оригинал, потому что это единственный слой-фигура, в названии которого нет слова «копия».

Нам нужно переместить исходный слой на самый верх стопки, и есть простой способ сделать это. Сначала щелкните исходный слой в палитре слоев, чтобы выбрать его. Затем нажмите Ctrl + Shift +] (Win) / Command + Shift +] (Mac). Это правая скобка («]»), если вам интересно. Этот удобный ярлык мгновенно переместит текущий выбранный слой прямо на верх стека слоев:

Исходный слой-фигура теперь отображается над другими слоями в палитре «Слои».

Шаг 11: Объедините все копии вместе

Теперь, когда наш исходный слой находится на самом верху стека слоев, нам нужно объединить все эти копии слоя-фигуры в один слой. Щелкните слой непосредственно под исходным слоем в палитре слоев (другими словами, второй слой сверху). Затем используйте полосу прокрутки справа от палитры «Слои» для прокрутки вниз до слоя, расположенного непосредственно над фоновым слоем. Не просто щелкайте по нему, чтобы выбрать его, потому что это отменит выбор слоя, который вы только что выбрали вверху.Вместо этого, удерживая нажатой клавишу Shift на клавиатуре и , затем щелкните слой, чтобы выбрать его. Это выберет оба слоя одновременно, а также все слои между ними. Все эти слои будут выделены синим цветом в палитре слоев.

Теперь, когда все наши скопированные слои выделены, перейдите в меню Layer вверху экрана и выберите Merge Layers внизу списка. Или для более быстрого способа нажмите сочетание клавиш Ctrl + E (Win) / Command + E (Mac):

Перейдите в Layer> Merge Layers.

Photoshop объединит все выбранные слои в один слой. Если мы посмотрим на нашу палитру слоев, то увидим, что теперь у нас всего три слоя. Фоновый слой находится внизу, исходный слой формы — вверху, а между ними находится наш недавно объединенный слой:

Все копии слоя-фигуры были объединены в один слой.

Шаг 12: Добавьте градиент от черного к белому к объединенному слою

Чтобы придать нашим буквам по-настоящему трехмерный вид, давайте завершим все, добавив простой световой эффект.Или, по крайней мере, то, что выглядит как световой эффект. Щелкните объединенный слой в палитре слоев, чтобы выбрать его, если он еще не выбран. Затем щелкните значок Layer Styles внизу палитры слоев. Появится список всех доступных стилей слоя. Щелкните Gradient Overlay , чтобы выбрать его:

Выберите стиль слоя «Наложение градиента» в нижней части палитры «Слои».

Это вызовет диалоговое окно Photoshop Layer Style , для которого в среднем столбце установлены параметры Gradient Overlay.Мы хотим использовать градиент от черного к белому для нашего эффекта искусственного освещения. Если у вас уже выбран градиент от черного к белому, вы можете пропустить этот следующий шаг. Если у вас выбран какой-либо другой градиент, щелкните область предварительного просмотра градиента в середине опций:

Щелкните область предварительного просмотра градиента в диалоговом окне «Стиль слоя», чтобы выбрать новый градиент.

Это вызывает Gradient Picker , показывая нам все доступные градиенты, из которых мы можем выбирать.Нам нужен градиент Black, White , третий слева, верхний ряд. Если у вас включены подсказки в настройках Photoshop, вы увидите, что имя градиента отображается при наведении курсора на миниатюру. Щелкните по нему, чтобы выбрать его, затем щелкните OK в правом верхнем углу, чтобы принять его:

Выберите черный, белый градиент.

Вернувшись к основным параметрам наложения градиента, вы увидите область предварительного просмотра градиента, в которой теперь отображается градиент от черного к белому (если это еще не было).Ниже приведены несколько важных опций. Убедитесь, что для параметра Style установлено значение Linear , а для градиента Angle установлено значение 90 ° :

Убедитесь, что для параметра «Стиль» установлено значение «Линейный», а для параметра «Угол» установлено значение 90 °.

Нажмите OK , когда вы закончите, чтобы выйти из диалогового окна Layer Style, и все готово! Photoshop применяет градиент от черного к белому к объединенному слою, создавая эффект тени на буквах и завершая наш простой эффект трехмерного текста:

Последний эффект трехмерного текста.

Куда идти дальше …

И вот оно! Ознакомьтесь с разделами «Текстовые эффекты» или «Фотоэффекты», чтобы получить дополнительные уроки по эффектам Photoshop!

Создание трехмерного текста в Photoshop: пошаговое руководство

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

Первая часть этого урока проходит в 3D-среде Photoshop CC, что означает, что вам придется работать с тремя разными панелями почти одновременно.Панель «Слои» — это место, где вы размещаете и создаете трехмерный текст. На панели 3D вы получаете доступ к командам 3D, а на панели свойств вы применяете эффект выдавливания, искажаете и применяете различные материалы для добавления реализма. Работать в трехмерном пространстве довольно легко, но на это нужно обращать пристальное внимание.

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

01. Создайте фон

Перейдите в рабочее пространство 3D и загрузите фоновое изображение

Сначала измените рабочее пространство. Перейдите в Window> Workspace> 3D. Теперь создайте новый пустой холст ( cmd / ctrl + N) . Назовите его 3D Text, установив ширину на 1500 пикселей, высоту на 620 пикселей, разрешение на 300 пикселей на дюйм и затем нажмите OK. Перейдите в File> Place Embedded ‘pix_117004_background.jpg’, отрегулируйте размер и нажмите return / введите .

02.Загрузите новый шрифт

Загрузите нужный шрифт перед тем, как продолжить

Перейдите на сайт dafont.com и загрузите шрифт South Afirkas 2100 от zanatlija. Разархивируйте файл и установите его в своей системе. Возьмите инструмент «Текст» ( T ). В разделе «Параметры» выберите Тип шрифта: Южная Африка, Размер: 70 пунктов, а затем введите слово САФАРИ.

03. Добавить текстуру

Придайте тексту немного текстуры

Перейдите в меню «Файл»> «Поместить встроенный» pix_2068284_texture1.jpg. Поместите поверх текста и затем обрежьте слои, нажмите cmd / ctrl + opt / alt + G .Удерживая Shift , щелкните слой Safari. Когда оба слоя активны, нажмите cmd / ctrl + E для объединения. Переименуйте слой Safari_texture.

04. Создайте 3D-слой

Теперь вы можете выдавить текст в 3D.

Перейдите в 3D> Новое 3D-выдавливание из выбранного слоя. На панели «Свойства» щелкните «Сетка», выберите «Отображение текстуры: масштаб» и установите для параметра «Глубина выдавливания» значение 10 мм. На панели 3D нажмите Safari_Texture Front Inflation Material, установите Roughness на 80% и Bump на 100%.

05. Добавьте больше текстур

Другая текстура улучшает внешний вид вашего 3D-текста

На панели 3D-слоя щелкните Safari_Texture Extrusion Material. Теперь на панели «Свойства» щелкните значок «Рассеивание» и выберите «Заменить текстуру», найдите «pix_2068284_texture2.jpg» и откройте. Установите Шероховатость на 80% и Наращивание на 100%.

06. Редактирование свойств UV

Настройте текстуру, отредактировав ее свойства UV

Теперь мы собираемся редактировать текстуру выдавливания.В свойствах снова откройте значок Diffuse и выберите Edit UV Properties. Установите Масштаб U / X на 65% и Масштаб V / Y на 50%, а затем нажмите OK.

07. Эффект скоса

Отредактируйте слой Safari_Texture, чтобы придать ему эффект скоса

На панели 3D щелкните слой Safari_Texture. Теперь на панели свойств щелкните Cap. Установите стороны на передний план, ширину скоса на 35% и измените контур на конус_инвертированный.

08. Перемещение трехмерного текста

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

Выберите инструмент «Перемещение» ( V ).В рабочем пространстве 3D нажмите на 3D-камеру Dolly (это третий значок в левом нижнем углу). Удерживая кнопку мыши, перетащите вверх, чтобы переместить текст дальше. Нажмите на орбиту и панорамируйте 3D-камеру, чтобы повернуть и переместить изображение вниз.

09. Регулировка света

Получите более эффектный вид, отрегулировав свет

На панели 3D нажмите «Бесконечный свет». С помощью контроллера на изображении отрегулируйте свет, поместив его перед трехмерным текстом и переместив на 75 градусов в верхний левый угол.Выполните рендеринг изображения, перейдя в 3D> Render 3D Layer.

10. Создайте маску слоя

Используйте маску слоя и кисть Dune Grass, чтобы смешать с травой

На панели «Слои» нажмите cmd / ctrl + J , чтобы продублировать слой Safari_Texture. Перейдите в Layer> Rasterize> 3D. (Скройте исходный слой 3D Safari_Texture.) Добавьте маску слоя. Возьмите инструмент «Кисть». Нажмите F5 и выберите кисть Dune Grass, настройте динамику формы и рассеяние, затем закрасьте маску, смешивая траву.

11. Внесите корректировки

Увеличьте резкость изображения и настройте тона

Во-первых, давайте немного увеличим резкость изображения. Щелкните эскиз Safari_Texture. Перейдите в Filter> Sharpen> Sharpen More. Теперь отрегулируйте тона. Перейдите в Layer> New Adjustment Layer> Levels. Установите Inputs на 0, 1.15, 215 и обрежьте слои.

12. Поместите льва

Пора добавить немного дикой природы

Перейдите в Файл> Поместить встроенный ‘pix_1236169_lion.jpg’. Возьмите инструмент быстрого выбора ( W ) и выберите льва.Перейдите в Select> Select and Mask. Измените режим просмотра на Overlay. Установите Радиус обнаружения края на 15 пикселей, установите флажок «Умный радиус» и используйте инструменты для улучшения выделения. Вывод на «Новый слой с маской слоя».

13. Дополнительные настройки

Несколько корректировок помогут льву более естественно вписаться в сцену.

Возьмите кисть Dune Grass и закрасьте маску, чтобы скрыть лапы и хвост за кустами. Теперь перейдите в Filter> Sharpen> Sharpen. Затем перейдите в Слой> Новый корректирующий слой> Уровни.Установите Inputs на 0, 0.95, 245 и обрежьте слои.

Добавьте слона и с помощью инструмента «Перо» вырежьте его.

Перейдите в меню «Файл»> «Поместить встроенный» pix_602530_elephant.jpg. Возьмите инструмент «Перо» ( P ) и нарисуйте путь вокруг слона. В разделе «Параметры» нажмите «Сделать: выбор», а затем нажмите «ОК». Перейдите в Layer> Layer Mask> Reveal Selection. Нажмите cmd / ctrl + T и отрегулируйте размер.

15. Добавьте дополнительные настройки

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

Перейдите в Layer> New Adjustment Layer> Brightness / Contrast.Установите Яркость на 30, Контрастность на 15, обрежьте слои и нажмите ОК. Теперь сделайте быструю цветокоррекцию. Перейдите в Layer> New Adjustment Layer> Photo Filter. Выберите Filter: Deep Yellow, установите Density на 30%, обрежьте слои и нажмите OK.

16. Принесите страуса

Пора немного больше дикой природы

Перейдите в Файл> Поместить встроенный ‘pix_341989_ostrich.jpg’. Возьмите инструмент «Быстрое выделение» ( W ) и выберите изображение. В разделе «Параметры» нажмите «Выбрать и замаскировать».Используйте инструмент Refine Edge Brush ( R ) или Brush tool ( B ), чтобы улучшить маску, затем нажмите OK. Измените размер изображения и поместите страуса рядом со слоном.

17. Регулировка кривых

Используйте корректировку Кривые, чтобы придать тонам форму

Теперь давайте применим корректировку Кривые для корректировки тонов. Перейдите в Layer> New Adjustment Layer> Curves. Поместите курсор мыши в центр и потяните немного вниз или установите Input на 45 и Output на 40, обрежьте слои и нажмите OK.

18. Поместите больше изображений

Хорошо, давайте обезьяну …

Перейдите в меню «Файл»> «Поместить встроенный файл pix_1224295_monkey.jpg». Используйте инструмент «Быстрое выделение», чтобы выбрать изображение, и команду «Выделение и маска», чтобы уточнить выделение. Измените размер изображения и поместите его над буквами. Используйте настройку «Кривые» для корректировки тонов.

19. Добавьте жирафа

… и жирафа. Что возможно могло пойти не так?

Поместите pix_927281_giraffe.jpg. Выберите и замаскируйте жирафа.Добавьте новый слой поверх него и обрежьте слои ( cmd / ctrl + opt / alt + G ). Измените режим наложения на Мягкий свет, возьмите инструмент «Кисть» и, используя светло-желтый цвет, закрасьте тело, чтобы осветлить тени.

20. Коррекция цвета

Добавьте фильтр потепления для последнего тонального штриха

Поместите новый корректирующий слой поверх стопки слоев. Перейдите в Layer> New Adjustment Layer> Photo Filter. Выберите Filter: Warming Filter (85), установите плотность на 25% и нажмите OK.

21. Создайте снимок

Последняя корректировка, и все готово.

Нажмите shift + cmd / ctrl + opt / alt + E , чтобы создать снимок. Теперь сделайте окончательную настройку. Перейдите в Фильтр> Фильтр Camera Raw. Установите Exposure на +0.25, Highlights на -30, Clarity: +10 и Saturation: +5, затем нажмите OK.

Эта статья впервые появилась в выпуске 152 Photoshop Creative. Подпишитесь здесь .

Статьи по теме:

Более 100 классных уроков по текстовым эффектам в Photoshop

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

Мы округлили только новейшие методы, поэтому, даже если вы привыкли создавать высококачественные типографские материалы, эти учебники Photoshop по текстовым эффектам обязательно помогут вам в ваших дизайнерских творениях — в основном потому, что мы тщательно скомпилировали их и выбрали только самые лучшие. Конечно, для работы вам понадобится отличный шрифт, и наборы шрифтов TemplateMonster помогут вам в этом.

А теперь пора дать волю своему творчеству и попробовать поэкспериментировать с этими стилями.

Или посмотрите недавно добавленный список из 40 самых популярных уроков по типографике в Photoshop для создания простого текста.

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

Дополнительную информацию см. Ниже.

Chocolate Bar Text Effect выпускается в вариантах молочного или темного шоколада и выглядит достаточно естественно.Поэкспериментируйте со своим дизайном, используя эту технику.

***

Эффект Brush Studio включает 91 художественную кисть, 18 стилей рисования в деревенском стиле, 15 узорных кистей, 40 орнаментов, 22 компонента обрамления, два набора надписей и многое другое. Похоже, слова написаны на доске мелком.

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

Ретро футуристическая типографика. Если вы большой поклонник «Звездных войн», этот эффект поразит вас.

Tron Legacy Style — это воспроизведение логотипа из одноименного фильма. Чтобы начать работу с этим эффектом, вам нужно поработать в Adobe Illustrator, Adobe Photoshop и Cinema 4D.

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

Учебники по текстовым эффектам в Photoshop … Может ли лучше?

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

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

Но вернемся к виртуальным объектам …

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

Благодаря корпорации Adobe у дизайнеров есть прекрасный многоугольник для больших и маленьких экспериментов; Речь, конечно же, идет о Adobe Photoshop и сопутствующем программном обеспечении. Однако даже величайший мастер Photoshop не упустит ни единого шанса узнать что-то новое и свежее, чтобы применить художественную технику в текущем или будущем проекте и произвести эффект «Вау» в веб-сообществе.

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

* * *

30 безумно креативных типографских дизайнов с потрясающим эффектом

* * *

Создание светящегося жидкого текста с эффектом брызг воды в Photoshop

* * *

Создание текстового эффекта «Электрифицированный металл» в Photoshop

* * *

Создание эффекта текста из расплавленного металла в Photoshop

* * *

Создание пылающей типографии с эффектом блесток в Photoshop

* * *

Создайте эффект абстрактного текста с помощью инструмента «Перо» и оформления кисти «Гранж» в Photoshop

* * *

Создайте интересный текстовый эффект облака в Photoshop

* * *

Бумага для вырезания точек с текстовым эффектом

* * *

Создание титровального эффекта 3D со стилями слоев и смарт-объектами

* * *

Создание текстового эффекта «Волшебная энергия огня» в Photoshop

* * *

Красочный футуристический текстовый эффект

***

Эффект металлического текста в Photoshop

* * *

Символ человека из стали в Illustrator и Photoshop

* * *

Легкий пушистый текст в Photoshop

* * *

Создание эффекта вышивки крестиком в Photoshop

* * *

Создание вдохновляющего трехмерного золотого текста с помощью Photoshop Extended

* * *

Создание быстрого и простого эффекта 3D-типа

* * *

Эффект текста граффити в Photoshop

* * *

Создание реалистичного деревянного трехмерного текстового изображения

* * *

Создание выделяющегося жирным шрифтом

* * *

Delicious Bagels Text Effect

* * *

Эффект текста с декорированным деревом

* * *

Учебное пособие по Adobe Illustrator и Photoshop: шрифт, подходящий для еды

* * *

Оставайтесь в курсе!

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

Некоторые другие интересные посты в блогах, подобранные специально для вас.

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

Объемная резина и стекло в Photoshop CS6

Прежде всего, запишите текст и определите, какой стиль вам нужно придать. Следующим шагом будет настройка всех выбранных панелей: 3D и Свойства. Затем переходим к созданию текстуры и цветовой гаммы текста. Последние шаги: выбор и добавление к тексту эффектов стекла или резины, а также настройка света и тени.

Эффект замороженного текста

Во-первых, мы собираемся заполнить наш фон инструментом Paint Bucket Tool .Во-вторых, мы строим Layer Curves для создания эффекта льда. Написание текста шрифтом Trojan Pro. Затем нарисуйте ажур в режиме мягкого света. Мел обводит края текста кистью и применяет фильтр « Accented Edges Filter », чтобы подчеркнуть цвета.

Текстовый эффект аэрозольной краски

С каждым текстовым эффектом становится легче объяснить как? Какой? И где? Так что этот урок не будет сильно отличаться от других. Создание его аналогично.Итак, мы делаем новый документ, составляя несколько знаков посередине страницы. Затем мы добавляем текст, выбирая шрифт так, чтобы он был шероховатым. Примените команду « Gaussian Blur » и сделайте немного ярче. Используйте мягкую круглую кисть и добавьте наложение цвета, внешнее свечение, внутреннее свечение. Затем добавьте штрихи разных ярких цветов и снова добавьте «размытие по Гауссу». Завершая работу, сохраните все слои в один финал.

Эффект металлического текста

В этом уроке мы научимся создавать эффект рельефного металла.Давайте активируем линейки и создадим горизонтальную направляющую. Перетащите направляющую в центр и создайте нужную форму с помощью функции «Масштаб». С помощью инструмента Rectangular Marquee Tool нарисуйте отверстия с обеих сторон и убедитесь, что они симметричны. Чтобы придать материалу большие размеры и придать тексту эффект штамповки, мы должны задать контур, градиентное наложение, падающую тень. Следующий шаг — создать текст и сделать его экранирующим цветом. Далее — нанесение, скос и тиснение надписи в центре пластины.Придайте ему контур, градиентное наложение, падающую тень и объедините все слои в один.

Текстовые эффекты Photoshop в стиле киви

Пора дегустировать, вкусный десерт! Однако этот эффект создать довольно сложно. Дело в том, что киви — это трехмерный объект с множеством деталей.

После создания нового документа мы строим фоновый градиент. Затем приступайте к созданию текста, используя шрифт «Bubblegum». Теперь отредактируем фрукт. Сначала настраиваем цветовой баланс.Во-вторых, фрукты разрезаем на кусочки, чтобы создать иллюзию объема, и укладываем их друг на друга. С помощью небольших кусочков мы изменим внешний вид слов. Здесь заканчиваются все сложные задачи. важнее соединить слои отдельными частями и создать эффект живых капель.

Ржавые текстовые эффекты Photoshop

Начните с черного фона и установите цвет переднего плана как ореховый. Найдите команду « Clouds » и отрегулируйте яркость. Затем перейдите к команде Sprayed Strokes, затем к — « Добавить шум ».После завершения мы будем использовать команды Splatter и Unsharp Mask . Чтобы создать новый текст, нам нужно переключиться на инструмент набора текста. Наконец, мы используем: « Inner shadow » и « Liner Dodge » — если вы хотите изменить направление.

Текстовые эффекты в Photoshop с 3D цветочным рисунком

Установите цвет фона и используйте инструмент градиента, чтобы отметить круг. Следующим шагом является создание трехмерного текста и применение градиента поверхности попеременно к каждой букве. Чтобы подчеркнуть тот же цвет, примените наложение градиента.Следующая задача — добавить цветочные завитки как на сами буквы, так и на фон вокруг букв. Последний шаг — создать светящиеся звезды с помощью Soft Brush Tool.

Текстовые эффекты Photoshop со смещением контура

Сначала делаем ровную дорожку. С помощью « Direct Selection Tool » вы можете легко выбрать место, которое хотите отредактировать, и нарисовать там маленький кружок. Теперь используйте кружок, чтобы отметить важные места. Затем в разделе «Путь» мы используем смещение 10 пикселей и повторяем этот шаг.Загрузите фоновое фото. Затем переносим вектор на картинку и переходим к команде Invert и Photo Filter .

Текстовый эффект логотипа био темы

Текстура листа была создана отдельно с помощью « Warp ». Чтобы добиться этого эффекта, нам нужно создать зеленый текст на черном фоне. Затем поместите листик поочередно на каждую букву в разных направлениях. Далее отметим белым примерно грани, где будут завиваться веточки наших листочков.Затем с помощью « Bevel and Emboss » превратите их в живые и объемные. Используйте Drop Shadow, чтобы исправить 3D-эффект. После этого мы рисуем лозу, которая соединит текст и бабочку, сидящую на первой букве.

Текстовый эффект динамического взрыва частиц

Напишите текст жирным жирным шрифтом. Переключитесь на « Outer Glow », « Inner Glow » и « Gradient Overlay ». Используйте слой « Clouds » и начните щелкать белой кистью, чтобы создать эффект взрыва.Также используйте кисти большего размера и « Gaussian Blur » для создания более реалистичного движения. Затем используйте команду « Rasterize Type ».

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

***

Надутый текст с использованием 3D

Часто задаваемые вопросы: текстовые эффекты Photoshop

Что такое текстовый эффект Photoshop?

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

Почему мне нужно использовать текстовые эффекты Photoshop?

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

Нужны ли мне дополнительные инструменты для использования текстовых эффектов Photoshop?

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

Как добавить объем волосам в Photoshop

Добавьте объема, цвета, блеска и четкости любой шевелюре

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

Как мороженое летом

Пластифицируйте.

Понять?

Nevermind.

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

Всегда проверяйте фон позади объекта, где бы вы ни использовали инструмент «Пластика». Легко подтолкнуть то, что когда-то было прямой линией — например, край здания, — и сделать так, чтобы она выглядела неровной и фальшивой. Вы воздействуете не только на объект съемки, но и на все вокруг, поэтому обращайте внимание на эти детали.

У вас также есть возможность заморозить любые области, которые вы не хотите затрагивать.В данном случае лицо нашего объекта идеально подходит для этого варианта. Какими бы легкими ни были толчки и тяги, лицо может выглядеть, ну, в общем, странным. Прежде чем начать, выберите инструмент «Заморозить маску» и закрасьте любые области, которые вы хотите сохранить.

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

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

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

Карты градиента

Если вы что-нибудь знаете об Аароне Нейсе, то, вероятно, он носит комбинезон перед сном, у него волосы как у хамелеона, а его любимый персонаж из «Звездных войн» — Джар Джар Бинкс.Ему также очень нравятся карты градиента, которые, я думаю, здесь более актуальны.

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

В данном случае мы хотим применить карту градиента только к волосам объекта. Давайте начнем с создания области в волосах, где мы сможем протестировать градиенты. Создайте новый слой и выберите инструмент Rectangular Marquee Tool.Создайте небольшое прямоугольное выделение в волосах модели — достаточно большое, чтобы увидеть, как будет выглядеть окраска. Затем перейдите в Layer, затем New Adjustment Layer и выберите Gradient Map. Теперь выделенная область должна быть единственной областью, окрашенной картой градиента.

Измените режим наложения для карты градиента на Overlay или Soft Light. В нашем примере мы выбрали Overlay. Щелкните полосу градиента в диалоговом окне «Карта градиента». Здесь вы можете настроить цвета градиента, добавить дополнительный цвет и указать, какие цвета влияют на тени, полутона и блики.

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

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

Когда у вас есть что-то, что вам нравится, выберите маску слоя вашего корректирующего слоя Gradient Map, залейте его черным и, используя Brush Tool, нарисуйте белым (мягкой кистью и слабым потоком) по волосам объекта. . Отсюда вы можете изменить режим наложения, настроить непрозрачность или изменить цвета градиента в любое время.

Высокое разрешение

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

Перейдите к слою, новому корректирующему слою и кривым. Потяните центр кривой вверх, пока световые блики не будут выглядеть преувеличенными, но не размытыми. Затем нажмите CTRL или CMD + I, чтобы инвертировать маску слоя. Вернитесь к инструменту Brush Tool и, используя белый цвет с Flow около 10%, нарисуйте вдоль прядей и изгибов волос, где вы хотите добавить блики. Опять же, тонкость является ключевым моментом, чтобы не выглядеть фотошопами.Обратите особое внимание на естественные блики и тени на изображении и постарайтесь воспроизвести и подчеркнуть их поведение.

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

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

Как редактировать видео в Photoshop CC и CS6

Скриншот Lexy Savvides / CNET

Знаете ли вы, что вы можете редактировать видео в программе редактирования изображений Adobe? Нет необходимости изучать все тонкости Premiere или Final Cut, когда Photoshop отлично справляется с некоторыми простыми изменениями и преобразованиями.

Редактирование видео было неотъемлемой частью Photoshop со времен CS3 Extended. Если вы используете более старую версию Photoshop, вот наше руководство о том, как вырезать видео с помощью CS5 Extended.

Photoshop CC и CS6 в основном одинаковы, когда речь идет о функциях видео. Photoshop может читать следующие основные форматы файлов и другие:

.264
AVI
MPEG-4
MOV (QuickTime)
MTS

Начало работы

Откройте Photoshop и перейдите в меню «Окно». Убедитесь, что выбрана временная шкала, после чего в нижней части экрана появится панель инструментов видео. В качестве альтернативы перейдите в «Окно»> «Рабочая область»> «Движение», чтобы открыть весь набор элементов управления видео.

Теперь пора импортировать видео файл. Либо перетащите поддерживаемое видео в главное окно Photoshop, либо щелкните значок киноленты на шкале времени и выберите «Добавить мультимедиа».

В качестве альтернативы, для более точного управления файлом при экспорте, выберите «Файл»> «Создать».В раскрывающемся меню выберите «Кино и видео» и установите соответствующие значения. После создания нового документа импортируйте сам видеофайл, выбрав «Слой»> «Слои видео»> «Новый слой видео из файла».

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

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

Выберите правильное имя слоя и затем выберите «Слой»> «Смарт-объекты»> «Преобразовать в смарт-объект».

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

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

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

В зависимости от комбинации камеры и объектива, используемой для съемки видео, вы можете применить фильтр коррекции объектива. Photoshop может автоматически определять, какой камерой было снято видео. Перейдите в Фильтр> Коррекция объектива, и Photoshop должен автоматически определить камеру.

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

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

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

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

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

Доступные параметры: черно-белый, фотофильтр, кривые, экспозиция и регулировка яркости / контрастности.

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

Переходы

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

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

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

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

Текст и объекты

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

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

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

На своем веб-сайте Adobe есть подробная информация о работе с более сложным движением.

Экспорт

Когда ваш шедевр будет готов к работе, перейдите в меню «Файл»> «Экспорт»> «Визуализировать видео». Внесите любые изменения в Тип выходного файла или выберите одну из множества предустановок Adobe, чтобы создать короткометражный фильм для YouTube или Vimeo. Убедитесь, что выбран «Adobe Media Encoder», а не «Photoshop Image Sequence», иначе вы получите серию неподвижных изображений JPEG, а не видео.

Когда вы будете удовлетворены настройками экспорта, нажмите «Рендеринг» и позвольте Photoshop сделать ваш фильм.

Создание объемных фигур в фотошопе. Как быстро сделать объемные красивые буквы в Photoshop

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

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

Для создания объемной надписи начать думать о цвете шрифта.Представьте себе объемное изделие любимого цвета. Есть определенная разница между светлой и темной частью объекта. Основной цвет практически не меняется, но, тем не менее, оттенки совершенно разные. Цвет надписи играет важную роль в создании трехмерного текста. Вышел немного цвета. Можно сделать надпись более естественной.

Для начала пишем текст на белом рабочем пространстве. Еще одна оговорка: используйте шрифт с жирной надписью впервые.С ним у вас точно получится позаниматься. А шрифты с изящным рисунком не подходят. Я использовал шрифт Dino Pro. Цвет текста пока не важен. Разобьем его градиентом.

В окне слоя делаем клик по слою с надписью правый клик. В раскрывающемся окне выберите «Параметры наложения».

Настроим градиент. Переход с цвета # 886174 на # AF7C94.

Получился этот градиент.

Теперь перейдите в окно слоя.Щелкаем по слою с текстом и в выпадающем списке выбираем «Создать дубликат слоя».

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

Уберите галочку с градиента. И поставил «наложение цвета». Нам нужен цвет #eddacf. Этот слой будет бликом на 3D-тексте. Так наши письма будут казаться более объемными.

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

Что-то уже начинает проясняться.

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

Вот и сейчас. Думаю, можно было бы добавить тень.

Делаем еще один дублирующий слой. Опять же, он должен быть первым по порядку в окне слоя.Не нужно перекладывать. Выберите его в слоях коня. Щелкните правой кнопкой мыши. Выберите «преобразовать в смарт-объект». Нажмите комбинацию клавиш Ctrl + T. Делаем щелчок правой кнопкой мыши на слое уже в рабочем окне. Выберите команду «Перспектива». Сиська за угол текста. Вот, что должно получиться:

Теперь с помощью «параметров наложения» меняем цвет этого слоя на белый. Слой стал для нас невидимым. И снова трансформируем его в смарт-объект.

Нажмите Ctrl + Shift + N, чтобы создать новый слой. Выберите рабочее пространство, соответствующее шрифту. На панели инструментов ищем «градиент».

Его настройки находятся здесь:

Щелкните и спросите их:

Нижний левый ползунок: цвет # E4E4E4. Справа внизу — белый.

Верхний левый ползунок: непрозрачность 100%. Справа внизу — 0%.

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

Теперь щелкните этот слой в окне слоев правой кнопкой мыши и выберите «Создать обтравочную маску».

Уменьшаем слои. Мы экономим. Все!

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

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

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

Текстовое описание подходит не только для курения, для начинающих есть видео-версия ниже.

1. Создайте новый документ. Я создал с теми параметрами, что на скриншоте, конечно, возможны другие размеры.

2. Залейте основной слой подложки темно-серым, например, # 333333: Редактирование → Выполнить заливку → В верхнем раскрывающемся меню выберите «Цвет» → Назначить темно-серый → Нажмите OK. Или вы можете просто выбрать цвет заливки, затем взять инструмент «Заливка» (ведро) и залить слой.

3. Создайте текст. Для текста я выбрал Myriad Pro Bold, цвет # ffcc00. Слова написаны на разных слоях. Преобразовал их размер с помощью свободного преобразования (Ctrl + T) в желаемое соотношение между ними. Расположены они друг относительно друга.

4. Восстановите текстовые слои и объедините их в один слой: Удерживая нажатой клавишу SHIFT, выберите нужные слои → Щелкните правой кнопкой мыши → Выберите «Rastrier text». Затем для объединения мы делаем то же самое, но выбираем «объединить слои».

5. Слегка исказить текст (наклонить) произвольной трансформацией. Включите трансформацию (Ctrl + T) → Удержание CTR, потянув за угол.

6. Дважды щелкнув по слою с текстом, в окне стилей слоя устанавливаем следующие эффекты: тиснение, блеск, наложение градиента. Цвета с тиснением (режим подсветки и режим тени) для этого случая: # FFCC66 и # DFA125.

Цвет глянца в этом примере # F3881F.

Использованы цвета градиента: слева светлый # F7F3A7, справа темный # F3881F.

7. Дублируйте слой с текстом (Ctrl + J). В дубликате удалите эффекты, просто перетащив их в корзину на панели слоев. Делаем цветной дубликат темнее — методами масс. Я делал с помощью «кривых». Изображение → Коррекция → Кривые → Обведите кривую вправо мышью, как на скриншоте. Уменьшите насыщенность этого слоя: Изображение → Коррекция → Цветовой тон / Насыщенность → Переместите ползунок насыщенности на -40.Перетащив этот слой под первый слой с текстом и эффектами.

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

8. Объединяем получившиеся слои — удерживая SHIFT выделяем все сформированные слои (ниже исходного слоя с текстом) → Щелкаем правой кнопкой мыши и выбираем «объединить слои».

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

10. Продублируйте этот слой. Управляет своими кривыми (изображение → Коррекция → Кривые). Добавляем размытие (фильтры → Размытие → Размытие по Гауссу)

11. Полученный темный размытый слой накладываем сразу на серый фон и немного сдвигаем на юго-запад.

12. Добавьте тень от нижней части букв (на слое с выпуклостью): на поверхностях с углами мы делаем выделение с помощью многоугольного лассо и с помощью инструмента «затемнение» (экспозиция 50%) затемняем их. области.На поверхностях без углов (круглые буквы) просто штучка интуитивно понятна.

Тем, кто не разбирается в no dam, посмотрите, как сделать объемный текст в фотошопе (ниже), наверное, будет проще освоить.

Оставляйте пожалуйста комментарии и вопросы! Пожалуйста, нажимайте кнопки социальных сетей!

Не в теме

Недавно ко мне в подземном переходе подошел молодой человек 30 лет, попросил сигарету. Я достал ему пачку.Он вдруг заговорил: «Послушай, брат я дал двоих». Приобрела еще одну и спросила — «это как« на безнадежном »? Пить чтоли?». Он сказал — «Слушай, в общем, по безысходности, тебе надо идти», взял сигареты и исчез. И я вспомнил роман Короля «Намедма».

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

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

Photoshop, дизайнер или онлайн-версия

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

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

Можно создать логотип с помощью онлайн-сервиса. Кстати, недавно были опубликованы обзоры на некоторые из них. Рекомендую прочитать (). Если сейчас, то не раньше, то сразу могу посоветовать сервис www.logaster.ru. . Там действительно все можно сделать быстро и очень красиво, но вам понадобится около 1500 рублей.

Есть и третий способ — сделать логотип в фотошопе, а потом принять временное решение или навсегда.Даже если результат вам не понравится, вы узнаете много приемов, которые пригодятся в будущем. Ну что, приступим?

Работа началась

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

Создайте новый документ.

Размер не так важен, но лучше использовать размер побольше.У меня 900х600 пикселей. Всегда легче уменьшить, чем увеличить.

Если у вас недостаточно дизайнерского опыта и вы ищете новые техники и решения, могу порекомендовать вам сервис www.colorscheme.ru. , Поможет подобрать идеальное сочетание цветов, так как сейчас будем заливать фон. Вы, кстати, можете использовать текстуры. Вы можете бесплатно скачать их с Google, Яндекс или http: // photoshop-master.RU. .

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

Теперь щелкните инструмент «Текст» и измените цвет.

Сделаю золотые объемные буквы.

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

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

Также возможно сделать это комбинацией клавиш Ctrl + T — свободное преобразование.

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

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

Щелкните правой кнопкой мыши еще раз, чтобы открыть дополнительное меню.

Теперь вам нужно объединить слои.

Снова выберите Ctrl + T и увеличьте текст.

Затем щелкните правой кнопкой мыши выделенный фрагмент. Появится дополнительное меню трансформации. Теперь вам нужно искажение. Надо «положить» объемный текст.

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

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

Если вы хотите попробовать исказить текстовый слой, как это сделать? Вернитесь на несколько шагов назад, выберите два текстовых слоя, щелкните правой кнопкой мыши и выберите функцию «Связать слои». Затем Ctrl + T и в выделенной части щелкните правой кнопкой мыши, активируйте «искажение».Затем покайтесь и соедините слои.

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

Выберите «тиснение» и «контур».

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

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

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

Теперь добавим «глянец». Опять же, в природе он был бы оранжевым. Уменьшите непрозрачность, чтобы выглядеть естественно.

Перейти к наложению градиента.

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

Теперь измените режим перекрытия на «перекрытие» и уменьшите непрозрачность.

Готово. Теперь скопируйте этот слой, нажав Ctrl + J.

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

Выбираем в верхней панели «Изображение» — «Коррекция» — «Кривые».

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

Перетащите этот темный слой вниз, под основной.

Вы выбираете инструмент «Перемещение» и нажимаете стрелку вниз, а затем влево на клавиатуре.

Уберите Alt и продолжайте нажимать стрелки вниз и влево, пока буквы не станут объемными.

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

Теперь правая кнопка мыши и «совмещаем слои».

На моем примере я немного отошел, думаю, вы заметили. Я снова выбираю инструмент «Перемещение».

Перемещение стрелок на один новый слой вверх и влево.

Можно сделать этот слой любимым.Зайдите в «Изображение» — «Коррекция» — «Сочность».

Переместите ползунок «насыщенность» вправо.

Теперь мы используем «градиент наложения».

От черного к белому.

Режим наложения: «перекрытие» и уменьшение непрозрачности.

Создайте еще одну копию слоя, одновременно нажав Ctrl и J.

Слой нужно сделать черным, это будет тень.Зайдите в меню «Изображение» — «Коррекция» и найдите здесь «Уровни».

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

Теперь перетащите новый слой с тенью вниз. Под ним должен остаться только фон.

Знакомые действия. Выберите «Движение» и нажмите на стрелки вниз и влево.

Используем «фильтр» — «Размытие по Гауссу».

Устанавливаем объем тени, как вам нравится.

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

Скачать мои образцы>>

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

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

Ну вот и все, желаю успехов в начинаниях. До новых встреч!

В этом уроке вы узнаете, как создать глянцевый 3D-текст в Photoshop.

Шаг 1. Создайте документ размером 800×1000 пикселей с разрешением 300 dpi. Мы выбрали документ такого большого размера по трем причинам.
Во-первых, когда вы создаете что-то в Photoshop, а затем импортируете это в любой проект, вам может потребоваться отрегулировать размер изображения, и если исходный материал небольшой, то при увеличении он может сильно терять в качестве.
Во-вторых, при работе с большими изображениями мы можем уделять больше внимания мелким деталям.
В-третьих, у нас стало больше свободного места для работы.

Шаг 2. Первое, что нам нужно сделать, это создать письмо. Я решил использовать шрифт Defeqto с сайта www.dafont.com.
Я буду работать с буквой Б, но вы можете использовать любую другую. Мне кажется, что глянцевый эффект будет лучше смотреть на этом шрифте.
Щелкните правой кнопкой мыши по букве и выберите Rasterize Type. (растровый текст). Это даст нам возможность отредактировать его.

Шаг 3. (На этом шаге мы, конечно, при необходимости разместим заказное письмо.Можете пропустить эту часть и сразу перейти к шагу 6)
Края шрифта немного неровные, давайте исправим. Активируйте инструмент Elliptical Marquee Tool (выделение Oval) (M). Удерживая SHIFT, создайте выделение, повторяющее форму верхней части буквы. Как видно на рисунке ниже, позиция выделения не совсем правильная, поэтому щелкните правой кнопкой на выделении и выберите Transform Selection. (Преобразовать выделение). Регулируем положение как показано на скриншоте.Тогда просто Жмем Удалить. Для удаления выбранной детали. Благодаря этому очертания букв стали плавными, как мы и хотели.

Шаг 4. Нам также нужно исправить внешние края, для этого мы создаем выделение, как на предыдущем шаге, и инвертируем его SHIFT + CTRL + I . Затем возьмите Eraser Tool. (Ластик) (E) с непрозрачностью (непрозрачностью) и потоком (нажатие) на 100%. Стираем лишние края.

Шаг 5. Активируйте инструмент Pen Tool. (Перо) (P) и создайте плавную кривую в углу буквы, как показано на рисунке 1. Нажмите правую кнопку мыши и выберите Make Selection (Create a selection). Убедитесь, что параметр Feather установлен на 0,2 пикселя. Не оставляйте углы слишком крутыми и не делайте их слишком резкими. Мы используем эти действия для других частей письма, которые требуют исправления. На рисунке 3 показано, что произошло в итоге.

Шаг 6. Мы подошли к той части урока, в которой мы создаем 3D-эффект с неоновым свечением. Перейти Edit — TRANSFORM — FREE TRANSFORM (Редактирование — преобразование — свободное преобразование) (Ctrl + T). Удерживая SHIFT + Alt + Ctrl , я тяну за правый угол вниз, чтобы в будущем деформировать букву (рис. 1). Затем я подтягиваю один из боковых узелков к центру, как на Рисунке 2.

Шаг 7. Теперь давайте дадим текст объема. Берем инструмент Move Tool (Перемещение) (V), активируем слой с буквой, зажимаем клавиши Ctrl + Alt. И, обозначенный двойной стрелкой, переместите букву вправо 18 раз, чтобы создать 18 копий. После этого зажмите Ctrl и выделите копии 8, 9 и 10, затем объедините их комбинацией Ctrl + E. Мы называем этот слой «Свечение». Далее примените к нему (Изображение — Коррекция — Цветовой тон / Насыщенность) (Ctrl + U). Установите параметр Lightness на максимум.

Шаг 8. Затем выделяем копии 11-17 и объединяем их (Ctrl + E), вызываем слой «лицевая часть».Теперь совместите копии 1-7 с оригиналом и также объедините. Мы называем «тыльный» слой. Затем выделяем копию 18 и переименовываем ее в «Дизайн».

Шаг 9. Создайте новый слой «Сияние» поверх слоя «Дизайн». Затем зажмите клавишу Alt и щелкните между этими двумя слоями. В результате возле слоя «Light» появляется маленькая стрелка, направленная вниз, что означает, что применяется обтравочная маска. Активируйте инструмент RECTANGULAR MARQUEE TOOL (Прямоугольное выделение) (M), создайте выделение всей буквы и залейте его белым цветом Edit — Fill (Editing — fill).Затем возьмите инструмент Elliptical Marquee Tool (овальное выделение) (m) и выделите нижнюю часть буквы, как показано на рисунке 2. Нажмите кнопку Delete. Чтобы удалить выделенную часть, как показано на рисунке 3. Теперь создайте маску слоя. Вы можете сделать это, щелкнув небольшой прямоугольник с кружком внутри в нижней части панели слоев Добавить маску слоя. (Добавьте маску слоя). Активируйте маску, щелкнув второй белый прямоугольник на слое «сияние».

Возьмите Gradient Tool. (Gradient) (G) от черного к белому, линейный, отключите опцию Reverse (перевернуть), если она активна. Мы выполняем градиент сверху вниз документа и уменьшаем Непрозрачность (непрозрачность) слоя «сияние» примерно на 50-60%. Убедитесь, что ваше письмо похоже на мое.

Шаг 11. Нам нужна белая линия в центре светящегося, но перед этим избавляемся от той части слоя, которую мы не видим. Удерживая Ctrl , щелкните по миниатюре слоя «Передний».Вы должны нажать на миниатюру, так как нам нужно загрузить разделение слоя. После этого перейдите на слой «Свечение» (просто нажмите на него) и нажмите Удалить. Скройте слои «Фасад» и «Дизайн» и вы увидите результат данных манипуляций. Снимаем выделение Ctrl + d. Теперь переместим слой «Свечение» в самый верх панели слоев. После этого выделяем слои «передняя часть» и «задний» и объединяем их вместе (Ctrl + E). Назовите новый слой «body».

Шаг 12. Активируйте слой «Glow», нажмите кнопку «FX» внизу панели слоев и выберите Outer Glow (внешнее свечение). Я хочу, чтобы свечение было бирюзового цвета. Мы устанавливаем размер свечения на 6 и цвет 00E1F5.

Шаг 13. Теперь сделайте углы букв более плавными. Для этого загрузите выделение слоя дизайна. Перейти ВЫБРАТЬ — Изменить — Контракт (Выбор — изменение — сжать). Мы вводим 2 пикселя, затем инвертируем выделение SHIFT + CTRL + I. Прежде чем продолжить, убедитесь, что слой «светится». Теперь нажмите «Удалить», чтобы удалить лишнюю часть.

Шаг 15. Активируйте слой «Дизайн» и нажмите кнопку «FX» внизу панели слоев. В меню выберите Inner Glow. (Внутреннее свечение).

Шаг 16. Снова нажмите кнопку «FX» и выберите Create Layers. (Создать слои), в соединенном окне нажмите ОК.. Теперь стиль слоя с внутренним свечением находится на отдельном слое. Переименуйте его в «свечение краев». Убедитесь, что ваши слои выглядят так же, как и мои.

Шаг 17. Создайте маску слоя для слоя «Свечение краев» и нажмите Ctrl + I. Чтобы изменить ее цвет на черный. Убедитесь, что слои вашей панели также выглядят.

Шаг 18. Возьмите кисть (B), средняя жесткость белого цвета составляет около 100 пикселей с Непрозрачностью (Непрозрачность) 100% и FLOW (Нажмите) на 15%.Убедитесь, что цвета переднего и заднего планов установлены на черный и белый соответственно, если нет, то нажмите клавишу D. . Чтобы быстро сменить цвет с черного на белый, нажмите клавишу X. Щелкните кистью в тех местах, в которых должна быть видна белая окантовка. Вы также можете поэкспериментировать с параметрами кисти. Делайте это только в тех местах, где есть закругленные края, и совсем немного на жестких, как показано на рисунке ниже. Помните, что у сияния должен быть источник света, и поскольку я сделал букву немного развернутой, свет будет падать на левую сторону.Не стоит делать светящимися все углы, так как это будет смотреться нереально.

Шаг 19. Теперь мы должны добавить отражения. Активируйте слой «Дизайн», перейдите Файл — Поместить. (Файл — Поместить) и выбираем любое изображение, желательно высокого разрешения. Я использовала фотографии с цветами. Затем поместите новый слой, как показано на рисунке 2.

Шаг 20. Если изображение преобразовалось в смарт-объект, щелкните по нему правой кнопкой мыши и выберите Rasterize Layer. (Растровый слой). Теперь мы можем редактировать этот слой. Далее нам нужно укоренить окно Hue / Saturation. (Цветовой тон / Насыщенность). Изображение — Коррекция — Цветовой тон / Насыщенность (Изображение — Коррекция — Цветовой тон / Насыщенность) или Ctrl + U. Уменьшите насыщенность (насыщенность) примерно до -95% или -90% и нажмите «ОК». Теперь уменьшаем непрозрачность (непрозрачность) до 20-25%.

Шаг 21. Создайте маску слоя для изображения, которое вы решите использовать в качестве отражения. После этого используйте инструмент Gradient Tool. (Градиент) (G) Так же, как мы делали в шаге 10, но на этот раз проведите градиентом вверху буквы, чтобы маска не была полностью удалена.

Шаг 22. Вы можете курить на нем, но можете продолжать добавлять детали.
Теперь мы добавим небольшой красивый эффект. Я использовал рукописный текст в отсканированной мной книге. Импортируйте его в рабочий документ через Файл — Место. (Файл — Место). Если изображение стало смарт-объектом , растро его.У нас есть изображение, показанное на рисунке 1. Полностью измените цвет изображения с помощью текста SHIFT + Ctrl + U. Теперь вам нужно применить Levels. (Уровни) (Ctrl + L), чтобы только черный и белый цвета. Нам не нужны оттенки серого, поэтому открываем уровни Изображение — Коррекция — Уровни (Изображение — Коррекция — уровни) и перемещаем ползунок Highlights (Light) вправо и ползунок Shadows (оттенок) влево до тех пор, пока изображение не появится. остается только черный и белый, как показано на рисунке 3. Установите режим смешивания слоев на Screen. (Молния). Затем уменьшите Непрозрачность (Непрозрачность) до 70%.

Шаг 23. Продолжаем работать над слоем с текстом. Загрузите выделение слоя «Дизайн» и сожмите его на 2 пикселя, как мы это делали до ВЫБОР — Модификация — Контракт (Выделение — изменение — сжатие). Затем SELECT — Modify — Feather (Selection — модификация — решающая), введите 1 пиксель. Мы инвертируем выделение SELECT — INVERSE. (Выделение — инвертировать) (SHIFT + CTRL + I) и дважды щелкните Удалить.. Выбор все еще активен, мы выделяем слой с изображением, которое мы использовали для отражения (то есть с цветами), и дважды щелкаем Удалить. Сравните рисунок 1 и рисунок 2.

Шаг 24. Остальное ваше! На черном фоне хорошо смотрится буква! Если вы выберете темный фон, вам нужно будет добавить свечение к черным областям, как это сделал я. Повторяем шаги 15-17, но на этот раз используем все для слоя «тело».

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

Шаг 1. Создайте новый документ ( Ctrl +. N. ) размером 1280×1024 и 72 пикселя / дюйм .
Берем инструмент «Прямоугольник» ( Rectangle Tool (U) ), в режиме слоя цвет белый. И растяните прямоугольник на весь документ.

Дважды щелкните получившийся слой с прямоугольником, чтобы открыть окно Стиль слоя . Задайте в нем следующие параметры:
Overlay gradient ( GRADIENT OVERLAY) :

Параметры градиента:

У вас должен получиться этот фон:

Шаг 2. Используя инструмент «Произвольная фигура» ( ИНСТРУМЕНТ ПОЛЬЗОВАТЕЛЬСКОЙ ФОРМЫ (U)) давайте попробуем нарисовать лучи из центра картины.

Выберите Рисунок — « Зарегистрированная цель 2. », в режиме слой-фигура (если у вас нет такой фигуры, вам нужно просто добавить ее, она находится на вкладке « Символы ») .

Восхождение Shift Равномерно растяните фигуру, если возможно на новостном полотне.Затем зажмите клавишу Ctrl и поместите получившуюся фигуру в центр.
* Если остановились с размером, или наоборот не дошли, нажмите Ctrl +. T. (Свободное преобразование) и нажатием клавиши Shift. , уменьшите или увеличьте фигуру в размере *

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

Теперь нам нужно упомянуть точки в центре, чтобы они двигались при движении. Для этого нужно удерживать клавишу Shift., Щелкай по точкам. Это можно сделать как инструментом « Стрелка » (A), так и инструментом « Угол » ( CONVERT POINT TOOL).
Для удобства изображение лучше увеличить.

Уменьшить изображение Теперь нужно собрать лучи в центре изображения.Применим свободное преобразование ( Ctrl +. T. ) и, удерживая клавишу Shift., равномерно со всех краев сузим рамку трансформации к центру. Края фигуры останутся неподвижными, а середина преобразится.

Примените стиль слоя к этому слою:
Непрозрачность 70%, Заливка 0%
Наложение градиента:

Параметры градиента:

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

Шаг 3. Создайте новый слой ( SHIFT +. Ctrl +. Alt +. N. ), возьмите инструмент « Кисть » ( Brush Tool (B)) Цвет — черный, непрозрачность 10 %, жесткость 0%

И затемните края изображения.

Шаг 4. Теперь напишите стиль слова.
Каждую букву нужно написать на отдельном слое.
Настройки шрифта:

* Чтобы у вас был точно такой же текст, нужно включить « Capitals » (TT), а при написании буквы «E» отключить (TT) *

Берем инструмент « Move » ( V), в настройках инструмента поставьте галочку напротив — автобрейк.
И, нажимая на каждую букву, разместите их как на скриншоте.

Затем, используя Свободное преобразование (Ctrl + T), нажав клавишу Ctrl Разместите каждую букву, как показано на скриншоте.

Шаг 5. Объедините все слои с буквами. Для этого кликните по первому слою с буквой, затем найдите последний слой с буквой и поднимитесь по клавише Shift. Щелкните по нему (все слои разместятся).Затем нажмите Ctrl +. E. .
Теперь лечим клавишами Ctrl +. Alt, И нажимаешь на букву, чуть пропадаешь каждый полученный дубликат вниз.
Для более точного результата лучше всего увеличить изображение до размера одной буквы. У вас должно получиться много слоев, автор оказался 38.

Шаг 6. Объедините все слои со словом «Стиль», кроме самого первого. Поменяйте первый слой местами (со стилем слова) и слой, полученный после совмещения слоев.
К полученному слою (из объединенных слоев) примените стиль слоя:
Наложение градиента:

Параметры градиента:

Получите вот так:

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

Создайте новый слой над слоем, к которому ранее был применен стиль слоя.Затем, удерживая клавишу Ctrl , щелкните по слою с эффектами, тем самым выделив его тоже. Нажмите Ctrl +. E. Для объединения обоих слоев.

Берем приспособление «Диммер» (Burn Tool (O)), Exposure. Нанесите немного 15-20% и на получившемся слое нарисуйте тени.

Теперь возьмите инструмент «Зажим» (Dodge Tool (O)) и на том же слое нарисуйте немного бликов.

Шаг 8. Перейдите к слою с желтым словом Style. И примените к нему стиль слоя:

Параметры градиента:

Обводка (Stroke):

Вот что происходит:

«Инструмент» Линия » (U)),

Шаг 9. Теперь нарисуем ленту, лежащую в буквах. Берем инструмент Pen Tool (P)) В режиме слоя цвет черный и рисуем первую часть ленты.

* Если вы не умеете пользоваться «Перо», то прочтите уроки по работе с пером, их на сайте достаточно *. Примените стиль слоя к полученному слою:

Наложение градиента:

Параметры градиента:

Результат:

Теперь нарисуйте продолжение ленты.

Применить стиль слоя:
Наложение градиента:

Параметры градиента:

Получается так:

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

Параметры градиента:

5 способов создания «мягких световых эффектов» в Daz Studio и Photoshop

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

В этом уроке мы сосредоточимся на смягчающих эффектах, которые мы получаем от камеры, освещения и атмосферы. Мы достигаем этих эффектов частично в Daz Studio и частично в Photoshop. Мы будем использовать композицию ниже, чтобы проиллюстрировать различные эффекты. Фоном является Sacelleum of Corlyk, волосы — Sapphire Hair, а наряд — Novariens Holy для V4.

5 способов создания «мягких световых эффектов» в Daz Studio и Photoshop

1. Глубина резкости

Один из самых простых способов смягчить изображение в Daz Studio — добавить эффекты глубины резкости. Это эффект камеры, который сохраняет резкими объекты в фокусе и размывает все остальное в зависимости от расстояния. Например, на изображении ниже у нас включена камера с глубиной резкости, а параметр F / Stop установлен на 32. Мы устанавливаем точку фокусировки камеры между глазами нашей фигуры.Обратите внимание, что на основе этих настроек наша фигура резкая, в то время как фоновые элементы размыты.

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

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

Изображение в стиле фэнтези с выключенной глубиной резкости камеры.

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

Обратите внимание, что для получения более точных эффектов глубины резкости я добавляю нулевую точку в свою сцену ( Create> New Null ), привязываю ее к голове моей фигуры и помещаю прямо между глазами фигуры. Затем я могу использовать эту нулевую точку в качестве точки кадрирования камеры.

2. Mesh Lighs

Другой способ смягчить освещение — использовать сеточные светильники вместо прожекторов. Вот быстрый и простой способ превратить прожектор Daz Studio в сетчатый свет.

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

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

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

3. Объемное освещение

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

Объемное освещение — это метод, используемый в трехмерной компьютерной графике для добавления световых эффектов к визуализированной сцене. Это позволяет зрителю видеть лучи света, проходящие сквозь окружающую среду; солнечные лучи, текущие через открытое окно, — это пример объемного освещения, также известного как сумеречные лучи.
~~ [Википедия]

Фэнтези-арт «Падший ангел» с объемным светом, визуализированным с помощью камер атмосферных эффектов AoA для DAZ Studio. 3D-рендеринг.

В 3Delight я могу получить объемные световые эффекты, используя камеры атмосферных эффектов Age of Armour для DAZ Studio.Объёмная камера Volumetric Camera в этом пакете позволяет мне выбирать источники света для визуализации атмосферных эффектов. Это просто в использовании, быстро, и мне нравятся результаты, которые я получаю. На изображении выше используется камера AoA для визуализации луча света (от прожектора), падающего на падшего ангела. В комплекте также есть противотуманная камера , которая полезна для добавления атмосферы к нашим изображениям. Обратите внимание, что эти камеры AoA работают только в 3Delight.

В Daz Studio Iray я получаю объемные световые эффекты с помощью AtmoCam для Iray от Marshian.Поскольку Iray является физически основанным средством визуализации, нам нужно фактически смоделировать наш объем воздуха с помощью эффектов рассеяния. Пакет Marshian поставляется с большой объемной опорой, которую мы используем для инкапсуляции нашей сцены, а также набором материалов для получения различных эффектов рассеивания и цветов. Хотя это упрощает для нас часть настройки объемного света, его не так просто использовать, как атмосферные камеры AoA (только в 3Delight) .

Белый ангел, темные щупальца, фэнтези-арт. Выполнено в Daz Studio Iray с использованием AtmoCam Маршиана для Iray.

Некоторые вещи, о которых следует помнить при настройке AtmoCam Маршиана —

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

О чем следует помнить при настройке AtmoCam Маршиана.

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

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

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

На рендеринг объемных источников света, основанных на физике, может потребоваться много времени, поэтому я обычно останавливаю его перед полным схождением. Затем я могу удалить большую часть шума в Photoshop, выполнив Filter> Noise> Despeckle. Я повторяю эту операцию, пока не получу желаемый результат.

Более дешевый, но менее точный способ получения световых лучей в Daz Studio — использование реквизита, например реквизита Simple Godrays для 3Delight или реквизита Expanded Godrays Iray для Iray. Они будут визуализироваться быстрее, но поскольку они всего лишь реквизиты, образцы света и тени могут не соответствовать реалистичным объектам в сцене.

Еще один способ добавить световые лучи или туман в наши изображения — это сделать это в постобработке, например, с помощью кистей Photoshop. Однако нам нужно будет убедиться, что наши добавленные 2D-лучи света правильно совпадают с 3D-освещением в нашей сцене, что может быть проблемой.

Вот почему мой предпочтительный метод добавления объемных световых эффектов в Daz Studio — визуализировать его либо через камеру AoA (3Delight), либо через AtmoCam Маршиана (Iray). Это даст нам реалистичный свет и тени в соответствии с нашей сценой.

Я предпочитаю добавлять эффекты световых лучей в Iray с помощью объемной опоры, например, с AtmoCam для Iray.

4. Свечение

Я добавляю свечение своим изображениям в Photoshop. В этом более раннем руководстве дается подробное объяснение того, как я добавляю и контролирую уровень свечения в моих изображениях Daz Studio.

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

Мы также можем получить эффекты свечения от рендерера Daz Studio Iray, включив Bloom Filter.

Для этого

Как включить Bloom Filter в Daz Studio Iray, чтобы получить эффекты свечения.

Перейдите в «Настройки рендеринга»> «Редактор»> «Фильтрация».
Щелкните Bloom Filter Enable. Это откроет больше возможностей для контроля силы и площади цветения.

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

5. Мягкий свет и размытие по Гауссу

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

Как смягчить изображение с помощью Soft Light и Gaussian Blur в Photoshop.

Создайте составной снимок текущего изображения, выполнив Ctrl + Shift + Alt + E в Photoshop. Это создаст объединенное изображение всех наших текущих видимых слоев.
Выберите наш объединенный слой и измените режим наложения на Soft Light.
Перейдите в Фильтр> Размытие> Размытие по Гауссу. Я обычно устанавливаю радиус размытия 80 во всплывающем окне. Однако это будет зависеть от размера изображения и личных предпочтений. Поиграйте с этим значением, пока не найдете то, что вам нравится.
Чтобы еще больше усилить смягчающий эффект этого слоя, мы можем изменить наш режим наложения на Overlay.
Наконец, мы точно настраиваем силу нашего смягчающего эффекта, изменяя непрозрачность нашего объединенного слоя.

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

На изображении справа для нашего объединенного слоя установлен режим наложения Overlay, радиус размытия по Гауссу 50 и непрозрачность 100%.

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

Unicorn Princess Fantasy Art с очень мягкими световыми эффектами.

Статьи по теме

Освещение Daz Studio — от новичка до настоящего момента

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