Текст 3д для фотошопа: Создай объёмный текст в Фотошоп / Creativo.one
Создай объёмный текст в Фотошоп / Creativo.one
Материалы для урока:
Архив
Шаг 1. Создадим новый документ (Ctrl + N), 1600px по ширине и 1000px по высоте. Установим цвет переднего плана на # 8a5a01, а цвет фона # ba9145, и затем перетащим Линейный градиент (Linear Gradient) слева, направо. Вы можете выбрать другой цвет, который Вам нравиться, или добавить корректирующий слой, чтобы изменить цвета, как показано в конце этого урока.
Откроем панель настроек Кистей (Brush) Окно-> Кисть (Window -> Brush), и изменим настройки Форма отпечатка кисти (Brush Tip Shape), как показано ниже:
Напишем текст с помощью шрифта BorisBlackBloxx, размер 400 пикс.
Если Вы думаете, что кривая нуждается в большем количестве точек, Вы всегда можете добавить их с помощью инструмента Добавить опорную точку (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)
Перейдем в Фильтр-> Размытие-> Размытие по Гауссу (Filter-> Blur-> Gaussan Blur) и введем значение Радиус (Raduis) 20.
Меняем Режим смешивания (Blend Mode) слоя «Тень» на Умножение (Multiply) и Непрозрачность (Opacity) до 70%.
Если Вы хотите, Вы можете выделить все видимые слои (кроме фона), затем перейти в меню Редактирование-> Трансформирование-> Перспектива
Шаг 8. Если Вы хотите изменить цвет фона, чтобы добавить больше контраста, выберите фоновый слой, и нажмите на иконку Создать новый корректирующий слой или слой заливку (Create new fill or adjustment layer) в панели слоев, затем выберите Цветовой тон/Насыщенность (Hue / Saturation).
Измените значения, как показано ниже:
Еще раз, нажмите на иконку Создать новый корректирующий слой или слой заливку (Create new fill or adjustment layer) в панели слоев, но на этот раз выберите
Наконец, выберите слой «Тень», затем перейдите к Слой-> Новый корректирующий слой-> Цветовой тон/Насыщенность (Layer-> New Adjustment Layer -> Hue/Saturation) и измените значение Насыщенность (Saturation) до -100 (в соответствии с новыми цветами фона).
Трехмерный текст готов! Надеюсь, Вы узнали что-то новое из этого урока.
Автор: Photoshopstar
Разноцветный текст в Фотошоп / Creativo.one
В этом уроке вы узнаете, как создать яркий текстовый эффект в Фотошоп.
Финальное изображение
Начинаем с создания нового документа (CTRL+N) размером 1900х1200 px (режим RGB) с разрешением 72 пикселя/дюйм. Затем жмем на кнопку Add a layer style (Добавить стиль слоя) в нижней части Панели слоев и выбираем Gradient Overlay (Перекрытие градиентом).
Жмем на цветовую панель, чтобы открыть Gradient Editor (Редактор градиента) и устанавливаем цвета, как на скриншоте ниже. Кликаем OK, чтобы закрыть диалоговое окно.
Получаем вот такой фон:
Активируем Horizontal Type Tool (Горизонтальный текст) (T). Выбираем шрифт, размер и цвет на панели Character (Символ).
Кликаем на рабочем полотне и пишем «Adobe Lightroom 3». Жмем Enter.
Кликаем на Add a layer style (Добавить стиль слоя) внизу Панели слоев и выбираем Drop Shadow (Тень).
Получаем вот такую тень на тексте:
Создаем новый слой и выбираем кисть Soft Mechanical.
Рисуем кистью поверх текста цветом #07384F с Opacity (Непрозрачность) 30%.
Зажимаем клавишу Alt (Windows) или Option (Mac OS) и кликаем между слоем, на котором только что работали, и текстовым слоем, чтобы создать обтравочную маску.
Получаем вот такой результат:
После этого активируем Pen Tool (Перо) (P), устанавливаем режим на Shape Layers (Слой фигуры) и рисуем фигуру, как показано ниже. Цвет выбираем #13A7C5.
Устанавливаем Fill (Заливка) слоя на 0%, жмем Add a layer style (Добавить стиль слоя) внизу Панели слоев и выбираем Outer Glow (Внешнее свечение).
И Inner Glow (Внутреннее свечение):
Получаем вот такой результат:
Вставляем маску на слой, кликнув на кнопку Add layer mask (Добавить слой-маску) внизу Панели слоев, затем выбираем кисть Soft Mechanical черного цвета с Opacity (Непрозрачность) 15%.
Кистью редактируем маску, чтобы сгладить края фигуры.
Зажимаем клавишу Alt (Windows) или Option (Mac OS) и кликаем между слоями, чтобы создать обтравочную маску.
Получаем следующий результат:
Несколько раз дублируем (CTRL+J) последний созданный слой, активируем Free Transform (Свободное трансформирование) (CTRL+T) и меняем расположение копий, размещая их по всему тексту. Зажимаем Alt (Windows) или Option (Mac OS) и кликаем между слоями, чтобы создать обтравочную маску.
Снова используем Pen Tool (Перо) (Р), чтобы нарисовать новую фигуру цветом #B6BC36.
Устанавливаем Fill (Заливка) слоя на 0%, жмем на кнопку Add a layer style (Добавить стиль слоя) внизу Панели слоев и выбираем Outer Glow (Внешнее свечение).
И Inner Glow (Внутреннее свечение):
Получаем следующий результат:
Вставляем маску на слой, кликнув по кнопке Add layer mask (Добавить слой-маску) внизу Панели слоев, и выбираем кисть Soft Mechanical черного цвета с Opacity (Непрозрачность) 15%.
Рисуем кистью по маске, чтобы смягчить края фигуры, как мы делали это раньше.
Зажимаем Alt (Windows) или Option (Mac OS) и кликаем между слоями, чтобы создать обтравочную маску.
Получаем следующий результат:
Далее мы должны создать несколько копий последнего созданного слоя, затем активировать Free Transform (Свободная трансформация) (CTRL+T), чтобы откорректировать расположение копий, как показано ниже. Зажимаем Alt (Windows) или Option (Mac OS) и кликаем между слоями, чтобы создать обтравочную маску.
Снова используем Pen Tool (Перо) (Р), чтобы создать новую фигуру.
Устанавливаем Fill (Заливка) слоя на 0%, жмем на кнопку Add a layer style (Добавить стиль слоя) внизу Панели слоев и выбираем Outer Glow (Внешнее свечение).
И Inner Glow (Внутреннее свечение):
Получаем следующий результат:
Вставляем маску на слой так, как мы делали это раньше, и корректируем фигуру кистью черного цвета.
Зажимаем Alt (Windows) или Option (Mac OS) и кликаем между слоями, чтобы создать обтравочную маску.
Получаем следующий результат:
Создаем несколько копий фигуры и с помощью Free Transform (Свободная трансформация) (CTRL+T) корректируем их расположение.
Создаем новый слой и используем кисть Soft Mechanical желтого цвета с Opacity (Непрозрачность) 15%.
Используем кисть, чтобы закрасить белые участки на тексте.
Создаем новый слой и меняем цвет кисти на красный, чтобы закрасить красные участки на тексте.
Создаем новый слой и выбираем кисть Soft Mechanical синего цвета с Opacity (непрозрачность) 15%, чтобы закрасить синие участки на тексте.
Получаем следующий результат:
Создаем еще один новый слой, используя кисть Soft Mechanical цветом #44425B с Opacity (Непрозрачность) 20%, рисуем тень на тексте.
Жмем на кнопку Create new fill or adjustment layer (Создать новую заливку или корректирующий слой) внизу Панели слоев и выбираем Curves (Кривые), чтобы сделать небольшую цветовую коррекцию.
Получаем следующий результат:
Жмем на кнопку Create new fill or adjustment layer (Создать новую заливку или корректирующий слой) внизу Панели слоев и выбираем Hue/Saturation (Цветовой тон/Насыщенность).
Перемещаем ползунки вправо, чтобы увеличить уровень Saturation (Насыщенность).
(нажмите на изображение, чтобы увеличить)
Автор: ART-D
Как быстро сделать объемный 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 1 571 times, 5 visits today)
Создаем в Photoshop мягкий 3D текст / Creativo.one
В этом уроке вы узнаете, как создать забавный текст с эффектом мягкой игрушки в Adobe Photoshop, используя 3D-инструменты, узоры и стоковые изображения. Начнем!
На создание этого эффекта меня вдохновили различные стили слоя, доступные на сайте GraphicRiver.
Скачать архив с материалами к уроку
Примечание: Автор использовал платные материалы. В архиве вы найдёте альтернативные бесплатные материалы для выполнения урока.
1. Редактируем и сохраняем узор
Шаг 1
Переходим File – Open (Файл – Открыть) и выбираем бесшовный цветочный узор в формате EPS. В результате появится диалоговое окно Rasterize EPS Format (Растеризация формата EPS), в котором мы устанавливаем Mode (Режим) на RGB Color (Цвета RGB) и снимаем галочку с параметра Anti-aliased (Сглаживание).
Благодаря деактивации параметра Anti-aliased (Сглаживание), края узора получатся четкие и не размытые, это облегчит нам дальнейшую работу.
Шаг 2
В открывшемся файле увеличиваем масштаб (Ctrl+) и переходим к левому верхнему углу документа. Обратите внимание, что в верхней части первого узора есть прозрачная полоса, из-за которой могут возникнуть проблемы с бесшовностью узора.
Поэтому следующие несколько шагов мы будем редактировать узор, чтобы исправить эту проблему. Остальные узоры мы просто выделяем и сохраняем, как отдельные картинки.
Шаг 3
Активируем Rectangular Marquee Tool (M) (Прямоугольное выделение) и выделяем первый узор. Не пытайтесь сделать выделение идеальным, так как в следующем шаге мы будем дорабатывать этот узор.
Шаг 4
Кликаем правой кнопкой по выделению и выбираем Transform Selection (Трансформировать выделенную область). Увеличиваем масштаб и тянем верхний край выделения к границе документа, чтобы закрыть пробел.
Закончив, жмем кнопку Enter, чтобы применить изменения, и переходим Edit – Copy (Редактирование – Копировать).
Шаг 5
Создаем новый документ, используя параметры по умолчанию, которые предлагает Photoshop. Затем переходим Edit – Paste (Редактирование – Вставить).
Берем Move Tool (V) (Перемещение), зажимаем клавишу Shift и перемещаем вставленное изображение ниже так, чтобы верхний край лежал ровно по центру документа.
Шаг 6
Дублируем слой с узором (Ctrl+J) и перемещаем копию выше, чтобы нижняя граница лежала по центру документа и касалась верхней границы оригинала.
Шаг 7
Далее берем Rectangular Marquee Tool (M) (Прямоугольное выделение) и выделяем пустую область, затем с помощью Paint Bucket Tool (G) (Заливка) заполняем ее розовым цветом с узора (чтобы подобрать точный цвет, зажмите клавишу I и кликните по нужному цвету).
Шаг 8
Выделяем оба слоя и жмем Ctrl+E, чтобы объединить их вместе.
Переходим File – Save (Файл – Сохранить) и сохраняем созданный узор в виде обычной картинки в формате JPG. Будет удобно, если каждую картинку называть определенным номером, это облегчит работу в дальнейшем.
Шаг 9
Остальные узоры просто выделяем, копируем и вставляем, а затем сохраняем в виде картинки.
2. Создаем текстовые слои
Шаг 1
Создаем документ размером 1000 х 626 пикселей с белым фоном.
Затем заглавными буквами пишем текст, используя шрифт HWT Artz. Размер устанавливаем на 350 pt, а Tracking (Трэкинг) – на 50.
Шаг 2
Называем текстовый слой «Текст», кликаем по нему правой кнопкой мыши и выбираем Convert to Shape (Преобразовать в кривые).
3. Создаем обводку текста
Шаг 1
Дублируем слой «Текст» (Ctrl+J) и называем копию «Задняя окантовка».
Шаг 2
Берем Direct Selection Tool (A) (Частичное выделение). На верхней панели параметров устанавливаем Fill (Заливка) на None (Нет), цвет обводки – на #e9e7e2, а размер – на 5.
Затем кликаем на кнопку выбора формы обводки и устанавливаем Align (Выравнивание) на Outside (Снаружи).
Шаг 3
Дважды дублируем слой «Задняя окантовка». Называем первую копию «Боковые грани», а вторую «Передняя окантовка». Затем устанавливаем размер обводки слоя «Боковые грани» на 2,5.
4. Создаем выгнутую линию
Шаг 1
Берем Rectangle Tool (U) (Прямоугольник), кликаем в любом месте документа и в появившемся окне устанавливаем Width (Ширина) на 5, и Height (Высота) – на 600, затем жмем ОК.
Шаг 2
Берем инструмент Add Anchor Point Tool (Добавить опорную точку) и кликаем примерно в центре каждой вертикальной стороны прямоугольника, чтобы добавить узловые точки.
Называем слой с прямоугольником «Задняя часть», позже мы будем использовать его для создания тени.
Шаг 3
Выделяем обе опорные точки и с помощью клавиши со стрелкой вправо смещаем их правее.
5. Создаем 3D-слои
Шаг 1
Поочередно к каждому слою применяем 3D – New 3D Extrusion from Selected Path (3D – Новая 3D экструзия из выделенного контура).
Шаг 2
Далее выделяем все созданные 3D-слои и переходим 3D – Merge 3D Layers (3D – Слияние 3D-слоёв), чтобы объединить их в один слой.
6. Работаем с 3D-сценой
Шаг 1
Чтобы иметь доступ к параметрам 3D-объектов, мы должны открыть две панели: панель 3D и Properties (Свойства) (обе находятся в главном меню Window (Окно)).
На панели 3D находится список всех компонентов сцены и, если выбрать один из них, мы сможем редактировать его параметры на панели Properties (Свойства). Поэтому всегда обращайте внимание на то, выбран ли нужный объект, прежде чем редактировать его.
Шаг 2
Если активировать Move Tool (V) (Перемещение), в верхней части панели параметров появится набор специальных 3D-режимов.
Если выбрать один из них, то с выбранным объектом сцены можно производить определенные манипуляции (перемещение, вращение, масштабирование и т.д.).
Также мы будем использовать эти режимы, чтобы менять вид из камеры.
7. Настраиваем 3D-сетку и капитель
Шаг 1
На панели 3D выделяем компоненты «Текст» и «Боковые грани», затем на панели Properties (Свойства) устанавливаем Extrusion Depth (Глубина экструзии) на 30.
Шаг 2
Далее выбираем компоненты «Задняя окантовка» и «Передняя окантовка», устанавливаем Extrusion Depth (Глубина экструзии) на 3.
Шаг 3
Выбираем компонент «Текст» и кликаем на кнопку Cap (Капитель) на панели Properties (Свойства).
Устанавливаем Sides (Стороны) на Front and Back (Спереди и сзади), Bevel Width (Ширина фаски) – на 1, Contour (Контур) – на Half Round (Полукруг), Inflate Angle (Раздувание угла) – на 90 и Strength (Интенсивность) – на 7.
Шаг 4
Выделяем компоненты «Задняя окантовка» и «Передняя окантовка», затем кликаем на кнопку Cap (Капитель) на панели Properties (Свойства).
Устанавливаем Sides (Стороны) на Front and Back (Спереди и сзади), Bevel Width (Ширина фаски) – на 15, Contour (Контур) – на Half Round (Полукруг), Inflate – Strength (Раздувание – Интенсивность) – на 10.
8. Двигаем текст и меняем вид из камеры
Шаг 1
Активируем Move Tool (V) (Перемещение) и используем 3D-оси, чтобы передвинуть заднюю окантовку на заднюю часть текста.
Стрелки на концах осей двигают объекты, маленькая дуга, которая идет дальше, отвечает за поворот, а с помощью куба можно масштабировать объект. Центральный куб, из которого выходят оси, нужен для равномерного масштабирования объекта. Чтобы выполнить какое-то действие с осями, просто кликаем по ним и тянем мышкой.
Шаг 2
Чтобы лучше контролировать процесс, на панели свойств в меню View (Вид) можете выбрать более удобный ракурс камеры.
9. Создаем материал с узором
Шаг 1
На панели 3D выделяем все материалы компонента «Текст».
На панели Properties (Свойства) устанавливаем цвет Specular (Цвет блика) на 24, 15, 7 и Shine (Блеск) – на 100%.
Шаг 2
Выбираем компонент «Текст» и переходим 3D – Split Extrusion (3D – Разделить экструзию). В результате, текст разделится на отдельные буквы.
Выбираем и разделяем остальные объекты сцены, кроме компонента «Задняя часть».
Шаг 3
Выбираем Text Front Inflation Material (Материал передней выпуклости текста), на панели свойств кликаем на иконку текстуры рядом с параметром Diffuse (Рассеивание), выбираем Replace Texture (Заменить текстуру) и находим у себя на компьютере первый узор, который мы сохранили в начале урока.
Шаг 4
Снова кликаем на иконку текстуры Diffuse (Рассеивание) и выбираем Edit UV Properties (Редактировать UV-свойства).
Шаг 5
Корректируем параметры Tile (Мозаика) и Offset (Сдвиг), чтобы получить желаемый результат.
10. Добавляем текстуру рельефа
Шаг 1
Кликаем по папке напротив параметра Bump (Рельеф) и выбираем New Texture (Новая текстура).
Шаг 2
Устанавливаем Width (Ширина) и Height (Высота) на 512 и Resolution (Разрешение) – на 300.
Шаг 3
В результате должен открыться новый файл с текстурой. Если этого не произошло, снова нажмите по кнопке с папкой и выберите Edit Texture (Редактировать текстуру).
В открывшемся файле дублируем (Ctrl+J) фоновый слой.
Шаг 4
Дважды кликаем по копии слоя, чтобы применить стиль слоя Pattern Overlay (Наложение узора) со следующими параметрами:
- Pattern (Узор): denim 7
- Scale (Масштаб): 50%
Сохраняем и закрываем файл, чтобы вернуться к 3D-сцене.
Шаг 5
Редактируем UV-свойства рельефной текстуры Bump (Рельеф). Чтобы лучше видеть получаемый эффект, увеличиваем масштаб документа.
Шаг 6
Устанавливаем Bump (Рельеф) на 5% или другое значение, которое подходит для вашей работы.
11. Сохраняем и повторно применяем материал
Шаг 1
Проверяем, чтобы Front Inflation Material (Материал передней выпуклости) был все еще активен. Далее на панели свойств кликаем по кнопке с текстурной сферой, затем в открывшемся меню нажимаем кнопку с шестеренкой и выбираем New Material (Новый материал).
Шаг 2
Вводим название материала и жмем ОК.
Шаг 3
Выделяем оставшиеся материалы компонента Текст, кроме Extrusion Material (Материал экструзии). Затем открываем меню выбора материала, прокручиваем вниз список и находим сферу с материалом, который мы сохранили. Выбираем его, чтобы применить к выделенным объектам сцены.
12. Заменяем текстуры материалов
Шаг 1
Применяем сохраненный материал к следующей букве: Front Inflation Material 2 (Материал передней выпуклости 2), Front Bevel Material 2 (Материал переднего скоса 2), Back Bevel Material 2 (Материал заднего скоса 2) и Back Inflation Material 2 (Материал задней выпуклости 2).
Шаг 2
Выбираем Front Inflation Material (Материал передней выпуклости) второй буквы, на панели свойств кликаем по иконке текстуры Diffuse (Рассеивание) и выбираем Replace Texture (Заменить текстуру), чтобы выбрать другой узор, который мы применим ко второй букве.
Шаг 3
Затем выбираем остальные материалы второй буквы (кроме материала экструзии), кликаем по кнопке текстуры Diffuse (Рассеивание) и в появившемся списке выбираем название узора, который мы применяли для материала передней выпуклости.
Возможно, вам понадобится настроить UV-свойства каждой новой текстуры, так что не забывайте об этом.
Шаг 4
Повторяем описанные выше действия с оставшимися буквами.
13. Создаем простой материал окантовки
Шаг 1
Находим компонент «Передняя окантовка» первой буквы и выбираем Front Inflation Material (Материал передней выпуклости). На панели свойств нажимаем кнопку текстуры Diffuse (Рассеивание) и выбираем Remove Texture (Удалить текстуру).
Шаг 2
Устанавливаем цвет Diffuse (Рассеивание) на 233, 231, 226.
Шаг 3
Кликаем на кнопку с папкой напротив параметра Bump (Рельеф) и в списке выбираем текстуру Text Front Inflation Material – Bump (Материал передней выпуклости текста – Рельеф).
Увеличиваем масштаб документа, чтобы настроить UV-свойства, затем устанавливаем Bump (Рельеф) на 2.
Шаг 4
Сохраняем материал и применяем его к остальным материалам с окантовкой.
Чтобы заполнить Extrusion Material (Материал экструзии), мы выбираем все компоненты с окантовкой и на панели свойств устанавливаем Texture Mapping (Отображение текстуры) на Tile (Мозаика).
Шаг 5
Возвращаемся к любому материалу экструзии компонента с окантовкой, редактируем его UV-свойства, сохраняем материал, а затем применяем его к остальным Extrusion Material (Материал экструзии) компонента с окантовкой.
14. Настраиваем размещение букв
Шаг 1
Выделяем компоненты первой буквы: «Текст», «Передняя окантовка», «Боковые грани» и «Задняя окантовка».
С помощью 3D-осей или панели Coordinates (Координаты) на панели свойств двигаем букву и подбираем для нее наиболее удачное на ваш взгляд расположение.
Шаг 2
Повторяем процесс с выбором и редактированием положения на остальных буквах. Если что, вы всегда можете вернуться к нужной букве и исправить ошибки.
Шаг 3
Снова выбираем компоненты первой буквы и в верхнем правом углу панели 3D нажимаем кнопку меню. Выбираем Move Object to Ground Plane (Переместить объект на плоскость основания).
Применяем это к остальным буквам.
Шаг 4
Выбираем все компоненты и слегка сдвигаем их вниз по оси Y. Это создаст иллюзию погружения в мягкую поверхность дивана.
15. Создаем фон
Шаг 1
Переходим File – Place Linked (Файл – Поместить связанные) и открываем фото с пустой комнатой.
Называем слой «Фон» и при необходимости корректируем размер.
Шаг 2
Выше слоя «Фон» добавляем фото растения и называем слой «Растение».
Скрываем 3D-слои, чтобы сосредоточиться на работе с фоном.
Шаг 3
Корректируем размер, поворот и положение растения и размещаем его над вазой с левого края фона. Вы можете взять Stamp Tool (S) (Штамп) и заретушировать тонкие растения в вазе, но мы будем размывать фон, поэтому это делать необязательно.
Шаг 4
Выбираем слой «Фон», переходим Filter – Blur – Gaussian Blur (Фильтр – Размытие – Размытие по Гауссу) и устанавливаем Radius (Радиус) на 5.
Шаг 5
Также размываем само растение.
16. Выделяем и вырезаем изображение
Шаг 1
Открываем фото с диваном, активируем Quick Selection Tool (W) (Быстрое выделение), также можете активировать параметр Auto-Enhance (Усилить автоматически) на верхней панели параметров. Это может слегка замедлить процесс работы в программе, но выделение получится более качественным.
Кликаем по дивану и слегка проводим инструментом, чтобы выделить его.
Шаг 2
Чтобы убрать лишнее выделение, зажимаем клавишу Alt и кликаем в нужных областях.
В местах с мелкими деталями максимально аккуратно проводим инструментом, чтобы получить качественное выделение.
Шаг 3
Выделив диван, кликаем на кнопку Select and Mask (Выделение и маска) на верхней панели с параметрами (в предыдущих версиях Photoshop эта кнопка называется Refine Edge (Уточнить край)).
Устанавливаем View (Вид) на On Black (На черном) и увеличиваем Opacity (Непрозрачность) на 100%.
Также поиграйте с настройками Smooth (Сглаживание) и Shift Edge (Смещение края), чтобы выделение было максимально точным.
Шаг 4
Закончив, жмем ОК и переходим Edit – Copy (Редактирование – Скопировать).
Шаг 5
Возвращаемся к рабочему документу, переходим Edit – Paste (Редактирование – Вставить) и называем новый слой «Диван».
Кликаем правой кнопкой мышки по слою «Диван», в контекстном меню выбираем Convert to Smart Object (Преобразовать в смарт-объект) и корректируем размер дивана, чтобы он четко вписывался в масштаб фона.
Шаг 6
Включаем видимость 3D-слоев и настраиваем вид из камеры так, чтобы буквы лежали на диване.
17. Настраиваем освещение сцены
Шаг 1
На панели 3D выбираем компонент Infinite Light 1 (Бесконечный свет). Затем на панели свойств устанавливаем Intensity (Интенсивность) на 45% и Shadow – Softness (Тень – Сглаживание) – на 30%.
Шаг 2
С помощью инструмента Move Tool (V) (Перемещение) или Coordinates (Координаты) на панели свойств настраиваем положение источника света так, чтобы он соответствовал освещению комнаты (источник света на фоновом слое находится у окна).
Шаг 3
В нижней части панели 3D жмем на кнопку Add new Light to Scene (Добавить новый свет на сцене) и выбираем New Infinite Light (Новый бесконечный свет).
Шаг 4
Далее выбираем компонент Infinite Light 2 (Бесконечный свет 2). Устанавливаем Intensity (Интенсивность) на 30% и снимаем галочку с Shadow (Тень).
Шаг 5
Перемещаем свет так, чтобы он освещал верхнюю часть текста.
Шаг 6
Выбираем компонент Environment (Окружающая среда), нажимаем на текстуру IBL (ИСБИ), выбираем Replace Texture (Заменить текстуру) и находим фото со спальной комнатой.
Шаг 7
Устанавливаем Intensity (Интенсивность) на 90% и перемещаем источник света по сцене, чтобы подобрать наиболее удачное расположение.
18. Добавляем невидимые элементы и рендерим сцену
Шаг 1
Выбираем компонент «Задняя часть», поворачиваем его на -90° по оси Y и увеличиваем размер, пока прямоугольник не заполнит весь диван.
Шаг 2
Поворачиваем и перемещаем компонент «Задняя часть» вплотную к буквам.
Шаг 3
Настраиваем финальный вид из камеры, который мы будем рендерить.
Выбираем компонент «Задняя часть», снимаем галочку с Cast Shadow (Отбрасывание тени) и активируем Invisible (Невидимый). Благодаря этому, мы создадим невидимую поверхность, на которую будет падать тень.
Шаг 4
Закончив настраивать сцену, переходим 3D – Render (3D — Рендеринг), чтобы визуализировать сцену. Рендеринг может занять достаточно много времени, в зависимости от мощности вашего компьютера и сложности сцены, но вы в любой момент сможете остановить этот процесс нажатием клавиши Esc.
Также вы можете остановить рендеринг, если понадобится доработать освещение, объекты или другие параметры сцены, а затем запустить его снова, пока результат вас не будет устраивать.
Закончив с этим, конвертируем 3D-слой в смарт-объект, чтобы избежать случайных изменений.
Шаг 5
Кликаем правой кнопкой по 3D-слою и выбираем Create Clipping Mask (Создать обтравочную маску), чтобы тень на компоненте «Задняя часть» не выходила за пределы дивана.
Шаг 6
В нижней части панели слоев кликаем на кнопку Add layer mask (Добавить слой-маску).
Цвет переднего плана устанавливаем на черный, активируем Brush Tool (B) (Кисть), берем мягкую круглую кисточку и проводим по маске в тех местах, которые необходимо скрыть.
19. Добавляем тень
Шаг 1
Под 3D-слоем добавляем новый слой, называем его «Задняя тень» и меняем режим смешивания на Linear Burn (Линейный затемнитель).
Устанавливаем цвет переднего плана на #848285 и рисуем тень в тех местах, где буквы касаются дивана, чтобы усилить эффект реализма.
Шаг 2
Уменьшаем непрозрачность слоя «Задняя тень» и ластиком (Е) удаляем лишнюю тень.
Шаг 3
Под слоем «Задняя тень» создаем новый слой, называем его «Отбрасываемая тень» и меняем режим смешивания на Linear Burn (Линейный затемнитель).
Добавляем тень, где буквы касаются дивана. Затем жмем Ctrl+T, чтобы активировать свободную трансформацию, сжимаем тень по вертикали и размещаем под буквами.
Жмем клавишу Enter, чтобы применить все изменения. При необходимости повторяем трансформацию.
20. Добавляем финальные штрихи
Шаг 1
Размещаем изображение с эффектом боке над слоем «Растение» и называем новый слой «Боке».
Устанавливаем режим смешивания слоя «Боке» на Screen (Осветление) и при необходимости корректируем размер, чтобы изображение вписывалось в границы документа.
Переходим Filter – Blur – Gaussian Blur (Фильтр – Размытие – Размытие по Гауссу) и устанавливаем Radius (Радиус) на 3.
Шаг 2
В нижней части панели слоев нажимаем кнопку Create new fill or adjustment layer (Создать новую заливку или корректирующий слой) и выбираем Gradient Map (Карта градиента).
Для градиента используем цвета #44386e (слева), #716d7c (в центре) и #d4a987 (справа).
Активируем параметр Dither (Дизеринг), меняем режим смешивания на Soft Light (Мягкий свет) и непрозрачность уменьшаем до 35%.
Шаг 3
Выбираем слой «Растение» и переходим Image – Adjustments – Vibrance (Изображение – Коррекция – Вибрация).
Устанавливаем Vibrance (Вибрация) на -35 и Saturation (Насыщенность) – на -10.
Шаг 4
Если диван выглядит слишком резко по сравнению с остальными элементами сцены, примените фильтр Gaussian Blur (Размытие по Гауссу) с радиусом 0,25.
Поздравляю, мы закончили!
В начале урока мы сохранили несколько узоров, затем создали текстовые слои, конвертировали их в 3D-объекты и добавили к ним материалы.
Затем создали фон, доработали освещение и камеру на 3D-сцене и визуализировали финальный вариант.
И, наконец, добавили тени и применили цветокоррекцию к финальному варианту.
Не стесняйтесь оставлять комментарии, предложения и делиться своим результатом.
Автор: Rose
Создаем 3D-текст в Фотошоп • ARTshelter
В этом уроке я покажу вам, как создать 3D-текст в Фотошоп. По ходу вы научитесь работать с 3D-инструментами, настраивать форму текста, создавать источники света, добавлять материалы и сохранять финальный результат. Для работы вам понадобится версия Photoshop CC или CS6 Extended.
3D-текст в Фотошоп: создание основы
Шаг 1
Для начала создаем новый файл File – New (Файл – Новый). Выбираем любой размер, Resolution (Разрешение) – 72 пикселя/дюйм, цветовой режим RGB.
Активируем инструмент Type Tool (T) (Текст) и пишем любое слово. Я использовала шрифт Streetwear: переходим по ссылке и жмем на кнопку Download.
Шаг 2
Проверяем, чтобы на панели слоев был выбран текстовый слой, и переходим 3D – New 3D Extrusion from Selected Layer (3D – Новая 3D-экструзия из выделенного слоя).
Работаем с 3D
Шаг 3
После этого текст превратился в 3D-объект со стандартными настройками. Перед редактированием давайте подкорректируем параметры сцены. На панели Window – 3D (Окно – 3D) выбираем созданный 3D-объект (в данном случае надпись Beautiful) и на панели Window – Properties (Окно – Свойства) переходим на вкладку Coordinates (Координаты). Устанавливаем угол X на 90 градусов.
Шаг 4
Далее на панели 3D выбираем Current View (Текущий вид) и на верхней панели активируем первый 3D Mode (3D-режим) – Поворот. Кликаем и тянем мышкой за пределами текста, пока на рабочем документе не появятся красная и синяя оси.
Шаг 5
Переходим на вкладку Coordinates (Координаты) и во второй колонке устанавливаем поворот по оси X на 90 градусов.
Шаг 6
При необходимости, выбираем режим Перемещением и корректируем положение текста, чтобы он располагался четко по центру.
Читайте также:
Создаем фон
Шаг 7
Давайте добавим фон. Возвращаемся на панель слоев, активируем Rectangle Tool (U) (Прямоугольник) и рисуем фигуру по размеру всего документа.
Шаг 8
Затем применяем к фигуре 3D – New Mesh from Layer – Depth Map to – Plane (3D – Новая сетка из слоя – Карта глубины – Плоскость).
Шаг 9
Выбираем оба слоя 3D-слоя и переходим 3D – Merge 3D Layers (3D – Слияние 3D-слоев).
Шаг 10
На верхней панели выбираем самый последний 3D-режим и корректируем размер прямоугольника, чтобы он полностью заполнял всю сцену. Если потянуть за ось Z (синяя стрелка), то можно увеличить толщину надписи.
Настраиваем текст
Шаг 11
Теперь настроим параметры 3D-текста. На панели Properties (Свойства) переходим на первую вкладку и выбираем Shape Presets (Набор фигур). Выбираем любую из списка. Имейте в виду, что их все можно дополнительно настроить.
Шаг 12
Для настройки объекта переходим на вкладку Cap (Капитель). Здесь с помощью множества параметров можно выполнить тонкую настройку фигуры. Я решила добавить простую обводку с очень тонким скосом и небольшим отступом.
Шаг 13
Пришло время поработать с источником света. Внизу панели 3D находим компонент Infinite Light (Бесконечный свет) и выбираем его. Поверх текста появится сфера. Если ее подвигать, то вы измените положение света.
Шаг 14
На панели свойств корректируем Intensity (Интенсивность) и Softness (Сглаживание).
Шаг 15
Создадим еще один источник света. В нижней части панели 3D кликаем на значок в виде лампочки и выбираем New Infinite Light (Новый бесконечный свет).
Шаг 16
Временно отключаем первый источник света и перемещаем второй свет так, чтобы он освещал, в основном, контуры надписи. Также следите, чтобы тень была плавной.
Шаг 17
На панели 3D переходим на вкладку Materials (Материалы) и на панели свойств выбираем новые цвета для каждого материала. Diffuse (Рассеивание) отвечает за основной цвет объекта. Specular (Цвет блика) – за цвет света и бликов. Ambient (Освещение) – за цвет теней. Для получения реалистичного результата все цвета должны быть одного цветового тона.
Шаг 18
Закончив с цветами, жмем на кнопку выбора материала и выбираем New Material (Создать материал).
Лучшие уроки Photoshop по созданию 3D текста
Данная подборка, которую сегодня мы вам желаем представить, содержит лучшие уроки по созданию сцен с 3D текстом с помощью Photoshop. Вы наверняка найдете для себя что-то полезное и новое. Будем рады услышать ваши мнения в комментариях по поводу этих уроков, возможно, какой-то один вам понравился больше всего из списка?
Создание глянцевой надписи 3D в Illustrator и Photoshop
Cоздание «деревянного» текста используя 3D способности Photoshop
Cоздание 3D текста, который светиться
Photoshop урок: осваиваем эффект 3D
Как создать поразительный 3D текст в Photoshop
Cоздание удивительной надписи 3D для ночного клуба
Красочный эффект Plexi текста с помощью Photoshop
Как создать качественный металический 3D текст в Photoshop
Классный точечный 3D текст
Создание красочного абстрактного 3D текста
Добавление фантастического цвета к 3D тексту
3D текст в огне
Создание 3D теста
Cоздание текста с эффектом захватывающего пылающего метеорита
Cоздаем сцену 3D текста с помощью Photoshop
Осенняя сцена с 3D текстом в Photoshop CS6
3D текст в Photoshop CS5
Реалистичный деревянный 3D текст
Темный текст 3D в стиле гранж в Photoshop
Как создать 3D текст «Love»
Дизайн 3D текста
3D
Cоздание «Take a Break» 3D текста
Красивая композиция с 3d текстом
Валентинов день
Cоздание текста из зданий в Photoshop
Художественный 3D текст с помощью Photoshop CS5
Уникальный 3D текст – Xara 3D + Photoshop урок
Как создать фотоманипуляцию с 3D текстом
Перевод — Дежурка.
Оригинал текста представлен на creativenerds.
Читайте также:
- Музыкальные уроки для Photoshop
- 25 вкусных уроков для Illustrator
- Подборка уроков по веб-дизайну (Photoshop & Illustrator)
- 30 photoshop-уроков по работе с текстурой
- Создаем «клубничный» текстовый эффект.
Создание простого трехмерного текста в 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 . Вы также можете выбрать команду 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 из списка:
Перейдите в меню «Правка»> «Трансформировать контур»> «Перспектива».
То же поле и ручки, которые мы видели ранее, когда мы выбрали команду «Свободное преобразование», появятся вокруг текста (формы). Разница в том, что теперь мы работаем в режиме перспективы. Чтобы изменить перспективу текста и придать ему трехмерный вид, просто нажмите на ручку в правом нижнем углу и перетащите ее прямо вниз.По мере перетаскивания высота правой части текста будет увеличиваться от его центра, в то время как левая сторона останется неизменной:
Щелкните ручку в правом нижнем углу и потяните вниз.
Когда вас устраивает сдвиг перспективы, нажмите Введите (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 , чтобы выбрать его:
Выберите стиль слоя Gradient Overlay в нижней части палитры «Слои».
Это вызовет диалоговое окно Photoshop Layer Style , для которого в среднем столбце установлены параметры Gradient Overlay.Мы хотим использовать градиент от черного к белому для нашего эффекта искусственного освещения. Если у вас уже выбран градиент от черного к белому, вы можете пропустить этот следующий шаг. Если у вас выбран какой-либо другой градиент, щелкните область предварительного просмотра градиента в середине опций:
Щелкните область предварительного просмотра градиента в диалоговом окне «Стиль слоя», чтобы выбрать новый градиент.
Это вызывает Gradient Picker , показывая нам все доступные градиенты, из которых мы можем выбирать.Нам нужен градиент Black, White , третий слева, верхний ряд. Если у вас включены подсказки в настройках Photoshop, вы увидите, что имя градиента отображается при наведении курсора на эскиз. Щелкните по нему, чтобы выбрать его, затем щелкните OK в правом верхнем углу, чтобы принять его:
Выберите черный, белый градиент.
Вернувшись к основным параметрам наложения градиента, вы увидите область предварительного просмотра градиента, в которой теперь отображается градиент от черного к белому (если это еще не было).Ниже приведены несколько важных опций. Убедитесь, что для параметра Style установлено значение Linear , а для градиента Angle установлено значение 90 ° :
Убедитесь, что для параметра «Стиль» установлено значение «Линейный», а для параметра «Угол» установлено значение 90 °.
Нажмите OK , когда вы закончите, чтобы выйти из диалогового окна Layer Style, и все готово! Photoshop применяет градиент от черного к белому к объединенному слою, создавая эффект тени на буквах и завершая наш простой эффект трехмерного текста:
Последний эффект трехмерного текста.
Куда идти дальше …
И вот оно! Ознакомьтесь с нашими разделами «Текстовые эффекты» или «Фотоэффекты», чтобы получить дополнительные уроки по эффектам Photoshop!
Подпишитесь на нашу рассылку новостей
Узнавайте первыми о добавлении новых обучающих программ!
Эффект современного 3D текста | Текстовые эффекты
Введение
В этом уроке Photoshop мы выйдем за рамки моей обычной философии Photoshop Only и воспользуемся возможностями 3D-рендеринга Adobe Illustrator для создания классного небольшого эффекта 3D-текста.Не волнуйтесь, новички, вам не нужно ничего знать об Illustrator, я, как обычно, обучу вас всему процессу, но вам необходимо установить его на свой компьютер. (* примечание: если у вас нет Illustrator, вы можете перейти на Adobe.com и загрузить 30-дневную пробную версию для экспериментов.)
Шаг 1. Настройка файла Photoshop
Давайте начнем с открытия нового документа Photoshop, выбрав «Файл»> «Создать» в главном меню или используя сочетание клавиш Command-N (ПК: Ctrl-N).Я использую свой обычный размер 540 на 300 пикселей, 72 пикселя на дюйм и белый цвет фона. Когда откроется ваш новый документ, переключитесь на инструмент «Текст», нажав клавишу T, и введите текст на холст (это создаст новый слой над фоновым слоем, названный в честь вашего текста). Я использую шрифт Ballpark, который можно бесплатно скачать с daFont.com. На данный момент цвет не имеет значения, но размер шрифта имеет значение … Я использую текст размером 90 пунктов.
Шаг 2. Преобразование текста в контуры
При активном инструменте «Текст» щелкните текст, удерживая нажатой клавишу «Command» (ПК: щелкните правой кнопкой мыши) и выберите «Создать рабочий контур».Если вы используете черный текст, вы можете заметить небольшое изменение в рабочей области, поэтому давайте переключимся на инструмент выделения контура, нажав клавишу A, а затем щелкнем и перетащим выделение вокруг текста. Это выберет только что созданные пути, и их будет намного легче увидеть.
Шаг 3. Переход и переход к Illustrator
Выбрав наши пути, давайте сначала убедимся, что все наши надписи остаются вместе как единое целое, поднявшись на панель параметров в верхней части Photoshop и нажав кнопку «Объединить» (если вы не видите кнопку объединения, скорее всего, хорошо, что у вас не активен инструмент выбора пути).Теперь, когда пути объединены, вы можете скопировать выбранные пути, нажав Command-C (ПК: Ctrl-C). Это позволит эффективно скопировать векторные контуры в память вашего компьютера, чтобы мы могли переключиться на Illustrator и использовать их там. Я знаю, что какой-то умник оставит мне заносчивую заметку о том, как вы могли создать этот текст в Illustrator и сэкономить некоторые проблемы, но тогда вы бы просто не научились преобразовывать свой текст в путь, не так ли? ?… В конце концов, это в первую очередь сайт Photoshop, так что просто знайте, что вы могли бы набрать текст и в Illustrator.Оба способа одинаково верны.
Итак, теперь, когда мы убрали это в зародыше, давайте продолжим и откроем Adobe Illustrator.
Открыв Illustrator, можно использовать ту же комбинацию клавиш для создания нового документа: Command-N (ПК: Ctrl-N). В этом случае размер нашего холста не имеет значения, поэтому я просто оставлю его размер Letter по умолчанию и нажмите OK.
Шаг 4. Вставьте контуры в Illustrator
Помните те пути, которые мы скопировали в наш невидимый буфер обмена? Давайте вставим их прямо в наш документ Illustrator, нажав Command-V (ПК: Ctrl-V).Если появится диалоговое окно «Параметры вставки», выберите «Составная форма» и нажмите «ОК». Нас не беспокоит, где они находятся в документе или что-то еще, но если вы страдаете обсессивно-компульсивным расстройством, не стесняйтесь перемещать их туда, где вам становится тепло и нечетко.
По умолчанию ваши контуры не будут заполнены каким-либо цветом, что нехорошо, поскольку мы не сможем их увидеть, если они будут отключены, поэтому давайте воспользуемся цветовой палитрой, чтобы изменить цвет заливки на приятный светло-серый (# Неограничен). Если вы не видите палитру цветов, выберите «Окно»> «Цвет» в главном меню.Дважды щелкните образец цвета переднего плана и введите цветовой код в поле, как показано ниже, и нажмите OK, чтобы установить цвет.
Шаг 5 — Создание 3D текста
А теперь самое интересное! Не снимая выделения с пути, выберите «Эффект»> «3D»> «Вытягивание и скос» в главном меню, чтобы открыть окно «Параметры 3D-вытягивания и скоса». Если на правой боковой панели отображается кнопка «Дополнительные параметры», щелкните ее, чтобы полностью развернуть диалоговое окно и изменить настройки, чтобы они соответствовали приведенным ниже.Обратите внимание, что я использую нулевое значение (0) в настройках осей Y и Z, потому что я хочу только немного сдвинуть буквы назад, сохраняя при этом все остальные аспекты. Также важно заметить, что я переместил источник света в нижний левый угол затененного шара в области Surface Shading. Убедитесь, что флажок Предварительный просмотр установлен, если вы хотите видеть, что происходит с вашим текстом во время работы. После завершения всех настроек нажмите «ОК», чтобы подтвердить трехмерное преобразование.
Наши 3D-края в настоящее время не в той форме, которая будет понятна Photoshop, поэтому давайте быстро исправим это, прежде чем возвращаться в Photoshop для завершения процесса.В главном меню Illustrator выберите «Объект»> «Разобрать оформление». Это преобразует 3D-края в их собственные пути, что сделает их совместимыми с Photoshop.
Шаг 6 — Возвращаемся к Photoshop
(* примечание: мы переключим программы через секунду, но пока не закрывайте этот файл Illustrator, он нам понадобится еще раз)
Пока наш объект все еще выделен в Illustrator, давайте скопируем его обратно в буфер обмена, нажав Command-C (ПК: Ctrl-C), чтобы скопировать, а затем щелкните свой документ Photoshop и нажмите Command-V (ПК: Ctrl-V) наклеить на холст.Теперь вас спросят, как вы хотите вставить, и, если вы используете Photoshop CS4 или выше, выберите смарт-объект, чтобы мы могли сохранить возможности редактирования нашего объекта, если он нам понадобится позже, а затем нажмите Return (ПК: Enter) , чтобы зафиксировать пасту на холсте (НЕ ИЗМЕНЯЙТЕ РАЗМЕР ПРИ ВСТАВКЕ! Если вы хотите изменить размер, я сообщу вам, когда это сделать позже). (* примечание: если вы используете более раннюю версию Photoshop, чем CS4, выберите «Пиксели» при вставке)
Вы не можете продолжить и удалить исходный текстовый слой и контуры, если хотите, а также переименовать новый слой 3D-текста.
Шаг 7. Еще раз вернуться в Illustrator
Хорошо, как я уже сказал, мы собираемся быстро вернуться в Illustrator, чтобы получить другой набор путей, но на этот раз мы хотим только скопировать исходный плоский текст поверх нашего 3D-рендеринга, потому что его перспектива изменилась с тех пор. изначально мы перенесли его в Illustrator, и нам понадобится его изолировать на будущее.
Теперь, чтобы изолировать наш верхний слой текста, нам нужно будет щелкнуть вниз по объекту, поэтому я хочу, чтобы вы дважды щелкнули по темному верхнему тексту 3 раза подряд, а затем щелкните по нему один раз, чтобы выделить его. .Я знаю, что сбивает с толку, но если вы правильно следовали моим инструкциям, ваш документ должен выглядеть так, как показано ниже. Обратите внимание, что трехмерные области теперь блеклые, потому что вы глубже погружаетесь в объект.
!! ВАРИАНТ Б !! Если у вас возникли проблемы, попробуйте этот альтернативный метод:
Дважды щелкните рабочую область (за пределами объекта), чтобы убедиться, что вы находитесь на верхнем уровне документа в Illustrator, затем выберите текстовый объект, щелкнув и перетащив выделенную область вокруг него с помощью инструмента выделения.Теперь выберите «Окно»> «Внешний вид» в главном меню, чтобы открыть палитру «Внешний вид», и внутри этой палитры щелкните ссылку «Вытягивание и скос», чтобы снова открыть палитру «Параметры 3D-вытягивания и скоса». Затем просто измените Extrude Depth на 0pt и нажмите OK, чтобы зафиксировать изменение. Теперь вы можете перейти к шагу 8.
Шаг 8 — Скопируйте и вставьте обратно в Photoshop
Как и сказано в заголовке, мы собираемся повторить процесс копирования и вставки, нажав Command-C (ПК: Ctrl-C), переключившись обратно в Photoshop и вставку, как мы делали раньше с Command-V (ПК: Ctrl -V).И да, снова CS4 и новее будут использовать смарт-объект, в то время как более старые версии будут использовать параметр «Пиксели» при вставке.
Будет сложно увидеть, как эта новая версия наклеена на оригинал, поэтому давайте изменим цвет, используя стиль слоя. В палитре слоев нажмите Command-Click (ПК: щелкните правой кнопкой мыши) на новом слое, который должен появиться в верхней части палитры слоев и который я удобно назвал 2D-текст # 1, и выберите «Параметры наложения», чтобы открыть стили слоя. чат. Нажмите на опцию Color Overlay в левом списке и измените цвет (нажмите на образец) на # 323232 и нажмите OK, чтобы добавить стиль к слою.И теперь, когда вы можете отличить 2D-слой от 3D-слоя, используйте инструмент «Перемещение» (или клавиши со стрелками), чтобы расположить 2D-слой поверх того 3D-слоя, которому он принадлежит. Чтобы добиться идеального результата, можно увеличить масштаб, используя Command + и Command — (ПК: Ctrl + и Ctrl -).
Шаг 9 — Создание топовой популярности
На этом этапе мы собираемся сделать несколько вещей, чтобы верхний слой немного выступал за трехмерные стороны. Давайте начнем с дублирования слоя 2D Text # 1, выбрав его в палитре слоев и затем нажав Command-J (ПК: Ctrl-J), чтобы продублировать слой.Переименуйте этот новый верхний слой 2D Text # 2. Нажмите клавишу V, чтобы убедиться, что инструмент «Перемещение» активен, а затем с помощью клавиш со стрелками на клавиатуре нажимайте каждый раз вверх и влево, чтобы немного сместить слой относительно слоя ниже.
Теперь давайте отредактируем стиль слоя Color Overlay для слоя 2D Text # 1. Для этого просто дважды щелкните маленький значок FX на этом слое (вы также можете щелкнуть слой, удерживая клавишу Command (ПК: щелкните правой кнопкой мыши) и выберите «Параметры наложения»), чтобы вернуться в диалоговое окно «Стили слоя».Щелкните Цвет наложения в левом столбце и измените цвет наложения на Белый, а затем щелкните ОК, чтобы подтвердить изменение.
Шаг 10 — Добавление первой тени
Если вы используете CS4 или новее со смарт-объектами, именно здесь вам нужно при необходимости изменить размер текста. Обязательно выделите все 3 текстовых слоя и трансформируйте их вместе
Далее мы собираемся добавить крошечную тень непосредственно под слоем 3D-текста, чтобы она действительно немного выделялась на фоне.Ctrl-щелчок (ПК: Ctrl-щелчок) по миниатюре слоя 2D-текста №2 (или №1), чтобы загрузить слой как выделенный. Нажмите клавишу D, чтобы сбросить цвета переднего плана и фона и вернуть передний план черным, затем создайте новый слой под слоем 3D-текста и залейте выделение цветом переднего плана, нажав Option-Delete (ПК: Alt-Backspace). Вы пока ничего не увидите, но ничего страшного, переименуйте этот новый слой Shadow # 1 и переходите к следующему шагу
Шаг 11 — Размытие и перемещение тени на место
Теперь мы собираемся немного затемнить края нашей тени, поэтому в главном меню выберите «Фильтр»> «Размытие»> «Размытие по Гауссу» и, когда появится диалоговое окно, установите Радиус на 0.5 пикселей и нажмите ОК. А теперь нажимайте клавишу со стрелкой вниз на клавиатуре, пока тень не станет видимой в нижней части слоя 3D-текста. Нам нужно отображать только пару пикселей, ровно столько, чтобы получить красивую плотную тень под текстом. (Я опустил его только на 1 пиксель ниже 3D-текста)
Шаг 11 — Создание последней тени
Когда наша первая тень на месте, создать вторую будет легко. Дублируйте слой Shadow # 1, нажав Command-J (ПК: Ctrl-J), и назовите его Shadow # 2. Вернитесь к фильтру Gaussian Blur (Filter> Blur> Gaussian Blur), на этот раз используйте радиус 2px и нажмите OK.
Поскольку наш источник света для наших 3D-объектов исходил из нижнего левого угла текста, давайте сделаем здесь небольшую модификацию, чтобы сделать эффект более убедительным. Находясь на слое Shadow # 2, нажмите Command-T (ПК: Ctrl-T), чтобы вызвать инструмент Free Transform, и слегка выдвиньте левую и верхнюю центральные точки, чтобы отвести тень от текста в тех направлениях, как показано ниже. Не нужно заходить слишком далеко, достаточно лишь слегка притянуть тень. Нажмите Return (PC: Enter), чтобы подтвердить преобразование, когда закончите.
Заключение
Для моего финального изображения я уменьшил непрозрачность слоя Shadow # 2 до 60%, чтобы немного смягчить эффект, а затем добавил легкий градиент к фону. Есть много отличных примеров, когда вы сможете использовать 3D-текст, вы можете использовать этот же процесс с любым объектом, созданным из контура… логотипами, произвольными формами и всем остальным. Так что поиграйте и повеселитесь.
Файлы уроков + дополнительные ресурсы
Загрузите.PSD файл для этого урока прямо здесь.
Получите шрифт Ballpark с DaFont.com Здесь
Ознакомьтесь с другим способом создания 3D-текста в учебнике «Эффект текста трансформера».
Расскажите своим друзьям
доляПоддержите героя
Ты всегда был моим любимцем!
Photoshop Текстовые эффекты и логотипы 2020 Скачать текстовые стили
Типографика — один из важнейших элементов дизайна.Текстовые эффекты или стили слоя обычно применяются к логотипам или заголовкам малых или больших дизайнов, чтобы заголовки выглядели более интересно и привлекательно. Плакаты из фильмов и сериалов — хорошие примеры использования текстовых эффектов.
Одним из популярных стилей, ставших трендом, стал стиль, использованный в логотипе серии Stranger Things. Этот простой, но элегантный стиль придал логотипу серии элегантный вид.
На сайте Hyperpix доступно более 200 текстовых эффектов.Все они выполнены в высоком качестве. Некоторые из этих текстовых эффектов предоставляются бесплатно, а другие — премиум-класса. Просмотрите эту страницу и ознакомьтесь с этими текстовыми эффектами. Использовать эти эффекты настолько просто, что вы будете поражены!
Эти эффекты работают не только с текстами. Вы также можете применять их к логотипам, фигурам и векторам.
Какие бывают типы текстовых эффектов?
Доступны разные типы текстовых эффектов в зависимости от стиля использования и дизайна.Мы классифицировали текстовые эффекты по разным группам в Hyperpix:
Для чего обычно используются текстовые эффекты?
Текстовые эффекты широко используются в дизайне. Например, вы можете использовать стили текста при разработке логотипов, плакатов, флаеров, футболок, рекламных баннеров, баннеров в социальных сетях, обложек музыкальных композиций и т. Д.
Если дизайнер хочет создать эти эффекты, это займет много времени. Готовые к использованию текстовые эффекты могут сократить время разработки, и менее чем за минуту дизайнер получит потрясающие результаты.
Как создаются стили текста?
Набор различных настроек параметров наложения в Photoshop называется стилями слоя. Эти стили слоя могут помочь в создании различных слоев и могут применяться к различным слоям, таким как текст, фигуры, смарт-объекты или растрирование слоев.
Некоторые стили очень сложны по сравнению с другими. Почти все текстовые эффекты, доступные на сайте Hyperpix, являются сложными. Тысячи разных слоев будут накладываться друг на друга и создавать текстовый эффект.Стиль каждого слоя влияет на нижний слой и в целом создает очень профессиональный и реалистичный вид.
Те текстовые эффекты, которые созданы из нескольких слоев, нельзя экспортировать в ASL из-за различных параметров наложения в разных слоях. Эти эффекты можно использовать в файле PSD в форме смарт-объектов.
Как обычно используются текстовые эффекты?
Текстовые эффекты можно использовать двумя разными способами. Если стиль, который вы собираетесь использовать, является ASL, вам нужно только дважды щелкнуть по нему и импортировать его в Photoshop.Затем используйте File> New, чтобы создать новый документ. Используйте панель инструментов в левой части Photoshop и выберите инструмент «Текст». Щелкните свой документ. Текстовый слой будет создан. Введите текст и нажмите на галочку на панели выше в Photoshop.
Перейдите в меню Windows и щелкните «Стили». Появится панель стилей. В конце списка вы увидите все стили, импортированные в Photoshop. Щелкнув по каждому из них, он сразу же будет применен к текстовому слою!
Использование более профессиональных стилей текста немного отличается.Эти текстовые стили представляют собой файл PSD. Чтобы использовать их, вам просто нужно открыть файл в Photoshop. Если вы используете наши текстовые эффекты, вы должны знать, что на панели слоев есть слой под названием «ВАШ ДИЗАЙН ЗДЕСЬ», выделенный желтым цветом.
Щелкните этот слой правой кнопкой мыши и выберите «Редактировать содержимое». Откроется новое окно. Введите свой текст. Вместо текста вы также можете использовать свой логотип. Все, что вам нужно сделать, это импортировать свой логотип в этот документ и стереть текстовые слои. Затем перейдите в меню «Файл» и нажмите кнопку «Сохранить».
Для нанесения стиля необходимо несколько минут. После появления панели «Процесс» вам нужно вернуться в предыдущее окно, и вы увидите, что ваш эффект просто применен. Если вы хотите внести некоторые изменения в цвет, свет или контраст, вам нужно выбрать папку Adjustment на панели слоев и внести некоторые изменения по своему усмотрению.
Если вы хотите использовать эти текстовые эффекты в различных проектах, вам следует перетащить папку «3D EFFECTS» с панели слоев в новый документ или дизайн.Это очень просто!
Создание 3D-текста в Photoshop с помощью PS Action Photoshop Tutorial
www.psd-dude.comЯ играл со своим недавним экшеном 3D Photoshop , пытаясь создать новые уникальные эффекты.И один из этих эффектов выглядел достаточно интересно, чтобы сделать из него учебник. Итак, давайте узнаем, , как создать трехмерный текст в Photoshop , используя действие Ps на одном из шагов, просто чтобы упростить процесс.
Эффект 3D достаточно убедителен, и он готов в кратчайшие сроки. Поскольку у меня нет версии CS5, в которой есть несколько хороших 3D-функций, мне приходится использовать другие приемы для получения 3D-эффектов. Конечный результат — пустой 3D-текст, похожий на открытое текстовое поле .
Помимо собственно письменного руководства, вы можете загрузить бесплатный PSD-файл со всеми стилями слоев без изменений. Хорошо, давайте начнем!
ТвитнутьЯ решил использовать текст для этого урока, но вы также можете использовать произвольную форму или любой другой слой.Откройте новый PSD-файл размером 600×500 пикселей. Сначала нам нужно найти красивый шрифт, это должен быть большой шрифт с большого размера, чтобы он покрыл все полотно. Я выбрал семейство шрифтов Photoshop по умолчанию под названием Impact . Напишите желаемый текст, в моем случае это «3D». Измените его размер, чтобы покрыть весь холст, как я сказал ранее. Цвет полностью зависит от вашего фона. Я выбрал фиолетовый цвет # b31cbc.
Щелкните правой кнопкой мыши текстовый слой и выберите Преобразовать в форму .Это означает что текст становится векторным, и вы можете легко изменить его форму, если хотите. Например вы можете сделать букву «D» более круглой и т. д.
Нажмите CTRL и щелкните миниатюру слоя . Вы можете видеть, что форма теперь выделена.
Перейдите в меню Выберите меню , Изменить и выберите Контракт на 10 пикселей .
Теперь нажмите Добавить маску слоя , а затем нажмите CTRL + I , чтобы инвертировать маску.Вы можете видеть, что наш текст имеет контур 10 пикселей, а остальное находится под маской.
Теперь переименуйте этот слой в Shape 1 , иначе действие не сработает. Загрузите это Экшен 3D Photoshop и Сыграй. Вам нужно получить 2 слоя: Форма 1 копия 34 и Форма 1 копия 35. Для облегчения чтения учебника, Я переименую эти слои: Bottom и Top Layers.
Чтобы увеличить высоту текста, я дублирую нижний слой и перемещаю его вниз, как на изображении.Щелкните правой кнопкой мыши нижний слой и выберите . Копировать стиль слоя . Теперь Удалите стили слоя обоих нижних слоев. и объединить их. Добавьте Paste Style к новому слою Bottom Merged. Этот шаг не является обязательным, но текст будет выглядеть лучше.
Дублируйте верхний слой и поместите его за нижним объединенным слоем. Щелкните правой кнопкой мыши эскиз маски слоя и выберите Удалите маску слоя , а также Удалите стиль слоя .
Так выглядит наш 3D-текст в Photoshop:
Все, что нам нужно сделать, это изменить внешний вид трех слоев, добавив несколько дополнительных стилей слоя. Во-первых состоит в том, чтобы изменить цвет верхнего слоя на # de2be9. Наиболее важное дополнение — Satin и Узор добавлен к стилю нижнего объединенного слоя. Вы можете увидеть точные настройки, загрузив PSD файл.Размер файла 467 КБ, он был создан с помощью Photoshop CS4.
College 3D Text Effect — Graphicdome
Лицензия и условия Graphicdome
Эти условия использования регулируют использование вами нашего веб-сайта; Используя наш веб-сайт, вы полностью соглашаетесь с этими условиями использования. Если вы не согласны с этими условиями использования или какой-либо частью этих условий использования, вы не должны использовать наш веб-сайт.
Для использования нашего веб-сайта вам должно быть не менее 13 лет.Используя наш веб-сайт и соглашаясь с этими условиями использования, вы гарантируете и подтверждаете, что вам исполнилось 13 лет.
Мы оставляем за собой право изменять эти условия время от времени без предварительного уведомления. Пересмотренные условия использования будут применяться с даты публикации.
ЛИЦЕНЗИЯ
- Все ресурсы на Graphicdome.com бесплатны и могут использоваться как для личного, так и для коммерческого использования.
- Может использоваться как для личного, так и для коммерческого использования для вас или от имени клиента, самостоятельно или как часть другого проекта.
- Товар не может быть использован в проектах предназначенных для продажи через Интернет.
- Ни один из элементов не может быть перепродан, совместно использован, сублицензирован, передан или распространен отдельно.
- Вы не можете распространять или размещать элементы в любом загружаемом формате, независимо от того, находятся ли элементы в исходном или измененном состоянии.
- Если вы хотите продвигать ресурсы на других веб-сайтах или на своем собственном, вы должны ссылаться на страницу ресурсов, где пользователи могут найти загрузку, а не непосредственно на файл для загрузки.
Чтобы упростить задачу, лицензии могут сбивать с толку!
Любые ресурсы из раздела «Бесплатные подарки», загруженные с Graphicdome.com, могут использоваться как в личных, так и в коммерческих целях, что означает, что вы можете загружать файлы и затем использовать их в своей работе, если эта работа не предназначена для продажи в Интернете. Вы можете использовать ресурсы для своего веб-сайта, приложения, распечаток, баннеров, презентаций и так далее. Пока вы не загружаете какие-либо ресурсы, доступные для их продажи на другом веб-сайте, все в порядке!
Нет необходимости указывать или ссылаться на Graphicdome, если вы используете какие-либо из наших ресурсов, но было бы неплохо сделать это, если вы захотите!
Если у вас есть вопросы по лицензии, не стесняйтесь обращаться к нам!
- info @ graphicdome.com
- [email protected]
- http://www.facebook.com/graphicdome
УСЛОВИЯ ИСПОЛЬЗОВАНИЯ
1. Допустимое использование
Вы не должны использовать наш веб-сайт каким-либо образом, вызывающим , или может причинить ущерб веб-сайту или ухудшить доступность или доступность веб-сайта; или любым способом, который является незаконным, незаконным, мошенническим или вредным, или в связи с какой-либо незаконной, незаконной, мошеннической или вредной целью или деятельностью.Вы можете предоставлять ссылки на наш сайт при условии, что ваш сайт соответствует вышеизложенному, и вы немедленно прекращаете использование любых ссылок по нашему запросу.
2. Ответственность
Мы не несем никакой ответственности и не несем ответственности за любой ущерб, причиненный в результате использования продуктов или услуг, приобретенных через этот веб-сайт, или недоступности сайта в любое время, будь то косвенный, особый, случайные или косвенные убытки (включая, помимо прочего, убытки, связанные с потерей бизнеса, упущенной выгодой, прерыванием работы и т.п.).
3. Доставка товаров и услуг
Товары доставляются в виде цифровых загрузок по электронной почте сразу после покупки. Если вы не получите наше письмо в течение 10 минут с момента покупки, сначала проверьте папку со спамом, а затем свяжитесь с [email protected], мы постараемся ответить вам в приоритетном порядке.
4. Сторонние ссылки и товары
Для предоставления дополнительного связанного контента наш веб-сайт может содержать встроенный контент, гиперссылки и купоны для различных сторонних рекламодателей и поставщиков.Мы не несем ответственности за контент или продукты этих или любых третьих сторон и, следовательно, не предоставляем никаких гарантий и не принимаем на себя никакой ответственности в отношении этих сайтов, контента или продуктов. По самой своей природе третьи стороны независимы по отношению к нам, и ни одна из них не может делать заявления или юридически обязывающие обязательства от имени другой стороны.
При погашении купона третьей стороны вам может потребоваться уплатить НДС или налог с продаж на веб-сайте поставщика. Это зависит от местонахождения поставщика и от вашего местоположения и будет указано во время покупки.
5. Гарантия возврата денег
Если не указано иное, мы предлагаем полную 100% 30-дневную гарантию возврата денег со дня покупки для всех продуктов. Если у вас возникнут какие-либо проблемы с приобретенным продуктом или услугой, или если вы не полностью удовлетворены, пожалуйста, свяжитесь с [email protected]
6. Авторское право
Все материалы, содержащиеся на веб-сайте, принадлежат Graphicdome. Все права защищены. . Никто не имеет права использовать, копировать или распространять какую-либо часть веб-сайта, включая связанную графику.Graphicdome и другие товарные знаки и / или знаки обслуживания (включая логотипы и дизайн), представленные на веб-сайте, являются товарными знаками / знаками обслуживания, которые идентифицируют Graphicdome, а также товары и / или услуги, предоставляемые Graphicdome. Такие знаки нельзя использовать ни при каких обстоятельствах без предварительного письменного разрешения Graphicdome.
7. Возмещение убытков
Настоящим вы освобождаете нас от ответственности и обязуетесь обеспечивать нам возмещение убытков, убытков, издержек, обязательств и расходов (включая, помимо прочего, судебные издержки и любые суммы, уплаченные нами третьей стороне при урегулировании претензии или спора по совету наших юрисконсультов), понесенных или понесенных нами в результате любого нарушения вами любого положения настоящих условий использования.
8. Нарушения настоящих Условий использования
Без ущерба для других наших прав в соответствии с этими условиями использования, если вы каким-либо образом нарушите эти условия использования, мы можем предпринять такие действия, которые мы сочтем целесообразными для решения нарушение, в том числе приостановка вашего доступа к веб-сайту, запрещение вам доступа к веб-сайту, блокировка компьютеров, использующих ваш IP-адрес, для доступа к веб-сайту, обращение к вашему интернет-провайдеру с просьбой заблокировать ваш доступ к веб-сайту и / или возбуждение судебного разбирательства против вы.
9. Переуступка
Мы можем передавать, заключать субподряд или иным образом распоряжаться своими правами и / или обязательствами в соответствии с настоящими условиями использования без уведомления вас или получения вашего согласия.
Вы не можете передавать, заключать субподряд или иным образом распоряжаться своими правами и / или обязанностями в соответствии с настоящими условиями использования.
10. Делимость
Если какое-либо положение настоящих условий использования будет определено каким-либо судом или другим компетентным органом как незаконное и / или не имеющее исковой силы, другие положения будут продолжать действовать.Если какое-либо незаконное и / или не имеющее исковой силы положение будет законным или имеющим исковую силу, если его часть была удалена, эта часть будет считаться удаленной, а остальная часть положения останется в силе.
11. Исключение прав третьих лиц
Эти условия использования предназначены для вас и нас, и не предназначены для выгоды какой-либо третьей стороны или могут быть принудительно исполнены какой-либо третьей стороной. Осуществление наших и ваших прав в отношении настоящих условий использования не требует согласия какой-либо третьей стороны.
12. Полное соглашение
Настоящие условия использования вместе с нашей политикой конфиденциальности составляют полное соглашение между вами и нами в отношении использования вами нашего веб-сайта и заменяют все предыдущие соглашения в отношении использования вами нашего веб-сайта. .
Вопросы или комментарии относительно настоящих Условий использования следует отправлять по электронной почте на адрес [email protected]
40+ Превосходные учебники по Photoshop по 3D-эффектам
Несмотря на то, что существует множество различных программ для обработки фотографий, Adobe Photoshop по-прежнему остается лучшим.Photoshop открыл мир возможностей для художников и дизайнеров . И одна из таких возможностей — создание 3D-эффектов.
Итак, цель моей сегодняшней публикации — предоставить вам исчерпывающую коллекцию высококачественных руководств по 3D-эффектам Photoshop . Список охватывает все: от 3D-дизайна продукта, текстовых эффектов до плакатов и всего остального. Давайте проверим список.
50 лучших уроков по интерфейсу веб-сайтов по Photoshop50 лучших уроков по Photoshop для интерфейса веб-сайта
Photoshop — отличный инструмент для создания веб-сайтов, но он также очень сложен.Всегда есть … Подробнее
3D текстовые эффекты
Как создать трехмерную вывеску-шатер
Прочтите эту статью, чтобы узнать , как с помощью Adobe Photoshop сделать выделенную лампочку с текстом . Вы будете использовать стили слоев, текстуры, изображения и инструменты настройки.
3D мозаика с текстовым эффектом из пробки
Используйте текстуру корка и примените ее к тексту , чтобы получить этот потрясающий 3D-эффект. Учебник проведет вас через весь процесс.
Создание 3D-текста # 3
Создайте эту потрясающую типографику с 3D-эффектом в Adobe Photoshop. Вы будете использовать Type Tool и Blending Options .
Создание 3D-текста # 4
Вот краткое руководство, показывающее процесс создания красивого глобуса в Photoshop.
Число свечей Текстовый эффект
Трудно поверить, что это изображение не настоящая фотография свечей на день рождения, а трехмерная фотография, созданная в Photoshop . Это первая часть этого руководства, вы можете найти ссылку на вторую часть в тексте.
Как создать мощный огненный текст
Этот видеоурок покажет вам, как создать мощные трехмерные буквы в огне. Вам нужны базовые знания Photoshop, чтобы воспроизвести эту технику .
Эффект 3D старинного металлического текста
Вы можете создать этот красивый текст со словами любви , используя пару текстур и фильтров , и отправить любимому человеку в День святого Валентина или просто в любой день.
3D-эффект надписи на вывеске в стиле Шанель
Посмотрите на эти удивительные блестящие буквы.Вы можете создать их , используя настройки Photoshop 3D, несколько текстур и изображений .
Эффект текста 3D Floaties
В этом уроке вы собираетесь использовать настройки материала , несколько изображений, фильтры и настройки , чтобы создать этот крутой трехмерный текст, выделяющий волны.
Полосатый текстовый эффект в стиле дороги
Чтобы создать этот текст в стиле дороги с числами ’20’, вам необходимо применить режимов наложения, инструмент «Кисть» и инструмент «Перо» в Photoshop.
3D, Блестящий эффект надутого текста
Посмотрите на эти фантастические блестящие 3D-числа, созданные в Photoshop. Из этого туториала Вы узнаете, как использовать инструменты и настройки 3D Photoshop, а также кисти и корректирующие слои , чтобы создать забавный, блестящий, надутый текстовый эффект.
Эффект текста с объемными буквами
Эти классные подушки в форме букв на диване — не настоящие аксессуары для дома, а умный трехмерный текстовый эффект , созданный с помощью пары узоров и стоковых изображений .Смотрите сами.
Создание 3D-текста # 2
Это видео-руководство по научит вас применять этот крутой 3D-эффект к тексту с помощью Adobe Photoshop. Вы будете использовать корректировки слоя.
Как создать эффект надутого трехмерного текста с оборками
Используйте 3D-инструменты, узорную заливку и корректирующие слои, чтобы создать этот удивительный текстовый эффект с оборками в Photoshop.
Потрясающий дизайн 3D-надписи
Вот красивый яркий знак с 3D эффектом и огромным розовым фоном.Вы можете создать такой же знак после просмотра этого видео.
Создание 3D-текста # 1
3D — отличное решение для создания логотипа. Вы можете использовать это видео , чтобы узнать, как применить 3D-эффект к тексту .
Дизайн продукта
Кубики замороженного льда 3D эффект
Чтобы добиться этого потрясающего 3D-эффекта в Photoshop, вам нужно объединить бумажное изображение с кубиком льда. Посмотрите видео, чтобы сделать то же самое.
Реалистичный логотип Apple
Название этого руководства говорит само за себя.Вы собираетесь сделать из логотипа компании Apple настоящий плод.
Сделайте iPod Classic или New Nano
Вы узнаете, как создать iPod classic, но вы также можете использовать ту же технику для создания iPod Nano .
Визуализация поразительного спичечного коробки в Photoshop
Этот урок состоит из создания цифровой иллюстрации в Photoshop коробки спичек.
Реалистичная декорированная бутылка вина
Как создать реалистичную иллюстрацию бутылки и некоторые техники тени и вырезания .
Создание плавающего USB-ключа в воздухе Иллюстрация
Из этого туториала Вы узнаете, как изобразить USB-ключ, плавающий в воздухе и отражающийся от поверхности.
Блестящий фотореалистичный пульт Apple Remote
Apple выделяется дизайном продукции, включая удивительный пульт Apple. В этом руководстве вы узнаете , как сделать новый блестящий пульт Apple Remote .
Детализированный значок компаса в Photoshop
Создание супер блестящей иконки карандаша
Как нарисовать иконку карандашом.Мы рассмотрим градиентов, инструменты выделения и основные операции преобразования .
Создайте реалистичную иллюстрацию бутылки вина с нуля
Из этого туториала Вы узнаете, как создать суперреалистичную бутылку вина полностью с нуля.
Создание игрового контроллера в супер ретро стиле
Реалистичный мобильный телефон в стиле Blackberry
Визуализация драматической 3D деревянной чашки в Photoshop
Как создать трехмерную чашку с нуля в Illustrator, применить к ней текстуру в Photoshop, а также как использовать фильтр Vanishing Point для создания макета сценария и применения реалистичных теней.
Сделайте НЧ-динамик Bangin из дерева
Как проиллюстрировать НЧ-динамик и сделать простую текстуру дерева для фона.
Плакаты и предметы искусства
Easy Photoshop Красно-синий 3D-эффект
Из этого урока вы узнаете, как добавить винтажный красно-синий ретро-эффект к мужскому портрету. Вы можете применить этот эффект к любому другому изображению .
Как создать трехмерный всплывающий эффект
Посмотрите это видео на YouTube, чтобы узнать, как создать великолепное изображение с 3D-эффектом с iphone, травой, овцой, собакой и красивым световым потоком сбоку.
Простой 3D-эффект
В этом видео-руководстве рассматривается процесс создания 3D-эффекта с использованием красного, зеленого и синего каналов . Используйте для этого черно-белое фото.
Создание трехмерного анаглифического эффекта
Это ретро-эффект, демонстрирующий 3D. Вы можете применить его к своим изображениям после прочтения этой быстрой статьи.
Учебное пособие по эффекту трехмерной дисперсии
Это учебник по обработке фотографий, демонстрирующий эффект 3D-дисперсии . Воспользуйтесь пошаговым видео-руководством, чтобы добиться этого эффекта.
3D всплывающее окно из обычной фотографии
Превратите обычную морскую картинку в 3D фотоэффект с помощью этого видео. Это похоже на страницу из детской всплывающей книги.
Выполнение 3D-манипуляции
Это видео-руководство проведет вас через процесс создания фантастической сцены с мужчиной, сидящим волнами на iPhone.
Эффект 3D-планеты
Создайте планету с 3D эффектом с девушкой, которая смотрит это видео-руководство. Ролик получился довольно длинным, но оно того стоит.
Быстрый винтажный 3D-эффект
В этом руководстве вы увидите пошаговые инструкции по созданию винтажного 3D-эффекта. Он был вдохновлен старыми 3D-очками.
3D Планета в Photoshop
Для тех, кто предпочитает создавать собственные обои космос и планеты.
Красочный дизайн Mac
Полезное руководство, которое расскажет, как создать потрясающие обои с логотипом Mac.
