Как сделать в фотошопе cs6 3d эффект: Создание 3D-объектов и анимаций в Photoshop
Easy Photoshop 3D Ретро Эффект Кино: Основы Photoshop
Узнайте, как добавить ретро-красный и синий 3D-эффект к любому изображению, как в классических 3D-фильмах 1950-х годов! Как только вы изучите шаги, этот трехмерный эффект может быть создан от начала до конца менее чем за 30 секунд.
Задолго до того, как Аватар Джеймса Кэмерона перенес нас в захватывающий и красивый мир Пандоры с его современным 3D-качеством, зрители кино в 1950-х годах были в дешевых картонных очках и кричали от ужаса, когда монстры и пришельцы выскакивали на них с экрана в ужасающем красный и синий. Возможно, Photoshop не сможет заменить современные современные 3D-технологии, но, как мы увидим в этом уроке, мы можем легко воссоздать эффект ретро-синего 3D-фильма в ретро-стиле!
Конечно, поскольку изображения, с которыми мы работаем в Photoshop, плоские и двухмерные, мы немного ограничены в том, что мы можем с ними делать. Будь мы все еще можем извлечь что-то, что, по крайней мере,
Я буду использовать Photoshop CC, но это руководство полностью совместимо с Photoshop CS6 и более ранними версиями Photoshop. Вот как будет выглядеть окончательный эффект, когда мы закончим:
Финальный «ретро 3D» эффект.
Давайте начнем!
Как создать эффект ретро 3D фильма
Шаг 1: Откройте ваше изображение
Начните с открытия вашего изображения в Photoshop. Вот фотография, которую я буду использовать ( фото 3d-очков от Adobe Stock):
Исходное изображение. Фото предоставлено: Adobe Stock.
Шаг 2: продублируйте фоновый слой
Если мы посмотрим на панель «Слои» , то увидим, что наше изображение находится на фоновом слое , который в настоящее время является единственным слоем в документе:
Панель «Слои», показывающая исходное изображение на фоновом слое.
Первое, что нам нужно сделать, это сделать копию нашего фонового слоя. Для этого нажмите на фоновый слой и перетащите его вниз на значок « Новый слой» в нижней части панели «Слои». Но пока не отпускайте кнопку мыши:
Перетащите фоновый слой на значок нового слоя.
Удерживая нажатой кнопку мыши, нажмите и удерживайте
Называя слой «3D» в диалоговом окне «Дублировать слой».
Photoshop добавляет копию изображения на новый слой с именем «3D» над оригиналом:
Новый «3D» слой появляется над фоновым слоем.
Шаг 3. Откройте диалоговое окно «Стиль слоя»
Щелкните значок « Стили слоев» в нижней части панели «Слои»:
Нажав на значок Стили слоя.
Затем выберите Blending Options в верхней части списка:
Выберите «Параметры наложения» в меню «Стили слоя».
Шаг 4: отключите зеленый и синий каналы
Откроется диалоговое окно «Стиль слоя» в Photoshop с параметрами наложения в среднем столбце. В разделе « Расширенное смешивание » найдите параметр « Каналы» с флажками « R» , « G» и « B» :
Параметр «Каналы» в диалоговом окне «Стиль слоя».
«R», «G» и «B» означают красный , зеленый и синий , которые являются тремя основными цветами, которые смешиваются вместе, образуя все остальные цвета, которые мы видим на изображении. Фотошоп смешивает эти основные цвета, используя каналы . Есть канал для красного, канал для зеленого и канал для синего. Чтобы создать наш ретро-3D-эффект, нам нужно отключить зеленый и синий каналы на нашем «3D-слое». Для этого снимите флажки
Отключение зеленого и синего каналов.
Чтобы увидеть, что произошло, на мгновение скройте фоновый слой, щелкнув его значок видимости на панели «Слои»:
Нажав на значок видимости для фонового слоя.
Со скрытым фоновым слоем и видимым только наш «3D» слой, мы видим, что при отключенном зеленом и синем каналах изображение на слое отображается только красным:
Нажав на значок видимости для фонового слоя.
Снова нажмите на тот же значок видимости, чтобы снова включить фоновый слой:
Щелкните пустое поле, чтобы включить фоновый слой.
И теперь мы снова видим полноцветное изображение:
Полноцветное изображение возвращается.
Шаг 5: выберите инструмент Move
На этом этапе, чтобы создать наш ретро-эффект 3D, все, что нам нужно сделать, это сместить изображение на слое «3D» так, чтобы оно не совпало с изображением под ним. Для этого выберите инструмент «Перемещение» на панели инструментов :
Выбор инструмента перемещения.
Шаг 6: подтолкнуть изображение влево
Затем, выбрав слой «3D» на панели «Слои», используйте левую клавишу со стрелкой на клавиатуре, чтобы подтолкнуть изображение в слое влево. При этом вы увидите красный контур, появляющийся вдоль одной стороны каждого объекта на изображении. А поскольку голубой, другой цвет, используемый в этих ретро-3D-очках (хотя все называют его синим), противоположен красному, вдоль другой стороны появляется голубой контур , создающий наш 3D-эффект! Чем дальше вы перемещаете изображение, тем толще появляются красные и голубые контуры, поэтому настраивайте эффект, пока не будете довольны результатом:
Сдвиньте изображение в слой «3D» влево, чтобы создать эффект «Ретро 3D-фильм».
И там у нас это есть! Вот как можно быстро добавить забавный эффект ретро-3D-фильма к изображению с помощью Photoshop! Посетите наш раздел « Фотоэффекты », чтобы узнать больше об эффектах Photoshop!
Подписывайтесь на нашу новостную рассылку
Будьте первым, кто узнает, когда будут добавлены новые учебники!
Как сделать 3д эффект в фотошопе cs6. Как сделать анаглиф эффект в фотошопе
С появлением программы Photoshop жизнь фотографов, представителей рекламного бизнеса и просто любителей фотоколлажей изменилась, ведь теперь с фотографиями можно было сделать все что угодно. Потратив немного усилий, вы могли улучшить качество фотографии, добавить надпись, сделать другие манипуляции, но долгое время вы не могли сделать одного – создать трехмерной фотографии. Производители этого продукта предлагали множество решений, одним из которых был плагин Adobe Dimensions, от которого пришлось впоследствии отказаться. Сегодня вопрос, как сделать 3D фото в Фотошопе легко решается в новых версиях программы, и в этом вы можете убедиться.
Как можно сделать 3Д эффект в Фотошопе просто
Многие, прежде чем выяснять, как сделать 3Д эффект в Фотошопе, спросят, а зачем это надо, ведь сегодня существует большое множество специальных программ. Все дело в том, что хорошие программы стоят дорого, так зачем платить дважды, если вы уже имеете такой мощный инструмент, а сделать 3D эффект в Фотошопе, как оказалось, не так сложно, как кажется. Тем более, есть несколько вариантов того, как сделать эффект 3D в Фотошопе, но для начала достаточно ознакомиться самым простым.
В надежде на то, что вы владеете основами программы, перейдем к решению более сложных задач, и расскажем, как сделать 3Д рисунок в Фотошопе. Для этого вы должны, как минимум, работать со слоями, ведь только работая с ними, вы сможете создать 3D эффект в Фотошопе. Есть два варианта создания трехмерного изображения. В первом случае это напрямую касается вашего умения фотографировать, ведь для этого придется использовать несколько изображений, снятых с небольшим смещением, но этот вариант нам не подойдет, так как чаще всего приходится работать с уже готовыми изображениями. Поэтому мы расскажем, как сделать 3Д фото в Фотошопе, используя уже готовое изображение.
- Перед тем, как нарисовать 3D в Фотошопе, поработаем с вашей любимой фотографией, но для начала найдите ее, учитывая, что качество фотографии должно быть хорошим, иначе хорошего результата ждать не приходится.
- На втором этапе переводим изображение в режим RGB, а перейти в него можно в разделе Image-Mode.
- Делаем две копии изображения, после чего переходим на вторую копию, расположенную сверху.
- Мы допускаем, что не знаете, как сделать 3Д картинку в Фотошопе, но вы должны знать, как сделать копию слоя и найти нужный канал. А найти нам надо канал RED, с которым и будем работать.
- Следующим этапом в решении вопроса, как сделать объемный рисунок в Фотошопе, будет смещение выбранного нами слоя. Для этого выделяем все содержимое слоя и используем инструмент Move, при помощи которого сдвигаем красный канал слоя на нужное расстояние, но при этом следует обратить внимание на задний фон – он должен быть черным.
- Теперь возвращаем картинку в обычное состояние и смотрим на результат. В принципе, уже на этом этапе можно считать, что с тем, как сделать 3D картинку в Фотошопе, мы разобрались, и получили свое первое объемное изображение, но это еще не все.
- Чтобы до конца понять, как сделать 3D рисунок в Фотошопе, надо еще разобраться с глубиной изображения, а для этого придется создать маску слоя, с которым мы уже работали.
- Теперь 3D модель из фотографии надо сделать более привлекательной, для чего, используя soft brush, надо замаскировать некоторые области. Это поможет, в частности, вернуть к исходному виду фон изображения.
- Теперь поработаем немного с красным каналом нижнего слоя, но использовать будет инструмент «свободная трансформация», при помощи которого можно получить самые необычные формы. Это нужно для того, чтобы фон и переднее изображение отличались.
Теперь вы можете уверенно сказать, что знаете, как сделать 3D фотографию в Фотошопе, но это только начало и даже опытные «фотошоперы» не могут однозначно сказать, что знают, как сделать 3D изображение в Фотошопе, так как для этого существует много приемов. Если же вы не можете, или не хотите знать, как сделать 3Д анаглиф в Фотошопе, воспользуйтесь специальными инструментами 3D, но это касается только свежих версий программы.
Из этого урока вы узнаете, как создать изображение с 3D анаглиф эффектом в фотошоп. Что бы оценить данный эффект в полную силу, вам необходимо приобрести анаглифические очки с красной и голубой линзой. Вы можете найти и приобрести такие очки онлайн за пару $, которые работают на отлично.
Более подробно о данном эффекте можно прочитать в Wikipedia . Для тех кто не в теме, посмотрите на примеры представленные ниже.
Стереофотографии могут быть созданы разными способами. Я покажу вам наиболее простой и быстрой метод создания анаглиф эффекта с использованием только одного изображения.
1-й этап: Подготовка фотографии
http://studioelephant.com.ua/semejnaya-fotosessiyaВ качестве исходной фотографии я использовал портрет девушки:
Откройте свою фотографию в фотошопе. Щелкните два раза по слою, чтобы его разблокировать.
Затем назовите слой «Левый» (для этого щелкните два раза по тексту Слой 0)
Перейдите во вкладку Слои -> Создать дубликат слоя или нажмите сочетание клавиш Ctrl + J. Дубликат переименуйте в «Правый».
2-й этап: Приступаем к созданию Анаглиф эффекта
Откройте стиль слоя «Левый» и отключите красный канал. Для этого пройдите Слои -> Стиль слоя -> Параметры наложения или щелкните два раза по слою.
Откройте стиль слоя «Правый», и отключите зеленый и синий канал.
Сместите слой «Правый» немного в сторону, чтобы увидеть эффект анаглиф»а. Для этого зажмите клавишу Shift и нажмите на клавиатуре стрелку в право. Вы можете отрегулировать глубину смещения на свой вкус. Можно не зажимать шифт, а просто два-три раза нажать на стрелочку.
3-й этап: Кадрирование фотографии
Как только закончили со смешением, нужно кадрировать фотографию в области где пересекаются оба слоя. В моем случае я обрезал оба края. Для кадрирования воспользуйтесь инструментом «Рамка».
Итоговый результат
Вот и все! Самое увлекательное в данном приеме, то что вы не знаете как эффект получится до обработки.
Осталось только надеть анаглифические 3D очки, и наслаждаться своим результатом. К стати если вы не в курсе этот эффект широко применяется в видео. Вот один ролик про водопады с анаглиф эффектом. Посмотрите, это очень красиво!
Самое важное, что есть в каждой семье это семейные фотографии. Это те лучшие моменты запечатленные на долгое время, при просмотре которых получаем много хороших эмоций. Чтобы фотографии были по истине красивыми и качественными, мы советуем обращаться к профессионалам. Вам сделают очень качественные фото с красивой композицией.
Нам будет очень приятно посмотреть на ваш результат, не забудьте показать его в комментариях.
В этом уроке вы узнаете как экспериментировать с фигурами и опциями 3D в Adobe Photoshop CC 2014. Мы создадим простой типографический 3D эффект. Урок не займет у вас много времени, однако по результату этого не скажешь. После выполнения урока ваш арсенал техник пополнится еще одним методом, который вы сможете модифицировать и применять для создания других проектов.
Результат
Исходники
- Шрифт Titillium (Titillium Black).
Шаг 1
Создайте документ размером 1360 x 1240 px и залейте фоновый слой цветом #fcfcfc .
Создайте ваш текст, используя все заглавные буквы и шрифт Titillium . Если вы используете больше одной строки текста, подгоните размер каждой строки и интерлиньяж.
В примере использован размер (Size) шрифта 467 и 360, и интерлиньяж (Leading) — 250.
Кликните правой кнопкой по слою с текстом и выберите Convert to Shape/Преобразовать в кривые . Теперь дублируйте слой с текстом и сделайте его невидимым, нажав на иконку глаза возле слоя.
Возьмите инструмент Ellipse/Эллипс , в панели настроек выберите тип Shape/Фигура, затем кликните по иконке Geometry Options/Геометрические настройки . И настройте параметры как показано ниже.
В панели настрое выберите режим Subtract Front Shape/Вычесть переднюю фигуру. Затем рисуйте поверх букв круги, как показано ниже.
Создайте новый слой и, не меняя инструмента, настройте геометрические параметры как показано ниже. На этот раз выберите режим Combine Shapes/Объединить фигуры. Рисуйте внутри созданных ранее кругов новые, совсем ненамного более мелкие. Чтобы увеличить точность создания фигур, увеличьте масштаб просмотра документа.
Шаг 2
После того как вы закончите, активируйте видимый слой с текстом и в меню выберите 3D > New 3D Extrusion from Selected Path/3D>. Это конвертирует слой в 3D-слой.
Чтобы получить доступ к необходимым настройкам, нам понадобится открыть две палитры: палитру 3D и палитру Properties/Свойства (оба можно открыть через меню Window/Окно).
Палитра 3D содержит все компоненты 3D-композиции, и когда вы кликните по любому из них, в палитре Properties/Свойства вы увидите их настройки. Убеждайтесь что вы выбираете нужный элемент в палитре 3D, прежде чем изменить его настройки в палитре Properties/Свойства.
В палитре 3D выберите 3D Mesh/ 3D сетка, затем в палитре Properties/Свойства измените его параметр Extrusion Depth/Глубина экструзии на 250.
Кликните по иконке Cap/Капитель в палитре Properties/Свойства, и настройте этот параметр как показано ниже.
Шаг 3
Выделите все материалы 3D Mesh/ 3D, затем кликните по иконке Diffuse/Диффузия в палитре Properties/Свойства и выберите Remove Texture/Удалить текстуру .
Измените остальные параметры как показано ниже. Цвета, использованные в формате RGB:
Diffuse/Диффузия : 231,231,231
Specular/Блик : 51,51,51
Illumination/Свечение : 0,0,0
Ambient/Освещение : 0,0,0
Создайте две копии 3D-слоя, который только что изменили.
Шаг 4
Выберите слой Ellipse 1 (тот, в котором мелкие круги), в меню выберите 3D > New 3D Extrusion from Selected Path/3D>Новая 3D-экструзия из выделенного контура … Смените для Сетки (Mesh) Extrusion Depth/Глубину экструзии на 1375.
Настройте параметры Cap/Капители как показано ниже.
Выделите все материалы (Material), удалите текстуру при помощи иконки Diffuse/Диффузии , затем укажите параметры, как показано ниже. Цвета:
Diffuse/Диффузия : 235,134,157 (но вы можете выбрать другой цвет)
Specular/Блик : 211,211,211
Illumination/Свечение : 0,0,0
Ambient/Освещение : 0,0,0
Низкий уровень Opacity/Непрозрачности может привести к длительному процессу рендеринга. Так что если вы хотите, чтобы рендер прошел быстро, оставьте непрозрачность на 100%.
Шаг 5
Сделайте видимым оригинальный слой с текстом. В меню выберите 3D > New 3D Extrusion from Selected Path /3D>Новая 3D-экструзия из выделенного контура . Смените глубину экструзии на 20.
Настройте параметры Cap/Капители как показано ниже.
Примените такой же материал, что был использован для кругов.
Шаг 6
Поместите оригинальный слой с текстом поверх остальных слоев, затем выделите все 3D-слои, которые у вас есть.
В меню выберите 3D > Merge 3D Layers/3D>Объединить 3D-слои .
Возьмите инструмент Move/Перемещение и обратите внимание на панель настроек. Вы увидите целый набор 3D-режимов для этого инструмента. Когда вы выбираете один из них, вы можете перемещать и изменять тот элемент, что выбран в палитре 3D.
Кликните вкладку Current View/Текущий вид в палитре 3D, чтобы изменить угол камеры.
Затем выделите все вкладки 3D mesh/3D сетки в палитре 3D, кликните по иконке Coordinates/Координаты в палитре Properties/Свойства, и смените X Rotation Angle/Угол поворота по оси X на 90. После этого в меню выберите 3D > Move Object to Ground Plane/ 3D > Переместить объект на плоскость_основания, чтобы убедиться что он не висит в воздухе.
Кликните по вкладке Current View/Текущий вид в палитре 3D и выберите Front/Спереди в меню View/Вид .
Если нужно, увеличьте масштаб просмотра, возьмите инструмент Move/Перемещение, и начните перемещать 3D сетки по вертикали так, как вам нравится. Кликните по сетке в 3D-композиции (или выберите ее имя в панели 3D) и используйте 3D Axis/3D-оси , чтобы внести изменения.
Стрелки на концах оси перемещают сетку, часть под ними используется для вращения, а кубики используются для масштабирования. Куб в центре используется для масштабирования объекта равномерно. Все, что вам нужно сделать, это кликнуть и потянуть нужную часть.
Возможно вам понадобится переключиться на вид Top/Сверху , чтобы проверить расположение ваших сеток.
Кликните вкладку Default Camera/Камера по умолчанию в палитре 3D когда закончите. Затем кликните вкладку Infinite Light 1/Бесконечный свет 1 и смените значение параметра Shadow Softness/Мягкость тени на 30%.
Инструментом Move/Перемещение выставите желаемый угол камеры и в меню выберите 3D > Render/ 3D > Рендер .
Рендеринг займет какое-то время, особенно, если вы используете прозрачные материалы. Но вы можете в любой момент остановить процесс, нажав Esc .
Когда рендеринг готов, кликните по иконке Add new fill or adjustment layer/Новый корректирующий слой или слой-заливка в палитре Layers/Слои и выберите корректирующий слой Brightness/Contrast / Яркость/Контрастность , затем измените значение параметра Contrast/Контраст на 15.
Вот и все!
Результат
Перевод — Дежурка
Благодаря 3D среде в фотошоп можно создать много интересных вещей. Используя её настройки и инструменты, вы можете легко и быстро создавать 3D эффекты. Этот урок покажет вам как создать простой и забавный текстовый эффект, используя 3D возможности, и даст вам полезные советы и рекомендации, которые вы сможете применять в своём творчестве.
Материалы для урока:
Используемое ПО Photoshop CS6
Шрифт — PoetsenOne
Создайте новый документ с размером 1150 x 825 пикс., напишите текст размером 200 пт, чёрным цветом, используя шрифт PoetsenOne.
Далее, нам нужно создать несколько направляющих возле верхней и нижней части текста. Для этого откройте линейки в меню Просмотр — Линейки (View -> Rulers) и отметьте эту опцию флажком. Затем кликните мышкой в области шкалы линейки и, не отпуская мышку, тащите направляющую, расположив её как на скриншоте. Отверстия, которые мы создадим внутри текста, будут находиться на этих направляющих.
Дублируйте текстовый слой и сделайте оригинал невидимым, нажав на глазик рядом с миниатюрой слоя. Затем кликните правой кнопкой мыши по копии и выберите опцию Преобразовать в кривые (Convert to Shape).
Установите цвет переднего плана на белый, активируйте инструмент Эллипс (Ellipse Tool), в верхней панели настроек нажмите указанную иконку и в меню задайте Заданный размер (Fixed Size) 7 пикселей, так же поставьте флажок на функции От центра (From Center).
Затем щёлкните и потащите немного по верхней направляющей чтобы создать круг в центре края первой буквы.
Нажмите на панели параметров на значок Объединить фигуры (Combine Shapes) и продолжите добавлять кружки по обеим направляющим на всех буквах. Когда закончите, можете убрать направляющие в меню Просмотр — Удалить направляющие (View -> Clear Guides).
Теперь идём в меню Редактирование — Определить произвольную фигуру (Edit -> Define Custom Shape) и вводим название новой фигуры (например Dots).
Активируйте инструмент Произвольная фигура (Custom Shape Tool), прокрутите список выбора фигур вниз и выберите фигуру, которую вы только что создали. После этого, в верхней панели настроек нажмите функцию Вычесть переднюю фигуру (Subtract Front Shape), а также включите опцию Сохранить размеры (Defined Size) и снимите флажок на функции От центра (From Center). Это создаст точки в своём исходном размере.
Выделите текстовый слой с фигурой, затем щёлкните и перетащите фигуру с точками так, чтобы первая точка фигуры расположилась точно так, как точка-кружок которая у вас уже есть. После того как вы отпустите кнопку мыши, точки будут вычтены из тестовой фигуры.
Установите цвет переднего плана на #b7b7b7, активируйте инструмент Прямоугольник (Rectangle Tool), создайте прямоугольник чуть больше самого документа и поместить его прямо под текст.
Вычтите фигуру с точками из прямоугольника, как вы делали ранее. На нижнем изображении скриншота слои невидимы, чтобы вы могли видеть результат.
Чтобы получить доступ к 3D настройкам вам необходимо открыть две панели — панель 3D и панель Свойства (Properties). 3D панель имеет все компоненты 3D-сцены, и при нажатии на имя любого из них, вы сможете получить доступ к его настройкам в панели свойств. Поэтому будьте уверены, что выбираете имя элемента, который требуется изменить в панели 3D, прежде чем изменить его настройках в панели свойств.
Выделите прямоугольник в панели слоёв и название его сетки в панели 3D, чтобы изменить Глубину экструзии (Extrusion Depth) до 10 в панели Свойства (Properties).
Выберите слой с формой текста в панели слоёв и название его сетки в панели 3D и измените Глубину экструзии (Extrusion Depth) до 5.
Нажмите на значок Капитель (Cap) в верхней части панели свойств и измените Ширину фаски (Bevel Width) до 2.
Выберите слой с точками в панели слоёв и название его сетки в панели 3D, щёлкните значок Капитель (Cap), а затем измените Ширину фаски (Bevel Width) до 20 и выберите Контур (Contour) Перевёрнутый конус (Cone — Inverted).
Дублируйте слой с текстовой фигурой дважды чтобы у вас было три слоя с фигурой текста. Затем выделите все 3D слои которые у вас есть и идите в меню 3D — Слияние 3D слоёв (3D -> Merge 3D Layers). Это действие поместит все 3D сетки в одну сцену. Вы можете переименовать объединённый 3D слой как вам понравится, например Final Scene (Финальная сцена).
Активируйте инструмент Перемещение (Move Tool). В верхней правой части панели настроек вы найдёте бар с 3D режимами (3D Modes). Когда вы выбираете один из них, вы можете двигать им, тем самым внося изменения выбранному элементу в панели 3D.
Итак, выберите вкладку Текущий вид (Current View) в панели 3D, затем нажмите и перетащите в любом пустом месте 3D-сцены, чтобы изменить вид камеры, но не перемещайте ещё какую-либо из сеток.
Выделите все материалы в сетке первой текстовой фигуры в 3D панели, затем в панели свойств кликните по иконке текстур напротив опции Рассеивание (Diffuse) и выберите Удалить текстуру (Remove Texture).
Измените остальные параметры, как показано ниже. Цвет Рассеивания (Diffuse) #d83054, Цвет блика (Specular) #bbb798, Свечение (Illumination) #1d0000 и Освещение (Ambient) #454545. Но вы можете выбрать абсолютно любой другой цвет для рассеивания, который вам нравится.
Выполните те же шаги, чтобы изменить настройки материала для других текстовых фигур. Вам нужно измените значение Рассеивания (Diffuse), если вы хотите разные цвета на каждом текстовом слое. В уроке для второго текста автор применяет цвет #32dae5.
Для третьего слоя цвет #bde640.
Что касается сетки с точками, после удаления текстуры в иконке текстур напротив опции Рассеивание (Diffuse) измените настройки как показано ниже на скриншоте. Цвет Рассеивания (Diffuse) #e8dfca, Цвет блика (Specular) #fff7e5, цвет Свечения (Illumination) и Освещения (Ambient) поставьте #000000.
Теперь выберите сетку прямоугольника в 3D панели и его Материал передней выпуклости (Front Inflation Material). Установите Цвет блика (Specular), цвет Свечения (Illumination) и Освещения (Ambient) на #000000. Затем измените остальные значения, как показано ниже.
Нажмите на иконку текстур напротив опции Рассеивание (Diffuse) и выберите опцию Редактировать текстуру (Edit Texture).
После этого вы можете изменить текстуру. Поместите изображение с текстурой выше слоя с прямоугольником, при необходимости измените размер, затем щёлкните по слою правой кнопкой мыши и выберите Создать обтравочную маску (Create Clipping Mask). Это нужно для того, чтобы текстура применилась только к прямоугольнику и не закрывала отверстия в нём.
Далее идём в меню Изображение — Коррекция — Цветовой тон/Насыщенность (Image -> Adjustments -> Hue/Saturation) и меняем значение Насыщенности (Saturation) на минус 100, а Яркости (Lightness) на 13. Теперь сохраните файл в меню Файл — Сохранить (File -> Save), затем нажмите Сохранить как (Save As), чтобы сохранить этот файл в папке исходного файла с которым вы работаете и дайте ему название Bump. Затем закройте его и вернитесь к документу с которым работаете.
Кликните на иконке папки напротив опции Рельеф (Bump), выберите Загрузить текстуру (Load Texture) и загрузите файл Bump, который сохранили в предыдущем шаге.
Снова кликните на иконке папки напротив опции Рельеф (Bump) и выберите Редактировать текстуру (Edit Texture).
Создайте новый слой выше всех в палитре слоёв, активируйте инструмент Кисть (Brush Tool) и выберите кисточку Брызги 46 пикс (Spatter 46 pixels).
Откройте панель настроек кисти в меню Окно — Кисть (Window -> Brush) и в Динамике формы (Shape Dynamics) поставьте Колебание размера (Size Jitter) на 25% и Колебание угла (Angle Jitter) на 100%.
Кликните правой кнопкой мыши по новому созданному слою и выберите Создать обтравочную маску (Create Clipping Mask), затем сделайте слой с текстурой невидимым. Установите цвет переднего плана на чёрный, установите размер отпечатка кисти на 25 пикселей, затем кликните один раз в середине каждой точки. Настройки динамики формы помогут создать результаты немного разных размеров и углов.
Тёмный цвет кисти создаст на текстуре иллюзию более плоской поверхности в областях, которые кажутся более глубокими по сравнению с исходной поверхностью. Сохраните файл и закройте его, чтобы вернуться к исходному документу.
Выделите название сетки переднего текстового слоя и перейдите в меню 3D — Разделить экструзию (3D -> Split Extrusion). Это действие разделит надпись на отдельные сетки для каждой буквы и позволит перемещать отдельно каждую из них. Настройте камеру так, чтобы текст поместился в пределах документа и под углом который вам нравится.
Выделите все группы с сетками в 3D панели кроме группы с прямоугольником, затем активируйте инструмент Перемещение (Move Tool) и слегка поверните текст так, как будто он падает со стены.
Вы можете изменить вид камеры, чтобы увидеть, как выглядит текст и убедиться в том, что сторона букв, которая выше, прикреплена к отверстию в стене.
Если необходимо, то вы можете изменить глубину экструзии на сетке с эллипсом в панели свойств.
Как только закончите, окончательно установите желаемый вид камеры для последующего рендеринга. Затем в панели свойств во вкладке Вид (View) выберите внизу выпадающего меню Сохранить (Save), чтобы сохранить положение камеры.
Введите имя и нажмите кнопку ОК.
Теперь всякий раз, когда вы меняете вид камеры и захотите вернуться к финальному, вы можете выбрать его в панели 3D или в панели свойств в выпадающем меню во вкладке Вид (View).
А теперь в выпадающем меню выберите положение камеры Спереди (Front).
Увеличьте вид камеры до тех пор, пока вы сможете чётко видеть буквы. Выделите некоторые буквы переднего слоя с текстом, а затем поверните, переместив с исходного положения. С текущим видом камеры сделать это будет несложно.
Для некоторых букв примените незначительные изменения, не каждая должна полностью изменить своё положение. Но конечно же вам решать, как в итоге вы хотите видеть свою работу. Когда закончите преобразования, верните камере тот вид, который ранее сохраняли.
Пришло время поработать с освещением. Кликните в 3D панели по слою Бесконечный свет 1 (Infinite Light), затем в панели Свойства (Properties) выберите цвет #fffdf5, Интенсивность (Intensity) 80% и Тень Сглаживание (Shadow Softness) 30%.
Кликните по иконке Координаты (Coordinates) в панели свойств и введите значения, показанные ниже.
Так же для изменения положения источника света в сцене, вы можете использовать инструмент Перемещение (Move Tool).
Кликните внизу 3D панели на значок Добавить новый свет на сцену (Add new Light to Scene) и выберите Новый точечный свет (New Point Light).
В панели Свойства (Properties) измените цвет на #fff8ea, Интенсивность (Intensity) 100% и Тень Сглаживание (Shadow Softness) 30%.
Свет может показаться очень ярким и вам нужно будет его сдвинуть так, чтобы он коснулся стены. Расположите его выше текста, как вам больше нравится.
Теперь в сетке Прямоугольник выберите слой Материал экструзии (Extrusion Material). Удалите его текстуру в папке напротив Рассеивания (Diffuse), как это делали ранее, и внесите настройки как показано ниже. Цвет Рассеивания (Diffuse) #676767, Цвет блика (Specular) #333333, Свечение (Illumination) #000000 и Освещение (Ambient) #000000. Это затемнит отверстия.
Выберите фоновый слой и залейте его цветом # 362f2d.
Если уже нет ничего, что бы вы хотели изменить, то снова выделите 3D слой Final Scene (Финальная сцена) и идите в меню 3 D — Рендеринг (3D -> Render). Рендеринг может занять некоторое время, но вы в любой момент можете остановить его, кликнув в любом месте внутри сцены, или нажав клавишу Esc.
Когда рендеринг завершен, нажмите на иконку внизу палитры слоёв, чтобы добавить Новый корректирующий слой Карта градиента (Gradient Map).
Настройте градиент, используя цвета # 4b0082 слева и # 00a86b справа. Затем измените режим наложения корректирующего слоя на Мягкий свет (Soft Light) и уменьшите Непрозрачность (Opacity) до 50%. Это улучшит цветопередачу и контрастность изображения.
Подведём итог. Теперь вы знаете, что 3D инструменты в Photoshop CS6 являются отличным способом для достижения удивительных 3D-эффектов. Играя с цветами и положением букв, вы можете достичь различных эффектов.
И снова здравствуйте. Сегодня я хочу рассмотреть с Вами интересный и до воли таки популярный сейчас эффект 3D, который придает фотографии динамики. А, впрочем дальше сами все увидите. Уверен, люди, которые любят необычные виды обработки, оценят.
Ну что, готовы? Открываем фотошоп, и берем какую-то картинку. Я, к примеру, взял ч/б фотографию девушки. И Вам советую брать ч/б, так как на , этот эффект выглядит максимально интересно.
Не будем тянуть, и сразу приступим. Урок легкий, даже очень, поэтому займет он у Вас от силы 5 минут.
Шаг 1. Открыли мы картинку, теперь делаем копию нашего фона с помощью Ctrl+J . И для удобства, советую, переименовать на “Красный” (два раза левой кнопкой мышки по названию ). А также фон, скрываем. В итоге должно получиться вот так:
Шаг 2. Переходим в редактирование слоя “Красный”. Это можно сделать двумя путями:
- Два раза левой кнопкой мышки по слою (не по названию, а слою!).
- Или же вот так – .
И оставляем галочку только на “R” (Red).
Шаг 3. Опять же, создаем копию и даем название “Голубой” и скрываем слой “Красный”. Заходим в настройки и оставляем только “G” (Green) и “B” (Blue).
А также делаем видимым два слоя “Голубой ” и “Красный”.
Шаг 4. И теперь финал и самое интересное. Зажимаем Ctrl и кликаем левой кнопкой мышки по миниатюре слоя и теперь воспользуемся инструментом “Перемещение”.
И стрелками сдвигаем слой вправо . Не намного, чтобы примерно в итоге получить конечный результат (смотрите ниже). Здесь уже по Вашему вкусу.
То же самое делаем со слоем “Голубой” , только сдвигаем влево
.
И делаем видимым изначальный фон. Это нужно для того, чтобы избавить от цветных краев.
Как в Photoshop повернуть картинку в пространстве
Приветствую!
Adobe Photoshop является, без преувеличения, мощным инструментом для работы с фотографиями и графическими изображениями. И об одной интересной возможности, о которой знают далеко не все, я хочу рассказать в этом материале.
Речь пойдёт о развороте картинки в 3D пространстве. Да, Adobe Photoshop с версии CS5 Extended (CS6 Extended и всех последующих) позволяет разворачивать картинку таким образом. Естественно, особой 3D объёмности при этом не получить, но эффект всё равно получается довольно интересным и может пригодиться в самых разнообразных сценариях работы.
Как развернуть картинку в Photoshop в 3D пространстве
Откройте в Photoshop картинку, которую необходимо повернуть. В верхнем меню нажмите по пункту 3D и в открывшемся подменю проследуйте Новая сетка из слоя -> Почтовая открытка.
Adobe Photoshop при этом перейдёт в 3D режим редактирования изображения, в котором можете мышкой поворачивать изображение в любом направлении – произвести боковое отображение картинки, снизу, сверху и т.д.
Развернув объект, необходимо закрепить полученный результат и выйти из режима 3D.
Делается это просто – кликните правой клавишей мышки по редактируемому слою и выберите пункт Растрировать 3D.
Интересный эффект, не правда ли!?
C помощью этого инструмента вы сможете делать, к примеру, интересные коллажи из нескольких изображений, оформлять открытки и т.д.
Если же вам нужен классический разворот изображения, то в Adobe Photoshop это делается в верхнем меню Изображение -> Вращение изображения.
Также в Adobe Photoshop имеется клавиатурная комбинация Ctrl + T – выделите необходимый элемент или область и нажмите данное сочетание. В результате чего вы сможете, в том числе и развернуть редактируемую область или всё изображение сразу.
Краткий итог
Теперь вы знаете, как повернуть и развернуть графический файл в Adobe Photoshop быстро и без особых усилий. Псевдо 3D эффект, как вы можете видеть, реализовывается достаточно легко с использованием этого мощного инструмента.
Если у вас остались вопросы, вы можете задать их в комментариях.
Делаем анаглиф фото в Photoshop. Делаем анаглиф фото в Photoshop 3d эффект в фотошопе
Благодаря 3D среде в фотошоп можно создать много интересных вещей. Используя её настройки и инструменты, вы можете легко и быстро создавать 3D эффекты. Этот урок покажет вам как создать простой и забавный текстовый эффект, используя 3D возможности, и даст вам полезные советы и рекомендации, которые вы сможете применять в своём творчестве.
Материалы для урока:
Используемое ПО Photoshop CS6
Шрифт — PoetsenOne
Создайте новый документ с размером 1150 x 825 пикс., напишите текст размером 200 пт, чёрным цветом, используя шрифт PoetsenOne.
Далее, нам нужно создать несколько направляющих возле верхней и нижней части текста. Для этого откройте линейки в меню Просмотр — Линейки (View -> Rulers) и отметьте эту опцию флажком. Затем кликните мышкой в области шкалы линейки и, не отпуская мышку, тащите направляющую, расположив её как на скриншоте. Отверстия, которые мы создадим внутри текста, будут находиться на этих направляющих.
Дублируйте текстовый слой и сделайте оригинал невидимым, нажав на глазик рядом с миниатюрой слоя. Затем кликните правой кнопкой мыши по копии и выберите опцию Преобразовать в кривые (Convert to Shape).
Установите цвет переднего плана на белый, активируйте инструмент Эллипс (Ellipse Tool), в верхней панели настроек нажмите указанную иконку и в меню задайте Заданный размер (Fixed Size) 7 пикселей, так же поставьте флажок на функции От центра (From Center).
Затем щёлкните и потащите немного по верхней направляющей чтобы создать круг в центре края первой буквы.
Нажмите на панели параметров на значок Объединить фигуры (Combine Shapes) и продолжите добавлять кружки по обеим направляющим на всех буквах. Когда закончите, можете убрать направляющие в меню Просмотр — Удалить направляющие (View -> Clear Guides).
Теперь идём в меню Редактирование — Определить произвольную фигуру (Edit -> Define Custom Shape) и вводим название новой фигуры (например Dots).
Активируйте инструмент Произвольная фигура (Custom Shape Tool), прокрутите список выбора фигур вниз и выберите фигуру, которую вы только что создали. После этого, в верхней панели настроек нажмите функцию Вычесть переднюю фигуру (Subtract Front Shape), а также включите опцию Сохранить размеры (Defined Size) и снимите флажок на функции От центра (From Center). Это создаст точки в своём исходном размере.
Выделите текстовый слой с фигурой, затем щёлкните и перетащите фигуру с точками так, чтобы первая точка фигуры расположилась точно так, как точка-кружок которая у вас уже есть. После того как вы отпустите кнопку мыши, точки будут вычтены из тестовой фигуры.
Установите цвет переднего плана на #b7b7b7, активируйте инструмент Прямоугольник (Rectangle Tool), создайте прямоугольник чуть больше самого документа и поместить его прямо под текст.
Вычтите фигуру с точками из прямоугольника, как вы делали ранее. На нижнем изображении скриншота слои невидимы, чтобы вы могли видеть результат.
Чтобы получить доступ к 3D настройкам вам необходимо открыть две панели — панель 3D и панель Свойства (Properties). 3D панель имеет все компоненты 3D-сцены, и при нажатии на имя любого из них, вы сможете получить доступ к его настройкам в панели свойств. Поэтому будьте уверены, что выбираете имя элемента, который требуется изменить в панели 3D, прежде чем изменить его настройках в панели свойств.
Выделите прямоугольник в панели слоёв и название его сетки в панели 3D, чтобы изменить Глубину экструзии (Extrusion Depth) до 10 в панели Свойства (Properties).
Выберите слой с формой текста в панели слоёв и название его сетки в панели 3D и измените Глубину экструзии (Extrusion Depth) до 5.
Нажмите на значок Капитель (Cap) в верхней части панели свойств и измените Ширину фаски (Bevel Width) до 2.
Выберите слой с точками в панели слоёв и название его сетки в панели 3D, щёлкните значок Капитель (Cap), а затем измените Ширину фаски (Bevel Width) до 20 и выберите Контур (Contour) Перевёрнутый конус (Cone — Inverted).
Дублируйте слой с текстовой фигурой дважды чтобы у вас было три слоя с фигурой текста. Затем выделите все 3D слои которые у вас есть и идите в меню 3D — Слияние 3D слоёв (3D -> Merge 3D Layers). Это действие поместит все 3D сетки в одну сцену. Вы можете переименовать объединённый 3D слой как вам понравится, например Final Scene (Финальная сцена).
Активируйте инструмент Перемещение (Move Tool). В верхней правой части панели настроек вы найдёте бар с 3D режимами (3D Modes). Когда вы выбираете один из них, вы можете двигать им, тем самым внося изменения выбранному элементу в панели 3D.
Итак, выберите вкладку Текущий вид (Current View) в панели 3D, затем нажмите и перетащите в любом пустом месте 3D-сцены, чтобы изменить вид камеры, но не перемещайте ещё какую-либо из сеток.
Выделите все материалы в сетке первой текстовой фигуры в 3D панели, затем в панели свойств кликните по иконке текстур напротив опции Рассеивание (Diffuse) и выберите Удалить текстуру (Remove Texture).
Измените остальные параметры, как показано ниже. Цвет Рассеивания (Diffuse) #d83054, Цвет блика (Specular) #bbb798, Свечение (Illumination) #1d0000 и Освещение (Ambient) #454545. Но вы можете выбрать абсолютно любой другой цвет для рассеивания, который вам нравится.
Выполните те же шаги, чтобы изменить настройки материала для других текстовых фигур. Вам нужно измените значение Рассеивания (Diffuse), если вы хотите разные цвета на каждом текстовом слое. В уроке для второго текста автор применяет цвет #32dae5.
Для третьего слоя цвет #bde640.
Что касается сетки с точками, после удаления текстуры в иконке текстур напротив опции Рассеивание (Diffuse) измените настройки как показано ниже на скриншоте. Цвет Рассеивания (Diffuse) #e8dfca, Цвет блика (Specular) #fff7e5, цвет Свечения (Illumination) и Освещения (Ambient) поставьте #000000.
Теперь выберите сетку прямоугольника в 3D панели и его Материал передней выпуклости (Front Inflation Material). Установите Цвет блика (Specular), цвет Свечения (Illumination) и Освещения (Ambient) на #000000. Затем измените остальные значения, как показано ниже.
Нажмите на иконку текстур напротив опции Рассеивание (Diffuse) и выберите опцию Редактировать текстуру (Edit Texture).
После этого вы можете изменить текстуру. Поместите изображение с текстурой выше слоя с прямоугольником, при необходимости измените размер, затем щёлкните по слою правой кнопкой мыши и выберите Создать обтравочную маску (Create Clipping Mask). Это нужно для того, чтобы текстура применилась только к прямоугольнику и не закрывала отверстия в нём.
Далее идём в меню Изображение — Коррекция — Цветовой тон/Насыщенность (Image -> Adjustments -> Hue/Saturation) и меняем значение Насыщенности (Saturation) на минус 100, а Яркости (Lightness) на 13. Теперь сохраните файл в меню Файл — Сохранить (File -> Save), затем нажмите Сохранить как (Save As), чтобы сохранить этот файл в папке исходного файла с которым вы работаете и дайте ему название Bump. Затем закройте его и вернитесь к документу с которым работаете.
Кликните на иконке папки напротив опции Рельеф (Bump), выберите Загрузить текстуру (Load Texture) и загрузите файл Bump, который сохранили в предыдущем шаге.
Снова кликните на иконке папки напротив опции Рельеф (Bump) и выберите Редактировать текстуру (Edit Texture).
Создайте новый слой выше всех в палитре слоёв, активируйте инструмент Кисть (Brush Tool) и выберите кисточку Брызги 46 пикс (Spatter 46 pixels).
Откройте панель настроек кисти в меню Окно — Кисть (Window -> Brush) и в Динамике формы (Shape Dynamics) поставьте Колебание размера (Size Jitter) на 25% и Колебание угла (Angle Jitter) на 100%.
Кликните правой кнопкой мыши по новому созданному слою и выберите Создать обтравочную маску (Create Clipping Mask), затем сделайте слой с текстурой невидимым. Установите цвет переднего плана на чёрный, установите размер отпечатка кисти на 25 пикселей, затем кликните один раз в середине каждой точки. Настройки динамики формы помогут создать результаты немного разных размеров и углов.
Тёмный цвет кисти создаст на текстуре иллюзию более плоской поверхности в областях, которые кажутся более глубокими по сравнению с исходной поверхностью. Сохраните файл и закройте его, чтобы вернуться к исходному документу.
Выделите название сетки переднего текстового слоя и перейдите в меню 3D — Разделить экструзию (3D -> Split Extrusion). Это действие разделит надпись на отдельные сетки для каждой буквы и позволит перемещать отдельно каждую из них. Настройте камеру так, чтобы текст поместился в пределах документа и под углом который вам нравится.
Выделите все группы с сетками в 3D панели кроме группы с прямоугольником, затем активируйте инструмент Перемещение (Move Tool) и слегка поверните текст так, как будто он падает со стены.
Вы можете изменить вид камеры, чтобы увидеть, как выглядит текст и убедиться в том, что сторона букв, которая выше, прикреплена к отверстию в стене.
Если необходимо, то вы можете изменить глубину экструзии на сетке с эллипсом в панели свойств.
Как только закончите, окончательно установите желаемый вид камеры для последующего рендеринга. Затем в панели свойств во вкладке Вид (View) выберите внизу выпадающего меню Сохранить (Save), чтобы сохранить положение камеры.
Введите имя и нажмите кнопку ОК.
Теперь всякий раз, когда вы меняете вид камеры и захотите вернуться к финальному, вы можете выбрать его в панели 3D или в панели свойств в выпадающем меню во вкладке Вид (View).
А теперь в выпадающем меню выберите положение камеры Спереди (Front).
Увеличьте вид камеры до тех пор, пока вы сможете чётко видеть буквы. Выделите некоторые буквы переднего слоя с текстом, а затем поверните, переместив с исходного положения. С текущим видом камеры сделать это будет несложно.
Для некоторых букв примените незначительные изменения, не каждая должна полностью изменить своё положение. Но конечно же вам решать, как в итоге вы хотите видеть свою работу. Когда закончите преобразования, верните камере тот вид, который ранее сохраняли.
Пришло время поработать с освещением. Кликните в 3D панели по слою Бесконечный свет 1 (Infinite Light), затем в панели Свойства (Properties) выберите цвет #fffdf5, Интенсивность (Intensity) 80% и Тень Сглаживание (Shadow Softness) 30%.
Кликните по иконке Координаты (Coordinates) в панели свойств и введите значения, показанные ниже.
Так же для изменения положения источника света в сцене, вы можете использовать инструмент Перемещение (Move Tool).
Кликните внизу 3D панели на значок Добавить новый свет на сцену (Add new Light to Scene) и выберите Новый точечный свет (New Point Light).
В панели Свойства (Properties) измените цвет на #fff8ea, Интенсивность (Intensity) 100% и Тень Сглаживание (Shadow Softness) 30%.
Свет может показаться очень ярким и вам нужно будет его сдвинуть так, чтобы он коснулся стены. Расположите его выше текста, как вам больше нравится.
Теперь в сетке Прямоугольник выберите слой Материал экструзии (Extrusion Material). Удалите его текстуру в папке напротив Рассеивания (Diffuse), как это делали ранее, и внесите настройки как показано ниже. Цвет Рассеивания (Diffuse) #676767, Цвет блика (Specular) #333333, Свечение (Illumination) #000000 и Освещение (Ambient) #000000. Это затемнит отверстия.
Выберите фоновый слой и залейте его цветом # 362f2d.
Если уже нет ничего, что бы вы хотели изменить, то снова выделите 3D слой Final Scene (Финальная сцена) и идите в меню 3 D — Рендеринг (3D -> Render). Рендеринг может занять некоторое время, но вы в любой момент можете остановить его, кликнув в любом месте внутри сцены, или нажав клавишу Esc.
Когда рендеринг завершен, нажмите на иконку внизу палитры слоёв, чтобы добавить Новый корректирующий слой Карта градиента (Gradient Map).
Настройте градиент, используя цвета # 4b0082 слева и # 00a86b справа. Затем измените режим наложения корректирующего слоя на Мягкий свет (Soft Light) и уменьшите Непрозрачность (Opacity) до 50%. Это улучшит цветопередачу и контрастность изображения.
Подведём итог. Теперь вы знаете, что 3D инструменты в Photoshop CS6 являются отличным способом для достижения удивительных 3D-эффектов. Играя с цветами и положением букв, вы можете достичь различных эффектов.
3D анаглиф работает, используя нашу естественную способность воспринимать глубину с помощью бинокулярного зрения. Восприятие глубины исходит из того, что каждый из наших глаз видит несколько отличную от другого картинку. Наш мозг обрабатывает картинки, полученные каждым глазом, и на основе небольшой разницы в углах обзора между двумя изображениями получает ощущение глубины. Это основная предпосылка для работы техники, изложенной в данном уроке.
Мы начинаем с отделения цветовых каналов на каждом слое.
Большинство анаглифных 3D-очков поставляются с красными линзами для левого глаза и синей (бирюзовой) линзы для правого. Поскольку красная линза позволяет видеть только в красном канале, мы отключим зеленый и синий каналы для этого слоя. Отключение каналов можно сделать в диалоговом окне Параметров наложения (Blending Options).
Перетащите верхний левый угол изображения вверх, как показано на картинке. Чем выше Вы его перетащите, тем более выраженным будет эффект объёма на фото:
Нажмите Enter для применения действия инструмента.
Отключите видимость слоя «левый-красный», включите видимость слоя «правый-голубой» и сделайте таким де образом трансформируйте его, только с правой стороны:
Включите видимость обеих слоёв, и у Вас получится примерно такое изображение:
Теперь, мы посмотрим на фото в 3D-очках, мы заставим наш мозг подумать, что он воспринимает два разных изображения. Но картинка не готова, т.к. центр изображения не совмещён. Исправим это с помощью инструмента «Перемещение» (Move Tool).
Сведение изображений и обрезка картинки
Возьмите инструмент «Перемещение», зажмите клавишу Shift и переместите слои вправо и влево соответственно, в качестве общего центра я использовал лицо модели. Для перемещения можно использовать не мышь, а клавиши «стрелка вправо» и «стрелка влево»:
Осталось только обрезать левый и правый край картинки с помощью инструмента «Обрезка» (Crop Tool) и сохранить документ.
Вот как выглядит готовое фото:
Хотя этот метод отличается от создания реального 3D анаглифного фото, где используются две фотокамеры, снимающие с разных углов, мы получили почти подобный эффект, используя только одну фотографию.
Теперь, всё, что вам нужно, это 3D-очки…
Давайте начнем! Создаем новый документ (File> New) со следующими настройками:
Шаг 2
Загрузить изображение Осенний парк и разместите его на своем полотне. Образ, который я использую в этом уроке имеет тот же размер что и холст, так что эта фотография будет полностью покрывать его. Если вы хотите использовать собственное изображение для фона вы должны изменить его размер в соответствии с размером холста. Поместите его в холст и перетащите одну из угловых точек. Удерживайте Shift, чтобы изменить размер изображения пропорционально. Выберите «Background» слой, слой с вашей фотографией и объединить их (Ctrl + E)
Шаг 3
Итак, давайте начнем создание 3D букв. Загрузите изображение английского алфавита и откройте его в Photoshop. Теперь вы должны решить, какое слово вы будете составлять из букв и какие цвета вы будете использовать для них. Я решила сделать слово «Leaf». Возьмите Lasso Tool (L) и выберите первую букву слова, скопируйте (Ctrl + C) и вставьте его (Ctrl + V) на свой холст.
Назовите этот слой с буквой в соответствии с его названием, например, мой слой будет называться «Letter L». Теперь нам нужно удалить белый фон. Возьмите Magic Wand Tool (W), выберите слой с буквой и нажмите на белом фоне. Нажмите кнопку Удалить. Обратите внимание, что параметр «Sample All Layers» не отмечен галочкой.
Выберите слой с вашей буквой и активируйте инструмент Transform (Ctrl + T).Удерживая клавишу Shift перетащите один из угловых маркеров, чтобы уменьшить размер буквы.
Если вы хотите изменить цвет вашей бувы вы можете использовать корректирующий слой (например, Color Balance и Selective color). Я дам подробное описание в шаге 15. Так как меня вполне устраивает красный цвет моей первой буквы, то я перешла к созданию 3D буквы.
Шаг 4
Для создания 3D буквы, выберите слой с буквой и перейти к 3D> New 3D Extrusion из выбранного слоя. Photoshop попросит вас переключиться в 3D рабочее пространство — нажмите кнопку ОК.Таким образом, 3D рабочее пространство Photoshop CS6 находится перед вами. Сначала мы должны определить положение плоскости земли, на которой письмо будет расположен. Чтобы сделать это, выберите сцену в 3D-панели и отрегулируйте положение Ground Plane с помощью значков на панели Options.
Постарайтесь расположить Ground Plane так, чтобы она совпадала с горизонтальной поверхностью, на которой вы поместите буквы:
Если фоновое ваше изображение отличается от моего, вы должны выбрать правильное положение Ground Plane самостоятельно.
Шаг 5
Теперь нам нужно сделать текстуру для письма. Скачайте эту бетоннную текстуру (рисунок 1) и откройте его в Photoshop.
Мы будем использовать его для передней и экструдированной части букв. «500 пикселей» на панели параметров, чтобы получить квадрат размером 500 × 500 пикселей. После того как область выбрана, нажмите клавишу ВВОД и сохраните текстуру. Имя файла «texture_front».
Шаг 6
Теперь пришло время, чтобы применить текстуру рельефа в письме. На панели 3D выберите «Front Inflation Material » и перейдите к панели свойств 3D-объектов. Эта панель будет открываться автоматически при переключении в 3D-пространство. Найти Bump настройки в панели свойств и выберите » Load texture «. В открывшемся окне выбрать текстуру, что вы подготовили на предыдущем шаге («texture_front.jpg»):
Bump настройка отвечает за облегчение, так что вы можете установить желаемую степень рельефа с помощью ползунка. Я поставила его на 20%. Вам придется изменить масштаб и расположение текстуры. Для этого нажмите на значок папки рядом с Bump настройкой и выберите пункт » Edit UV Properties «.
Вертикальная и горизонтальная шкала (шкала V и U шкала соответственно) являются основными параметрами, которые необходимо отрегулировать. Параметры U Offset и V Offset несут ответственность за перемещение текстур, вы можете настроить их, как вам нравится.
Шаг 7
Далее нам нужно добавить текстуру на экструдированную часть буквы. Чтобы сделать это, перейдите к панели 3D выберите » Extrusion Material » и загрузите ту же текстуру («texture_front.jpg») для параметра Bump.
Я увеличила значение Bump до 25% на экструдированные части буквы. Точно так же, как мы делали в предыдущем шаге, редактируйтеь свойства текстуры: нажмите на значок папки рядом с Bump настройки и выберите пункт » Edit UV Properties «. Я использовала следующие значения:
Кроме того, я изменила цвет экструзии на розовый, так что вы можете визуально видеть, как изменение параметров влияет на текстуры. Позже я покажу вам, как подобрать цвет экструзии лучше.
Шаг 8
Теперь пришло время работать на месте буквы. Перейти в 3D-панель и выберите букву — вы увидите, что три оси окажутся в центре буквы. Вы можете вращать, изменять размер и перемещать объект относительно этих осей, используя те же иконки на панели параметров, которые используются для перемещения Ground Plane. Есть иконки на оси, которые вы также можете использовать для вращения, перемещения и масштабирования объектов:
Кроме того, это удобно для перемещения объекта в нескольких плоскостях одновременно. Для этого переместите курсор на ребро куба, внутри которого ваша буква находится: стороны куба (которые являются соответствующие плоскости, вдоль которой движение будет осуществляться) будут выделены желтым цветом, и намек с направлениями появится рядом с курсором.
При перемещении курсора на стороне куба, движение будет осуществляться по одной плоскости (она также будет выделена желтым цветом), если вы хотите букву, которая будет расположена на поверхности, не перемещать по вертикальной оси (Y). Если вы заметили, что буква зашла слишком вверх или вниз, перейдите к 3D> Snap объекта к Ground Plane – буква будет снова на движущиеся поверхности и вращающейся оси на панели Properties в разделе координаты. Если вы не знаете, как вернуть букву в исходное положение на определенной оси, просто установите угол поворота соответствующей оси до 0 градусов:
Теперь вы знаете, как изменить положение 3D-объектов. Таким образом разместите букву на Ground Plane, как вам нравится и измените ее размер, если это необходимо. Например, позиция моей буквы заключается в следующем:
Шаг 9
В этом шаге мы будем работать над появлением буквы — мы будем корректировать размер экструзии, а в следующем шаге мы настроим фаски. Сетка — для регулировки толщины буквы.Мы заинтересованы в значении глубины Экструзии: Я поставила его на 250, но вы можете использовать другое значение, если хотите. Кроме того, параметры Catch Shadows и Cast Shadows должны быть проверены, когда мы поставим источники света.
Шаг 10
В этом шаге мы настроим фаски. Перейти к Properties panel > Mesh section, я выбрала тип Bevel, но вы можете попробовать другой, а затем поэкспериментировать с его настройками:
Шаг 11
Теперь вы должны определить цвет экструзии. Чтобы изменить свой цвет, выберите Extrusion Material на 3D панели и перейдите к панели свойств. Основной цвет экструзии будет определять цвет, который вы выбрали для параметра Diffuse. Я выбрала цвет # f25646:
Вы также можете поэкспериментировать с другими настройками, такими как Specular (она влияет на резкость / контрастность текстуры) и Illumination (она влияет на яркость боковых краев). В данном случае я выбрала следующие значения: Specular color — # 645858, Illumination color — # 290816.
Шаг 12
Теперь пришло время для работы над источниками света. Идите к 3D-панели и выберите первый источник света (у вас уже есть там) — Infinite Light 1. Мы создадим основной источник света.В этом случае основным источником света является Солнце, и он находится в правом верхнем углу.Если вы используете собственное изображение для фона вы должны определить положение основного источника света самостоятельно (обратите внимание на направление людей / объектов тени и т.д.)
позицию источника света. Щелкните левой кнопкой мыши на источнике и поверните его так, чтобы тень от буквы находится примерно в левом нижнем углу:
Параметры и координаты этого источника света следующие (цвет # ffebcf):
Координаты этого источника света одинаковы для всех букв, которые вы создадите в этой сцене.
Шаг 13
Давайте добавим еще один источник света, так чтобы буква не была слишком темной. Для этого щелкните на Add new Light на сцену значок в нижней части панели 3D и выберите New Infinite Light.
Шаг 14
Таким образом, работы по первой букве практически завершены. На этом этапе мы будем корректировать цвета stroke буквы. Если вы любите черный цвет, вы можете пропустить этот шаг.
Мы будем редактировать текстуры, которые используются в двух местах на букве — Front Inflation Material и Front Bevel Material… Итак, когда вы выбираете Изменить текстуру, Photoshop предупредит вас о том, что изменения будут применены ко всем местам на сцене.Нажмите кнопку ОК. New Adjustment Layer> Selective Color. Выберите черный канал и настройте цвет stroke. В этом примере он становится красным:
После того как вы закончили работать с текстурой, сохранить ее (Ctrl + S) и закройте этот файл. Переключить на ваш рабочий документ, — вы увидите, что текстура была обновлена:
Шаг 15
Теперь вы можете создавать все остальные буквы таким же образом. Но если вы хотите изменить цвет буквы сразу, вы можете использовать корректирующий слой Selective Color и опции Replace Color. Давайте практиковать это на моей второй букве — «E». Если вы хотите продолжать работать со слоями в Photoshop, просто переключитесь на панели слоев. Разместите следующую букву в рабочем документе и удалить ее фон, как мы делали в шаге 3. Я назвала этот слой «letter – „E“и перейдите к Image > Adjustments > Replace Color. Возьмите пипетки с „+“ и расширьте зону замены цвета, нажав на оттенки светло-голубого цвета. А затем отрегулируйте ползунки, чтобы получить цвет, близкий к этому (цвет # fed4b6):
Далее создайте корректирующий слой Selective Color (Layer> New Adjustment Layer> Selective Color) и преобразуйте его слой в обтравочную маску для слоя » letter – «E ». Для этого щелкните правой кнопкой мыши на слое Selective Color на панели слоев и выберите Create Clipping Mask. Так Selective Color влияет только на слой » letter – «E ».
Теперь я довольна оранжевым цветом, который у меня есть, и я могу объединить слой с буквой и корректирующим слоем Selective Color (выберите оба слоя на панели слоев и нажмите Ctrl + E).
Шаг 16
Таким образом, база буквы будет готова, и вы можете начать делать 3D-буквы. Перейдите к шагу 4 и повторите все инструкции для создания 3D буквы. Не забывайте о перспективе букв: если буква далеко от зрителя, его размеры должны быть меньше, чем размер вашей первой буквыа.Слой с первой буквой должна быть на верхней части панели Layers, а все остальные слои с буквами должны быть расположены под ней одна за другой. Не забывайте, что вы можете изменить настройки 3D, движение букв, изменить цвет текстуры, пока вы не получите желаемый результат.Так я создала все буквы и получила следующие результаты:
Шаг 17
Буквы готовы и вы можете растрировать эти 3D-слои. Но я рекомендую вам сохранить оригинальный 3D-слой в случае, если вы хотите что-то изменить. Чтобы сделать это, дублируйте все ваши 3D-слои (выберите их на панели слоев и нажмите Ctrl + J). Группа оригинальных 3D-слоев (Ctrl + G), назовите эту группу «3D» и отключите их видимость (нажмите на иконку глаза возле миниатюры слоя). Далее, перейдите к вашим дублированным слоям и растрируйте их: правой кнопкой мыши на один из слоев и выбрать Rasterize 3D.
Шаг 18
В этом шаге мы добавим больше контраста в тенях буквы на траве. Чтобы сделать это, создайте новый слой (Ctrl + Shift + N), назовите его «Shadow» и поставьте его под все слои с буквами на панели слоев. Возьмите Brush Tool (B) со следующими настройками: Цвет: # 1d280a, твердость: 50%, режим смешивания: Multiply, Opacity: 10-15%. Размер кисти зависит от вас.
Закрашиваем на затененных участках выбранной кистью, как это показано на рисунке:
Шаг 19
Теперь мы собираемся сделать нижнюю части буквы, чтобы они выглядели, как будто они действительно стоят на траве. Мы будем использовать стандартный набор кистей для этого. Возьмите Brush Tool (B) и выберите жесткую (100% Hardness) круглую кисть, непрозрачность около 50%. Лучше работать на маске слоя буквы, потому что в этом случае вы сможете изменить результат в любое время. Так что добавьте маски на все слои с буквами (Layer> Layer Mask> Reveal All) и измените цвет переднего плана на черный. Нажмите на миниатюру слоя маски и закрасьте нижнюю часть буквы, чтобы скрыть ее:
Если вы закрасили некоторые дополнительные области, просто измените цвет переднего плана на белый и закрасьте те области, чтобы сделать их видимыми.
Убедитесь, что Brush Tool выбран, нажмите клавишу F5 и выберите «Dune Grass» кисти. Параметры являются Кисти следующие:
Красьте по нижней части буквы выбранной кистью на маске слоя. Выберите кисть небольшого размера — около 30 пикселей. Вот что вы должны получить:
Шаг 20
Как вы видите, мы спрятали некоторые части тени буквы, потому что они находятся на том же слоев, что и сами букв. Таким образом, вернемсяк шагу 18 и установим кисти на те же параметры.Выберите слой «Shadow» и закрасьте области, которые были скрыты под маской:
Если вы не полностью удовлетворены результатом, выберите кисть «Dry Brush Tip Light Flow» из стандартного набора кистей и окрасьте нижнюю часть букв на Layer Mask.
Шаг 21
Далее нам нужно изменить экструдированные части букв, так чтобы они не были гладкими. Чтобы сделать это, возьмите Brush Tool (B) и выберите одну из следующих кистей (Opacity: 100%, размер кисти: около 50 точек, основной цвет: черный):
В масках слоев букв, закрасьте задний край букв.
Получаем следующий результат:
Шаг 22
Теперь нам нужно применить фильтр Gaussian Blur к буквам, так что текстура будет не столь резким. Но прежде чем сделать это, лучше будет преобразовать все слои с буквами в смарт-объект — в этом случае у вас будет возможность изменить настройки фильтра после его применения.Щелкните правой кнопкой мыши на одном из слоев с буквами на панели слоев и выберите Convert to Smart Object. Не беспокойтесь о маске слоя. Она не была удалена, теперь это только внутри смарт-объекта
для редактирования, дважды щелкните на текущий слой на панели слоев.
Шаг 23
Выберите слой с первой буквой L и перейдите к Filter> Blur> Gaussian Blur. Размытие зависит от размера вашей буквы. Я выбрала значение 0,4:
Примените фильтр Gaussian Blur ко всем другим буквам. Не забывайте о глубине поля: если письмо далеко от зрителя, оно должно быть более размытым, чем первая буква. Если вы хотите изменить степень размытия, дважды щелкните на имени фильтра на панели слоев:
Итак, вот что я получаю:
Шаг 24
Загрузить изображение с трещинами краски (я использовала размер 1600х1200 пикселей) и поместите его в документ. Уменьшите размер текстуры, как это показано на рисунке (при изменении размера не забывайте держать клавишу Shift):
Активизируйте инструмент Transform (Command / Ctrl + T), щелкните правой кнопкой мыши на холсте и выберите Distort. Потяните за угловые маркеры так, чтобы текстура стала почти параллельно лицевой стороне буквы:
Rasterize слой с текстурой (щелкните правой кнопкой мыши по слою> Rasterize Layer). Назовите этот слой » Texture L» Загрузите выделение слоя «Letter L copy » (Ctrl щелкните по иконке слоя на панели слоев), выберите «Texture L» слоя и нажмите на иконку Add Layer Mask в нижней части панели Layers.
Измените режим наложения «Texture L» слоя на Soft Light, возьмите Brush Tool (B), установите непрозрачность до 50% и измените цвет переднего плана на черный. Переключитесь на маску «Texture L» слоя и закрасьте стороны, тень и переднюю области букв, так текстура выглядит более реалистично:
Повторите то же самое с другими буквами. Не забывайте, что направление текстуры должны быть параллельны лицевой стороне букв.
Вы должны получить что-то вроде этого:
Шаг 25
Сгруппируйте все слои, связанные с буквами (Ctrl + G) и назовите группу » Letters «:
Шаг 26
В этом шаге мы будем делать передний план более насыщенным и контрастностным. Чтобы сделать это, создайте слой Levels Adjustment (Layer> New Adjustment Layer> Levels), поместите его над «Background» слой. После этого создайте Hue / Saturation Adjustment Layer (Layer> New Adjustment Layer> Hue / Saturation) и установите следующие значения:
step026
Далее возьмите Gradient Tool (G), цвета градиента черный и белый, тип градиента — линейный.Переключитесь на » Levels » слой-маску и нарисуйте градиент от верха до низа. Выберите маску «Hue / Saturation» слой и нарисуйте градиент с теми же настройками, но в этом случае он должен быть шире:
Шаг 27
Теперь нужно настроить контрастность и насыщенность цвета букв, чтобы они лучше вписывались в окружающую среду. Чтобы это сделать, создайте два корректирующих слоя: Levels и Hue / Saturation, и конвертировать их в Clipping Mask для группы «Letters», так что эти слои будут влиять только на эту группу. Настройки Adjustment Layers » следующие:
Шаг 28
Загрузите изображение с желтыми кленовыми листьями и откройте его в Photoshop. Возьмите о Selection Tool (W) и выберите лист. Если вы захватили дополнительную площадь, переключитесь на режим «Subtract from Selection » и нажмите на область, которую вы хотите удалить из вашего выделения. Теперь вам не нужно делать точное выделение, потому что размер листа будет сокращен и вы не заметите неровные края.
Скопируйте и вставьте выбранный лист в свой рабочий документ, измените его размер в соответствии с изображением ниже. Отразите по горизонтали (нажмите Ctrl + T> щелкните правой кнопкой мыши на холсте> Flip Horizontal), а затем используйте режим Деформации преобразования (нажмите Ctrl + T> щелкните правой кнопкой мыши на холсте> Warp), чтобы сделать листья похожи на мой пример:
Далее, нам необходимо добавить два стили слоя к слою «Leaf»: Gradient Overlay и Drop Shadow. Дважды щелкните на кнопку слоя «Leaf» на панели слоев, параметры следующие:
Gradient Overlay: Я использую «Оранжевый, желтый, оранжевый« градиент из стандартного набора. Drop Shadow: цвет # 460000
Шаг 29
Скачать еще одну картину с желтыми кленовыми листьями, выделите ее таким же образом, и вставьте в ваш рабочий документ. Назовите этот слой » Leaf 2″. Используйте Warp transformation, чтобы сделать следующую форму:
Дважды щелкните на этом слое на панели слоев, установите следующие значения:
результат:
Шаг 30
Теперь скачивайте и открывайте изображения куста и с помощью Selection Tool (W) выделите эту область:
Скопируйте и вставьте эту область на ваш рабочий документ. Поместите эти листья рядом с буквой «L», назовите ее » Leaf 3″ и создайте слой Levels Adjustment в Clipping Mask режиме. Настройки корректирующего слоя Levels показаны на рисунке ниже. Кроме того, я уменьшила непрозрачность » Leaf 3″ слоя до 85%.
Шаг 31
Наконец открываем третье изображение с кленовым листом, выберите его с помощью Selection Tool (W) и вставьте его в ваш документ. Назовите этот слой » Leaf 4″. Изменените размер листа, используя Warp transformation, чтобы сделать следующую форму:
Выберите слой» Leaf 4″ и добавьте Drop Shadow Layer Style (цвет: # 172617):
Если вы посмотрите на букву «F», вы увидите, что тень должна падать на верхнюю стороу листа.Чтобы сделать это, создайте Hue / Saturation слой корректировки в режим Clipping Mask » Leaf 4″ слоя.Установить значения, как это показано на рисунке ниже. Идите к Levels маски корректирующего слоя, возьмите инструмент Brush Tool (B) и измените цвет переднего плана на черный и закрасьте нижнюю часть листа. Кроме того, я уменьшила непрозрачность на слое» Leaf 4″ до 85%.
Теперь вы можете объединить все слои, связанные с листьями (Ctrl + G) и назовите группу » Leaves «.
Шаг 32
В этом шаге мы будем делать тени и блики. Чтобы сделать это, создайте новый слой (Ctrl + Shift + N), назовите его «Shadows / Highlights», поместите его на верхней части панели Layers и залейте его 50% серым цветом (Edit> Fill):
Измените режим смешивания «Shadows / Highlights» слоя на Soft Light. Возьмите Brush Tool (B), измените цвет переднего плана на белый, установите непрозрачность до 5% и закрасьте моменты.Затем нажмите кнопку «D», чтобы измените цвет передн
Из этого урока вы узнаете, как создать изображение с 3D анаглиф эффектом в фотошоп. Что бы оценить данный эффект в полную силу, вам необходимо приобрести анаглифические очки с красной и голубой линзой. Вы можете найти и приобрести такие очки онлайн за пару $, которые работают на отлично.
Более подробно о данном эффекте можно прочитать в Wikipedia . Для тех кто не в теме, посмотрите на примеры представленные ниже.
Стереофотографии могут быть созданы разными способами. Я покажу вам наиболее простой и быстрой метод создания анаглиф эффекта с использованием только одного изображения.
1-й этап: Подготовка фотографии
http://studioelephant.com.ua/semejnaya-fotosessiyaВ качестве исходной фотографии я использовал портрет девушки:
Откройте свою фотографию в фотошопе. Щелкните два раза по слою, чтобы его разблокировать.
Затем назовите слой «Левый» (для этого щелкните два раза по тексту Слой 0)
Перейдите во вкладку Слои -> Создать дубликат слоя или нажмите сочетание клавиш Ctrl + J. Дубликат переименуйте в «Правый».
2-й этап: Приступаем к созданию Анаглиф эффекта
Откройте стиль слоя «Левый» и отключите красный канал. Для этого пройдите Слои -> Стиль слоя -> Параметры наложения или щелкните два раза по слою.
Откройте стиль слоя «Правый», и отключите зеленый и синий канал.
Сместите слой «Правый» немного в сторону, чтобы увидеть эффект анаглиф»а. Для этого зажмите клавишу Shift и нажмите на клавиатуре стрелку в право. Вы можете отрегулировать глубину смещения на свой вкус. Можно не зажимать шифт, а просто два-три раза нажать на стрелочку.
3-й этап: Кадрирование фотографии
Как только закончили со смешением, нужно кадрировать фотографию в области где пересекаются оба слоя. В моем случае я обрезал оба края. Для кадрирования воспользуйтесь инструментом «Рамка».
Итоговый результат
Вот и все! Самое увлекательное в данном приеме, то что вы не знаете как эффект получится до обработки.
Осталось только надеть анаглифические 3D очки, и наслаждаться своим результатом. К стати если вы не в курсе этот эффект широко применяется в видео. Вот один ролик про водопады с анаглиф эффектом. Посмотрите, это очень красиво!
Самое важное, что есть в каждой семье это семейные фотографии. Это те лучшие моменты запечатленные на долгое время, при просмотре которых получаем много хороших эмоций. Чтобы фотографии были по истине красивыми и качественными, мы советуем обращаться к профессионалам. Вам сделают очень качественные фото с красивой композицией.
Нам будет очень приятно посмотреть на ваш результат, не забудьте показать его в комментариях.
Первоначально я планировал написать в этой статье о том, как создать ретро 3D-эффект , который раньше можно было видеть в старых 3D-фильмах , комиксах и на постерах. Но потом я задумался, почему бы не попробовать сделать анаглифное 3D-изображение ?
Настройте себя на создание старого 3D-эффекта и следуйте этому руководству, чтобы узнать, как создавать в Photoshop собственные анаглифные 3D-изображения :
Для того чтобы эффект, вам нужно будет приобрести 3D-очки с красной и голубой линзами:
Анаглифные 3D-изображения можно создавать двумя способами. Первый предполагает соединение двух отдельных снимков с камеры, которые вместе дают действительно потрясающее изображение:
Второй метод позволяет воссоздать эффект всего из одного изображения. Что делает его особенно полезным для фотографий, которые не могут быть сняты с помощью стерео аппаратуры.
Создание анаглифа из двух фото
Метод двух изображений позволит нам понять теорию, которая лежит в основе стереоскопических изображений. Анаглифы создаются путем объединения двух изображений с разных углов (подобно тому, как работают наши глаза ). Попробуйте посмотреть на объект сначала одним, а затем другим глазом. Обратите внимание, как выглядит объект. Он перемещается, не так ли? Этот метод использует тот же принцип.
Сделайте пару снимков, сместив камеру на несколько дюймов в сторону или пройдя несколько шагов в сторону, если объект находится на далеком расстоянии:
Откройте оба снимка в Photoshop . Я взял два изображения с Shutterstock — это уже готовые для преобразования в стереопару фото. Скопируйте и вставьте фон одной фотографии в другую. Дважды кликните по фону, чтобы преобразовать его в обычный слой. Запомните, какое изображение является «левым », а какое «правым ». Назовите слои соответственно:
Дважды кликните по слою «левого » фото, чтобы открыть окно «Стили слоя ». Уберите флажок возле «Красного канала » и нажмите «ОК »:
Откройте окно «Стили слоя » для слоя «правого » изображения и уберите флажок возле «Зеленого» и «Синего » каналов. Вы сразу увидите проявившийся анаглифный эффект:
Выровняйте слои, ориентируясь на какой-нибудь объект на переднем или заднем плане. Это делается, чтобы уменьшить эффект раздвоения объектов:
Используйте инструмент «Кадрирование », чтобы обрезать ту область документа, в которой два слоя накладываются друг на друга:
Глубина сцены возникает автоматически вследствие сдвига между двумя изображениями. Вы не будете знать, какой получится эффект, пока не наложите оба снимка друг на друга.
Создание анаглифа из одного изображения
Анаглифы можно создавать и из одного изображения. Этот метод требует дополнительной обработки в Photoshop , но он дает больший контроль над конечным изображением. Для этого используется карта глубины Photoshop с фильтром «Смещение ». С его помощью мы можем сместить второе изображение и создать эффект 3D :
Откройте изображение в Photoshop . Сначала нам нужно создать карту глубины, которая использует черно-белые тона. С ее помощью мы определим, насколько нужно сместить каждую конкретную область изображения. Создайте новый слой, выделите длинную тонкую прямоугольную область и залейте ее черно-белым градиентом. Это будет наш образец диапазона тонов:
Мы начнем с выделения области, которая была расположена ближе всего к камере. Создайте новый слой и обведите все элементы на переднем плане с помощью инструмента «Магнитное лассо » (или «Перо »), затем залейте выделение белым цветом:
Выберите инструмент «Затемнитель », установите для «Диапазона » значение «Светлые тона » и уменьшите непрозрачность до 50%. Закрасьте область белой фигуры, которая расположена немного дальше от камеры, мягкой кистью, изменив, ее цвет на светло-серый. Такое изменение тона будет определять постепенное изменение глубины:
Создайте новый слой и поместите его ниже «белого» слоя. Создайте выделение вокруг элементов, которые находятся за объектами переднего плана. Возьмите серый фрагмент из середины образца градиента и залейте слой с постепенным переходом к более темным тонам:
Повторите тот же процесс для новых слоев. Создайте новые слои, перемещая их ниже предыдущего слоя, затем обведите и заполните элементы сцены тонами, соответствующими их глубине. Чем дальше расположен элемент, тем темнее будет его тон, что при просмотре в 3D-очках создаст стереоэффект:
Последний слой в самом низу палитры должен быть черным, так как он будет виден на дальних областях изображения:
Нажмите Ctrl+A , чтобы выбрать все, а затем Ctrl +Shift+C , чтобы скопировать объединенный слой. Вставьте (Ctrl +V ) объединенное изображение поверх всех слоев и примените к нему фильтр «Размытие по Гауссу », «Радиус » — 10 пикселей. Его действие сгладит жесткость краев после перемещения изображения:
Сохраните документ в формате .PSD и назовите файл «displace.psd «:
Затем снова откройте исходную фотографию и нажмите Ctrl +Shift+U , чтобы обесцветить ее. Это необязательный этап, но он придает анаглифному эффекту ретро стиль:
Нажмите Ctrl + J , чтобы продублировать слой, затем дважды кликните по фону, чтобы преобразовать его в обычный слой:
Дважды кликните на верхнем слое, чтобы открыть окно «Стили слоя ». Уберите флажок для «Красного канала » и нажмите «ОК »:
Откройте окно «Стили слоя » для нижнего слоя, и уберите флажки для зеленого и синего каналов.
Типографический 3D-эффект в Photoshop CC 2014
В этом уроке вы узнаете как экспериментировать с фигурами и опциями 3D в Adobe Photoshop CC 2014. Мы создадим простой типографический 3D эффект. Урок не займет у вас много времени, однако по результату этого не скажешь. После выполнения урока ваш арсенал техник пополнится еще одним методом, который вы сможете модифицировать и применять для создания других проектов.
Результат
Исходники
Шаг 1
Создайте документ размером 1360 x 1240 px и залейте фоновый слой цветом #fcfcfc.
Создайте ваш текст, используя все заглавные буквы и шрифт Titillium. Если вы используете больше одной строки текста, подгоните размер каждой строки и интерлиньяж.
В примере использован размер (Size) шрифта 467 и 360, и интерлиньяж (Leading) — 250.
Кликните правой кнопкой по слою с текстом и выберите Convert to Shape/Преобразовать в кривые. Теперь дублируйте слой с текстом и сделайте его невидимым, нажав на иконку глаза возле слоя.
Возьмите инструмент Ellipse/Эллипс, в панели настроек выберите тип Shape/Фигура, затем кликните по иконке Geometry Options/Геометрические настройки. И настройте параметры как показано ниже.
В панели настрое выберите режим Subtract Front Shape/Вычесть переднюю фигуру. Затем рисуйте поверх букв круги, как показано ниже.
Создайте новый слой и, не меняя инструмента, настройте геометрические параметры как показано ниже. На этот раз выберите режим Combine Shapes/Объединить фигуры. Рисуйте внутри созданных ранее кругов новые, совсем ненамного более мелкие. Чтобы увеличить точность создания фигур, увеличьте масштаб просмотра документа.
Шаг 2
После того как вы закончите, активируйте видимый слой с текстом и в меню выберите 3D > New 3D Extrusion from Selected Path/3D>Новая 3D-экструзия из выделенного контура. Это конвертирует слой в 3D-слой.
Чтобы получить доступ к необходимым настройкам, нам понадобится открыть две палитры: палитру 3D и палитру Properties/Свойства (оба можно открыть через меню Window/Окно).
Палитра 3D содержит все компоненты 3D-композиции, и когда вы кликните по любому из них, в палитре Properties/Свойства вы увидите их настройки. Убеждайтесь что вы выбираете нужный элемент в палитре 3D, прежде чем изменить его настройки в палитре Properties/Свойства.
В палитре 3D выберите 3D Mesh/3D сетка, затем в палитре Properties/Свойства измените его параметр Extrusion Depth/Глубина экструзии на 250.
Кликните по иконке Cap/Капитель в палитре Properties/Свойства, и настройте этот параметр как показано ниже.
Шаг 3
Выделите все материалы 3D Mesh/3D, затем кликните по иконке Diffuse/Диффузия в палитре Properties/Свойства и выберите Remove Texture/Удалить текстуру.
Измените остальные параметры как показано ниже. Цвета, использованные в формате RGB:
Diffuse/Диффузия: 231,231,231
Specular/Блик: 51,51,51
Illumination/Свечение: 0,0,0
Ambient/Освещение: 0,0,0
Создайте две копии 3D-слоя, который только что изменили.
Шаг 4
Выберите слой Ellipse 1 (тот, в котором мелкие круги), в меню выберите 3D > New 3D Extrusion from Selected Path/3D>Новая 3D-экструзия из выделенного контура… Смените для Сетки (Mesh) Extrusion Depth/Глубину экструзии на 1375.
Настройте параметры Cap/Капители как показано ниже.
Выделите все материалы (Material), удалите текстуру при помощи иконки Diffuse/Диффузии, затем укажите параметры, как показано ниже. Цвета:
Diffuse/Диффузия: 235,134,157 (но вы можете выбрать другой цвет)
Specular/Блик: 211,211,211
Illumination/Свечение: 0,0,0
Ambient/Освещение: 0,0,0
Низкий уровень Opacity/Непрозрачности может привести к длительному процессу рендеринга. Так что если вы хотите, чтобы рендер прошел быстро, оставьте непрозрачность на 100%.
Шаг 5
Сделайте видимым оригинальный слой с текстом. В меню выберите 3D > New 3D Extrusion from Selected Path/3D>Новая 3D-экструзия из выделенного контура. Смените глубину экструзии на 20.
Настройте параметры Cap/Капители как показано ниже.
Примените такой же материал, что был использован для кругов.
Шаг 6
Поместите оригинальный слой с текстом поверх остальных слоев, затем выделите все 3D-слои, которые у вас есть.
В меню выберите 3D > Merge 3D Layers/3D>Объединить 3D-слои.
Возьмите инструмент Move/Перемещение и обратите внимание на панель настроек. Вы увидите целый набор 3D-режимов для этого инструмента. Когда вы выбираете один из них, вы можете перемещать и изменять тот элемент, что выбран в палитре 3D.
Кликните вкладку Current View/Текущий вид в палитре 3D, чтобы изменить угол камеры.
Затем выделите все вкладки 3D mesh/3D сетки в палитре 3D, кликните по иконке Coordinates/Координаты в палитре Properties/Свойства, и смените X Rotation Angle/Угол поворота по оси X на 90. После этого в меню выберите 3D > Move Object to Ground Plane/3D > Переместить объект на плоскость_основания, чтобы убедиться что он не висит в воздухе.
Кликните по вкладке Current View/Текущий вид в палитре 3D и выберите Front/Спереди в меню View/Вид.
Если нужно, увеличьте масштаб просмотра, возьмите инструмент Move/Перемещение, и начните перемещать 3D сетки по вертикали так, как вам нравится. Кликните по сетке в 3D-композиции (или выберите ее имя в панели 3D) и используйте 3D Axis/3D-оси, чтобы внести изменения.
Стрелки на концах оси перемещают сетку, часть под ними используется для вращения, а кубики используются для масштабирования. Куб в центре используется для масштабирования объекта равномерно. Все, что вам нужно сделать, это кликнуть и потянуть нужную часть.
Возможно вам понадобится переключиться на вид Top/Сверху, чтобы проверить расположение ваших сеток.
Кликните вкладку Default Camera/Камера по умолчанию в палитре 3D когда закончите. Затем кликните вкладку Infinite Light 1/Бесконечный свет 1 и смените значение параметра Shadow Softness/Мягкость тени на 30%.
Инструментом Move/Перемещение выставите желаемый угол камеры и в меню выберите 3D > Render/3D > Рендер.
Рендеринг займет какое-то время, особенно, если вы используете прозрачные материалы. Но вы можете в любой момент остановить процесс, нажав Esc.
Когда рендеринг готов, кликните по иконке Add new fill or adjustment layer/Новый корректирующий слой или слой-заливка в палитре Layers/Слои и выберите корректирующий слой Brightness/Contrast / Яркость/Контрастность, затем измените значение параметра Contrast/Контраст на 15.
Вот и все!
Результат
Автор урока textuts
Перевод — Дежурка
Смотрите также:
Обзор бета-версии Adobe Photoshop CS6 / Хабр
Привет, Хаброжители.
Сегодня решил скачать новый фотошоп(CS6), и посмотреть, что и как с ним.
Весь мой обзор увидим дальше
Дизайн
Первым делом, когда я зашел в «новый фотошоп», я подумал, что я каким-то образом оказался в Adobe After Effects. Дизайном они и вправду очень похожи.
Новый инструмент обрезки
Теперь «кропом» мы можем повернуть сторону обрезания.
и получаем что-то такое
Добавляем видео и музыку
В новом фотошопе появилось «добавление видео и музыки» на таймлайн (всё больше и больше смахивает на Adobe After Effects)
При этом, можно добавлять не одну песню, а несколько.
Сделавши щелчок по значку на треке, можно вызвать видео.
Также возможно менять скорость воспроизведения видео.
На закладке «Аудио», можно менять громкость звука, скорость и несколько остальных функций
Также есть «разрезка видео», где можно выделить видео, и нажать
Split Layer, только надо нажимать на кнопку там, где находится индикатор, иначе обрежется часть, которая Вам необходима.
Стандартно в «Анимации» не включены «Комментарии» и «Глобальное освещение»
А включаются они легко.
Show -> Commentsилли
Show -> Global Lighting TrackМожно добавлять новые видео на «Видео дорожку»
К слову, «Градиент» тоже обновился
Фотографам будет полезна расширенная возможность работы с HDR фотографиями. Разработчики неплохо потрудились на этот счет. Впрочем, так же как и над 3D. К сожалению сам с 3D объектами в фотошопе не работал, поэтому конкретных изменений не скажу, но их заметно много.
Также в CS6 добавили стили текста, качественное сглаживание, фильтр в окне слоев.
Новая 3D вкладка
Рядом со «слоями» оказалась новая вкладка — «3D»
Еще одна новая функция — Remix tool
С помощью Remix Tool можно перемещать на новое место целые области изображения. Работает она в двух функциях: Move(передвижение) и Extand(Расширение).
Работает предельно просто: Move — передвигает выделенную область, а Extand — перемещает область с копированием.
Создание фигур за своими данными
Также можно, как в Illustrator задавать свои размеры фигуре, если Вы точно знаете, какая по размерам должна быть фигура. Для этого нажимаем на слое «U», Вас выведет к «Rectangle tool», нажмите левой кнопкой мыши на слой, и вылезет такое окошко.
Довольно удобно, кстати, так можно делать не только с «прямоугольником».
Новые инструменты размытия
На картинке видим такие новые инструменты — как
Field blur(Поле размытия),
Iris blur(Радужное размытие),
Tilt-Shift(Наклон и сдвиг).
В самом конце есть видео, что описывает новые функции. (Sneak Peek), их там несколько.
К сожалению, могу описать только одну функцию.
Iris Blur
создает фото эффект фокусировки. Чтобы создать такой эффект в прежних версиях фотошопа вам понадобились бы несколько слоев, градиентная маска и сильное размытие. Фильтр позволит быстро добавлять размытие на изображение. Особенно инструмент понравится фотографам, которые желают добиться эффекта с малой глубиной резкости.
Автосохранение
«Новый фотошоп» может автосохранять вашу работу. Если фотошоп выключился, а Вы не успели сохраниться, или же свет выключился ( не будем углубляться в варианты, впрочем смысл ясен ). По стандарту стоит, что автосохраняется каждые 10 минут. Все Ваши действия автосохранятся. Действительно важная вещь.
Сортировка слоёв
Появилась «Сортировка слоёв», и теперь она выглядит так:
Kind
— Вид;
Name— Имя;
Effect— Эффект;
Mode— Режим;
Attribute— Атрибут;
Color— Цвет. (Весь старый список выбора цвета слоя)
Также теперь каждый слой можно отметить своим цветом, выбравши в сортировке «Color».
А если выберем в сортировке «Effect», выдадутся привычные функции, когда раньше надо было кликнуть на слой пару кликами, и настраивать эффекты, так теперь можно делать это прямо с «Панели сортировки».
На таймлайне, кстати, тоже можно менять цвет. Всё той же функцией.
Когда выберем «Name», мы сможем искать слой, введя ключевые буквы. Довольно упрощает работу со слоями.
Сравнение окон «Image» с CS3
Видим, что некоторые функции добавились.
И кстати, как видим, по сравнению с CS3 добавился селект «Type».
Отдельно, от Adobe
Adobe работает над несколькими прототипами функций, которые возможно появятся в новой версии. Одной из таких функций является коррекция размытой фотографии. Она позволяет восстановить четкость размытой фотографии. Используя сложный алгоритм, который анализирует фотографию и создает так называемое »ядро размытости». Это ядро содержит информацию о траектории движения камеры во время съемки и благодаря сложным алгоритмам вычисления позволяет восстановить кадр:
С нетерпением жду эту функцию.
К слову, эффекты и clipping mask теперь можно применять на группы.
Когда же выйдет полная версия?
По слухам, в мае 2012
Ожидаем.
Остальные видео по новому фотошопу
Вот и всё… Пока что
Если Вам понравился Adobe Photoshop CS6 — то Вы можете скачать бета-версию
тутВсем спасибо, за то что прочитали мой обзор на тему новенького, классного фотошопа.
Как видим — Adobe не стоят на месте и делают свои продукты более усовершенствование, что радует клиентов.
Ждем в мае полную версию, и надеемся, что его сделают еще круче.
Всем удачи!
Анимация в фотошопе CS6 — Arttopia.Уникальные уроки рисования и дизайна в Adobe Photoshop
В этой статье я расскажу о том, что такое анимация в фотошопе. Мы с вами посмотрим, как работает анимация в фотошопе на примере создания новогоднего баннера.
Я буду работать в Adobe Photoshop CS6. Интерфейс у меня русский, поскольку я пишу с работы.
Дома у меня стоит английская версия, и вам я советую учиться на английской версии, вот почему:
- Вы легко сможете ориентироваться в программе на любом языке (после английского на русском вы легко сможете находить инструменты, ведь это ваш родной язык, а после русской могут возникнуть проблемы с адаптацией).
- Большинство хороших уроков написаны именно на английском.
- Локализации программы часто отличаются друг от друга, качество перевода интерфейса иногда оставляет желать лучшего. Некорректный перевод инструментов может запутать начинающего изучать программу человека.
Приступаем к созданию анимации в фотошопе CS6
Запускаем фотошоп.
Создаем новый документ File -New (Ctrl+N).
В открывшемся окне задаем размеры баннера: 600 х 120, назовем его «Новогодний баннер» -> «Ок».
Создаем фон
Я заранее подбираю материалы, которые буду использовать в работе(фоны, шрифты и т.п.).
Открываем подготовленную текстуру: Ctrl+O. Скачать используемую мной текстуру вы можете здесь.
Открываем палитру слоев «Layers» — F7.
Выделяем окно с текстурой, перетаскиваем слой из палитры слоев на слой с баннером.
Если текстура оказалась слишком маленькой или очень большой по сравнению с баннером, откорректируйте ее размер при помощи трансформации «Ctrl+T».
В уголках изображения появятся маленькие квадратные маркеры. Зажмите Shift, чтобы сохранить пропорции сторон при изменении размера, потяните за угловой маркер по диагонали, уменьшая или увеличивая размер изображения, пока фоном не будет заполнена вся поверхность баннера.
После того, как подогнали текстуру по размеру баннера, переходим к ее цветокоррекции.
Заходим в меню «Image» — «Adjustsments» — «Hue/Saturation» (Изображение — Коррекция — Цветовой тон/Насыщенность).
Я выставила такие настройки, чтобы добиться яркого, насыщенного цвета:
Пишем текст
Создаем новый слой (Ctrl+Shift+N) либо щелкаем по иконке нового слоя в палитре слоев.
Выбираем инструмент «Horizontal Type Tool» (T).
Выбираем шрифт. Я выбрала Lobster (нажмите, чтобы скачать). Как добавить шрифт в фотошоп. Пишем любой текст. Я выбрала размер шрифта 72pt.
Я немного разрядила текст, в окне «Character»(Символ), установив значение +25.
Открыть эту панель вы можете из меню «Type» — «Panels» — «Character panel» («Шрифт» — «Панели» — «Панель символов»).
Добавляем блеск тексту
Создаем новый слой (Ctrl+Shift+N).
Выбираем инструмент Brush Tool (B).
Загружаем и устанавливаем кисти со звездочками. Как установить кисти читайте здесь.
Выбираем кисть с любой звездой, рисовать будет белым цветом #ffffff. Чтобы выбрать цвет щелкните на маленьком квадратике внизу в левой панели.
На новом слое рисуем звездочки в произвольных местах. Чтобы звезды получились поярче, кликаем по несколько раз в одном месте. Вот что получилось у меня:
Делаем дубликат слоя (Ctrl+J). Щелкаем на иконку глаза в палитре слоев, чтобы скрыть видимость предыдущего слоя.
Выделите верхний слой с копией звезд. На панели слева выберите инструмент «Lasso Tool(L)».
Выделяем каждую звезду по очереди, нажимаем «V»(инструмент Move Tool) и переносим на любое другое место, таким образом у нас в разных кадрах звездочки будут на разных местах, благодаря чему создастся эффект мерцания.
После того, как передвинете все звезды на другое место, создайте дубликат слоя, на котором работали (Ctrl+J), скройте предыдущий слой в палитре слоев, щелкнув на глазик, и снова повторите операцию по перемещению звезд на новые места, вы также можете дорисовать несколько новых звезд.
Таким образом, у нас получится 3 слоя со звездами, в каждом из которых звезды будут находиться на разных позициях.
Все готово.
Переходим к созданию анимации в фотошопе
Открываем временную шкалу. Заходим в меню «Window» — «Timeline» (Окно — Шкала времени).
В появившейся панели шкала времени находим кнопку посередине «Create Video Timeline» (Создать временную шкалу для видео).
После этого шкала изменит вид. Теперь тыкаем в левый нижний угол окна по иконке с тремя квадратиками, чтобы создать в покадровую анимацию.
У нас открылась панель покадровой анимации. Сейчас в ней только один кадр, в котором показаны все видимые слои (содержание выделенного кадра показывается в основном окне на мониторе).
Переходим в палитру слоев — F7. Нам необходимо сейчас отключить два верхних слоя со звездами(щелкните по глазу), оставив видимым только один. Это будет первым кадром.
Далее создаем второй кадр, щелкнув на соответствующем значке внизу временной шкалы.
Перейдите в палитру слоев. Отключите первый слой со звездами, включите второй. Таким образом, во втором кадре у нас будут показываться звезды уже в других местах.
Опять кликаем на значок нового кадра. Выключаем второй слой со звездами, включаем третий.
Обратите внимание на время под каждым кадром, это продолжительность показа кадра. 5 сек, которые стоят по умолчанию, для нас очень много — анимация будет тормозить, щелкнем на стрелочку и установим длительность каждого кадра по 0,1 сек.
Для того, чтобы кадры менялись плавно нам нужно создать промежуточные кадры между ключевыми. Для этого, находясь на первом кадре, щелкаем на значок с несколькими кружками внизу на временной панели.
В появившемся окне указываем сколько промежуточных кадров мы хотим создать. Я поставлю 2. Для всех кадров, кроме последнего, ставим «Следующий кадр».
Между первым и вторым ключевыми кадрами у вас появилось 2 промежуточных.
Теперь встаем на 2ой ключевой кадр( теперь он 4ый по счету), опять нажимаем на значок с кружками и создаем еще 2 промежуточных кадра. Теперь нам осталось замкнуть последний и первый кадр для получения плавной анимации.
Выделяем последний кадр в шкале времени. Нажимаем на кружки. В появившемся окне, в строке «Промежуточные кадры» выбираем «Первый кадр», кадров добавляем все так же 2.
Теперь под кадрами внизу слева указываем количество повторов воспроизведения анимации «Постоянно».
Выделяем первый кадр, нажимаем треугольничек вправо «Play», чтобы посмотреть что получилось.
Чтобы сохранить анимацию, созданную в фотошопе, заходим в меню «File» — «Save For Web & Devices» («Файл» — «Сохранить для Web»).
Выбираем формат файла для сохранения GIF, нажимаем «Сохранить…», выбираем директорию, куда будем сохранять, жмем опять «Сохранить».
Готово!
Итак, в этом уроке мы посмотрели как сделать анимацию в фотошопе CS6.
Надеюсь, вы узнали что-то новое и полезное из этого урока.
Photoshop CS6 3D Free Text Effect Tutorials Roundup
Создание потрясающих 3D-текстовых эффектов — одна из многих вещей, которые можно сделать с помощью всех доступных 3D-инструментов и настроек в (относительно) новой 3D-среде Photoshop CS6.
Интеграция этих возможностей 3D и других элементов Photoshop делает весь процесс более эффективным и увлекательным, а также позволяет получать отточенные и высококачественные результаты.
Итак, вот обзор лучших бесплатных письменных и видеоуроков по 3D-текстовым эффектам.
Эти руководства, взятые с разных веб-сайтов, а также несколько из наших собственных, различаются по концепциям, которые они охватывают. Но от использования простого текста и основных вытяжек до использования форм и расширенного текстурирования — они являются отличным способом помочь вам начать работу и лучше понять, что можно делать с текстом в среде CS6 3D.
Письменные учебные пособия
1- Создание 3D-шрифта с помощью Photoshop CS6
2- Создание вдохновляющего трехмерного золотого текста с помощью Photoshop Extended
3- 3D эффект жирного текста в Photoshop CS6
4- Игра с 3D в Photoshop CS6
5- Создайте эффект трехмерного текста на осеннюю тему с помощью Photoshop CS6 Extended
6- Составьте настоящий 3D-текст в сцене с помощью Photoshop CS6
7- Создайте эффект светящегося 3D-текста с помощью Filter Forge и Photoshop
8- Эффект винтажного 3D-текста в Photoshop CS6
9- 3D текстовый эффект небоскреба — обновлено для Photoshop CS6
10- Эффект устаревшего текста 3D TRON в Photoshop CS6
11- Простой 3D эффект акрилового текста в Photoshop CS6
12- Создание анимации логотипа Syfy в Photoshop CS6
13- Создание 3D-текста из резины и стекла в Photoshop CS6
14- Старые вывески в Photoshop 3D
15- Королевский трехмерный текстовый эффект в Photoshop CS6
Видеоуроки
16- Профессиональный 3D-текст в Photoshop CS6 Extended и Photoshop CC
17- Chrome 3D-текст с использованием источников света на основе изображений в Photoshop CS6
18- 3D пузырьковый текст в Photoshop CS6 Extended +
19- 3D-текст в Photoshop CS6 и CC Учебное пособие
20- Стильный эффект трехмерного текста | Photoshop CS6 расширенный
21- Как сделать заказную карточку с названием фильма FILM NOIR
22- Смешивание 3D-фигур и букв в Photoshop CS6 Extended
23- Как сделать так, чтобы трехмерный текст выступал из массивной каменной стены с драматическим освещением.
Многие техники и полезные советы обсуждаются в каждом из этих руководств. Надеюсь, этот список дал вам лучшее представление о том, что можно создать в 3D-среде Photoshop CS6, и побудил вас проверить это и создать свои собственные 3D-части 😉
** Этот список будет обновлен и повторно опубликован в конце этого года с любыми новыми учебными пособиями. Пожалуйста, не стесняйтесь присылать нам любые предложения через нашу контактную форму.
Как использовать 3D в Photoshop, Ultimate Tutorial
Узнайте, как использовать 3D в Photoshop CC.В этом уроке Photoshop 3D показано, как использовать все инструменты 3D в Photoshop. Photoshop особенно хорош в текстурировании и освещении. Чтобы добиться хороших результатов, важно следовать 3D-конвейеру. Это тот же рабочий процесс, который используется для визуальных эффектов, которые вы видите в фильмах и печатных рекламных роликах. Очевидно, что для фильмов используются более сложные инструменты, такие как Maya или 3D Studio для игр. В Photoshop есть удивительное количество инструментов, которые позволяют нам делать довольно приличную работу в 3D. Его слабость — отсутствие инструментов моделирования и очень медленный рендеринг.Photoshop отлично подходит для наложения трехмерных изображений на фотографии, и, возможно, я расскажу об этом в другом уроке. Этот урок покажет вам рабочий процесс и объяснит, как работает 3D, а также инструменты Photoshop, с моими обычными советами.
Я предлагаю вам посмотреть видео, потому что в нем много информации, и на ее написание уйдет слишком много времени.
Попробуйте посмотреть видео целиком, чтобы ничего не пропустить, но вот указатель для вас: — Геометрия, 3D модели 1:10 — Поверхности, текстуры и материалы 9:56 — Освещение в 3D 17: 24 — Рендеринг 24:15 — Анимация 26:26
Вот некоторые из трехмерных изображений, которые я создал в Maya.
Это изображение, которое я создал полностью в Photoshop. Ручки и линейка были смоделированы в Photoshop с использованием основных форм и контуров. Я использовал прозрачность и диффузию для создания отметок на линейке, и вы можете видеть, что трассировщик лучей Photoshop неплохо справляется с рендерингом теней и отражений.
И еще пара, где я использовал Photoshop 3D для совмещения 3D с фотографиями.
3D конвейер
Рабочий процесс 3D разбит на несколько этапов.Каждый этап должен быть завершен, прежде чем переходить к следующему для успешного 3D-изображения.
- Моделирование: Создайте или импортируйте 3D-модель, также называемую сеткой или геометрией.
- Текстурирование: Здесь вы добавляете цвет, текстуру и свойства поверхности, такие как прозрачность, отражательная способность и т. Д.
- Освещение: Не следует упускать из виду, добавление реалистичного освещения может создать или разрушить трехмерную сцену. Мой инструктор по визуальным эффектам говорил, что хорошо освещенная сцена со средней моделью лучше, чем отличная модель с плохим освещением.
- (Необязательно) Анимация: Здесь вы перемещаете сцену, объекты или части объектов. Это тоже можно сделать в фотошопе. Очевидно, что не каждый 3D-проект будет включать анимацию.
- Рендеринг: Здесь компьютер создает окончательные кадры изображения высокого качества, добавляет отражения и т. Д. Это трудоемкая задача, поэтому я предлагаю делать длинные рендеры в конце дня или в ночное время.
3D в Photoshop
Хорошо, приступим.Следуйте дальше, все, что вам нужно, есть в Photoshop CC, и это также будет работать в CS6 Extended, хотя некоторые вещи могли измениться. В CS5 все по-другому.
Шаг 1. 3D Mesh
Создайте новый документ. Я выбрал для себя 16 × 9 при разрешении 1920 × 1080 (HD)
Нам нужна модель, которая называется сетка в Photoshop. Вы можете импортировать его, если хотите. Вы можете найти 3D-модели в таких местах, как турбо-кальмар, рендеринг, Google 3D-хранилище, Adobe Stock и т. Д. Мы будем использовать одну из форм, встроенных в Photoshop.
3D> New Mesh From Layer> Mesh Preset> Wine Bottle
Вы увидите промо для переключения в рабочее пространство 3D, сделайте это. Вы получите 3D-панель, панель свойств и окно просмотра.
Вот трехмерное рабочее пространство с трехмерной моделью
В левом нижнем углу вы увидите несколько стрелок и инструментов. Вы можете использовать их для перемещения в 3D. Прямо сейчас вы находитесь в мировоззрении, и это как летать через сцену на дроне, но вы дрон.
Выберите инструмент поворота, чтобы вращать сцену.
Вы можете уменьшить масштаб сцены с помощью инструмента тележки.
В левом верхнем углу находится окно просмотра, которое в Photoshop называется вторичным видом. Вид> Показать> Дополнительный вид
Здесь вы можете просмотреть модель под разными углами. Чтобы получить точное размещение чего-либо, вам нужно посмотреть на вид сверху и один из видов сбоку.
Выберите представление из списка
Щелкните стрелку, чтобы поменять местами правильный вид на вид на дополнительном виде.Вот как вы меняете виды (в 3D эти виды называются камерами).
Это была среда, мир или сцена. Причина, по которой я даю несколько имен, заключается в том, что все эти функции являются общими для всех 3D-пакетов, а некоторые используют разные имена. Популярные из них — Maya, 3D Studio Max, SoftImage, Cinema 4D, Strata, Rhino, Blender, sketchup и другие.
Теперь давайте посмотрим на управление объектом или моделью. Панель 3D — это то место, где вы выбираете разные вещи. Если вы выберете модель, все инструменты-модификаторы будут работать с моделью, а не со всей сценой.Выберите ту часть, с которой вы хотите работать на панели 3D.
Здесь мы выбрали бутылку вина на 3D панели.
Выберите инструмент перемещения, и вверху вы увидите несколько трехмерных инструментов. Мы сосредоточимся на орбите, панорамировании и масштабировании.
Орбита, позволяет вращать трехмерную модель.
Выбор инструмента панорамирования позволяет нам перемещать модель в трехмерном пространстве.
Инструмент масштабирования используется для изменения размера объекта.
Есть 3 оси в 3D (3 измерения). Это
- Ось Y: вверх и вниз
- Ось X: из стороны в сторону
- Ось Z: (Глубина) ближе или дальше от вас.
Все делается на этих трех осях или плоскостях.
Существует 3D-инструмент, который вы можете использовать в Photoshop для преобразования по одной оси за раз, не переключая инструменты вверху.
Здесь я использую инструмент для преобразования бутылки.
Чтобы все сбросить, щелкните закругленные стрелки в нижней части панели свойств.Убедитесь, что ваш объект выбран и вы используете вторую опцию в Свойствах.
Вы можете выбирать различные части модели (если они есть) и управлять ими по отдельности.
Это основы создания сеток (да, есть инструменты для построения, изгиба и других операций с ними (но это не учебник по моделированию).
Часть 2: Текстуры
Теперь мы собираемся для просмотра текстур, также известных как Материалы
Выберите вкладку «Материалы» на панели 3D, чтобы просмотреть все материалы.Панель «Свойства» отобразит все свойства материала выбранного объекта.
Здесь много разных вариантов.
- Diffuse: плоский цвет или узор
- Specular: Горячие точки, чтобы предметы выглядели блестящими
- Illumination: Glow
- Ambient: добавляет общий оттенок
- Shine: Делает объект глянцевым или плоским
- Reflection: Отражает предметы как зеркало
- Шероховатость: гладкая или шероховатая поверхность
- Рельеф: тиснение
- Непрозрачность: прозрачность
- Преломление: искажается за прозрачностью, как линза
Когда вы видите папку, можно использовать изображение.
Свойства стекла.
Вы также можете выбрать готовый материал. Photoshop поставляется с некоторыми, которые имитируют такие вещи, как стекло, металл, дерево и т. Д.
Чтобы применить, просто выберите свой объект, а затем выберите материал.
Здесь я использовал пробковый материал.
Под диффузным. вы можете щелкнуть образец и добавить цвет.
Вы также можете использовать изображение в качестве текстуры.
Щелкните папку и выберите «Редактировать текстуру», если она уже существует.(В противном случае используйте новую текстуру).
В Photoshop откроется новый документ.
Работайте здесь так же, как и с любым изображением в Photoshop, вы можете использовать фотографии, рисунки, текст, что угодно.
Для простоты сделаем черную этикетку с белыми буквами, на которой написано «Этикетка». Я знаю, насколько оригинальна.
Сохраните и закройте окно.
Обратите внимание, что материал этикетки теперь обновлен в соответствии с нашим дизайном.
Вы можете изменить размер и расположение метки, выбрав папку рядом с диффузным на панели свойств.Выберите редактировать свойства UV.
вы увидите 6 ползунков, которые позволяют перемещать и масштабировать текстуру так, чтобы она соответствовала вашему вкусу.
И это основы материалов.
Шаг 3. Освещение
Я надеюсь, что этот урок пока помогает, и вы начинаете понимать все, что можно делать в Photoshop. Мы создали нашу сцену, пора осветить и отрендерить ее. (к анимации мы перейдем в конце).
Выберите вкладку освещения на панели 3D.
Вы увидите свет. Вы можете перетащить виджет, чтобы изменить положение источника света.
Чтобы создать источник света, перейдите на панель 3D и выберите источник света внизу. Будет создан новый свет.
В фотошопе 3 типа источников света.
- Точка: как лампочка, всенаправленная.
- Пятно: луч света, освещающий только спереди
- Бесконечный: однонаправленный свет, например солнце
яркость (интенсивность).
Вы также можете добавить или удалить тень и контролировать ее мягкость. (для рендеринга мягкой тени потребуется намного больше времени, чем для тени с жесткими краями).
Размещение источников света
При размещении источников света рекомендуется использовать вид сверху вниз (на вторичной панели просмотра) для размещения источника света, поскольку невозможно определить истинное положение в перспективном виде .
После того, как вы разместили фонарь, измените его высоту, используя вид сбоку или спереди.
Давайте добавим точечный свет. Этот тип света имеет больше возможностей, поэтому он будет полезен вам, чтобы мы его рассмотрели.
Выбрать. новый прожектор из 3D панели.
Вы можете расположить свет с помощью инструментов манипуляции. Они работают так же, как и для других объектов, таких как модели.
Вот несколько советов, которые помогут вам расположить луч света.
При выбранном свете: Удерживая нажатой клавишу alt / Option, щелкните свой объект.Это направит свет на то место, где вы щелкнете.
Удерживая нажатой клавишу Shift, перетащите тень, чтобы изменить положение источника света. Есть и другие советы в видео вверху страницы.
Также имеется манипулятор для света. Нажмите на маленький белый кружок со световым символом, чтобы активировать его.
После того, как вы разместили источник света, вы можете отрегулировать интенсивность и даже добавить цвет, который вам нравится.
Вы увидите 2 кольца вокруг света.
- Конус: внешнее кольцо
- Горячая точка: внутреннее кольцо
Регулируя эти кольца, вы можете придать лучу света жесткую или мягкую кромку. Чем больше зазор между кольцами, тем более мягкий край света.
Шаг 4 Рендеринг
Теперь мы подошли к заключительному этапу, если вы не делаете анимацию, тогда вы должны сначала сделать анимацию, а затем вернуться к этому шагу.
Даже если вы собираетесь анимировать, лучше сначала отрендерить один кадр, чтобы убедиться, что все выглядит правильно.
Мы работаем с 3D в черновом разрешении для повышения производительности. При рендеринге Photoshop использует трассировку лучей для построения изображения и добавления всех отражений и других полезных свойств.
Вот изображение до рендеринга.
Здесь вы можете увидеть финальную визуализированную сцену. Обратите внимание, что прозрачность, отражение, тень и преломление выглядят намного лучше при визуализации сцены.
Для рендеринга нажмите кнопку рендеринга в нижней части панели 3D.Сочетание клавиш Shift + Alt + Ctrl + R (Shift + Option + Cmd + R на Mac) тоже отлично подойдет.
Вы можете сэкономить время, проверяя отдельные части изображения. Если вы используете инструмент выделения, чтобы сделать выделение, Photoshop выполнит рендеринг только внутри этого выделения.
Настройки рендеринга.
На момент написания этой статьи файлы справки в Photoshop устарели для настроек рендеринга, поэтому это самая последняя доступная информация.
На панели 3D нажмите «Сцена», чтобы отобразить параметры рендеринга в свойствах.
Вы увидите раскрывающийся список предустановок.
По умолчанию — трассировка лучей, и есть много других опций, которые делают разные вещи, которые вы можете попробовать, если хотите.
Чтобы изменить другие параметры рендеринга, выберите «Среда» на панели «3D». Вы получите IBL (Освещение на основе изображения) среди других предпочтений.
Здесь вы управляете глобальными тенями и земной поверхностью.
Photoshop> Настройки> 3D — это то место, где вы можете изменить качество теней и трассировки лучей.
5. 3D-анимация
Теперь пора сдвинуть дело с мертвой точки. У меня есть несколько других руководств, в которых я показываю вам анимацию в Photoshop, например текст из «Звездных войн», вращающийся куб или видеоурок.
Выберите окно> Временная шкала
Нажмите кнопку в середине временной шкалы, чтобы создать временную шкалу.
Вы увидите список всех свойств вашего 3D-изображения. Любое свойство, рядом с которым есть секундомер, можно анимировать.
Прокрутите вниз до сетки и откройте ее.
Начнем с анимации верхней части бутылки.
Выберите сетку для крышки бутылки. Щелкните секундомер, чтобы установить начальный ключевой кадр. (Анимация будет создана между двумя ключевыми кадрами).
Перетащите курсор воспроизведения вперед во времени.
Сдвиньте горлышко бутылки вверх, щелкнув стрелку оси Y (показанную ранее в этом руководстве, или посмотрите видео, чтобы действительно увидеть ее в движении. Раздел анимации начинается в 26:26).
Когда вы отпустите кнопку мыши, будет создан новый ключевой кадр.
Нажмите кнопку воспроизведения или нажмите клавишу пробела, чтобы просмотреть анимацию.
Давайте добавим вторую анимацию падения бутылки.
Прямо сейчас нам нужно совместить бутылку и этикетку, чтобы они двигались вместе.
Выберите бутылку и этикетку на панели 3D. Нажмите на бутылку. Удерживая Shift, нажмите на ярлык на панели.
Щелкните правой кнопкой мыши и выберите «Группировать объекты».
Группа будет называться Новая группа.Найдите это на временной шкале.
Переместите указатель воспроизведения в начальную позицию и щелкните секундомер рядом с новой группой.
Переместите указатель воспроизведения в конечную позицию.
Используйте инструмент поворота, чтобы повернуть бутылку. Будет создан ключевой кадр.
Нажмите пробел, чтобы просмотреть воспроизведение.
Когда вы хотите визуализировать анимацию, вы будете делать это иначе, чем кнопка визуализации.
Выберите «Файл»> «Экспорт»> «Визуализировать видео».
Выберите для экспорта последовательность изображений или видео.
Выберите формат H.264, предустановки будут работать очень хорошо, Current Settings High Quality даст видео хорошего качества.
Выберите качество 3D. Перед тем как нажать кнопку рендеринга, убедитесь, что компьютер вам некоторое время не нужен. Хороший вариант — оставить его на ночь перед сном, так как это займет много времени.
Хорошо! Теперь у вас достаточно знаний о 3D в Photoshop, чтобы заняться творчеством. Удачи!
Спасибо за просмотр этого урока, здесь, в PhotoshopCAFE, есть много других замечательных руководств.
Спасибо,
Колин
PS Не забудьте присоединиться к нашему списку рассылки и подписаться на меня в социальных сетях>
(в последнее время я публиковал забавные истории в Instagram и Facebook)
Вы можете получить мой бесплатный слой Электронная книга о режимах наложения здесь
3D Кубы Учебное пособие по Photoshop — PhotoshopCAFE
Если вы ищете навыки, которые помогут вам в создании кубов, понимании градиентов и т. Д., Этот учебник идеально подходит для вас. Однако, если вы хотите создавать кубики 3D-фотографий, я написал новое руководство, в котором вы можете использовать функции 3D в Photoshop, чтобы сделать этот эффект намного быстрее.
В противном случае читайте дальше!
Шаг 1
Начните с квадрата. Здесь я создал новый документ 300X300, создал новый слой и залил его градиентом.
Шаг 2
Нажмите Crtl / Cmd + T, чтобы войти в режим свободного преобразования.
Щелкните правой кнопкой мыши / щелкните Cmd… когда появится раскрывающееся меню, выберите SKEW
Щелкните на правом среднем квадрате и перетащите его вверх, пока не получите желаемый угол. Нажмите Enter / return, чтобы применить преобразование.
Шаг 3
Дублируйте слой
Шаг 4
Снова введите свободное преобразование (Ctrl / Cmd + t) Щелкните правой кнопкой мыши и на этот раз выберите ПОВОРОТ ПО ГОРИЗОНТАЛИ.
Перетащите копию влево. Удерживайте нажатой клавишу Shift, чтобы базовые линии были выровнены.
Вы также можете сделать эту сторону немного тоньше, щелкнув левый средний квадрат (узел) и немного перетащив его.
Шаг 5
Создайте новый слой, нарисуйте еще один квадрат и залейте его тем же градиентом, на этот раз сделайте самый светлый цвет в нижнем левом углу.
Шаг 6
На этот раз в режиме свободного преобразования… щелкнув правой кнопкой мыши / щелкнув Cmd, выберите DISTORT
перетащите каждый угол, пока не получите хорошее совпадение. Убедитесь, что углы плотно прилегают друг к другу. Чтобы освоить этот шаг, потребуется немного практики.
Шаг 7
Наконец, выберите вершину куба.
Изображение> настроить> УРОВНИ сдвиньте средний треугольник вправо, чтобы затемнить средние тона. Повторите то же самое для левой стороны. Этот шаг добавляет кубу более реалистичное освещение.
Step 8
Ta-da Полный куб. Не ограничивайтесь кубиками. Вы можете использовать этот эффект для любых форм. Вы даже можете построить куб из картинок. Просто используйте изображения вместо градиентов.
Будьте в курсе!
CS6 Superguide
Присоединяйтесь к нашему списку, чтобы получать больше уроков и советов по Photoshop. Получите эксклюзивные учебные пособия, скидки и бесплатные супер-руководства. Никакого спама, весь контент, не чаще одного раза в неделю.
Если вы внесены в наш список, вы получите его бесплатно по электронной почте, как только он станет доступен.Если нет, зарегистрируйтесь сейчас и получите CS6 Superguide бесплатно. Или щелкните изображение ниже.
Создание эффекта гладкого металлического 3D-текста в Photoshop CS6
3D-среда в Photoshop CS6 + предоставляет множество опций и настроек, которые помогут вам легко создавать потрясающие текстовые эффекты 3D. Из этого туториала Вы узнаете, как поиграть с различными настройками, чтобы создать простой, но сложный металлический текстовый эффект.
Окончательное изображение
Подробности руководства
- Программа: Adobe Photoshop CS6 Extended
- Примерное время выполнения: 45 минут
- Сложность: Начинающий
Ресурсы
Шаг 1
Создайте новый документ размером 1000 × 1000 пикселей.Установите цвет переднего плана на # 444343, а цвет фона на # 1c1c1c. Выберите инструмент «Градиент», выберите градиентную заливку от переднего плана к фону и щелкните значок радиального градиента.
Затем щелкните и перетащите из центра документа в один из углов, чтобы создать фоновый градиент.
Создайте текст цвета #cccccc. Используемый шрифт — Sail, размер — 330 pt.
Перейдите в меню «3D»> «Новая 3D-экструзия из выбранного слоя».Это преобразует текстовый слой в 3D-слой.
Самое замечательное в этом то, что трехмерную текстовую сетку можно будет редактировать. Мы вернемся к этому позже в руководстве.
Шаг 2
Чтобы получить доступ к настройкам и свойствам 3D-сетки, вам нужно открыть две панели: 3D-панель и панель «Свойства» (обе находятся в меню «Окно»).
3D-панель содержит все компоненты 3D-сцены, и если вы нажмете на название любого из них, вы сможете получить доступ к его настройкам на панели «Свойства».Поэтому убедитесь, что вы всегда выбираете имя элемента, который хотите изменить, на панели 3D, прежде чем изменять его настройки на панели свойств.
Выберите инструмент «Перемещение» и проверьте его панель параметров. Вы найдете набор 3D-режимов для инструмента справа от панели. Когда вы выбираете один из них, вы можете затем щелкнуть и перетащить, чтобы внести какие-либо изменения (на выбранном элементе на панели 3D).
Шаг 3
Выберите вкладку имени текстовой сетки на панели 3D, затем на панели «Свойства» измените «Сопоставление текстуры» на «Плитка» и для параметра «Глубина выдавливания» на 500.
Щелкните значок крышки в верхней части панели свойств, затем измените ширину скоса на 10, контур на полукруглый, угол накачки на 90 и прочность на 2. Это поможет немного увеличить текст и также создайте простую обводку.
Щелкните значок «Координаты» и измените угол поворота X на 90. Это сделает текст перпендикулярным плоскости земли.
Перейдите в меню 3D> Привязать объект к плоскости земли, чтобы убедиться, что текст не находится внутри плоскости земли и не парит над ней.
Затем выберите вкладку «Текущий вид» на панели 3D и используйте различные режимы 3D инструмента «Перемещение», чтобы переместить камеру так, чтобы она указывала на текст сверху.
Вы также можете использовать 3D-ось для перемещения текста, если это необходимо (с выбранным инструментом «Перемещение»). Стрелки на концах 3D-оси перемещают сетку, часть под ними используется для вращения, а кубы используются для масштабирования. Куб в центре используется для равномерного масштабирования объекта. Все, что вам нужно сделать, это щелкнуть и перетащить ту часть, которая вам нужна, чтобы внести изменения.
Шаг 4
Если в какой-то момент вам потребуется изменить или изменить текст, вы можете просто щелкнуть вкладку его имени на панели 3D и нажать кнопку «Изменить источник» на панели «Свойства».
Откроется документ с текстовым слоем, после чего вы сможете вносить в текст любые изменения.
Здесь размер шрифта изменен на 392,5 pt. Иногда, когда вы меняете сам текст или значение его размера, он может выходить за границы документа.
Чтобы исправить эту проблему, примите внесенные изменения, затем перейдите в меню «Изображение»> «Показать все».
По завершении сохраните документ (Файл> Сохранить), затем закройте его (Файл> Закрыть), чтобы вернуться к исходному.
Шаг 5
Чтобы добавить перспективу к тексту, выберите имя сетки, затем щелкните значок «Деформация» и измените значение конуса на 80%.
Выберите вкладки Front и Back Inflation Material (Ctrl / Cmd + щелкните каждую из них), затем измените их настройки, как показано ниже:
Используемые цвета:
- Диффузный: # 391d5b
- Зеркальное отражение: # bbb08c
- Подсветка: # 080808
- Окружающий: # 000000
Выберите вкладки Материал передней и задней фаски, затем измените их настройки, как показано ниже:
- Диффузный: # 391d5b
- Зеркальное отражение: # c1c1c1
- Подсветка: # 080808
- Окружающий: # 000000
Наконец, выберите вкладку «Экструзионный материал» и измените ее настройки, как показано ниже:
- Диффузный: # 1b003d
- Зеркальное отражение: # c1c1c1
- Подсветка: # 080808
- Окружающий: # 000000
Шаг 6
Щелкните вкладку «Среда» на панели 3D, затем щелкните значок папки IBL на панели «Свойства» и выберите «Загрузить текстуру».
Загрузите изображение «ghghghhj.jpg» из пакета «Узоры из ковкого металла». Затем измените интенсивность на 50%, непрозрачность теней на плоскости на 60%, непрозрачность отражения на 20% и шероховатость на 2%.
Вы можете использовать инструмент «Перемещение», чтобы щелкнуть и перетащить сферу окружающего света и перемещать ее, пока вам не понравится ее внешний вид.
Шаг 7
Щелкните вкладку Infinite Light 1, затем измените его интенсивность на 90% и мягкость тени на 60%.
Вы можете перемещать этот источник света по своему усмотрению или использовать значения координат, указанные ниже.
Щелкните значок «Добавить новый свет в сцену» на панели «3D» и выберите «Новый бесконечный свет».
Измените значение Infinite Light 2 Intensity на 40% и снимите флажок Shadow.
Переместите источник света или используйте значения координат, указанные ниже.
Шаг 8
Вносите в сцену любые другие изменения, которые хотите, до тех пор, пока вам не понравится результат.
Когда вы закончите, визуализируйте сцену (3D> Визуализация). Рендеринг может занять некоторое время, но вы можете остановить его в любой момент, нажав клавишу Esc.
После завершения рендеринга щелкните значок «Создать новый слой заливки или корректирующего слоя» на панели «Слои» и выберите «Карта градиента».
Создайте градиент, используя цвета # 3e5678 слева и # ff9a9e справа. Измените режим наложения корректирующего слоя на Overlay и его непрозрачность на 15%.Это поможет улучшить окраску конечного результата.
И готово!
Надеюсь, вам понравилось это простое учебное пособие по 3D и вы нашли его полезным. Не стесняйтесь оставлять свои комментарии ниже.
Создание трехмерной вращающейся Земли в Photoshop CS6
В нашем сегодняшнем уроке Photoshop CS6 мы узнаем, как создать трехмерный эффект вращающейся земли. Многие дизайнеры используют эту трехмерную землю в своих проектах в виде баннеров, веб-дизайна и анимации.
Великолепная функция 3D в Photoshop позволяет создавать и анимировать 3D-элементы в Photoshop без необходимости изучать какие-либо из этих сложных 3D-программ, как мы увидим в этом руководстве по Photoshop CS6.
Связанные уроки Photoshop:
Для этого урока требуется, чтобы у вас были базовые знания о 3D и анимации в Photoshop CS6. Вы можете узнать больше о 3D и анимации в Photoshop из моей книги «3D в Photoshop для аниматоров». Эта книга представляет собой полное практическое руководство по созданию потрясающего трехмерного и анимационного контента в Photoshop.
Также вы можете проверить наш предыдущий урок по анимации в Photoshop, Создание анимации со звуком в Photoshop CS6 Tutorial, чтобы узнать больше о временной шкале анимации.
Перед тем, как начать наше руководство по Photoshop, вы можете проверить окончательные результаты анимации ниже:
Теперь приступим к нашему руководству. Вы можете использовать следующие шаги, чтобы создать статическую или анимированную трехмерную вращающуюся землю.Не забудьте загрузить исходный файл для этого руководства, щелкнув ссылку для загрузки в конце (вы должны быть участником GM Premium, чтобы иметь возможность загружать исходные файлы и многое другое).
Шаг 1
Создайте новый документ Photoshop и добавьте к нему фоновое изображение. Я использовал изображение по следующей ссылке:
http://www.pleiade.org/images/hubble-m45_large.jpg
Шаг 2
Создайте новый слой и выберите New Mesh From Layer> Mesh Preset> Sphere в верхнем меню 3D.
Шаг 3
Теперь мы добавим карту земли к сфере. Я буду использовать следующую карту плоской земли для Земли:
http://minecraftworld.files.wordpress.com/2011/05/earth_flat_map.jpg
Когда выбран слой 3D-сферы, перейдите на панель 3D и выберите значок «Фильтр по материалам», чтобы отобразить материал сферы. Затем мы перейдем на панель «Свойства», чтобы отобразить свойства материала, и щелкните значок папки рядом с текстурой Diffuse и загрузите изображение плоской карты земли.
Шаг 4
На той же панели щелкните папку рядом с Bump, загрузите ту же карту земли и установите для нее значение 31%. Это значение будет увеличивать текстуру карты и придавать ей некоторую глубину.
Шаг 5
На панели «Таймлайн» нажмите кнопку «Создать анимацию», чтобы активировать временную шкалу анимации.
Шаг 6
Разверните трехмерный слой земли на панели «Таймлайн», щелкнув стрелку рядом с ним.
Шаг 7
Щелкните значок секундомера рядом с позицией 3D-сцены; это активирует анимацию этого свойства.
Шаг 8
Переместите индикатор временной шкалы на 2 и секунд в анимации 2: 00F. Выбрав сцену на панели 3D, перейдите на панель «Свойства» и щелкните значок «Координаты». Под значением поворота установите поворот по оси Y на -180 градусов.
Шаг 9
Переместите индикатор временной шкалы на четвертую секунду в анимации 4: 00F и, как мы делали на предыдущем шаге, установите значение поворота Y на -360 градусов.Это заставит анимацию снова вернуться в первую позицию.
Шаг 10
В верхней части панели «Таймлайн» перетащите скобку «Установить конец рабочей области» в конец анимации Земли. Это позволит Photoshop визуализировать только кадры анимации.
Шаг 11
В меню «Файл» выберите «Экспорт»> «Визуализировать видео». И установите формат видео и ограничение экспортированного кадра в диалоговом окне Render Video.
В конце этого урока вы должны научиться создавать трехмерную землю в Photoshop CS6 и анимировать ее с помощью панели временной шкалы.
Не забудьте загрузить исходный файл для этого руководства, щелкнув ссылку для загрузки в конце (вы должны быть участником GM Premium, чтобы иметь возможность загружать исходные файлы и многое другое).
Если вы уже являетесь участником Premium, просто войдите в систему, и вы сможете загрузить исходные файлы этого руководства.Еще не участник? Зарегистрируйтесь сегодня или узнайте больше о нашей зоне для премиум-членов.
Если вам понравился этот урок, поделитесь с нами своими мыслями и сообщите, если вам нужно, чтобы мы рассмотрели конкретную тему.
Узнайте, как создавать 3D-объекты с прозрачностью
Из этого туториала Вы узнаете, как создавать 3D-объекты с прозрачными областями. В этом примере я деформирую текстовый слой вокруг сферы. Затем сделаю сферу прозрачной, кроме текста.
1. Создайте новый документ с соотношением сторон 2: 1.
В этом примере я создал документ размером 1000 пикселей (ширина) на 500 пикселей (высота).
2. Введите свой текст.
(В этом примере я ввел: «ИМЕЮ МНОГО ВЕСЕЛО -» шрифтом Times New Roman 90pt)
3. Нажмите Ctrl-A (ПК) или cmd-A (Mac), чтобы выбрать все.
4. Выберите инструмент MOVE (нажмите клавишу V ) и нажмите кнопки « Align Horizontal Centers » и « Align Vertical Centres » на панели параметров под меню Photoshop.
5. Нажмите Ctrl-D (ПК) или cmd-D (Mac), чтобы отменить выбор.
6. Нажмите кнопку « fx » на панели слоев и выберите « Bevel & Emboss ».
7. Щелкните раскрывающийся список « Technique » и выберите « Chisel Hard ». Установите: Depth = 100%, Size = 60px.
8. Щелкните « Gradient Overlay », выберите GRADIENT : Spectrum и нажмите «ОК»
9.Объедините слои, нажав Shift-Ctrl-E (ПК) или Shift-cmd-E (Mac).
10. Дублируйте изображение (выберите: Изображение> Дублировать ) и назовите новое изображение как «прозрачность»
11. Преобразуйте новое изображение в оттенки серого ( Изображение> Режим> Оттенки серого )
12. Нажмите Ctrl-L (ПК) или cmd-L (Mac), чтобы открыть окно уровней.
Введите 0,01 в поле средних тонов:
13.Нажмите Ctrl + I (Mac: cmd + I ), чтобы инвертировать изображение.
Сохраните изображение на жестком диске (я предпочитаю сохранять его как png, но вы можете выбрать jpg или tiff).
Закройте это изображение.
14. Теперь создадим сферу из изображения, открытого в Photoshop (с цветным текстом).
- Если у вас Photoshop CC или CS6 Extended, выберите в меню: 3D> Новая сетка из слоя> Набор настроек сетки> Сфера .
- Если у вас Photoshop CS5 Extended, выберите в меню: 3D> Новая фигура из слоя> Сфера .
Изображение должно теперь выглядеть так (я думаю, что на самом деле это не похоже на что-то новое для вас, я думаю, но мы изменим его СЕЙЧАС!):
15. Мы переключимся на панель 3D: выберите Window> 3D из главного меню.
Когда он появится, нажмите « Sphere_Material ». Если его не видно, просто нажмите на маленький треугольник слева от «Сферы», и он появится.
- Если у вас Photoshop CC или CS6 Extended, панель 3D должна выглядеть так:
- Если у вас Photoshop CS5 Extended, панель 3D должна выглядеть так:
16.Теперь щелкните небольшой значок папки справа от поля Opacity , которое можно найти на панели свойств в Photoshop CC или CS6 Extended и на панели 3D в Photoshop CS5 Extended:
17 . Выберите « Загрузить текстуру » и откройте файл изображения «прозрачности», который вы сохранили ранее.
Теперь ваша сфера должна выглядеть так:
Мы готовы. Теперь вы можете анимировать изображение с помощью панели «Таймлайн» (называемой «панелью анимации» в старых версиях Photoshop).
СОВЕТ: В этом уроке я использовал только ЧЕРНЫЙ и БЕЛЫЙ в изображении «прозрачности», где черный дает полную прозрачность, а белый — полную непрозрачность. Работа с разными оттенками серого приводит к разным значениям прозрачности.
Следуя этим шагам, вы можете создать несколько отличных 3D-эффектов, например этот:
© Pit Hermann
3D-каркасы Photoshop как элементы дизайна
Возможности 3DPhotoshop в расширенной версии улучшались с каждой версией, но иногда именно основы могут способствовать созданию интересного элемента дизайна, и в сегодняшнем руководстве рассматривается именно это.Хотя возможности визуализации в Photoshop продолжают улучшаться, становясь все более фотореалистичными, сегодня мы рассмотрим использование более простого подхода — трехмерного каркаса — для добавления некоторых интересных штрихов в нашу композицию.
Мы начнем с простого белого фона, чтобы его было видно, и добавим новый слой поверх фона, заполненного 50% серого. Назовем этот слой Геометрия .
Выбрав новый серый слой, мы перейдем на панель Paths Panel, где у меня уже есть путь с интересным геометрическим дизайном.Щелкните путь, чтобы сделать его активным, и вы увидите его на чертеже:
Теперь, когда путь активен и серый слой все еще выделен, мы выбираем: 3D> New 3D Extrusion from Selected Path . Вы можете получить диалоговое окно с вопросом, хотите ли вы переключиться в рабочее пространство 3D, и вы должны выбрать Да:
Обратите внимание, что в будущем вы можете вернуться к Essentials или любому другому рабочему пространству, просто выбрав переключатель рабочего пространства в правом верхнем углу окна приложения Photoshop.
Как только выдавливание создано, мы получаем немедленное воспроизведение выдавливания пути с использованием серого цвета из выбранного слоя. Но мы собираемся изменить некоторые параметры по умолчанию:
Сначала выберите инструмент «Перемещение» и на панели «3D» выберите Current View в разделе «Сцена» (это позволит инструменту «Перемещение» управлять камерой). Затем на панели инструментов инструмента «Перемещение» убедитесь, что для параметра «3D-режим» установлено значение . Поверните 3D-объект на .Теперь мы можем немного повернуть вид сцены, чтобы лучше видеть наш 3D-объект. Обратите внимание, как наземная плоскость движется вместе с объектом; это потому, что мы перемещаем нашу камеру вокруг:
Когда у нас будет лучшая перспектива, пора изменить 3D-экструзию. Мы начинаем с нажатия на панели 3D на основной сетке, названной Geometry в честь нашего исходного имени слоя. Затем на панели свойств щелкните второй значок вверху. с надписью Deform .
Теперь мы изменим значение глубины выдавливания на 0. Это «сгладит» нашу экструзию.
Затем установите ось деформации вправо (щелкните маленькие белые квадраты, чтобы изменить ось), убедитесь, что выбран Bend , и измените горизонтальный угол (X) на 360. Это будет вращать выдавливание, как мы обсуждалось в предыдущем руководстве по телам вращения:
Теперь у нас есть объект, давайте переместим его на место.Выберите текущий вид на панели 3D и, снова используя инструмент «Перемещение», используйте параметры «Повернуть», «Прокрутить», «Перетащить» и «Сдвинуть» на панели инструментов, чтобы расположить 3D-объект вдоль правой стороны документа:
Теперь, если бы мы визуализировали это изображение, нажав Ctrl-Alt-Shit-R (Windows) или Cmd-Opt-Shift-R (Mac), мы бы получили проданный затененный объект с тенью. .
Однако это не тот вид, к которому мы стремимся. Нам нужен каркас. Чтобы получить это, нам нужно щелкнуть Scene на панели 3D.Это дает нам новый набор параметров на панели свойств, и мы хотим изменить Presets на Wireframe .
Как видите, это значительно меняет внешний вид объекта. Мы можем заставить этот каркас взаимодействовать с двухмерным фоном нашей композиции. Начнем с изменения цвета фона:
Теперь каркас плохо видно. Давайте перейдем на панель слоев и изменим режим наложения слоя Geometry на Divide .Это делает его белым — лучше!
Но у нас есть тень, которая не очень хорошо смотрится в этой композиции. Чтобы удалить тень, нам нужно вернуться в панель 3D. Выберите Infinite Light 1 (который был создан по умолчанию) и на панели «Свойства» снимите флажок для параметра Shadow . Теперь тень ушла.
На этом этапе мы можем добавить другие элементы дизайна в нашу композицию, которая теперь имеет изящный трехмерный каркасный объект, похожий на чертеж.
Как видите, создание каркасных элементов дизайна может добавить интересный внешний вид вашим проектам. Помните, что если вы работаете с 3D в Photoshop, вы обычно должны помнить два ключевых шага:
- Выберите объект или функцию, которыми вы хотите управлять на панели 3D;
- Посмотрите на панель свойств, чтобы найти параметры, которые вы хотите изменить.
Переключение в рабочее пространство 3D выводит обе эти панели на передний план, так что вы можете легко работать с ними по мере необходимости.
