Что такое 3D-эффекты в Illustrator?

Adobe Illustrator — это программное обеспечение для редактирования векторной графики, разработанное и принадлежащее Adobe Inc.. Оно используется для создания рисунков, иллюстраций, художественных работ и трехмерных объектов различного назначения. Это программное обеспечение было первоначально выпущено в 1987 году, и это была версия1. Illustrator поддерживается операционными системами Windows и Mac. Illustrator часто обновляется, и последняя версия была выпущена в апреле 2019 года. Теперь Illustrator является частью творческого облака Adobe. Adobe Illustrator используется различными профессионалами, такими как веб-дизайнеры, архитекторы, визуальные художники и т. Д. И он очень популярен и распространен во всем мире. Он используется для создания анимированных персонажей, мультфильмов, логотипов, плакатов, графиков и диаграмм и т. Д. Кроме того, он позволяет пользователям загружать изображения и редактировать их с помощью различных доступных инструментов. Сегодня мы поговорим о 3D-эффектах или 3D-инструментах, доступных в Adobe Illustrator.

Типы 3D-эффектов в Illustrator

3D-эффекты в Illustrator в основном делятся на два процесса:

1. Экструдировать

Выдавливание — это процесс придания толщины двумерному элементу в плоскости XY путем развития по оси Z. Или это процесс преобразования 2D-эскиза в 3D путем добавления определенной высоты. Это самый простой и мощный способ создания 3D-объектов. Можно выдавливать любую сложную форму или размер с помощью инструмента «Выдавливание» в Illustrator. Мы можем изготовить заказ по длине или толщине.

Чтобы узнать больше об инструменте выдавливания, сегодня мы увидим пример выдавливания текста в Adobe Illustrator.

Шаг 1. Откройте Adobe Illustrator на вашем компьютере и запустите новый проект. Выберите любой из доступных размеров страницы. Белая пустая страница будет открыта в вашем программном обеспечении, как показано ниже,

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

Шаг 3: Тип инструмента (T) используется для добавления текстов в иллюстраторе. Выберите тип инструмента на панели инструментов, щелкните и перетащите блок на монтажной области для написания текста. Вы можете написать что-нибудь согласно вашей потребности. Вот, например, я использовал слово «ИЛЛЮСТРАТОР» для выдавливания. Смотрите изображение, приведенное ниже,

Шаг 4: Кроме того, вы можете выбрать любой шрифт для текста в соответствии с вашими требованиями. Вы можете редактировать размер текста из панели символов. От опции окна, вы получите диалоговое окно для изменения размера текста. (Окно> Тип> Символ)

Шаг 5. Чтобы выдавливать текст, необходимо преобразовать текст в фигуры, чтобы можно было легко выдавливать фигуру. Для этого выделите текст с помощью инструмента выделения (V), затем перейдите в «Текст»> «Создать контуры».

Шаг 6: Затем вокруг вашего текста будет создан контур. Это показывает, что ваш текст преобразован в форму. Смотрите изображение ниже,

Шаг 7: Другой эффект, который вы можете добавить к своему тексту, — придать цвет. Вы можете выбрать любой цвет из списка и добавить его в свой текст. Откройте панель цветов в окне и выберите любой цвет, как показано ниже («Окно»> «Цвет»)

Шаг 8: Перед преобразованием текста в 3D, сделайте это в группу. Так что буквы остаются одной формой даже после применения эффектов. Сгруппируйте текст, выбрав Object> Group.

Шаг 9: Чтобы применить 3D-эффект, выберите ваш текст и перейдите в Effect> 3D> Extrude and Bevel, который откроет диалоговое окно. Он содержит различные параметры для редактирования выдавливания. Сюда входят глубина выдавливания, положение, перспектива, скос и т. Д. В диалоговом окне вы можете увидеть поле для ввода глубины выдавливания. Введите требуемое значение для глубины, как показано на рисунке ниже,

Шаг 10: В диалоговом окне 3D, нажав кнопку предварительного просмотра, вы можете увидеть, как будет выглядеть ваш текст после экструзии. Смотрите изображение ниже,

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

2. вращаться

Революция в дизайне — это процесс создания 3D-объекта путем вращения 2D-эскиза вокруг оси. Или это процесс придания толщины двухмерному эскизу путем вращения эскиза вокруг центральной оси. Вращающийся инструмент также важен, как выдавливание. В основном цилиндрические и полые объекты создаются с помощью инструмента вращения в иллюстраторе.

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

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

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

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

Шаг 4: Здесь, используя эти параметры вращения, вы можете фиксировать градусы вращения, толщины, смещения и т. Д. Также, вращая куб, вы можете увидеть различные виды вашего 3D-объекта.

Вывод

Adobe Illustrator — это самый распространенный редактор векторной графики, используемый дизайнерами, работниками СМИ, иллюстраторами и т. Д. Мы можем использовать это программное обеспечение для создания цифровой графики, 3D-рендеринга, иллюстраций, типографий и т. Д. Это простое и эффективное программное обеспечение, которое может очень быстро. Даже новички могут легко понять их метод работы. Здесь мы обсудили основные 3D-эффекты в иллюстраторе. Это лишь основная часть этого программного обеспечения, и как только вы познакомитесь с программным обеспечением, вы узнаете намного больше эффектов и инструментов. Возможности этого программного обеспечения безграничны, и Adobe предоставляет своим пользователям множество инструментов и функций.

Рекомендуемые статьи

Это было руководство по 3D-эффектам в Illustrator. Здесь мы обсудим концепцию и пошаговое объяснение того, как использовать 3D-эффекты в Illustrator. Вы также можете просмотреть наши другие предлагаемые статьи, чтобы узнать больше —

1. Sharpen Tool в фотошопе
2. Пользовательский инструмент Shape в Photoshop
3. Инструменты Adobe Photoshop
4. Инструменты тестирования автоматизации
5. 3D-эффекты в After Effects

Настройки 3D-материалов (Photoshop Extended) — создание и продвижение сайтов

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

Выбранный материал и связанные с ним текстурные карты.

А. Отображает параметры группы «Материалы»

Б. Выбранный материал

В. Палитра материалов

Г. Инструменты перетаскивания и выбора материалов

Д. Значок меню текстурной карты

Е. Типы текстурных карт

Выбрав материал в верхней части панели 3D, в нижней части можно просмотреть сведения о текстурных картах, используемых в нем. В основе некоторых типов текстуры, например «Диффузия» и «Рельеф», обычно лежит 2D-файл, в котором хранится определенный цвет или узор, необходимый для воссоздания текстуры. Для текстуры других типов 2D-файл может не потребоваться. Например, настройку эффектов «Глянец», «Блеск», «Непрозрачность» или «Отражение» можно выполнять путем непосредственного ввода значений.

Находящиеся в основе материала текстурные карты также представлены в списке «Текстуры» на панели «Слои», где они сгруппированы по категории карты текстуры.

Диффузия

Цвет материала. Это может быть чистый цвет или любой цвет из 2D-содержимого. При отсутствии связанного 2D-содержимого используется образец цвета «Диффузия». Карту диффузии можно создать с помощью непосредственного рисования на модели.

Непрозрачность

Регулирует прозрачность материала (значение от 0 до 100 %). Также значение прозрачности можно задать с помощью ползунка. Степень прозрачности материала регулируется с помощью значений градации серого карты текстуры. Чем светлее оттенок, тем больше коэффициент прозрачности, и наоборот.

Рельеф

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

Значение в поле «Рельеф» увеличивает или уменьшает выпуклость. Поле активно только при наличии карты выпуклости. Укажите числовое значение выпуклости или воспользуйтесь соответствующим ползунком.

С увеличением угла эффект выпуклости уменьшается.

Нормальный

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

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

Окружение

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

Отражение

Повышает степень отражения материалом других объектов на 3D-сцене и карте окружения.

Свечение

Задает цвет, который отображается вне зависимости от освещения. Создает эффект свечения 3D-объекта.

Глянец

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

Блеск

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

Настройка глянца (число слева) и блеска (число справа)

Примечание. Если в 3D-объекте содержится более девяти типов текстур, то на панели «Слои» и в списке «Режим 3D-рисования» появляются дополнительные текстуры. (Для отображения списка выберите «3D» > «Режим 3D-рисования» или воспользуйтесь командой «Рисовать на» в разделе «Сцена» панели 3D.)

Отражающий

Цвет, используемый для свойств отражения (например, для подсветки глянцевитости).

Окружение

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

Преломление

Задает коэффициент преломления при выборе качества «Трассировка лучей», а также параметра «Преломления» в диалоговом окне «3D» > «Настройки рендеринга». Преломление — это изменение направления света, возникающее в месте соприкосновения двух материалов (например, воздуха и воды), обладающих различными коэффициентами преломления. По умолчанию для новых материалов используется значение 1,0 (приблизительный коэффициент преломления воздуха).

Создание текстурной карты выпуклости

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

1. На панели «Инструменты» щелкните образец «Задать фоновый цвет».

2. В палитре цветов задайте одинаковые значения для цветов R, G, B и установите уровень яркости на 50 %. Нажмите кнопку «ОК».

3. На панели «3D» нажмите значок папки рядом с параметром «Рельеф».

4. Выберите «Новая текстура».

5. В диалоговом окне «Новый» задайте следующие настройки:

   • «Цветовая модель» — «Оттенки серого»

   • «Содержимое фона» — «Фоновый цвет»

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

6. Нажмите кнопку «ОК».

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

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

Как сделать анаглиф эффект в фотошопе | Как сделать..

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

Более подробно о данном эффекте можно прочитать в Wikipedia. Для тех кто не в теме, посмотрите на примеры представленные ниже.

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

1-й этап: Подготовка фотографии

В качестве исходной фотографии я использовал портрет девушки:

Откройте свою фотографию в фотошопе. Щелкните два раза по слою, чтобы его разблокировать. 

Затем назовите слой «Левый» (для этого щелкните два раза по тексту Слой 0)

Перейдите во вкладку Слои -> Создать дубликат слоя или нажмите сочетание клавиш Ctrl + J. Дубликат переименуйте в «Правый».

2-й этап: Приступаем к созданию Анаглиф эффекта

Откройте стиль слоя «Левый» и отключите красный канал. Для этого пройдите Слои -> Стиль слоя -> Параметры наложения или щелкните два раза по слою.

Откройте стиль слоя «Правый», и отключите зеленый и синий канал.

Сместите слой «Правый» немного в сторону, чтобы увидеть эффект анаглиф’а. Для этого зажмите клавишу Shift и нажмите на клавиатуре стрелку в право. Вы можете отрегулировать глубину смещения на свой вкус. Можно не зажимать шифт, а просто два-три раза нажать на стрелочку. 

3-й этап: Кадрирование фотографии

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

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

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

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

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

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

Как выключить 3д режим в фотошопе

RPI.su – самая большая русскоязычная база вопросов и ответов. Наш проект был реализован как продолжение популярного сервиса otvety.google.ru, который был закрыт и удален 30 апреля 2015 года. Мы решили воскресить полезный сервис Ответы Гугл, чтобы любой человек смог публично узнать ответ на свой вопрос у интернет сообщества.

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

Чтобы связаться с нами по любому вопросу О САЙТЕ (реклама, сотрудничество, отзыв о сервисе), пишите на почту [email protected] . Только все общие вопросы размещайте на сайте, на них ответ по почте не предоставляется.

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

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

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

В этом уроке мы подробно рассмотрим каждый из трех режимов экрана и способы их переключения и узнаем несколько комбинаций горячих клавиш для получения максимальной отдачи от этой крайне полезной функции. Здесь буду использовать Photoshop CC (Creative Cloud), но этот урок подойдёт также и к версии CS6.

Стандартный режим экрана

Вот как выглядит стандартный (по умолчанию) режим экрана Photoshop CS6 и СС:

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

На данный момент интерфейс не перекрывает моё изображение, но это только потому, что масштаб картинки уменьшен. Чтобы получить более полное представление о преимуществах выбора подходящих режимов экрана, я нажму комбинацию Ctrl+1 для быстрого перехода моего изображение на масштаб 100%. При масштабе 100% изображение стало слишком велико, чтобы уместиться полностью на экране, и теперь элементы интерфейса вызывают проблемы, блокируя обзор части картинки, это особенно может вызвать проблемы пр работе с небольшими мониторами с маленьким разрешением:

Во весь экран с главным меню

Если вы хотите немного увеличить рабочее пространство, чтобы получить немного больше места для работы, вы можете переключиться на второй из трех режимов экрана Photoshop, известные как «Во весь экран с главным меню» (Full Screen Mode With Menu Bar). В Photoshop имеется несколько различных способов его включения. Во-первых, вы можете перейти по вкладке главного меню Просмотр –> Режимы экрана –>Во весь экран с главным меню (View –> Screen Mode –> Full Screen Mode With Menu Bar).

Однако, имеется и гораздо более быстрый способ для переключения между режимами экрана Photoshop, для этого надо нажать и удерживать на значок в самом низу панели инструментов, при этом появится выпадающее меню, где Вы сможете выбрать пункт «Во весь экран с главным меню» (Full Screen Mode With Menu Bar):

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

Во весь экран

Чтобы максимально расчистить свое рабочее место от элементов интерфейса, переключитесь на последний из трех режимов экрана Photoshop, известный просто как Во весь экран (Full Screen Mode). Вы можете выбрать его либо через вкладку главного меню Просмотр –> Режимы экрана –>Во весь экран (View –> Screen Mode –> Full Screen Mode), либо просто нажмите и удерживайте на значок переключения режимов экрана в нижней части панели инструментов и выберите «Во весь экран» (Full Screen mode) из пунктов выпадающего меню:

Если Вы в первый раз выбираете этот режим, то сначала появится информационное окошко с предупреждением. Поставьте галку в чекбоксе «не показывать снова» (don’t show again):

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

Доступ к скрытым боковым панелям при режиме «Во весь экран»

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

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

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

В режиме «Во весь экран» можно временно показывать и скрывать весь интерфейс непосредственно с клавиатуры, нажатием клавиши Tab.

Кроме того, правую группу панелей можно показать/скрыть нажатием клавиш Shift+Tab.

Примечание. Нажатие и скрытие всего интерфейса Photoshop с помощью клавиш Tab и Shift+Tab работает для всех трёх режимов экрана.

Переключение режимов экрана с помощью горячих клавиш

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

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

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

Понравился сайт? Уроки оказались полезными? Вы можете поддержать проект, просто если скачаете и установите приложение «Фонарик» для Андроид. Приложение написал автор сайта и рассчитывает в дальнейшем публиковать свои приложения. Фонарик управляет светодиодом вспышки фотокамеры телефона, а также включает подсветку экраном на полной яркости.

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

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

Заранее благодарен, Дмитрий.

QR-код для установки:

Если Вам понравился материал, скажите свое «спасибо», поделитесь ссылками с друзьями в социальных сетях! Спасибо!

На этой странице

В Photoshop CS6 функциональные возможности 3D-рисования были доступны в Photoshop Extended. Все возможности Photoshop Extended доступны в Photoshop. Photoshop не имеет специальной версии Extended.

Обзор панели 3D

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

Кнопки вверху панели 3D фильтруют компоненты, отображаемые в верхней части панели. Нажмите на кнопку «Сцена», чтобы отобразить все компоненты, кнопку «Материалы», чтобы отобразить только материалы, и так далее.

Отображение панели 3D

Выполните одно из следующих действий.

Выберите «Окно» > «3D».

Дважды щелкните значок 3D-слоя на панели «Слои».

Выберите «Окно» > «Рабочая среда» > «Расширенные параметры 3D».

Фильтрация отображаемых параметров 3D

Вверху панели 3D нажмите на кнопку «Сцена», «Сетка», «Материалы» или «Источники света».

Отображение или скрытие 3D-сетки или освещения

В верхней части панели 3D щелкните значок с глазом рядом с элементом сетки или освещения.

Управлять видимостью материалов на панели 3D нельзя. Однако можно изменить настройки видимости для связанных текстур на панели «Слои». См. раздел Параметры 3D-материалов.

Настройки доступа для 3D-сцены

Нажмите на кнопку «Сцена».

Если элемент «Сцена» не выбран, щелкните его вверху списка компонентов.

Настройки доступа для сетки, материала или источника света

Выполните одно из следующих действий.

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

Нажмите на кнопку «Сетки», «Материалы» или «Источники света», чтобы временно отобразить только соответствующие компоненты. Затем выберите сетку, материал или источник света.

Раскрытие или сворачивание списка материалов сетки

Нажмите на кнопку «Сцена».

Щелкните треугольник слева от значка сетки.

Просмотр плоскости основания

Плоскость основания представляет собой сетку, которая расположена на уровне основания и относительно которой расположена 3D-модель.

Чтобы просмотреть плоскость основания, щелкните значок переключения внизу на панели «3D» и выберите «3D-плоскость основания».

Значок переключателя активен, только если в системе имеется OpenGL.

Отображение и скрытие направляющих света

Внизу на панели «3D» щелкните значок переключения и выберите «3D-свет»

Выделение контуров выбранного материала или сетки в окне документа

Внизу на панели «3D» щелкните значок переключения и выберите «3D-выделение».

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

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

Настройки 3D-сцены

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

Указывает стиль рендеринга для модели. Чтобы настроить параметры, нажмите «Редактировать». Дополнительные сведения см. в разделе Изменение параметров 3D-рендеринга.

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

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

Черновик трассировки лучей

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

Окончательная трассировка лучей

Этот вариант подходит для окончательного вывода и выполняет полный рендеринг отражений и теней. Дополнительные сведения см. в разделе Рендеринг 3D-файла для окончательного вывода.

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

При рисовании непосредственно на 3D-модели используйте это меню для выбора карты текстуры для рисования. См. раздел 3D-рисование.

Целевую текстуру также можно выбрать в меню «3D» > «Режим рисования 3D».

Глобальный цвет освещения

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

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

Просмотр поперечных сечений

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

Выберите «Поперечное сечение» в нижней части вкладки «Сцены».

Задайте параметры выравнивания, позиции и ориентации:

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

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

Обратить поперечное сечение

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

Используйте «Сдвиг» для смещения плоскости вдоль оси без изменения ее наклона. По умолчанию смещение равно нулю, а плоскость пересекает 3D-модель в ее средней точке. При максимальном положительном или отрицательном смещении эта плоскость перестает пересекаться с моделью. Используйте параметр «Наклон» для вращения плоскости на 360 0 в одном из возможных направлений наклона. При работе с конкретной осью изменение настроек наклона заставит плоскость вращаться вокруг одной из осей. Например, плоскость, выровненная вдоль оси Y, может поворачиваться вокруг оси X (Наклон 1) или оси Z (Наклон 2).

Для пересекающейся плоскости выберите ось (X, Y или Z). Плоскость будет расположена перпендикулярно выбранной оси.

Использование различных режимов рендеринга для отдельных поперечных сечений

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

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

Нажмите «Настройки рендеринга» или выберите «3D» > «Настройки рендеринга».

В верхней части диалогового окна нажмите не выделенную в данный момент кнопку «Поперечное сечение» .

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

Выберите параметры рендеринга для дополнительного поперечного сечения и нажмите «OK».

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

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

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

Чтобы отображались тени, настройте источники света и выберите качество визуализации «Трассировка лучей». См. раздел Настройки 3D-сцены.

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

Чтобы захватить тени от плоскости основания на сетках, выберите «3D» > «Захват тени на плоскости основания». Чтобы выровнять эти тени с объектами, выберите «3D» > «Привязать объект к плоскости основания»

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

Скрывает сетку, отображая только тени на ее поверхности.

Управляет мягкостью теней, отбрасываемых выделенной сеткой. Эта настройка полезна при наложении 3D-объектов на слои под ними.

Отображение или скрытие сетки

В верхней части панели 3D щелкните значок с глазом рядом с названием сетки.

Манипуляция отдельными сетками

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

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

Для перемещения сетки воспользуйтесь инструментом «Позиционирование» в нижней части панели.

Для манипуляции всей моделью при выборе отдельной сетки используйте 3D-инструменты на панели «Инструменты».

Параметры 3D-материалов

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

Выбрав материал в верхней части панели 3D, в нижней части можно просмотреть сведения о текстурных картах, используемых в нем. В основе некоторых типов текстуры, например «Диффузия» и «Рельеф», обычно лежит 2D-файл, в котором хранится определенный цвет или узор, необходимый для воссоздания текстуры. Для текстуры других типов 2D-файл может не потребоваться. Например, настройку эффектов «Глянец», «Блеск», «Непрозрачность» или «Отражение» можно выполнять путем непосредственного ввода значений.

Находящиеся в основе материала текстурные карты также представлены в списке «Текстуры» на панели «Слои», где они сгруппированы по категории карты текстуры.

Чтобы увидеть миниатюру изображения карты текстуры, наведите мышь на имя текстуры (например «Отражение» или «Свечение»).

Цвет материала. Это может быть чистый цвет или любой цвет из 2D-содержимого. При отсутствии связанного 2D-содержимого используется образец цвета «Диффузия». Карту диффузии можно создать с помощью непосредственного рисования на модели. См. раздел 3D-рисование.

Регулирует прозрачность материала (значение от 0 до 100 %). Также значение прозрачности можно задать с помощью ползунка. Степень прозрачности материала регулируется с помощью значений градации серого карты текстуры. Чем светлее оттенок, тем больше коэффициент прозрачности, и наоборот.

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

Значение в поле «Рельеф» увеличивает или уменьшает выпуклость. Поле активно только при наличии карты выпуклости. Укажите числовое значение выпуклости или воспользуйтесь соответствующим ползунком.

С увеличением угла эффект выпуклости уменьшается.

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

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

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

Чтобы карта окружения не отражалась на материале, необходимо установить в ноль параметр «Отражение», добавить карту отражения, которая бы закрывала область материала, или удалить карту окружения для данного материала.

Повышает степень отражения материалом других объектов на 3D-сцене и карте окружения.

Задает цвет, который отображается вне зависимости от освещения. Создает эффект свечения 3D-объекта.

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

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

Если в 3D-объекте содержится более девяти типов текстур, то на панели «Слои» и в списке «Режим 3D-рисования» появляются дополнительные текстуры. (Для отображения списка выберите «3D» > «Режим 3D-рисования» или воспользуйтесь командой «Рисовать на» в разделе «Сцена» панели 3D

Цвет, используемый для свойств отражения (например, для подсветки глянцевитости).

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

Задает коэффициент преломления при выборе качества «Трассировка лучей», а также параметра «Преломления» в диалоговом окне «3D» > «Настройки рендеринга». Преломление — это изменение направления света, возникающее в месте соприкосновения двух материалов (например, воздуха и воды), обладающих различными коэффициентами преломления. По умолчанию для новых материалов используется значение 1,0 (приблизительный коэффициент преломления воздуха).

Выбор и применение материалов непосредственно на объектах

Инструмент «Выбор 3D-материала» работает почти так же, как инструмент «Заливка», и позволяет брать образец материала и применять его прямо на 3D-объектах.

На панели «3D» выберите «Выбор 3D-материала» .

Наведите указатель на 3D-объект в окне документа. Когда нужный материал выделен контуром, нажмите кнопку мыши, удерживая клавишу «Alt» (Windows) или «Option» (Mac OS).

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

Эффект 3D-надписи в Photoshop | Молли Субер Торп стенограммы

1. Эффект 3D-надписи в Photoshop: Вас приветствует эффект 3D-надписи в Photoshop. Я Молли Субер Торп, художница-писательница, графический дизайнер и автор. Сегодня я собираюсь научить вас, как создать красивый объемный текстовый эффект, такой же, как этот, для дизайна ваших рукописных букв или для использования с любым цифровым шрифтом. Мы собираемся узнать, как использовать смарт-объекты и неразрушающие корректирующие слои, чтобы создать полностью настраиваемый дизайн и эффект, который можно использовать снова и снова с разными рисунками и разными буквами.Изменяя цвета и глубину размеров, вы сможете изменить иллюстрацию вашего дизайна, чтобы вы могли использовать этот эффект в нескольких частях. Этот процесс полностью неразрушающий, что означает, что вы можете изменить любой его аспект по ходу работы или использовать те же эффекты, которые вы создаете сегодня, для применения к будущему произведению искусства без необходимости переделывать все слои эффектов. В этом прелесть умных объектов. Я собираюсь показать вам, как использовать смарт-объекты в сочетании с фильтрами и эффектами слоев для создания этой неразрушающей и красивой обработки шрифтов.Я надеюсь, что вы последуете за мной и создадите свой собственный проект, которым вы поделитесь в разделе «Проект» на уроке, или, если вы поделитесь им в социальных сетях, отметьте меня, чтобы я мог там посмотреть. Все в порядке. Не могу дождаться, чтобы начать. 2. Настройте свой файл: это проект класса, который мы собираемся создать сегодня вместе. Я хочу начать с демонстрации этого вам, чтобы в процессе работы вы имели представление о том, куда мы идем на каждом этапе. Позвольте мне просто увеличить масштаб и немного панорамировать это изображение и описать вам, что мы собираемся делать.Мы берем дизайн, который либо написан от руки, либо создан с использованием шрифта, это ваш выбор, и я покажу вам оба варианта. Мы собираемся добавить к нему размер, глубину, а также добавим падающую тень значительного размера. Мы собираемся нанести зернистость на всю вещь, чтобы она выглядела немного винтажно, и поместим ее на заднем фоне с красивой виньеткой и некоторыми другими фильтрами, чтобы все это получилось очень связным и несколько винтажным. Теперь давайте настроим наш файл. Я подхожу к File New.Я устанавливаю этот размер десять на восемь дюймов просто потому, что считаю, что это очень хорошее соотношение для работы. Это то же соотношение, что и в приведенном здесь примере, с разрешением 300 dpi и цветовым режимом RGB. Теперь просто для того, чтобы вы знали, если у вас очень медленный компьютер или вы просто хотите впервые поиграть здесь, вы, возможно, не захотите идти дальше этого. Фактически, вы можете захотеть использовать меньшее разрешение, когда изучите эту технику. Я говорю это только потому, что эти файлы могут быть очень тяжелыми и экономить время, время загрузки и рендеринга может занять некоторое время.Если вы не хотите, чтобы ваш компьютер увяз в некоторых слоях, с которыми мы работаем, чем меньше размер файла, тем больше вам повезет. Тем не менее, я все время работаю с большими файлами. У меня довольно быстрый компьютер, но я также просто не думаю, что стоит делать готовые работы, которые слишком малы для печати в большом размере или увеличения, но помните, что конечный результат таких файлов довольно тяжелый и большой. Итак, мы нажимаем «Создать». Самое первое, что я хочу сделать, это заменить фон сплошным цветным слоем, поэтому я подхожу к своему инструменту «Черно-белое печенье» и нажимаю «сплошной цвет».Мы поговорим о цветах чуть позже. Но вы увидите, что у меня есть предустановленная цветовая палитра, и мы обсудим это. Но я просто установлю для фона этот персиковый цвет, а затем удалю фоновый слой по умолчанию. Причина, по которой я это сделал, заключается в том, что для меня важно иметь возможность быстро дважды щелкнуть мой фоновый слой и очень легко изменить его на любой цвет, который я хочу. Это просто мои личные предпочтения, но они очень помогают моему рабочему процессу. 3. Добавьте свою надпись: Затем я перейду к файлу, в котором у меня есть дизайн моей буквы.Вот дизайн письма от руки, который я создал для этого класса. Я создал его на своем iPad, экспортировал как файл Photoshop и скопировал себе на компьютер, открыл его здесь в Photoshop и сохранил как файл Photoshop CC. Теперь пара заметок о моем выборе дизайна для этого, на случай, если вам нужен совет по созданию собственного дизайна. Я решил сделать свой текст наклонным, двигающимся немного вверх, потому что я думаю, что это добавляет много движения и динамизма, что делает дизайн более привлекательным, особенно когда мы добавляем размер.Я также добавил толстые и тонкие штрихи, потому что размер, который добавляется позже, выглядит действительно круто, когда он толще в некоторых частях, а в других тоньше. Похоже, он приобретает свинцовый эффект. По той же причине я добавил толстые и тонкие части к этим штрихам, входящим и выходящим из букв, чтобы я снова мог играть с движением от тонкого к толстому в пределах измерения. Теперь вы можете видеть, что он создал это на пустом фоне, если я отключу фоновый слой. Это действительно важно.Не работайте со сплющенным файлом. Если вы это сделаете, вам просто нужно будет предпринять больше шагов, чтобы удалить фон, потому что очень важно, чтобы на вашем слое были только иллюстрации, а не фон, ничего больше. Выбрав свой художественный слой, я перейду к Edit, Copy или, конечно, к Command C, если вы предпочитаете, и я вернусь к своему новому файлу. Теперь, когда я здесь, я не хочу просто вставить свой новый дизайн, я хочу вставить его на что-то, называемое смарт-объектом, и я расскажу вам немного больше о том, что это такое, если вы еще не знаю.Находясь в палитре слоев, я спускаюсь по значку «Новый слой» и создаю новый слой, и я просто назову его «Искусство», потому что на нем находится наша работа. Затем я щелкаю правой кнопкой мыши не по миниатюре, а за пределами миниатюры справа от миниатюры, я щелкаю правой кнопкой мыши и говорю «Преобразовать в смарт-объект». Теперь вся разница, которую вы увидите, заключается в том, что здесь на миниатюре художественного слоя появляется значок. Если я дважды щелкну по нему, на моем экране действительно откроется новая вкладка. Когда я выхожу из полноэкранного режима, чтобы вы могли видеть вкладки.Вы увидите, что прямо здесь, на этой вкладке, потому что мы еще не сохранили его, это файл без названия, который мы создали, и когда я дважды щелкаю художественный слой, этот слой R.PSB открывается. Здесь я собираюсь вставить либо нажав Command V, либо выбрав Edit, Paste. Я немного уменьшу масштаб, перетащу свой дизайн по центру, а затем либо нажму Command T для преобразования, либо просто перейду в Edit, Transform, Scale. Затем я просто немного уменьшу его, чтобы он был по центру с множеством хороших полей по краю. Теперь, когда я нажимаю «Сохранить» в этом файле и закрываю слой, он появляется здесь, в нашем предыдущем файле.Прежде чем мы продолжим, я просто сохраню этот файл и назову его «Демонстрация текстового эффекта». Следующее, что мы собираемся сделать, это скопировать этот слой смарт-объекта, просто перетащив его вниз на значок нового слоя и изменив порядок, перетащив эту новую копию вниз под оригиналом. Дважды щелкнув имя, я переименую его в 3D, потому что это будет начало или первый слой нашего измерения. Теперь я просто хочу показать вам кое-что интересное о смарт-объектах. Теперь, когда мы скопировали наш объект Smart Bar, я хочу показать вам, как при редактировании одного из этих слоев они оба обновляются автоматически, и если бы я скопировал его 100 раз, все 100 из них обновились бы.Я дважды щелкаю по любому из них, и когда я захожу сюда, я хочу сказать, измените цвет этого типа. Итак, я перейду к своему черно-белому значку печенья, добавлю сплошной цветовой слой, я выберу этот светло-бирюзовый и нажму «Хорошо». Затем, удерживая нажатой клавишу Option или клавишу alt на ПК, вы увидите, что, когда я наведусь между этими двумя слоями, мой курсор изменится на этот значок отсечения, и если я нажму «один раз», то цветной слой обрезается внутри моего художественного слоя и влияет только на искусство на этом слое.Теперь, когда я нажимаю «сохранить» и возвращаюсь к своему демонстрационному файлу с текстовым эффектом, вы увидите, что не только изменился рисунок на моем 3D-слое, но и если я выключу его и просто просматриваю этот рисунок. Слой объекта, он тоже изменился. Тот факт, что мы можем обновить один смарт-объект и заставить его влиять на все другие копии того же смарт-объекта в нашем файле, является важным аспектом этой техники текстовых эффектов. 4. Используйте шрифт. Вместо того, чтобы писать от руки, вы можете использовать цифровой шрифт. Когда вы создаете этот первый слой смарт-объекта и дважды щелкаете по нему, чтобы открыть его там, где я ранее показал, что вы можете вставить в дизайн письма от руки.Теперь я хочу показать вам, насколько просто использовать цифровой шрифт, набирающий слишком много текста, и заставить его работать точно так же. Я отключу этот слой, который я уже вставил. Я перейду к своему текстовому инструменту и просто ради него напишу тот же текст, который я написал вручную. Я просто изменю его размер, чтобы он соответствовал экрану, и, возможно, даже немного наклонил его вверх. Я хочу увеличить здесь высоту строки на палитре символов. Если у вас не открыта палитра символов, вы можете просто перейти к окну персонажа.Вам также может понадобиться палитра абзацев, если вы хотите контролировать центрирование и выравнивание влево-вправо и тому подобное. Я хочу, чтобы кернинг был довольно щедрым. Посмотрим, как выглядит оптика немного лучше и немного уменьшим пространство. Это один из способов добавить текст, и тогда вам не нужно растрировать этот слой. Другими словами, вам не нужно превращать его только в пиксели. Вы можете сохранить его как редактируемый текст. Тогда вы всегда сможете вернуться сюда и изменить текст, никоим образом не влияя на ваш фактический дизайн.5. Импорт или создание образцов. Теперь давайте поговорим об образцах цвета. Потому что для создания размера и глубины, а также освещения и затенения, которые мы используем в этой технике, важно, чтобы у вас в вашем наборе инструментов было несколько оттенков и оттенков одного и того же оттенка, а также несколько других образцов, которые можно было бы извлечь очень быстро. Это просто экономит вам много времени и делает выбор цвета во время работы исключенным из уравнения, потому что вы всегда можете перекрасить вещи позже, потому что вы не хотите тратить свое время на создание слоев и влияет на выбор новых. цвета на каждом шагу.Итак, в разделе «Ресурсы» этого класса я фактически предоставил вам экспортированную версию моей палитры образцов, чтобы вы, если хотите, могли следовать в классе с именно теми цветами, которые я использую. Если вы загрузите этот файл, вы получите файл, который выглядит примерно так: Text Effect Palette.aco. Так что сохраните это где-нибудь в надежном месте на вашем компьютере, а затем перейдите сюда к палитре образцов. Если вы хотите добавить мои образцы к уже имеющимся, щелкните всплывающее гамбургер-меню в правом верхнем углу, а затем щелкните «Загрузить образцы».Но я хочу заменить свои образцы моими собственными образцами, и поэтому в любом случае, независимо от того, нажимаете ли вы « Загрузить » или « Заменить », вы собираетесь щелкнуть его и перейти к файлу образца во всплывающем окне и нажать « Открыть », а затем образцы будут появляются прямо здесь. Теперь позвольте мне вытащить сюда мою палитру образцов, чтобы мы могли изучить то, что у меня есть. У меня чистый черный цвет, затем — 25-процентный серый. Если вы хотите создать свой собственный 25-процентный серый цвет, все, что вам нужно сделать, это подойти к левой части экрана на панели инструментов и дважды щелкнуть цвет переднего плана.У меня уже установлена ​​25-процентная оценка, потому что это образец, который я только что создал. Но предположим, что вы используете какой-то другой цвет. Самый быстрый способ для меня — перейти к полям ввода CMYK, и я просто поставлю ноль для трех цветов: голубого, пурпурного и желтого. Для K, что означает черный, я просто ввожу 25. Итак, это 25 процентов черного или светло-серого. Затем, чтобы добавить его в свои образцы, когда это цвет переднего плана, все, что вам нужно сделать, это щелкнуть этот значок «Новый образец» или, пока вы все еще находитесь на этом всплывающем экране, просто нажмите «Добавить образцы».Итак, у меня черный, 25-процентный серый и чистый белый. Затем я выбрал полутемный, довольно светлый цвет для фона, в данном случае персиковый. Затем я выбрала три оттенка и оттенка примерно одного оттенка. Итак, я выбрал действительно яркую бирюзовую, среднюю бирюзовую и действительно темную бирюзовую, что немного больше в зеленой части спектра, но все же они представляют собой диапазон в одном семействе оттенков. Причина, по которой я это сделал, заключается в том, что для создания освещения и измерения в этом проекте нам нужно подготовить для себя образцы, которые меняются от света к темноте, а для этой конкретной техники необходимо только три таких цвета.Поэтому мне нравится, когда они уже настроены в моей палитре образцов, чтобы я мог просто быстро переходить к ним во время создания своих эффектов. Это экономит мне огромное количество времени. Если вы хотите создать свою собственную цветовую схему, вы можете это сделать. Найдите минутку прямо сейчас, я рекомендую просто начать с выбора цвета фона, приглушенного, относительно светлого, как вы можете видеть здесь, на заднем плане, мой персиковый цвет и мой самый яркий бирюзовый цвет не работают вместе. Это довольно ослепляюще. Поэтому выберите средний цвет, который соответствует, а затем создайте другой образец с более светлой версией и более темной версией.В конце этого видео я также научу вас, как перекрашивать ваши работы, так что это абсолютно не неизменное решение на данный момент. Но это сделает вашу работу красивее и увлекательнее, если цвета уже выглядят круто, когда вы работаете. 6. Выполните пошаговое действие: теперь я быстро отключил этот слой цветовой заливки в нашем смарт-объекте на мгновение. Это было так, и я выключил это просто потому, что для этого видео черный на светлом фоне будет намного больше выскакивать.Что мы собираемся сделать дальше, так это создать действие. Во-первых, вы можете просто настроить свое рабочее пространство Photoshop, чтобы оно выглядело как мое, минимум, который вам понадобится, — это палитра действий, но если вы хотите, чтобы ваше окно выглядело точно так же, как мое, чтобы было легче следовать за мной, просто приходите в Workspace, Photography. Вот моя палитра действий, иконка — маленький символ воспроизведения. Все действия должны помещаться внутри папок. Поскольку я создаю здесь совершенно новое действие, я собираюсь создать и новую папку.Я щелкну значок папки и назову этот шаг слоя, и через мгновение вы поймете, почему. Затем я собираюсь создать новое действие, щелкнув этот значок, который совпадает со значком «Новый слой». Я собираюсь назвать это прямо, и снова, через мгновение вы поймете, почему. Как только я создам этот слой, вы увидите, что эта кнопка записи включается. Если вы никогда раньше не использовали действия, это невероятно крутой и мощный инструмент, который поможет вам сэкономить время на действительно утомительных вещах или выполнить задачи, которые обычно занимают у вас вечность.Когда эта кнопка записи включена, Photoshop фактически записывает все, что вы делаете, и сохраняет их таким образом, что, когда вы позже проиграете свое действие, Photoshop будет копировать все действия, которые вы выполняли. Прямо сейчас, если вам нужно сделать что-нибудь еще в Photoshop, прежде чем вы продолжите следовать вместе со мной, просто нажмите кнопку «Стоп», а затем нажмите «Записать снова», когда будете готовы начать. Скажем, например, вам нужно переименовать слой или изменить цвет фона, это действие будет записывать это, а вы этого не хотите.В настоящее время мы записываем только очень конкретное действие. Итак, когда вы будете готовы, нажмите кнопку записи и начните с перехода к своему 3D-слою и создания копии. Я просто перетаскиваю его на значок «Новый слой». Затем я собираюсь перетащить эту копию вниз под предыдущим слоем, чтобы исходный слой находился над копией. Затем я собираюсь убедиться, что нахожусь на моем инструменте перемещения, а это означает, что без выделения чего-либо, если я использую клавиши со стрелками на клавиатуре, я буду перемещать или подталкивать выбранный слой.Итак, выделив нижний слой, я сильно увеличил масштаб, надеюсь, вы сможете это увидеть. Это будет очень тонко. Я просто нажимаю стрелку вниз один раз и стрелку вправо. Вот и все, и я нажимаю «Стоп». Уменьшение масштаба с помощью Command Zero или alt + 0. Теперь мой 3D-слой выглядит так, а моя 3D-копия выглядит так. Смотреть. Очень немного отодвинуть в сторону. Что мы собираемся сделать сейчас, так это создать тонну этих копий, и мы просто собираемся сделать это, выбрав действие вниз и вправо и нажав кнопку воспроизведения много раз.Если я нажимаю его в первый раз, создается копия, то есть на один пиксель ниже и правее, чем предыдущая. Опять таки. Я собираюсь повторить это примерно сорок раз, и вы увидите, что по мере того, как я работаю, когда я нажимаю на него, сам текст, мой дизайн становится все толще, толще и толще. Только представьте, как это было бы утомительно, если бы я копировал каждый слой, а затем вручную двигался по одному и вправо, и если бы вы допустили небольшую ошибку, например, случайно опустили два вниз и один вправо, это на самом деле было бы видно как error, поэтому это также предотвращает возникновение ошибок.Итак, как мне узнать, когда остановиться, когда он достаточно толстый? Что ж, это личное предпочтение, но мне нравится немного увеличивать масштаб, панорамировать и смотреть, есть ли какие-нибудь дыры, подобные этой. Я там, где счетчик E, дыра в E. Посмотрите, как здесь все еще видна крошечная полоска, которая меня раздражает. Я хочу, чтобы это было полностью заполнено. То же самое прямо здесь, в этой точке напряжения, где U и T почти сталкиваются друг с другом? Я хочу, чтобы это тоже было заполнено.Итак, я просто собираюсь сделать еще один, повторить действие, увеличивая масштаб, и теперь я вижу, что это пространство заполнено на E, и эта область была немного связана, и мне это больше нравится. Теперь, когда выбран последний слой, я прокручиваю его до самого верха своего 3D-изображения и, удерживая клавишу Shift и нажимая на этот верхний 3D-слой, я выберу все эти 3D-слои. Затем я нажимаю Command или Alt + G, чтобы сгруппировать их, или просто щелкаю правой кнопкой мыши и говорю «Сгруппировать из слоев». Я назову эту группу 3D. Теперь, если я выключу и включу его, вы увидите, что мой верхний художественный слой находится там, а группа 3D — это все слои смещения вниз и справа от него.Теперь я собираюсь изменить смарт-объект обратно на бирюзовый, потому что, как только мы начнем добавлять градации и освещение, он должен быть другого цвета, а не черного, чтобы все это отображалось. Итак, я дважды щелкаю этот художественный слой, снова включаю бирюзовый цвет, нажимаю «Сохранить» и закрываю. 7. Примените эффекты размера: в настоящее время этот верхний художественный слой останется нетронутым, и мы просто займемся этой трехмерной группой. Сначала давайте добавим эффект затенения ко всем слоям в группе 3D, как если бы они были одним сплющенным слоем.Это можно сделать, дважды щелкнув сам групповой слой, чтобы всплыл этот стиль слоя или палитра, влияющая на него. Теперь все, что мы добавляем к этой палитре стилей слоя, будет применяться к 3D-группе в целом, а не к каждому отдельному слою внутри нее. Я нажимаю «Bevel and Emboss» в верхней опции, и первое, что я хочу сделать, это нажать «Reset to default». Хорошо, что Photoshop запоминает последние настройки, которые вы использовали. Но в этом случае, поскольку я собираюсь показать вам, какие изменения следует внести на основе значения по умолчанию, и я не собираюсь сообщать вам, что если что-то не изменится по сравнению со значением по умолчанию, я просто оставлю все как есть.Важно, чтобы вы нажали «Reset to default», чтобы мы все находились на одном пустом холсте для каждого эффекта, который мы добавляем. Я сдвину палитру стилей слоя немного вправо и немного увеличу фон, чтобы мы могли видеть немного лучше. На протяжении всего этого урока, когда я рассказываю вам о настройках любого стиля слоя, я собираюсь перейти от верхней части окна к нижней и оставлю все, что уже правильно установлено по умолчанию. Я просто перечислю то, что вам следует изменить, и это будет расположено сверху вниз.Во-первых, глубина. Давайте немного увеличим это значение до примерно 150, и через секунду мы точно узнаем, когда мы перейдем к размеру и увеличим его, скажем, примерно до 120 или что-то в этом роде. Хорошо, в зависимости от размера вашего файла, то есть разрешения, и в зависимости от размера и ширины ваших букв, а также в зависимости от того, сколько копий слоя вы сделали в этой 3D-группе, глубина ваших букв будет немного отличаться. Здесь, поскольку размер основан на пикселях очень, очень, очень высокого разрешения, для файла с большим количеством пикселей потребуется больший размер, чтобы заполнить глубину буквы, а затем файл с гораздо более низким разрешением.Просто зная, что я использую разрешение 8 на 10, 300 точек на дюйм, я сделал 40 слоев в своей группе 3D. Я говорю вам, что хочу, чтобы мой размер был около 120. Я выключаю Global Light и устанавливаю этот угол на 138. Затем меняю высоту на 25. Непрозрачность подсветки, я полностью уменьшаю ее до нуля. и тени, я сначала щелкну образец цвета и сразу перейду сюда к моей палитре образцов с помощью пипетки. Нажмите на самый темный из трех цветов текста, нажмите «Хорошо», и я немного уменьшу непрозрачность, возможно, до 30 процентов.Теперь я могу подойти, если я хочу вернуться к этому ползунку глубины и изменить его, если я хочу немного покрыть большую или меньшую глубину, и это будет изменено позже. А пока я просто оставлю это, скажем, на 100 и нажму «Хорошо». Теперь я открою свою группу 3D и хочу применить эффекты к каждому отдельному слою, но это будут те же эффекты. Я собираюсь добавить эффекты к верхнему слою, скопировать эти эффекты и вставить их в остальные слои. Теперь вы можете спросить: «Почему вы просто не установили эффекты для своего слоя, прежде чем сделали 40 его копий?» Что ж, причина в том, что независимо от того, насколько быстрым ваш компьютер, Photoshop будет подчиняться, пытаясь сделать это.Вы просто получите этот вращающийся курсор на века, когда он пытается копировать, перемещать, копировать, перемещать, копировать, перемещать слой с примененным к нему стилем слоя. Гораздо лучше скопировать ваши слои, когда они нетронутые, без эффектов, а затем применить эффекты и вставить их в группу позже. Подойдя к верхнему 3D-слою в группе, я дважды щелкну по нему, и появится палитра стилей слоя. Сначала мы снова сделаем Bevel и Emboss, сбросив настройки по умолчанию. Первое, что нужно изменить, это размер. Я собираюсь изменить его на три пикселя здесь, в выделении, я перехожу с экрана на нормальный.Меняю цвет, щелкая по миниатюре, меняя его на самый темный цвет текста. Несмотря на то, что это светлые участки, мы фактически меняем местами светлые и темные участки, чтобы светлые участки были темными, а тени были светлыми. Установите непрозрачность на 100 процентов. Для тени также переместите это в нормальное состояние, нажмите «Эскиз» и сделайте его средним. Цвет текста не самый последний, но средний и измените непрозрачность на 100 процентов. Кстати, вы не сможете увидеть здесь что-то особенное, потому что сейчас мы имеем дело только с верхним слоем группы.Это влияет только на крошечную, крошечную полоску на всей этой глубине. На самом деле это не будет видно глазу, пока мы не скопируем и вставим его на все слои. Затем мы собираемся добавить обводку, просто щелкнув обводку здесь и сбросив настройки по умолчанию. Я устанавливаю этот размер, для меня обычно работает от трех до пяти, я делаю пять. Я объясню через мгновение, почему вам может потребоваться отрегулировать это, и мы изменим цвет на самый темный цвет текста. Теперь нажмите «Хорошо». Если вы собираетесь увеличить масштаб, вы увидите, что если я отключу эффекты, вы сможете увидеть очень, очень, очень незначительно, что эти эффекты видны только на этом первом слое.Щелкнув правой кнопкой мыши в любом месте, не на миниатюре, а где-нибудь еще на этом верхнем 3D-слое, я скажу «Копировать стиль слоя». Затем я щелкну слой прямо под ним. Прокрутите вниз до 41-го слоя. Щелкните правой кнопкой мыши еще раз и скажите «Вставить стиль слоя», и тут же произойдет волшебство. Если вы обнаружите, что когда вы делаете то, что я только что показал, эта конкретная область глубины, вместо того, чтобы выглядеть гладкой, выглядит так, как будто через нее проходят тонны и тонны мелких линий. Как будто вы в основном можете видеть края каждого отдельного слоя в этой группе.Что вам может потребоваться сделать, так это дважды щелкнуть слой эффектов, потому что это может зависеть от того, насколько толстыми или тонкими будут ваши штрихи в разрешении вашего файла. Возможно, вам придется снова дважды щелкнуть эффекты верхнего слоя, перейти к обводке, увеличить на несколько пикселей, размер обводки, снова щелкнуть правой кнопкой мыши этот слой, снова скопировать и снова вставить его в остальные слои. Когда вы вставляете на слои, которые уже имеют эффекты, он заменяет эти эффекты. В этом смысле их можно легко изменить позже. Вам все равно придется менять только один из них за раз, затем копировать эти эффекты и вставлять их в остальную группу, и, к сожалению, в Photoshop еще нет железной дороги.Если я увеличу еще больше, если я посмотрю на края, которые растут прямо на фоне, это действительно будет выглядеть так, как будто там есть немного темная граница. На самом деле это небольшой штрих от первого слоя, просвечивающий сквозь него. Если у вас также есть это в вашем файле, чтобы избавиться от него, все, что вам нужно сделать, это отключить видимость штриха в верхнем 3D-слое. Теперь вы видите, что оно резко уменьшилось. 8. Создайте первую падающую тень. Теперь я дам вам дружеское напоминание о необходимости сохранить ваш файл, потому что это всегда важно, особенно для этих больших, здоровенных файлов, где вы никогда не захотите потерять все свои шаги.Прежде чем я создам эту длинную четкую тень в образце, который я вам впервые показал, я хочу создать небольшую нечеткую тень прямо под всем этим текстом. Это действительно то, что мы собираемся получить в качестве финального эффекта, — это фон с этим текстом, плавающий немного над фоном, отбрасывающий тень на фон, а также отбрасывающий тень вниз и вправо вдоль тени на бумагу. Это станет более ясным, когда мы это сделаем. То, что требуется для создания этой тени, очень просто.Просто прокрутите вниз до последнего 3D-слоя в моей 3D-группе. Я немного увеличу масштаб, чтобы мы с вами могли лучше это рассмотреть. Все, что мы собираемся сделать, это добавить эффект тени в самый низ этих 3D-слоев. Я дважды щелкаю по своим эффектам, которые я уже вставил туда, затем подхожу и нажимаю «Drop Shadow». Восстановление значений по умолчанию. Измените цвет на чистый черный, измените угол на 138. Если вы знакомы с Photoshop, вам может быть интересно, почему мы использовали это число 138 пару раз, но не включили глобальное освещение.Это потому, что несколько эффектов используют разные углы, и я не хочу, чтобы файл изменял все мои эффекты на 138 градусов. Я просто набираю его вручную. Это означает, что это направленный свет, который попадает в изображение. Если вы хотите поиграть с этим самостоятельно, вы можете создать совершенно разные углы тени. Но это то, что мне нравится методом проб и ошибок. Я собираюсь изменить здесь расстояние на 12 пикселей и размер, оставив разброс равным нулю, но оставив размер около 20.Теперь мы должны увидеть, как он выскакивает из-за последнего слоя. Вы можете сохранить свой файл в таком виде, если хотите, но мне нравятся зернистые тени. Я думаю, он выглядит немного более винтажным, он более привлекателен для глаз. Все, что вы делаете сейчас, это добавляете шум к своей тени, и вы можете поиграть с этим, но я считаю, что любые значения между 8-10 обычно довольно приятным эффектом. Я немного увеличу масштаб и включу и выключу этот предварительный просмотр, чтобы вы могли видеть. Это до и после. Это без шума, и это с ним.Я предпочитаю этот способ, поэтому нажимаю «Хорошо». 9. Добавьте наложение градиента: теперь я просто хочу добавить эффект к художественному слою. Я не делал этого первым, потому что, если бы мы сделали это первыми, это было бы не так заметно, как сейчас. Сделать это будет намного проще, если вы применили эффекты к группе 3D. Я дважды щелкаю художественный слой. Что мы собираемся добавить, так это «Наложение градиента». «Восстановление значений по умолчанию». Установите режим наложения на «Linear Burn». Установите непрозрачность примерно на 30 процентов, и градиент изменится на пользовательский, просто нажав на градиент там.Мы щелкнем верхний ограничитель цвета в крайнем левом углу, этот черный в верхнем левом углу и уменьшим непрозрачность до нуля. Это означает, что левая часть градиента прозрачна, что приводит к цвету по нашему выбору. Теперь, чтобы изменить цвет правой стороны, мы щелкнем ограничитель цвета в правом нижнем углу и щелкнем этот эскиз, мы изменим его на самый светлый из цветов текста R3 и нажмем «Хорошо». Я обычно использую либо «Линейный» стиль, либо «Отраженный». По сути, он затемняет края и оставляет полосу более светлых участков посередине и снова затемняет другой край.Это дает вам еще больший эффект: это не только наклон вверх по базовой линии, но, возможно, создает небольшую иллюзию того, что буквы на самом деле также идут к вам. Основываясь на моих предпочтениях на данный момент, я выбираю этот стиль либо «Отраженный», либо «Линейный». Вернемся к линейному прямо сейчас. Мне это нравится в этом дизайне, поэтому я нажимаю «Хорошо». Теперь у нас есть основа для самого текста. Я хочу сгруппировать текст вместе, чтобы я мог свернуть его и перейти к чему-то другому.Выделив художественный слой и удерживая Shift, я также нажму на группу «3D». Затем либо нажмите «Command G», чтобы сгруппировать их, щелкните правой кнопкой мыши и скажите «Сгруппировать из слоев». Я просто назову этот текст. Теперь у нас есть одна большая группа с текстовым оформлением. 10. Создайте длинную падающую тень: Теперь я хочу создать красивую, четкую, чистую падающую тень. Это также будет использовать то же действие, которое мы использовали раньше, и нам нужно начать со слоя, который уже находится в самом низу нашего текстового измерения. Это будет нижний 3D-слой.Я спускаюсь к нему, щелкаю по нему и перетаскиваю как дубликат вниз к значку дублирующего слоя или значку нового слоя. Теперь я перетащу его за пределы группы. Я сниму его прямо над своим фоном, и снова сверну группу 3D, фактически всю текстовую группу. Теперь давайте щелкнем правой кнопкой мыши по этому новому скопированному слою и скажем «Очистить стили слоя», потому что нам не нужны те же стили, что и у размерных слоев. Дважды щелкните имя слоя и переименуйте его в тень. Возможно, сейчас самое подходящее время для сохранения.Зайдите в свою палитру действий, снова воспользуетесь этой опцией вниз и вправо. Теперь, когда ваш файл немного больше, чем в первый раз, когда мы это сделали, это может занять немного больше времени, чем в предыдущий раз, и вы поймете, что я имею в виду, сколько времени это могло бы занять, если бы мы дублирование слоев с примененными эффектами. Выбран слой с тенями, выбрано действие вниз и вправо, нажимаю кнопку воспроизведения. Я хочу, чтобы он был такой же толщины, как само измерение, поэтому я могу ударить его 40 раз, и тогда мы посмотрим, как это будет выглядеть.Если ваш компьютер начинает сканировать через это, не волнуйтесь, просто наберитесь терпения, вы действительно можете нажать эту кнопку воспроизведения, например, 40 раз, просто считая, и Photoshop догонит вас. Вы можете просто уйти, сделать себе рюмку эспрессо, вернуться, и, надеюсь, это не будет слишком расстраивать. Мои 40 слоев были созданы, и, как и раньше, с моими размерными слоями, я собираюсь немного увеличить масштаб и посмотреть, есть ли какие-нибудь пятна, которые действительно выглядели бы странно, если бы сквозь них просматривалась только небольшая их полоска.Посмотрим, я действительно не вижу много таких, может быть, в нижней чаше скорости и петли я действительно вижу некоторые. Но вы знаете, что? Я хочу сделать что-то супер драматичное, так что давайте продолжим, давайте добавим еще 10 слоев и получим ровно 50. Я вижу небольшую полоску здесь, в буквах «О», когда добавляю еще четыре, чтобы посмотреть, заполняет ли это его. Нет, не совсем так, и теперь у нас будут небольшие щепки тут и там. Давайте просто возьмем еще 10. Вам действительно сойдет с рук 20,30, это полностью личное предпочтение, и вы всегда можете добавить больше позже, конечно, потому что у вас есть это действие.Вы всегда можете перейти к последнему слою любой группы и продолжать добавлять, а затем скопировать и вставить эти текстовые эффекты на новые слои, и все получится. Но я делал это достаточно раз, чтобы иметь представление о том, как это будет выглядеть после того, как мы настроим цвет тени и сделаем его реалистичным. Я думаю, что этот дизайн выиграет от очень длинной и четкой тени. Магическое число, которое мы получили здесь, — 68. Я хочу воспользоваться этой возможностью, чтобы немного осмотреться, потому что пока это выглядит действительно потрясающе.Просто круто смотреть сквозь нее на таком увеличении. Я собираюсь сделать то же самое, что и для создания 3D-группы. Выделив нижний слой тени, я прокручиваю до верхнего слоя тени, удерживая клавишу Shift и щелкаю по нему, чтобы все они были выделены, а затем либо команду G, чтобы сгруппировать их, либо щелкните правой кнопкой мыши и произнесите группу из слои. Я просто назову эту тень, очень просто. Я снова открою эту папку, и мы просто добавим эффект к верхнему слою, который будет вставлен на все остальные.Я дважды щелкаю верхний слой с тенью и хочу добавить наложение цвета. Я собираюсь сбросить настройки до значений по умолчанию, и я хочу щелкнуть эту миниатюру и щелкнуть на том 25-процентном сером, который я сделал. Возможно, у вас возникнет соблазн изменить этот режим планирования на что-то вроде множителя, уменьшить непрозрачность, что позволяет сделать тени реалистичными. Но если вы сделаете это и мы вставим этот эффект на все другие слои, то мы увидим усиленный или полупрозрачный эффект одного слоя поверх другого.Фактически, нам нужно окрасить все эти теневые слои в светло-серый цвет, а затем повлиять на всю группу, повернув ее на умножение и уменьшив непрозрачность. Я нажимаю «ОК», щелкаю правой кнопкой мыши на моем теневом слое, копирую стиль слоя, выбираю следующий теневой слой, прокручиваю вниз, щелкаю с зажатой клавишей Shift по самому низкому, скажем, выбираю все остальные слои, щелкаю правой кнопкой мыши, вставляю стиль слоя. Теперь прокрутите назад и закройте теневую папку. Вы помните, как мы добавили эффект ко всему 3D-слою, вы можете увидеть здесь. Как я уже сказал, это влияет на весь слой, как если бы он был сплющен.То же самое происходит, если вы применяете режим наложения ко всей папке. Если у меня выбрана папка с тенями и я подхожу к раскрывающемуся меню режима наложения и меняю его на умножение, тогда вся группа умножается как единое целое, а не умножается каждый отдельный слой поверх другого. Здесь очень эффектное освещение. Если мы оставим это на 100 процентов, я немного уменьшу масштаб. Когда мы переместили все эти слои вниз с одного на правый и проделывали это снова и снова, мы создавали очень резкий эффект, когда свет сияет сверху слева и отбрасывает тени вниз справа.Теперь мы можем настроить непрозрачность этого теневого слоя, если захотим. Как я уже сказал, на него падает очень сильный солнечный свет. Но мы можем уменьшить непрозрачность, если захотим, примерно на 40-50 процентов, мне это нравится. Если на этом этапе вы хотите вернуться, теперь, когда вы видите эти тени и видите их угол, и вы хотите изменить наложение градиента на самом верхнем слое, вы можете сделать это, просто дважды щелкнув его, чтобы отредактировать его. По сути, я действительно хочу подчеркнуть, что солнце входит сверху слева.Теперь, когда я вижу эффект таким образом, я собираюсь посмотреть, что происходит, когда я обращаю градиент вспять. Это означает, что вместо перехода от прозрачного к темному, все наоборот и внимательно наблюдайте за изображением. Так намного лучше. Теперь вы видите, что здесь, в верхнем левом углу, самая яркая часть, как будто солнце падает на нее, и тень увеличивается по мере того, как вы перемещаетесь в нижний левый угол. Точно так же, как падающая тень, и затенение внутри здесь имеет большую тень на правой стороне, чем на вершинах.11. Центрирование и преобразование текста. Вы можете обнаружить, что теперь, когда мы добавили размер к правой и нижней сторонам вашего изображения, текст больше не выглядит центрированным на странице, но это нормально. Все, что вам нужно сделать, это выбрать все, кроме фона на этом этапе, текстовых и теневых слоев. Преобразуйте их с помощью команды t или редактирования, свободного преобразования или масштабирования, это не имеет значения, а затем щелкните и перетащите изображение в то место, где вы хотите, чтобы оно было центрировано на странице, и нажмите «Вернуться», чтобы завершить преобразование.12. Сделайте зернистый слой: существует множество потрясающих изображений и узоров, которые вы можете купить себе. У меня есть некоторые из них, и я использую некоторые из них, и я сделал некоторые из них, но я не собираюсь требовать от вас наличия каких-либо внешних файлов для этого класса. Мы собираемся сделать все с нуля. Я хочу, чтобы вы щелкнули здесь по значку «Новый слой», чтобы создать новый слой, и нажмите «Shift Delete». Здесь, в содержимом, мы хотим заполнить 50-процентным серым цветом. Скажите «Хорошо». Теперь перейдите в «Фильтр», «Шум» и добавьте «Шум».«Мы хотим убедиться, что включены и« Гауссов », и« Монохроматический ». Обычно я выбираю около восьми процентов, но опять же, разрешение вашего файла будет определять, насколько он мелкий или зернистый, и в зависимости от того, насколько зернистым вы хотите, чтобы ваш изображение и насколько большим должно быть это зерно, вы можете поиграть и отрегулировать его. Теперь давайте нажмем «Хорошо». Я дважды щелкну заголовок слоя и назову его «Шум». Теперь, чтобы выделить 50 процентов серого, и Вот почему мы не залили это просто каким-либо серым цветом. Ровно 50 процентов серого полностью удаляется из изображения, когда вы устанавливаете прозрачность на мягкий свет.Вот что делает мягкий свет. Он точно устраняет средние тона. Теперь этот серый цвет полностью прозрачен, но светлые и темные гранулы шума все еще видны. Это удивительно простой способ создать зернистость на любом изображении. Я увеличиваю масштаб и панорамирую, чтобы показать вам, как выглядит этот шум, когда он установлен на 100 процентов, и это выглядит довольно круто. Вы видите, что когда я его выключаю, тень, которую мы создали за буквами, действительно появляется зернистой, и я не возражаю. Я правда вот как помню.Но когда я добавляю «Шум», он просто усиливает его еще больше и делает все более связным. Зернистость больше не так сильно выскакивает, но она просто выглядит немного зернистой. Я, честно говоря, не возражаю против большого количества зерна, но обычно я снижаю его до примерно 60 процентов. Однако это личное предпочтение. 13. Добавьте виньетку: Теперь давайте добавим виньетку, создадим новый слой. Мне нужен черный цвет в качестве цвета переднего плана, поэтому я могу либо нажать «D» на клавиатуре, либо щелкнуть этот значок, чтобы вернуться к цветам фона переднего плана по умолчанию.Теперь я перейду к своей кисти, и мне нужна действительно мягкая большая кисть, поэтому давайте просто возьмем эту мягкую круглую кисть по умолчанию. Вы можете настроить размер кисти с помощью клавиш левой и правой скобок на клавиатуре. Я хочу довольно большой, и я хочу уменьшить масштаб довольно далеко. Если вы не можете уменьшить масштаб, например, если ваше окно Photoshop продолжает изменять размер при уменьшении масштаба, вы захотите перейти в полноэкранный режим, просто нажав «F» на клавиатуре. Нажав F еще дважды, вы выйдете из полноэкранного режима.С моей большой мягкой кистью, черным передним планом и выбранным моим новым слоем мигания центр моей кисти фактически находится за пределами холста на артборде. Я просто хочу, чтобы край мягкой кисти перекрывал мою арт-доску и создавал эту тень. Я подхожу немного ближе к углам, чтобы создать настоящий эффект виньетки, и я просто собираюсь медленно продолжать делать это вокруг и вокруг, пока не получу то, что называется дросселированием, которое я хочу. Думаю, сейчас это неплохо. Я немного увеличу масштаб и изменю режим наложения этого слоя с нормального на наложение.Теперь вы видите, что он темнее, но он сохраняет персиковый цвет под ним или любой другой цвет фона, поэтому он будет темнее, но почти как старая бумага. Я собираюсь переименовать эту виньетку. Если вам нужна более классическая виньетка, которая буквально заставляет края выглядеть серыми, вы можете настроить ее на затемнение и резко уменьшить непрозрачность до 5 процентов. Но мне очень нравится этот способ, этот оверлей делает его похожим на старую бумагу, как будто старая плотная бумага начинает довольно быстро желтеть по краям.Я все еще могу немного уменьшить эту непрозрачность, но я не возражаю против того, чтобы она была драматичной, мы оставим ее на уровне 65 процентов. 14. Регулировка контрастности. Теперь я хочу показать вам, как очень легко настроить контрастность. Я собираюсь создать слой с уровнями, перейду в мою панель настройки, панель с черно-белым печеньем. Я нажимаю «Уровни». Крайний левый и крайний правый маркеры на этой диаграмме иллюстрируют черную и белую точки вашего изображения. Если я переместу их, если я переместу эту черную точку туда, где примерно, если вы хотите назвать это, действие этой диаграммы начнется, и переместу эту белую точку влево, в начало того места, где правая сторона начинается действие графика, вы видите, что я создал действительно высококонтрастное изображение, которое не выглядит нереалистичным.Ничего из этого не слишком белое или слишком темное, это просто очень высокая контрастность. Завершая это, я собираюсь переименовать его в контраст. Я собираюсь немного уменьшить непрозрачность, так что на самом деле это просто добавление легкого контраста и усиление света и тени. У меня он установлен на 40 процентов, и я собираюсь воспользоваться этим моментом, чтобы выбрать эти три верхних новых слоя и сгруппировать их. Нажмите G или щелкните правой кнопкой мыши сгруппировать слои. Дважды щелкните имя группы, и я назову эту группу Overlays, чтобы у меня были все эти фильтры и дополнительные цветные слои прямо здесь, вверху.15. Измените цвета. Теперь я хочу показать вам несколько действительно интересных способов настройки общего цвета этого изображения. Переходя к нашему контрастному слою, просто выберите его так, чтобы любой слой, который мы сделаем следующим, перемещается на самый верх, попал на мою панель настройки и создал сплошной цветовой слой. Я хочу сделать это своим цветом фона и нажать «ОК». Теперь, перейдя к раскрывающемуся списку режимов наложения, я изменю его на цвет. Вы видите, что сразу создается этот причудливый монохромный эффект, который иногда бывает круто.Здесь вы можете много поиграть, и я предлагаю вам это сделать, потому что это действительно весело. Здесь мы будем использовать только цвет фона. Если мы изменим оттенок, мы получим очень эффектную версию персика, очень яркую и приглушенную. Переключение на мягкий свет добавляет яркости и несколько снижает контраст. Настройка на умножение резко затемняет его в целом. Установка его на насыщенность просто снижает уровень насыщенности всего до уровня насыщенности этого цветового слоя. Теперь давайте посмотрим, что произойдет, если я перетащу этот слой цветной заливки вниз над текстом, а затем закреплю его, нажав опцию, наведенную между группой и слоем цветной заливки и щелкнув один раз.Теперь все, что я делаю с этим цветным слоем, влияет только на текст. Если я изменю это, например, на цвет сейчас, а затем дважды щелкну «Миниатюру цвета», чтобы изменить цвет этого слоя. Я могу повлиять на общий цвет текста, вообще не меняя наших эффектов. 16. Поменяйте местами свои произведения искусства: Чтобы действительно убедить, насколько круто создавать текстовые эффекты, используя смарт-объекты вместо обычных текстовых слоев или художественных слоев, я хочу сделать эту иллюстрацию с использованием цифрового шрифта. Так что помните, еще в начале я показал вам, как вы можете войти в свой смарт-объект, и вместо того, чтобы просто использовать свои иллюстрации, как я, вы можете вместо этого использовать цифровой шрифт, это симпатичный маленький скриптовый шрифт под названием Alan teen, который я используется и связана в описании класса, если вы тоже хотите его загрузить, и я собираюсь сохранить этот текст в реальном времени, чтобы я мог его редактировать, но я собираюсь переместить эту красочную обтравочную маску из своего художественного слоя на этот слой живого шрифта, чтобы он тоже стал бирюзовым, а затем я просто нажму Сохранить, это займет несколько секунд, потому что в нашем фактическом файле нужно много обновлений, но теперь мы можем увидеть магию в действии когда мы возвращаемся в наш арт-файл, он трансформируется на наших глазах.Здесь требуется немного редактирования, возможно, изменение дизайна дизайна, но, честно говоря, небо — предел с этим, вы создаете один файл, в котором все эти эффекты применяются должным образом, если вы когда-нибудь захотите применить их снова, просто скопируйте это файл. Вам нужно только выполнить работу, которую я показываю вам один раз во сне, потому что если вы выполните команду «Сохранить как», а затем введете что-то новое в этот смарт-объект, вы можете просто повторно использовать это снова и снова, изменяя цвета, если хотите, удаляя или добавление нескольких ступенчатых слоев для увеличения или уменьшения глубины и тени, все это можно редактировать, и вам не нужно проходить весь процесс снова, если вы не хотите.Я собираюсь показать вам это в режиме таймлапса с несколькими другими вариантами дизайна.

2D / 3D с Photoshop CS3 Extended и After Effects

Без сомнения, лучшей новой функцией After Effects CS3 является обмен точкой схода с Adobe Photoshop CS3 Extended. Чтобы поверить, нужно увидеть создание очень правдоподобных трехмерных движений из довольно простых двумерных цифровых фотографий, а самое главное, это довольно простой процесс. Однако есть несколько предостережений, на которые следует обратить внимание, так что давайте совершим путешествие в мир двух-ди-трех-ди!

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

[Если вы хотите загрузить использованный здесь файл проекта, чтобы следовать этому руководству (а также предварительно просмотреть окончательный эффект), щелкните здесь или посетите http://layersmagazine.wpengine.com/downloads.html. Все файлы предназначены только для личного использования.]

ШАГ 1 Выберите изображение в высоком разрешении
Безусловно, самым важным шагом в этом процессе является выбор правильного изображения. Выберите изображение с чистыми, резкими углами перспективы и краями, но при этом убедитесь, что изображение имеет как можно более высокое разрешение.Процесс смены точки исчезновения (VPE) будет изгибать и искажать части вашего изображения, чтобы создать 3D-панели, поэтому чем выше разрешение изображения, тем меньше «разрывов» вы заметите, особенно при уменьшении его до разрешения видео в конце. Для этого урока я выбрал изображение, которое я сделал с помощью Canon EOS 5D в Брюсселе, которое имеет размер 2048 × 1365 пикселей при 240 пикселей на дюйм.

СТИВ Холмс

ШАГ 2 Откройте изображение в точке исчезновения
Откройте изображение в Photoshop CS3 Extended, затем выберите «Фильтр»> «Исправление перспективы», чтобы открыть диалоговое окно «Исправление перспективы».Определите, какая область изображения содержит наиболее многообещающий участок для построения перспективной сетки, затем увеличьте масштаб до 100% в этой области. Центральная стена между двумя башнями справа — идеальное место для начала. Выберите инструмент «Создать плоскость» (C) и, начиная с верхнего левого угла стены, щелкните все четыре угла по часовой стрелке, чтобы создать базовые углы сетки перспективы.

ШАГ 3 Отрегулируйте размеры панели
Уменьшите масштаб, чтобы видеть все изображение, затем с помощью инструмента Редактировать плоскость (который должен быть выбран по умолчанию при щелчке по четвертой точке сетки) отрегулируйте ширину и высоту новой панели сетки, чтобы закрыть границы этого раздела (например,г., небо, край и т. д.). Мы строим трехмерное изображение из этого, но простая сетка быстрее и в большинстве случаев лучше, потому что слишком много перспективных сеток на одном изображении может привести к странным результатам. Примечание: мы помещаем левый край на сторону револьверной головки, где он изгибается назад под углом 45 °.

ШАГ 4 Создание угловой панели
Теперь давайте создадим наш второй угол панели. Удерживая нажатой клавишу Command (ПК: Ctrl), нажмите и перетащите левый центральный маркер управления влево, чтобы создать новую панель с идеальной перспективой (под углом 90 ° к первой).В этом случае нам нужна панель под углом 45 °, чтобы соответствовать краю турели, поэтому, удерживая нажатой кнопку Option (ПК: Alt), перетащите левый центральный маркер управления новой панели влево, чтобы повернуть ее на правильный угол. Вы также можете ввести 135 ° в поле «Угол» вверху диалогового окна. При необходимости отрегулируйте ширину еще раз.

ШАГ 5 Создание третьей панели
Теперь мы можем повторно использовать эти методы, чтобы легко завершить сетку. Удерживая нажатой клавишу Command (ПК: перетащите Ctrl) новый левый центральный маркер, создайте третью панель, которая снова войдет под углом 90 ° к предыдущей.Поверните его обратно на 135 °, снова перетащив левый маркер Option (ПК: перетаскивание с нажатой клавишей Alt) или введя значение в верхней части диалогового окна. Затем отрегулируйте ширину и высоту панели, чтобы она полностью покрывала высоту изображения.

ШАГ 6 Создание последней панели
Наконец, перетащите с нажатой клавишей Command (ПК: Ctrl-перетащите) левый центральный маркер последней панели влево, чтобы создать последнюю панель под углом 90 °, что для этого изображения как раз под прямым углом. Опять же, не забудьте расширить панель до края изображения и соответственно отрегулировать высоту.Не важно, чтобы все сетки были одинаковой высоты, главное, чтобы они покрывали все доступные пиксели изображения.

STEP 7 Export VPE
Тяжелая работа сделана! Щелкните довольно темный треугольник, обращенный вправо, в верхней части диалогового окна «Исправление перспективы» слева от «Размер сетки» и выберите «Экспорт в After Effects CS3 (.vpe)». Выберите пункт назначения, но я рекомендую создать новую папку и экспортировать в нее. При экспорте в VPE создается не один файл, а несколько: один «строительный» файл VPE, один файл 3D-данных и один файл изображения для каждой из созданных панелей.Естественно, лучше все это хранить в одном уютном месте. [

ШАГ 8 Импорт VPE в After Effects
Теперь нажмите «ОК» в диалоговом окне «Исправление перспективы» и сохраните файл как PSD, потому что трехмерные сетки будут сохранены вместе с ним на случай, если они снова понадобятся вам в будущем.

Теперь переключитесь в After Effects CS3, создайте новый пустой проект, затем перейдите в меню «Файл»> «Импорт»> «Точка исчезновения» (.vpe). Найдите папку, в которую вы сохранили VPE, и выберите файл с расширением VPE (наш — Cathedral.впэ). Нажмите «ОК», и вы увидите, что на панели «Проект» появятся новая папка и композиция.

STEP 9 Open Comp; Настройка камеры
Дважды щелкните новую композицию, чтобы открыть ее, и нажмите несколько раз (запятую), чтобы уменьшить размер предварительного просмотра и увидеть все изображение. Похоже на фото, не так ли? Что ж, нажмите C на клавиатуре, чтобы получить доступ к инструменту Orbit Camera, и теперь перетащите его внутри окна Comp. Это больше не просто фотография! Примечание. Это один из тех случаев, когда установлена ​​современная видеокарта с объемом видеопамяти не менее 256 МБ и поддержкой OpenGL 2.0 очень полезен.

ШАГ 10 Перемещение камеры по ключевому кадру
Выберите камеру на временной шкале и нажмите P, затем Shift-R, чтобы отобразить ее свойства «Положение» и «Вращение» соответственно. Убедитесь, что вы находитесь на шкале времени 0 секунд, нажмите секундомеры рядом с полем «Положение и ориентация», чтобы добавить ключевой кадр для каждого из них. Теперь перетащите индикатор времени так далеко вниз по шкале времени, сколько хотите, чтобы анимация занимала (мы выбрали 5 секунд), затем перетащите значения положения и ориентации, пока не достигнете желаемого окончательного угла обзора.

Ключевые кадры STEP 11 Ease; Импорт файла логотипа
Выберите последние два ключевых кадра и нажмите Shift-F9 (Анимация> Помощник по ключевым кадрам> Легкое замедление), чтобы облегчить движение до конца. Итак, теперь, когда у нас есть 2D / 3D-среда, мы должны иметь возможность вставлять любые новые 3D-элементы прямо в сцену, верно? Да, но осторожно.

В After Effects импортируйте файл Illustrator с логотипом или чем-то подобным для вставки в сцену, выбрав «Файл»> «Импорт»> «Файл».Затем перетащите файл (здесь Lion of Flanders.ai) на шкалу времени и нажмите Option-Home (ПК: Alt-Home), чтобы убедиться, что он начинается с 0 секунд.

ШАГ 12 Создание 3D-слоя
Теперь на панели «Переключатели» на временной шкале щелкните значок 3D-слоя для нового логотипа. Скорее всего, ваш логотип не выровнен под углом 0 ° или 90 ° к ожидаемой части изображения, как в нашем случае с левой панелью. Вы можете настроить, расположить и повернуть логотип, если хотите, но это, вероятно, займет время и все равно не совпадет, поэтому давайте воспользуемся обходным путем.

ШАГ 13 Дублирование и замена панели
Удалите слой с логотипом, затем на временной шкале выберите изображение панели, которому вы хотите, чтобы логотип был параллелен (например, основная левая фоновая панель здесь), и нажмите Command-D (ПК: Ctrl-D), чтобы дублировать его (со всеми его настройками поворота и положения). Не снимая выделения, перейдите на панель «Проект», выберите файл с логотипом, нажмите и удерживайте Option (ПК: Alt) и перетащите его прямо на дублированную 3D-панель, чтобы заменить. Вы увидите, что его верхний левый угол выровнен с углом старой панели.

ШАГ 14 Перемещение логотипа; Animate
Теперь вы можете щелкнуть и перетащить любую из трех цветных стрелок оси в окне Comp, чтобы изменить положение логотипа в трехмерном пространстве, которое идеально соответствует остальной части изображения! Нажмите 0 на клавиатуре, чтобы отобразить предварительный просмотр RAM, и вы увидите, как ваш логотип движется в идеальной перспективе с вашим изображением — которое, помните, начиналось как просто цифровая фотография! И это только верхушка айсберга. Как я уже сказал, это лучшая новая функция в After Effects CS3.Верить в это сейчас? Наслаждайтесь, друзья!

Как создать: Эффект искусственного трехмерного текста в Photoshop

R

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

Но прежде чем я начну, эскиз слева дает быстрый взгляд на то, как я использовал для создания искусственного трехмерного текста в Photoshop. Он состоит из двух текстовых слоев, расположенных на расстоянии друг от друга и соединенных путем соединения краев двух слоев вместе с помощью инструмента многоугольного лассо и заливки его цветом.Конечно, это быстрая и простая 10-минутная работа, но она требует растеризации одного или обоих текстовых слоев. Другими словами, воссоздать все с нуля, если вам понадобится изменить текст позже, — заноза в заднице.

Я буду воссоздавать трехмерный текст «MOD SQUAD» на моем постере для этого урока. Во-первых, вам нужно открыть новый документ с размером изображения 2000 на 2000 пикселей. Затем создайте новый текстовый слой, нажав «T» на панели инструментов и введя нужные слова в 3D.Лучше всего подходит толстый блочный шрифт — в моем примере я использую Futura Black.

Цвет фона на самом деле не имеет значения, но поскольку мой пример предназначен для белого трехмерного текста, более темный фон подойдет лучше всего. Выделив текстовый слой, перейдите в «Слои > Смарт-объект> Создать ». В углу миниатюры слоя появится небольшой значок «документ» — это означает, что слой является смарт-объектом. Чтобы отредактировать смарт-объект, дважды щелкните миниатюру и откройте новое окно с объектом (заканчивающимся на.psb) откроется. Любые изменения, внесенные в окно .psb, будут отражены в основном документе после его сохранения и закрытия.

В этом новом окне вы заметите, что размер документа сильно обрезан по краям текстового слоя. Щелкните CMD + Option + C , чтобы изменить размер холста на 2000 пикселей на 2000 пикселей. Щелкните CMD + S , чтобы сохранить смарт-объект и закрыть документ ( CMD + W ).

После центрирования смарт-слоя в документе щелкните CMD + J 14 раз, чтобы продублировать смарт-объект.Всего у вас должно получиться 15 слоев. Переименуйте их в порядке убывания от 100% с уменьшением 0,5% для каждого слоя (100%, 99,5%, 99%, 98,5% и т. Д.). Маркировка слоев не важна, но она поможет вам понять, что происходит на следующих этапах.

Как вы уже, наверное, догадались, следующим шагом будет масштабирование каждого слоя до соответствующего процента. Щелкните CMD + T , чтобы открыть параметры Transform и уменьшить значения ширины и высоты на 0.5%. Повторите для всех слоев ниже.

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

Дважды щелкните слой «100%», чтобы открыть диалоговое окно стиля слоя , чтобы добавить внутреннюю тень и наложение градиента на самый верхний слой. Вы можете скопировать точно такие же значения, указанные выше (щелкните, чтобы увеличить изображение), или сдвиньте переключатели, чтобы поэкспериментировать.Светло-серые оттенки, используемые в градиенте: # C8C8C8 и # E9E4E6. Если вы возитесь со своими настройками, просто помните, что внутренняя тень , смягчает «свет» по краям, а наложение градиента , обеспечивает затенение. Любые изменения, внесенные в этот слой, являются «лицом» вашего 3D-текста.

Затем дважды щелкните слой «99,5%» и добавьте внутреннюю тень , скос и тиснение и наложение градиента . По завершении щелкните правой кнопкой мыши и выберите « Копировать стиль слоя ».Щелкните правой кнопкой мыши и « Paste Layer Style » для каждого отдельного слоя смарт-объекта под этим ( щелкните + shift , чтобы выбрать несколько слоев). Это добавляет штриховку и трехмерные края, которые создают иллюзию глубины.

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

Последний шаг — придать трехмерному тексту некоторую глубину на фоне, продублировать самый нижний слой смарт-объекта (93%) и вызвать диалоговое окно стиля слоя , чтобы добавить тень (непрозрачность: 50%). , угол: 90 °, расстояние: 75 пикселей, распространение: 15%, размер: 75 пикселей) — или, если вы ленивы, как я, вы можете CMD + c лизнуть эскиз слоя, чтобы выделить текст, а затем заполнить с помощью инструмента Paint Bucket Tool и примените Размытие по Гауссу .

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

Спасибо за чтение! Если вы нашли этот урок полезным, вы можете выразить свою признательность, подписавшись на меня в Instagram, Twitter или Facebook. Здесь вы найдете мои последние работы в Photoshop, в которых используются методы, которыми я поделился здесь.

Создайте взрывной эффект трехмерного текста в Photoshop

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

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

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

Ресурсов:

Стеклянный запас

Текстура Stock

Шаг 1. Создайте холст

Создайте новый файл, сделайте размер холста 800 x 500 пикселей и нажмите «ОК».

Шаг 2. Создайте черный фон

Убедитесь, что ваш цвет переднего плана установлен на черный по умолчанию (# 000000), создайте новый слой и залейте весь холст.

Шаг 3. Добавьте простой текст

Щелкните значок «Текст» на панели инструментов или нажмите «T» на клавиатуре, чтобы получить доступ к текстовой функции. Измените шрифт на полужирный , установите размер 18pt и введите желаемый текст, используя чистый белый цвет (#ffffff).

Шаг 4. Растеризация и перемещение

Дублируйте свой текст; это дополнительная мера предосторожности. Независимо от того, дублировали ли вы текстовый слой или нет, щелкните слой правой кнопкой мыши и выберите «Растрировать тип».”

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

Шаг 5. Добавьте параметры наложения

Чтобы придать тексту глубину, мы добавим к нему несколько вариантов наложения. Во-первых, продублируйте только что перемешанный текст. Дважды щелкните или щелкните слой правой кнопкой мыши, чтобы открыть меню «Параметры наложения». Установите флажки «Фаска и тиснение» и «Наложение цвета».Обратите внимание, что цвет наложения цвета # 393939. Измените настройки, как показано ниже:

Шаг 6. Измените расположение слоев

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

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

Шаг 7. Разбейте текст

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

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

Шаг 8. Дублируйте текстовый слой

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

Шаг 9: Добавьте текстуру

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

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

Измените режим слоя на «Linear Burn».

Шаг 10: изменение цвета

Оставаясь на слое текстуры, перейдите в «Изображение»> «Коррекция»> «Цветовой тон / Насыщенность» и измените настройки, как показано ниже.

Шаг 11: Добавьте Outer Glow

Снова оставаясь на слое текстуры, войдите в меню параметров наложения и установите флажок «Outer Glow».Измените свой цвет на белый (#ffffff) и измените настройки, чтобы они соответствовали приведенным ниже. Когда закончите, нажмите «ОК».

Шаг 12. Получите Glassy

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

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

Шаг 13:

Чтобы закончить изображение, войдите в меню «Оттенок / Насыщенность» на слое стекла и измените настройки, как показано ниже.

готовое изображение

Заключение

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

Создание 3D-эффекта Step Up в Photoshop

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

Требования:

Окончательный просмотр

Шаг 1

Давайте настроим холст Photoshop. Во-первых, я убеждаюсь, что у меня есть все, что мне нужно, и в этом случае вам нужна только фотография. Я использовал постер фильма Step Up 3D и открыл его в Photoshop.Как только я открыл его в Photoshop, я разблокировал свой фоновый слой в палитре слоев, если у вас нет палитры слоев справа, перейдите в (Окно> Слои), появится палитра слоев с расположенным в ней заблокированным фоновым слоем. . Удерживая нажатой клавишу ALT на клавиатуре, дважды щелкните фоновый слой, чтобы разблокировать его и превратить в редактируемый слой. Это то, что у меня есть.

Шаг 2

Теперь я перешел в Layer> New Adjustment Layer> Levels и установил настройки на 0 | 1.15 | 255 и нажмите ОК. Затем я вернулся в Layer> New Adjustment Layer> Brightness / Contrast. Я установил Яркость -2 и Контрастность +25. Теперь я создал новый слой, перейдя в Layer> New> Layer или нажав CTRL + SHIFT + N, а затем, выбрав только что созданный слой, я пошел в Image> Apply Image. Это в основном скопировало и объединило все слои в одно изображение поверх остальных изображений. Теперь, выбрав новый слой Applied Image Layer, я перешел к Filter> Other> High Pass и установил радиус 8.5 и нажмите ОК. Теперь я изменил режим наложения слоев с Нормального на Перекрытие и снизил Непрозрачность до 85%. Эти дополнительные корректировки не требуются для создания трехмерного эффекта, это просто корректировки, которые я добавил, чтобы оживить и немного повысить резкость изображения.

Шаг 3 — Запуск 3D-эффектов

Теперь мы приступим к настройке изображения, чтобы оно стало 3D. Выделите все свои слои в палитре слоев, щелкнув верхний слой, затем, удерживая Shift, щелкнув слой внизу, а затем щелкнув правой кнопкой мыши выбранные слои и выбрав «Объединить слои» или перейдя в «Слой»> «Объединить слои».Это объединит все ваши слои в один и сохранит все ваши добавленные настройки и эффекты. Теперь продублируйте свой единственный слой, выбрав его и нажав CTRL + J или щелкнув правой кнопкой мыши и нажав Дублировать слой. Теперь переименуйте слои в «Верхний и нижний», дважды щелкнув текущее имя слоя или щелкнув правой кнопкой мыши и выбрав «Свойства слоя». Вот как сейчас выглядит моя палитра слоев.

Шаг 4

Теперь, когда у вас настроены слои, выберите верхний слой и уменьшите непрозрачность до 50%. Теперь возьмите инструмент «Перемещение» на левой панели инструментов или нажмите V, чтобы использовать ярлык.Теперь используйте клавиши со стрелками на клавиатуре и нажмите 3 раза вправо и 3 раза вниз. Вы также можете использовать мышь и перемещать ее. В настоящий момент у вас должно быть размытое изображение. Теперь я перешел в Edit> Free Transform, и вокруг моего изображения появилась ограничивающая рамка. Затем я повернул его на 1,1 градуса влево. Я использовал градусник вверху и установил его на -1,1. Он находится рядом со свойствами Ширина и Высота.

Шаг 5

Теперь установите непрозрачность верхнего слоя обратно на 100% и скройте верхний слой, щелкнув ГЛАЗ рядом с окном верхнего слоя.Выберите свой нижний слой и перейдите в Image> Adjustments> Channel Mixer… Выбрав Red Output Channel, уменьшите количество красного с + 100% до 0%. Это приведет к полностью голубому цвету на вашем изображении сзади. Это то, что у вас будет.

Шаг 6 — Последний шаг для создания 3D-эффекта

Отобразите верхний слой и выберите его. Теперь перейдите в Image> Adjustments> Channel Mixer… Убедитесь, что для выходного канала установлено значение Green, и уменьшите значение Green Source Channel до 0%. Теперь переключитесь на Blue Output Channel и установите значение Blue Source Channel на 0%, и, наконец, вы можете нажать OK.Теперь ваш верхний слой будет КРАСНЫМ, а нижний слой — СИНИМ. Теперь установите режим наложения верхнего слоя на Screen и Viola, чтобы получить 3D-эффект. Теперь все, что вам нужно сделать, это взять инструмент кадрирования и обрезать изображение так, чтобы оно получилось целиком, а не перекрывающейся стороной. Вот мой финальный эффект ниже.

Эффект блестящего отражающего 3D-текста: золотой шрифт Photoshop

2015 почти наступил, так что пришло время для ежегодного новогоднего учебника по 3D-текстовым эффектам 😉 В нем показано, как комбинировать некоторые атрибуты формы с различными настройками 3D для создания блестящего, отражающего и элегантного эффекта 3D-текста в Photoshop CC 2014. .

Окончательный результат

Подробности руководства

• Используемое программное обеспечение: Photoshop
• Версия: CC 2014
• Время: 1:30 — 2:45

Ресурсы

Желаю вам удачного и прекрасного 2015 года! 😀

Роза

Шаг 1

Создайте новый документ 1000 x 750 пикселей и залейте Фон цветом Черный .

Создайте текст в двух отдельных слоях. Для года используется шрифт Titania Regular , а размер Size — 250 pt. Для текста под ним используется шрифт Patua One Regular , размер Size составляет 80 пунктов, и он создается шрифтом All Caps .

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

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

Дублируйте слой-фигуру, затем выберите инструмент Direct Selection Tool . Вы заметите, что некоторые атрибуты формы появляются на панели Options вверху.

Измените Fill на None, Stoke Width to 3, Stroke Color на светло-серый цвет, затем щелкните значок Установить тип обводки формы и выберите параметр Outside для Align .

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

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

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

Создайте новый слой поверх всех слоев, назовите его Земля и залейте его другим светло-серым цветом. Дублируйте этот слой и переименуйте его в Wall .

Шаг 2

Далее мы собираемся создать 3D-модели из имеющихся у нас слоев.

Итак, для слоев Ground и Wall выберите каждый из них, затем перейдите в 3D> New Mesh from Layer> Postcard .
Для слоя shape выберите каждый из них и перейдите в 3D> New 3D Extrusion from Selected Path .
И для слоя text выберите его, затем перейдите в 3D> New 3D Extrusion from Selected Layer .

Выберите все имеющиеся у вас 3D-слои, затем перейдите в 3D> Объединить 3D-слои . Это поместит все 3D-модели в одну сцену. Переименуйте объединенный слой в Final .

Чтобы получить доступ к 3D сетке Settings и свойствам, вам необходимо открыть две панели: панель 3D и панель Properties (обе находятся в меню «Окно»).

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

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

Вы можете изменить вид камеры, щелкнув вкладку Current View на панели 3D , затем вы можете использовать 3D Modes , чтобы щелкнуть и перетащить документ для перемещения камеры.

Шаг 3

Выберите вкладку Ground Mesh на панели 3D , затем снимите флажок Cast Shadows на панели Properties .Проделайте то же самое с сеткой Wall Mesh .

Снова выберите сетку земли , затем щелкните значок Координаты в верхней части панели Свойства и измените угол поворота X на 90.

Не снимая выделения с сетки Ground Mesh , перейдите в 3D> Move Object to Ground Plane . Это привяжет его к плоскости земли.

Затем вы можете использовать 3D Axis (с выбранным инструментом Move Tool ) для перемещения, поворота и масштабирования сеток в 3D-сцене.Стрелки на концах 3D-оси перемещают сетку, часть под ними используется для вращения, а кубы используются для масштабирования. Куб в центре используется для равномерного масштабирования объекта. Все, что вам нужно сделать, это щелкнуть и перетащить ту часть, которая вам нужна, чтобы внести изменения.

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

Шаг 4

Выберите вкладку нижнего текста сетки, затем измените ее Extrusion Depth на 200.

Выберите вкладку сетки исходной формы , затем измените ее Extrusion Depth на 250.

Выберите вкладку « copy shape mesh», затем измените ее Extrusion Depth на 200.

Используйте инструмент Move Tool и 3D Axis , чтобы разместить текст и фигуры, которые у вас есть, как показано ниже.

Выберите вкладки текстовых и фигурных сеток (Cmd / Ctrl + щелкните их), затем равномерно уменьшите их. Это лучший способ сделать их намного меньше, чем плоские сетки, что гарантирует, что никакие отражения от краев плоскостей не появятся в текстовых и фигурных сетках.

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

Шаг 5

Снова выберите вкладку сетки с нижним текстом , затем щелкните значок Cap в верхней части панели Properties . Измените параметр Sides на Front and Back, Bevel Width на 1 и Contour на Half Round.

Выберите вкладку сетки исходной формы , щелкните значок Cap , измените параметр Sides на Front and Back, Bevel Width на 10 и Contour на Cone — Inverted.

Выберите вкладку копии формы , щелкните значок Cap , измените параметр Sides на Front and Back, Bevel Width на 2 и Contour на Half Round.

Шаг 6

Разверните вкладку текстовой сетки , чтобы увидеть вкладки Материал .Выберите все развернутые вкладки «Материал», затем измените значения их настроек на панели « Properties» , как показано ниже. Значения цвета, используемые в RGB :

• Диффузный : 119,70,18
• Зеркальное отражение : 207,178,75
• Подсветка : 0,0,0
• Окружающая среда : 0,0,0

Чтобы сделать эффект немного более динамичным, выберите вкладку Front Inflation Material , затем щелкните значок папки Reflection и выберите Load Texture , затем выберите изображение изношенного металла .Это сделает части лицевого материала отражающими, а другие — менее или совсем не отражающими, в зависимости от светлых и темных областей используемого изображения текстуры.

Выберите все вкладки исходной формы mesh Material, затем щелкните значок текстуры Diffuse и выберите Remove Texture .

Выберите вкладки Front Bevel , Extrusion и Back Bevel Material и примените тот же материал, который вы применили к нижнему тексту .

Выберите вкладки Front и Back Inflation Material, затем измените их настройки, как показано ниже:

• Диффузный : 112,109,99
• Зеркальное отражение : 207,178,75
• Подсветка : 0,0,0
• Окружающая среда : 0,0,0

Выберите все вкладки copy shape mesh Material, затем щелкните значок текстуры Diffuse и выберите Remove Texture .

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

• Диффузный : 143,140,128
• Зеркальное отражение : 218,218,183
• Освещение : 191,191,191
• Окружающая среда : 0,0,0

Шаг 7

Для формы копии меш Экструзионный материал значения:

• Диффузный : 143,140,128
• Зеркальное отражение : 218,218,183
• Освещение : 191,191,191
• Окружающая среда : 0,0,0

Щелкните значок папки Bump и выберите New Texture .

Установите для значений Ширина и Высота значение 600.

Щелкните значок текстуры Bump и выберите Edit Texture .

Откроется документ текстуры. Дублируйте слой Background .

Дважды щелкните слой Background copy , чтобы применить эффект Pattern Overlay , используя узор Pattern 3 , затем измените Scale на 50%.

Сохраните файл (Файл> Сохранить), затем закройте его (Файл> Закрыть), чтобы вернуться к исходному документу.

Увеличьте значение Bump до 80.

Снова щелкните значок текстуры Bump и выберите Edit UV Properties .

Измените значение шкалы U / X на 2 и значение V / Y на 400.

Шаг 8

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

Выберите вкладку материала Ground , удалите текстуры Diffuse и Opacity и измените настройки, как показано ниже:

• Диффузный : 200,194,177
• Зеркальное отражение : 0,0,0
• Подсветка : 0,0,0
• Окружающая среда : 0,0,0

Выберите вкладку материала Wall , удалите текстуры Diffuse и Opacity и измените настройки, как показано ниже:

• Диффузный : 61,59,52
• Зеркальное : 0,0,0
• Подсветка : 0,0,0
• Окружающая среда : 0,0,0

Шаг 9

Щелкните вкладку Environment , щелкните значок текстуры IBL и выберите Replace Texture , затем выберите изображение Celestial Background 47 .

Увеличьте интенсивность с до 129.

Щелкните вкладку Infinite Light 1 и измените ее Shadow Softness на 20.

Щелкните значок Add new Light to Scene внизу панели 3D и выберите New Point Light .

Измените Color на (253, 251, 246), Intensity на 50% и Shadow Softness на 20%. Затем установите флажок Light Falloff , измените значение Inner на 100 и значение Outer на 750.Это приведет к постепенному исчезновению света.

Щелкните вкладку Ground Mesh , щелкните значок Coordinates и увеличьте положение Y Position до 0,1. Это кое-что, что вам нужно сделать, чтобы избежать случайных царапин на земле при рендеринге сцены.

Шаг 10

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

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

Введите имя представления и нажмите ОК .

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

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

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

Вот как размещаются источники света в этом уроке.

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

Это совершенно необязательно, но вы можете поместить изображение Texture 42 поверх 3D-слоя, изменить его размер по мере необходимости, изменить его Blend Mode на Soft Light и его непрозрачность Opacity на 10%.Убедитесь, что слой текстуры не дублирован — вам нужно либо разместить его (Файл> Поместить…), либо скопировать и вставить.

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

Измените значение Highlights на 250, чтобы немного скрасить окончательный результат.

И готово!

Надеюсь, вам понравилось это руководство, и вы сочли его полезным 🙂

С Новым годом! Удачного вам подарка 😉

Photoshop CC 3D Animation Parallax Effect Tutorial — tutvid.com

Загрузите учебные файлы здесь!

Вы видели, насколько крутой эффект 3D Parallax? В этом уроке Photoshop мы поговорим об использовании инструментов 3D и анимации в Photoshop CC 2017 для создания анимированного эффекта параллакса 3D (2,5k) для изображения. Этот эффект можно использовать для преобразования неподвижных изображений и почти придания им вида очень коротких кинематографических видеоклипов. Он добавляет ложную глубину и ощущение формы вашим плоским, неподвижным изображениям или графике. Действительно, очень крутой эффект! Убедитесь, что вы взяли PSD, чтобы вы могли следить за ним как можно точнее!

Завершенный эффект параллакса

Сбор / создание ресурсов для эффекта параллакса

Прежде чем мы даже создадим документ, который станет нашей анимацией, я создал массивный документ шириной 10 000 пикселей, чтобы построить сцену, которую я хотел анимировать.Я создал звездное небо, горы в векторном стиле на переднем плане, а затем прикрепил девушку, лежащую на луне, посередине и распылил вокруг нее разный космический мусор, чтобы придать композиции глубину и элемент, которые наша 3D-камера могла «протолкнуть». продать эффект параллакса 3D. Я преобразовал каждый слой в смарт-объект, чтобы в дальнейшем сохранить больший размер для анимации.

Создание файла анимации и компоновка композиции

После того, как я построил свой файл с моей общей композицией в гораздо большем размере, чем мне действительно нужно, я создал фактический файл для анимации.Это просто обычный Новый PSD (Файл> Новый) с размером 2560 x 1440 пикселей. Затем я перетащил каждый слой из моей гораздо более крупной композиции в этот новый документ и использовал Free Transform (Cmd / Ctrl + T), чтобы уменьшить размер элемента, чтобы они поместились там, где я хотел, чтобы они располагались.

Преобразовать в 3D

После того, как все слои настроены по размеру и позиционированию, мы можем закрыть гораздо более крупный документ (вы можете сохранить это изображение с более высоким разрешением), щелкнуть правой кнопкой мыши на каждом отдельном слое и выбрать «Открытка», чтобы преобразовать каждый слой в его собственную 3D-открытку. .Это позволит нам работать с каждым слоем в трехмерном пространстве. ПРИМЕЧАНИЕ. Вы заметите, что некоторые слои с размытыми пятнами слегка исчезнут / станут менее заметными. Не беспокойся об этом.

Объединить все 3D-объекты вместе

Когда все слои преобразованы в 3D-объекты, мы хотим выбрать все слои 3D-объектов, которые мы только что создали на панели «Слои» (выберите самый верхний слой и, удерживая клавишу Shift, щелкните самый нижний слой) и перейдите 3D> Объединить 3D-слои, чтобы поместить все эти открытки в одну 3D-сцену.По сути, это будет выглядеть так, как будто мы только что смешали все наши 3D-слои вместе. Не волнуйтесь, все индивидуальные объекты сидят внутри этого одного слоя и ждут, когда мы поиграем с ними.

Позиционирование элементов в трехмерном пространстве

Убедитесь, что вы находитесь в рабочей области 3D (Окно> Рабочая область> 3D.) Найдите панель 3D. Выберите любую из записей «Mesh», которые вы видите. (Для каждой открытки, в которую мы слились, должна быть сетка.) Мы хотим использовать параметры позиционирования под значком координат на панели свойств, чтобы добавить пространство между всеми нашими объектами по оси Z.Возможно, будет полезно настроиться на видео, чтобы увидеть, как именно я это делаю. Он включает в себя вращение оси камеры, чтобы увидеть, как выглядят вещи, а затем фактическое смещение элементов вдоль ее оси Z. Звучит и выглядит сложно, но это довольно просто, если проделать это пару раз.

См. Всю анимацию и рендеринг в видеофайл на видео выше!

В этом уроке нужно сделать НАМНОГО БОЛЬШЕ. Я мог бы написать 75 шагов о том, что делать дальше, но это помешало бы мне создать свое следующее видео, так что эти несколько шагов, лишенных деталей, пока придется делать.Обязательно посмотрите полное видео в верхней части этой статьи, чтобы узнать обо всех подробностях и том, как я создал эту анимацию и как вы можете использовать файлы, которые я предоставил здесь, для создания собственной анимации параллакса в Photoshop CC.