Эффект 3д в фотошопе: Создание 3D-объектов и анимаций в Photoshop

Содержание

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

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

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

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

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

http://studioelephant.com.ua/semejnaya-fotosessiya

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

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

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

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

Дубликат переименуйте в «Правый».

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

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

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

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

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

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

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

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

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

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

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

В этом уроке вы узнаете, как создать весёлый 3D pop up эффект, подобно детской всплывающей книги, где главный объект съёмки, словно «выходит» из плоского изображения.

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

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

Шаг 1. Откройте фотографию в Photoshop. Если мы посмотрим на палитру слоев то увидим что фотография отображается в качестве фонового слоя:

Давайте создадим несколько копий слоя. Для этого нажмите Ctrl + J на клавиатуре, для быстрого создания первого экземпляра. Копии, которую вы только что создали, Photoshop автоматически присвоил название Layer 1 (Слой 1). Это название по умолчанию, которое Photoshop присваивает к вновь созданным слоям. Это не очень удобно, и поэтому чтобы в последствии у нас не возникало путаницы переименуйте слой на flat. Для этого дважды щелкните непосредственно по названию слоя, переименуйте его на flat и нажмите Enter. Этот слой будет являться плоскостью нашей будущей композиции.

Теперь мы создадим вторую копию слоя. Нажмите сочетание клавиш Ctrl + J и продублируйте один из слоев. Переименуйте этот слой на pop up. Этот слой мы будем использовать в качестве «всплывающего эффекта» нашей композиции.

Шаг 2. Отключите видимость двух созданных раннее слоёв (flat, pop up), нажав на значки глаза в левой части каждого из слоёв.

Шаг 3. Выберите фоновый слой, кликнув по нему левой кнопкой мыши (выбранные слои подсвечиваются синим цветом):

Шаг 4. Теперь для фонового слоя добавим градиентную заливку. Применение градиентной заливки придаст более интересный эффект, нежели использование сплошного цвета. Нажмите на кнопку New Fill or Adjustment Layer (Создать новый корректирующий слой или слой заливка) в нижней части панели слоёв:

Из появившегося списка выберите Gradient (Градиент).

Шаг 5. В результате откроется диалоговое окно Gradient Fill (Градиентная заливка). Кликните по градиенту.

В диалоговом окне редактора градиентов выберите чёрно-белый градиент.

Шаг 6. Теперь нам нужно изменить цвета для градиента. Для этого сделайте двойной клик по левой контрольной точке цвета.

В результате откроется окно Color Picker (Палитра цветов), в котором вы можете изменить цвет. В данном случае чёрный цвет слишком тёмный для фона, поэтому выберите светлый оттенок серого цвета. Нажмите OK, чтобы закрыть палитру цветов.

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

Вот результат:

Шаг 7. Включите видимость слоя flat, для этого кликните по значку видимости слоя.

Так как этот слой находится выше корректирующего слоя с градиентной заливкой, то он перекроет градиент.

Шаг 8. На панели инструментов выберите инструмент Rectangular Marquee Tool (M) (Прямоугольная область).

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

Шаг 10. Не снимая выделения, перейдите в меню Select > Transform Selection (Выделение — Трансформировать выделенную область).

Шаг 11. Как только вы активируете команду Transform Selection, вы увидите, маленькие квадратики — маркеры, которые появятся вокруг выделенного контура (по одному в каждом углу и по центру каждой из сторон). Мы будем использовать эти маркеры, для изменения геометрии выделенной области, но прежде нам необходимо переключиться в режим — Perspective (Перспектива). Для этого щелкните правой кнопкой мыши в любом месте внутри выделения из появившегося контекстного меню выберите — Perspective (Перспектива):

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

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

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

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

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

Шаг 14. Убедитесь, что у вас выбран слой flat и добавьте к нему маску, кликнув по значку Add Layer Mask (Добавить слой-маску) в нижней части панели слоёв.

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

Посмотрите на наш холст, и вы всё поймёте.

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

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

В палитре цветов выберите белый цвет #ffffff и нажмите OK.

Затем в параметре Position (Положение) выберите Inside (Внутри).

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

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

Шаг 16. Теперь займемся созданием основного всплывающего эффекта. На панели слоев перейдите на слой pop up, а затем нажмите на значок видимости слоя — глаз.

Шаг 17. По своему усмотрению выберите любой из инструментов выделения и создайте выделение вокруг главного объекта на фотографии. Я выбрал двух мальчиков и снеговик. Постарайтесь сделать выделение как можно более точным вокруг тех областей, которые в последствии будут выходить из фото (другими словами, те области, которые вы выделите в конечном итоге будут располагаться перед градиентной заливкой). Опирайтесь на изображение ниже:

Шаг 18. К слою pop up нужно добавить маску, кликнув по значку Add Layer Mask (Добавить слой-маску) в нижней части панели слоёв.

Наше выделение снова превратиться в маску.

Вот, что у меня получилось:

Шаг 19. Для завершения эффекта мы немного изогнём углы и добавим тень. Перейдите на слой flat, чтобы выбрать его.

Шаг 20. Зажмите Ctrl и левой кнопкой мыши кликните по миниатюре маски слоя flat.

В окне документа появится контур выделения содержимого маски этого слоя.

Шаг 21. Удерживая Ctrl, нажмите на значок нового слоя в нижней части панели слоев:

Как правило, Photoshop добавляет новый слой прямо над выделенным слоем, но, нажав клавишу Ctrl, Photoshop помещает новый слой ниже выделенного слоя. В нашем случае новый слой создался ниже слоя flat. Дважды щелкните по имени нового слоя и переименуйте ее в shadow, а затем нажмите Enter чтобы сохранить изменение:

Шаг 22. Заполните выделение на слое shadow чёрным цветом. Для этого перейдите во вкладку Edit > Fill (Редактирование — Выполнить заливку).

В диалоговом окне заливки установите такие параметры: Use (Использовать) — Black (Чёрный), Mode (Режим) — Normal (Нормальный), Opacity (Непрозрачность) 100%.

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

Шаг 23. К слою shadow мы вернемся позже, а пока добавим изгибы к уголкам нашей фотографии. Кликните по миниатюре маски слоя flat, чтобы выбрать её:

Шаг 24. Обратите внимание на значок связи (значок цепи) между миниатюрой слоя flat и векторной маской. Кликните по этому значку, чтобы удалить его, таким образом, мы разорвем связь маски с содержимым слоя.

Шаг 25. Перейдите на маску слоя flat и зайдите в меню Edit > Transform > Warp (Редактирование — Трансформирование — Деформация).

Шаг 26. Вы увидите, что вокруг содержимого маски слоя появится сетка для деформации. Поочерёдно кликайте по угловым маркерам сетки и перемещайте их вверх. Нажмите Enter, чтобы применить деформацию.

Шаг 27. Теперь нам нужно немного смягчить тень. В палитре слоёв выберите слой shadow.

Шаг 28. Перейдите в меню Filter > Blur > Gaussian Blur (Фильтр — Размытие — Размытие по Гауссу).

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

Нажмите OK, чтобы применить размытие.

Шаг 29. Если после размытия тень кажется ещё слишком насыщенной, то уменьшите уровень непрозрачности для слоя с тенью до 60%.

Вот результат:

Шаг 30. Нам осталось уменьшить размер тени. Перейдите в меню Edit > Free Transform (Редактирование — Свободное трансформирование).

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

Нажмите Enter, чтобы применить преобразования.

Если вас не устраивает цвета градиентного фона, то перейдите на слой Gradient Fill 1 и кликните два раза по миниатюрке этого слоя.

В окне градиентной заливки кликните по градиенту.

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

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

После того, как вы определитесь с цветом, нажмите OK.

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

Мы начинаем с отделения цветовых каналов на каждом слое.

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

Перетащите верхний левый угол изображения вверх, как показано на картинке. Чем выше Вы его перетащите, тем более выраженным будет эффект объёма на фото:

Нажмите Enter для применения действия инструмента.

Отключите видимость слоя «левый-красный», включите видимость слоя «правый-голубой» и сделайте таким де образом трансформируйте его, только с правой стороны:

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

Теперь, мы посмотрим на фото в 3D-очках, мы заставим наш мозг подумать, что он воспринимает два разных изображения. Но картинка не готова, т.к. центр изображения не совмещён. Исправим это с помощью инструмента «Перемещение» (Move Tool).

Сведение изображений и обрезка картинки

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

Осталось только обрезать левый и правый край картинки с помощью инструмента «Обрезка» (Crop Tool) и сохранить документ.

Вот как выглядит готовое фото:

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

Теперь, всё, что вам нужно, это 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.

Вот и все!

Результат

Перевод — Дежурка

5 программ для создания 3D эффекта

Photoshop

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

создать 2 копии одного и того же снимка и разместить их друг над другом;
дважды кликнуть по первому фото. В «Параметрах наложения» установить режим «Экран», а затем в разделе «Дополнительные параметры» оставить галочку только рядом с буквой R. При желании поменяйте уровень прозрачности слоя;
дважды кликнуть по второй картинке. В «Параметрах наложения» выставить режим «Мягкий свет», а после в разделе «Дополнительные параметры» оставить галочки только рядом с G и B. При необходимости настройте прозрачность слоя;
выбрать первый слой. Зажать Ctrl+T, кликнуть правой кнопкой по фото и выбрать в появившемся списке пункт «Перспектива»;
перетащить верхний левый угол фото вверх на несколько пикселей. Затем то же самое повторить со вторым, но теперь перетаскивать нужно правый верхний угол;
Осталось совместить центры искаженных слоев и 3D эффект готов!

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

GIMP

GIMP — доступный аналог Photoshop. Его основные достоинства — бесплатность и поддержка не только Windows и macOS, но и Linux. Инструментов в этом редакторе действительно меньше, чем в программе от Adobe, но 3D-эффект здесь можно легко повторить. Последовательность действий та же: нужно создать несколько копий картинки, поработать с каналами и положением фото, а затем сохранить получившийся результат.

Создание 3D эффекта в GIMP

InShot

InShot — это 3D фоторедактора для устройств на базе мобильных операционных систем iOS и Android. Он полностью переведен на русский язык. Для получения желаемого стиля нужно:

Открыть вкладку «Фильтр»;
Выбрать пункт «Эффекты»;
Найти пресет RGB;
Сохранить результат.

Создание 3D эффекта в InShot

3D Effect — 3D Camera,

3D Photo Editor & 3D Glasses

Еще одна программа для мобильных устройств. В 3D Effect — 3D Camera, 3D Photo Editor & 3D Glasses интерфейс доступен только на английском языке, но разобраться что тут к чему будет не очень сложно даже новичку. Главная особенность этого редактора фото 3Д — возможность спроектировать собственный фильтр. Для этого предлагается настроить направление смещения каналов (по горизонтали, вертикали или диагонали) и их цвета.

Создание 3D эффекта в 3D Effect — 3D Camera, 3D Photo Editor & 3D Glasses

IMGOnline

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

Загрузка файла с компьютера в формате BMP, GIF, JPEG, PNG или TIFF;
Выбор типа картинки (анаглиф красно-синий или два смещенных относительно друг друга изображения), глубины и расстояния между цветовыми каналами;
Определение формата на выходе: JPEG или PNG-24.

Готовую картинку можно открыть в браузере или сохранить на компьютере.

Создание 3D эффекта в IMGOnline

Заключение

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

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

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

http://studioelephant.com.ua/semejnaya-fotosessiya

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

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

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

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

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

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

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

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

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

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

Шаг 1. Мы будем использовать фоновое изображение в качестве основы размера для этой композиции. Откройте фоновое изображение и убедитесь, что его разрешение (resolution ) установлено на 300px/inch.

При активном слое «Фон» (Background) нажмите сочетание клавиш Ctrl+J, чтобы скопировать слой и изменить Режим смешивания (Blend Mode ) копии на Умножение (Multiply ).

Прим. переводчика: Параметр Режим смешивания ( Blend Mode ) слоя расположен в верхней части палитры слоев слева от параметра Непрозрачность ( Opacity ).

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

С помощью инструмента Перо (Pen ) создайте контур по внешнему краю девушки, включая куб, на котором она сидит. После того, как вы обведете края, создайте еще несколько контуров между ее лицом и серьгами, рукой и ногой, а также между обеими ногами. Как только все контуры будут нарисованы, кликните в любом месте правой кнопкой мыши и выберите Создать выделение (Make Selection ). Нажмите сочетание клавиш Ctrl+J, чтобы скопировать выделение на новый слой.

Прим. переводчика: Убедитесь, что выделение образовалось именно вокруг девушки, а не вокруг фона. Если у вас «бегающая дорожка» образуется по периметру документа, то у вас выделен фон. В этом случае вам надо воспользоваться сочетанием клавиш Ctrl + Shift + I или меню Выделение — Инвертировать ( Select — Invert ), чтобы инвертировать выделение, выделив тем самым девушку. Только тогда копируйте ее на новый слой.

Шаг 3. Переместите вырезанную жертву моды в нашу основную композицию. Измените название слоя на «Жертва моды» и поместите ее по левому краю, как показано на изображении ниже.

Нажмите сочетание клавиш Ctrl+J, чтобы копировать слой «Жертва моды», измените Режим смешивания (Blend Mode ) копии на Умножение (Multiply ) и уменьшите Заливку (Fill ) до 50%.

Шаг 4. Создайте новый слой под слоем «Жертва моды» и назовите его «Тень модели». При выделенном слое «Тень модели» зажмите клавишу Ctrl и кликните по миниатюре слоя «Жертва моды» для создания выделения. Залейте выделение черным. Нажмите сочетание клавиш Ctrl+D, чтобы удалить выделение. Теперь нам нужно сместить черную тень модели, перейдя в меню Редактирование — Трансформация — Искажение (Edit> Transform>Distort).
Расположите два верхних маркера, как на рисунке ниже.

Примените Размытие по Гауссу (Gaussian Blur ) радиусом 40px, перейдя в меню Фильтр — Размытие — Размытие по Гауссу (Filter>Blur>Gaussian Blur).

Затем примените маску слоя (layer mask ). В качестве основного цвета установите черный цвет, а затем выберите инструмент Градиент (Gradient ) и проведите линейным (linear ) градиентом по маске слоя от головы на тени до модели.

Шаг 5. Выберите копию фонового слоя и создайте над ним корректирующий слой (adjustment layer) Цветовой тон/Насыщенность (Hue/Saturation).
В окне отметьте параметр Тонирование (Colorize), установите Цветовой тон (Hue ) на 0, а Насыщенность (Saturation ) на 48 и Яркость (Lightness) на 10.

Шаг 6. Создайте группу (group ) над корректирующим слоем (adjustment layer ) Цветовой тон/Насыщенность (Hue/Saturation) и назовите его «Правая граница»(right border). В этой группе нарисуйте продолговатый прямоугольник или длинную полоску с помощью инструмента Прямоугольник (Rectangle ), начинающийся с верхней части изображения, заканчивающийся в нижней. При активном новом слой-фигуре, нажмите сочетание клавиш Ctrl+J 5 раз, чтобы дублировать слой. Расположите их на небольшом расстоянии друг от друга. Теперь, начиная с первой фигуры, измените цвет у каждого прямоугольника, подбирая цвета к шортам нашей жертвы моды.

Прим. переводчика: убедитесь, что инструмент Прямоугольник (Rectangle ) установлен у вас в режиме слой-заливка (fill layer ).

Создайте новый слой в группе «Правая граница» (right border) под другими слой-фигурами и назовите его «градиент правой границы» (right_border_gradient). В качестве основного цвета установите черный, выберите инструмент Градиент (Gradient ) и проведите линейный градиент (linear gradient ) от правой границы до обуви модели.

Под слоем «градиент правой границы» (right_border_gradient) создайте пару текстовых слоев, чтобы написать свое сообщение. В данном случае я создал два. Первое гласит: «»Coming Soon!», используется шрифт Blackoak Std, а второе гласит — «to an over-sized city near you», используется шрифт Copperplate Gothic Bold, размер шрифта 30pt. Разверните каждый из них против часовой стрелки, перейдя в меню Редактирование — Трансформация — Развернуть на 90 градусов против часовой стрелки (Edit>Transform>Rotate 90 degrees CCW). Теперь изменим цвет каждого текстового слоя на цвет, подходящий по цветовой гамме к шортам жертвы моды.

Шаг 7. Затем откройте оба векторных набора в Illustrator. Начнем с брызг «splatters», скопируйте и вставьте несколько из них, или их все из Illustrator’а в Photoshop над группой «правая граница»(right_border) в качестве Смарт-объектов (Smart — Object ). Я оставил векторные объекты с их стандартными цветами, поскольку они хорошо сочетаются с нашей работой, но вы свободно можете их изменить, если захотите. Расположите их вокруг головы модели: сзади, справа и слева. Я разместил свои брызги на четырех отдельных слоях, таким образом, я могу контролировать положение каждого из них.

Как только вы скопируете и вставите все векторные брызги, какие захотите, повторите этот же процесс с цветочным векторным набором, расположив их вокруг модели. Снова изменяйте цвет любого векторного объекта по своему усмотрению.
Создайте новую группу над группой «правая граница» (right_border) и назовите ее «векторное искусство» (vector art). Переместите в нее все векторные изображения.

Шаг 8. Так-так, я знаю, о чем вы думаете… Когда же мы будем делать 3D? И знаете что? Момент настал! Пришло время воплотить ваши задумки в реальность, так что возьмите свои 3D очки и положите их рядом с собой.
Для начала отключите видимость группы «правая граница» (right_border).
Теперь нам необходимо сохранить изображение, как два отдельных.jpeg/.png изображения. Для начала сохраните изображение с помощью сочетания клавиш Ctrl+Shift+S или Файл — Сохранить как (File>Save As). Сохраните его где-нибудь, где вам потом его будет легко найти, поскольку мы его скоро будем использовать. Назовите его как «жертва_моды_слева» (fashion_victim_left).

Затем выделите слои «жертва моды» и «жертва моды копия», выделив один, а затем при нажатой клавише Shift другой. Нажмите клавишу V, чтобы активировать инструмент Перемещение (Move ). Зажмите клавишу Shift и нажмите клавишу со стрелкой влево дважды. Теперь, как и ранее, нажмите сочетание клавиш Ctrl+Shift+S или перейдите к меню Файл — Сохранить как (File>Save As), чтобы сохранить изображение. На этот раз назовите изображение «жертва_моды_справа» (fashion_victim_right).

Шаг 9. Откройте оба изображения «жертва_моды_слева» (fashion_victim_left) и изображение «жертва_моды_справа» (fashion_victim_right). В документе с изображением «жертва_моды_справа» (fashion_victim_right) разблокируйте слой «Фон» (Background) и дайте ему название «справа» (right). Нажмите сочетание клавиш Ctrl+Shift+S и сохраните его c расширением.psd под именем «жертва_моды_анаглиф» (fashion_victim_anaglyph).

Поместите изображение «жертва_моды_слева» (fashion_victim_left) в документ «жертва_моды_анаглиф» (fashion_victim_anaglyph).psd и дайте этому слою название «слева» (left).

Выделите слой «слева» (left), понизьте его непрозрачность (opacity ) до 50%, и вы заметите, что изображение девушки начнет немного выходить из фокуса. Используя клавиши стрелок, расположите слой «слева» (left) так, чтобы изображение снова стало чистым. Установите непрозрачность (opacity ) слоя «слева» (left) снова на 100%.

Шаг 10. Выключите видимость слоя «слева» (left). Сделайте активным слой «справа»(right) и нажмите сочетание клавиш Ctrl+L или перейдите к меню Изображение — Коррекция — Уровни (Image > Adjustments > Levels) , чтобы скорректировать уровни для слоя.

Выберите Красный (Red ) канал из выпадающего меню и измените значение 225 у внешних (output ) уровней на 0.

Это действие удалит красный из слоя, оставив сине-зеленое изображение.

Шаг 11. Верните видимость слоя «слева» (left). При активном слое «слева» повторите процесс, описанный в шаге 10, но на этот раз для синего (blue ) и зеленого (green ) каналов.

Теперь слой «слева» (left) должен отображаться у вас без зеленого и синего, как вы видите ниже.

Измените режим смешивания слоя «слева»(left) на Осветление (Screen ).

Оденьте свои 3D очки. Нажмите клавишу V, чтобы активировать инструмент Перемещение (Move ) и с помощью клавиш со стрелками перемещайте слой «слева» (left) до тех пор, пока жертва моды не «вылезет» из фона. Моя корректировка была следующей: удерживая клавишу Shift, я нажал правую стрелку на клавиатуре четыре раза и один раз стрелку вниз.

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

Прим. переводчика: Когда мы сдвигали влево слой «слева» (left ), он открыл нам видимую часть слоя «справа» (right ), именно эта часть теперь является лишней в нашем изображении. Чтобы все было идеально, его нужно обрезать, что и предлагает автор.

Нажмите клавишу С, чтобы вызвать инструмент Кадрирование (Crop ) для обрезания ненужного участка.

Создайте новую группу и назовите ее «Анаглиф» (anaglyph). Поместите в нее оба слоя «слева» (left) и «справа» (right).

Шаг 13. Вернитесь к основной композиции, отключите видимость для всех групп и слоев, кроме группы «правая граница» (right border). Поместите в этот основной документ группу «Анаглиф» (anaglyph), чтобы она располагалась ниже группы «правая граница» (right border).

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

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

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

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

1) Открываем изображение вазы программой фотошоп, для этого в верхней панели меню выбираем «Файл» — «Открыть» или нажимаем комбинацию клавишь «Ctrl + O».

2) Создаем новый холст необходимого размера, для этого в верхнем меню выбираем «Файл» — «Создать» или комбинацию клавишь «Ctrl + N» и указываем необходимый размер холста, я сделаю квадратный холст размером 1024px на 1024px.

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

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

4) Теперь, после того, как слой с вазой мы перетащили на новый холст необходимо подогнать изображение под размер холста, для этого выделяем слой с изображением вазы, кликнув по нему левой кнопкой мыши в панели слоев и в верхнем меню выбираем «Редактирование» — «Свободное трансформирование» или нажимаем комбинацию клавишь «Ctrl + T».

Затем, удерживая клавишу «Shift» и левую кнопку мыши настраиваем необходимый размер вазы.

Клавишу «Shift» необходимо удерживать для того, чтобы размер изображения изменялся пропорционально.

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

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

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

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

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

После заливки контура, еще раз кликаем правой кнопкой мыши по контуру и выбираем «Удалить контур»

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

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

Таким образом мы создадим 3D объект из ыигуры стенки вазы и рабочая среда фотошоп автоматически будет переключена из режима «Основная рабочая среда», по умолчанию, в режим «3D».

В панели слоев, как вы видите на скриншоте выше, появилась вкладка «3D», в которой размещены слои нашего 3D объекта.

7) Далее мы сделаем из стенки вазы саму полноценную вазу, использую инструмент 3D деформации. В правой панели в свойств выбираем свойство «Деформировать» и выставляем ползунок настройки «Угол по горизонтали (X)» на 360 градусов.

В результате получится готовая 3D модель вазы.

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

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

8) И так, у нас получилась ваза точно такая же, как на изображении, ее можно покрутить, осмотреть со всех сторон.

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

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

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

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

В панели свойств 3D объекта кликаем кнопкой мыши по значку «Рассеивание объекта» и выбираем «Редактировать текстуру».

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

Кликнув на пункт «Редактировать текстуру» у нас откроется данная текстура в отдельной вкладке фотошоп. Для того, чтобы было удобнее редактировать текстуру и наблюдать результат на 3D модели, мы откроем окно с текстурой и окно с вазой рядом, расположив их по вертикали. Для этого в верхнем меню выбираем «Окно» — «Упорядочить» — «Расположить все вертикально» и в результате получим вот такой вид интерфейса:

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

Но, как я и говорил ранее, мы будем не раскрашивать наш 3D объект, а наложим на него готовый рисунок с цветами. Для этого открываем бесшовный рисунок программой фотошоп и перетаскиваем его на холст с текстурой, т.е. выполняем действия как в пункте №1 и №3 данного урока.

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

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

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

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

10) Наложив на вазу нужный рисунок, настроив необходимый ракурс и наложив тени последним моментом необходимо произвести рендеринг объекта, для того, чтобы он принял наилучшее качество отображения. В верхнем меню выбираем «3D» — «Рендеринг слоя 3D» и ждем, пока фотошоп отрендерит объект. Время ожидания занимает достаточно долгое время, примерно 5-10 минут, все зависит от мощности вашего компьютера.

По окончании процедуры рендеринга, можно сохранять получившийся объект в нужном вам формате, для этого выбираем в верхнем меню «Файл» — «Экспортировать» — «Сохранить для web….». Если хотите сохранить объект в png формате на прозрачном фоне, чтобы в дальнейшем его разместить на другом изображении или фото, то перед сохранением отключите в панели слоев нижний белый фон.

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

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

Часть первая. Для новичков: простой 3D эффект

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

Использовать можно любое изображение, но вам обязательно нужно перейти в режим RGB Color. Если вы находитесь в режиме Grayscale, Indexed Color или CMYK, то нужно перейти в RGB (Photoshop: Image > Mode > RGB Color).

Примечание: Этот метод подходит для тех редакторов изображений, которые позволяют возиться с цветовыми каналами, например, Photoshop или GIMP. Photoshop Elements и Paint.NET не позволяют применять данный метод редактирования фото.

Для начала сделайте несколько копий фотографии (левый скриншот). Самый простой способ сделать это — кликнуть правой клавишей на «Background Layer» и нажать «Duplicate Layer». Сделав 2 копии, выберите верхнюю и перейдите на панель каналов. Увидеть её можно, нажав Window > Channels. В панели каналов выберите Red channel, как это показано на правом скриншоте.

Нажмите Ctrl+A (и в Photoshop, и в GIMP), чтобы выделить весь холст полностью. Фото должно получиться в серых тонах, если ваше фото выглядит, как на рисунке, значит вы движетесь в верном направлении.

Нажмите V, чтобы выбрать Move Tool (в GIMP нажмите М), и переместите слой красного канала влево, как показано на рисунке.

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

У GIMP похожие инструменты в Toolbox, почти как в Photoshop.

В Photoshop CS5 сочетание клавиш Ctrl+2 вернет вас в режим RGB. В других версиях просто вернитесь к панели слоёв и выберите новый активный слой. На этом можно остановиться, так как вы уже получили достойное 3D изображение, но можно ещё немного поработать и добавить ему глубины.

Часть вторая. Добавьте глубины вашей фотографии

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

Создайте маску, как показано на скриншоте справа, выбрав слой и кликнув на кнопку вверху панели слоёв. В GIMP кликните правой клавишей по слою и выберите «Add Layer Mask» и «White for Full Opacity».

Используйте soft brush для маскировки некоторых областей в верхнем слое. Цель — вернуть часть фона к исходному виду.

Вот фото до и после. В слое с 3D эффектом фон из слоя без 3D эффекта.

На картинке вы можете увидеть, как выглядит маска.

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

А теперь совершим похожие действия. Выделим весь холст (Ctrl+A), но применим немного другой эффект к фону.

Клавишами Ctrl+T выберем функцию «Free Transform». И свободно изменим слой красного канала. Можно искажать, увеличивать, вращать, в общем, нужно сделать так, чтобы передний план и фон отличались друг от друга.

В GIMP этот инструмент называется «Scale Tool», горячие клавиши: Shift + T.

Вот и всё! Фотография готова. Надевайте 3D очки и наслаждайтесь результатом! А если у вас их нет, то смотрите видео на Youtube о том, как сделать 3D очки самостоятельно.

Мы начинаем с отделения цветовых каналов на каждом слое.

Нажмите Enter для применения действия инструмента.

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

Сведение изображений и обрезка картинки

Вот как выглядит готовое фото:

Теперь, всё, что вам нужно, это 3D-очки…

40+ отличных 3D-эффектов Photoshop Tutorials

Хотя существует много различных видов программного обеспечения для работы с фотографиями, Adobe Photoshop по-прежнему пользуется лучшим. Фотошоп открыл мир возможностей для художников и дизайнеров. И одна из таких возможностей – создание 3D-эффектов.

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

Читайте также: 50 лучших обучающих программ по интерфейсу сайта

3D текстовые эффекты
Как создать 3D Marquee Bulb Sign
Прочтите эту статью, чтобы узнать, как сделать текст для маркировочного шарика с помощью Adobe Photoshop. Вы будете использовать стили слоя, текстуры, изображения и инструменты настройки.

Текстовый 3D-эффект мозаики Корк
Используйте текстуру corck и примените ее к тексту, чтобы получить этот удивительный 3D-эффект. Учебник проведет вас через весь процесс.
Создание 3D текста # 3
Создайте эту потрясающую типографику с 3D-эффектом в Adobe Photoshop. Вы будете использовать Type Tool и Blending Options.
Создание 3D текста # 4
Вот краткое руководство, показывающее процесс создания красивого шара в Photoshop.
Числовой эффект Свечи
Трудно поверить, что это изображение не является реальной фотографией свечей с днями рождения, а представляет собой трехмерную фотографию, созданную в Photoshop. Это первая часть этого руководства, вы можете найти ссылку на вторую часть в тексте.
Как создать мощный, огненный текст
Из этого туториала Вы узнаете, как создать мощные 3D-буквы в огне. Вам нужны базовые знания Photoshop, чтобы воспроизвести эту технику.
3D античный металлический текстовый эффект
Вы можете создать этот красивый текст со словами любви, используя несколько текстур и фильтров, и отправить своему любимому в день святого Валентина или просто в любой день.
3D Chanel-Inspired Event Sign Текстовый эффект
Посмотрите на эти удивительные блестящие буквы. Вы можете создать их с помощью настроек Photoshop 3D, нескольких текстур и изображений.
3D Floaties Text Effect
В этом уроке вы будете использовать настройки материала, несколько изображений, фильтры и корректировки, чтобы создать этот крутой трехмерный текст, который выкатывается из волн.
Полосатый эффект текста в стиле Road
Чтобы создать этот дорожный текст с номерами «20», вам нужно применить режимы наложения, инструмент «Кисть» и инструмент «Перо» в Photoshop.
3D, блестящий, надутый текстовый эффект
Посмотрите на эти фантастические 3D блестящие цифры, созданные в Photoshop. Из этого туториала Вы узнаете, как использовать 3D-инструменты и настройки Photoshop, а также кисти и корректирующие слои для создания забавного, блестящего, надутого текстового эффекта.
3D текстовые буквы эффект текста
Эти классные подушки в виде букв на диване – не настоящие аксессуары для дома, а умный 3D-текстовый эффект, созданный с помощью пары рисунков и изображений. Смотрите учебник самостоятельно.
Создание 3D текста # 2
В этом видеогиде вы узнаете, как применить этот крутой 3D-эффект к тексту с помощью Adobe Photoshop. Вы будете использовать настройки слоя.
Как создать завышенный 3D текстовый эффект Frilly
Используйте 3D-инструменты, заливки узорами и корректирующие слои, чтобы создать этот удивительный текстовый эффект в Photoshop.
Удивительный 3D дизайн надписи
Вот красивый яркий знак с эффектом 3D и огромным розовым фоном. Вы можете создать такой же знак после просмотра этого видео.
Создание 3D текста # 1
3D – отличное решение для создания логотипа. Вы можете использовать это видео, чтобы узнать, как применить 3D-эффект к тексту.
Дизайн продукта
Эффект ледяных кубиков льда 3D
Чтобы добиться этого удивительного 3D-эффекта в Photoshop, вам нужно объединить изображение бумаги с кубиком льда. Посмотрите видео, чтобы иметь возможность сделать то же самое.
Реалистичный логотип Apple
Название этого урока говорит само за себя. Вы собираетесь сделать настоящий фрукт из логотипа компании Apple.
Сделай iPod Classic или новый нано
Вы узнаете, как создать iPod classic, но вы также можете использовать ту же технику для создания iPod Nano.
Визуализация яркой спичечной коробки в фотошопе
Этот урок состоит из создания цифровой иллюстрации в Photoshop коробки спичек.
Реалистичная иллюстрация бутылка вина
Как создать реалистичную иллюстрацию к бутылке и некоторые техники теней и разрезов.
Создайте плавающий в воздухе USB-ключ
Из этого туториала Вы узнаете, как проиллюстрировать USB-ключ, который плавает в воздухе и отражается на поверхности.
Блестящий фотореалистичный Apple Remote
Apple отличает себя в дизайне продукта, включая его удивительный пульт Apple. В этом уроке вы узнаете, как сделать новый блестящий пульт Apple.
Детальная иконка компаса в фотошопе
Создать супер блестящий значок карандаша
Как нарисовать иконку карандашом. Мы рассмотрим градиенты, инструменты выбора и основные операции преобразования.
Создайте реалистичную винную бутылку с нуля
Из этого туториала вы узнаете, как создать супер реалистичную бутылку вина с нуля.
Создать игровой контроллер в стиле ретро
Реалистичный мобильный телефон Blackberry Style
Визуализация драматического 3D деревянного кубка в фотошопе
Как создать трехмерный кубок с нуля в Illustrator, применить к нему некоторую текстуру в Photoshop, а также как использовать фильтр «Точка исчезновения» для макета сценария и применения реалистичных теней.
Сделайте низкочастотный динамик Bangin ’, встроенный в дерево
Как проиллюстрировать НЧ и сделать простую текстуру дерева для фона.
Плакаты и Искусство
Easy Photoshop Red And Blue 3D-эффект
В этом уроке вы узнаете, как добавить винтажный красно-синий ретро-эффект к мужскому портрету. Вы можете применить этот эффект к любому другому изображению.
Как создать эффект 3D Pop-out
Посмотрите это видео на YouTube, чтобы узнать, как создать великолепное трехмерное изображение с эффектом iphone, травой, овцой, собакой и приятной утечкой света по бокам.
Простой 3D-эффект
В этом видеогиде описывается процесс создания 3D-эффекта с использованием красного, зеленого и синего каналов. Используйте для этого черно-белое фото.
Создать 3D анаглиф
Это ретро-эффект, показывающий 3D. Вы можете применить его к своим изображениям после прочтения этой быстрой статьи.
Учебник по эффекту 3D-дисперсии
Это учебник по манипуляции с фотографиями, демонстрирующий эффект трехмерной дисперсии. Используйте пошаговое видео руководство, чтобы добиться этого эффекта тоже.
3D всплывающее из обычной фотографии
С этим видео превратите обычную морскую картинку в манипуляцию с трехмерным фотоэффектом. Похоже, страница из детской всплывающей книги.
Делать 3D манипуляции
Это видео руководство проведет вас через процесс создания фантастической сцены с человеком, сидящим на iPhone в волнах.
3D Планета Эффект
Создайте планету с 3D-эффектами вместе с девушкой, которая смотрит это видео-руководство. Видео довольно длинное, но оно того стоит.
Быстрый винтажный 3D-эффект
В этом руководстве вы увидите пошаговые инструкции по созданию винтажного 3D-эффекта. Это было вдохновлено старыми 3D-очками.
Эффект разрушения лица
3D Планета в Фотошопе
Для тех, кто предпочитает создавать собственные космические и планетные обои.
Красочный дизайн Mac
Полезный учебник, который расскажет вам, как создать великолепные обои с логотипом Mac.
Интеграция 3D-элементов в ваш дизайн
В этом руководстве будут рассмотрены некоторые приемы интеграции 3D-элементов в ваши 2D-проекты.
Рисуем пользовательские 3D стрелки с помощью Photoshop

Создаём коллаж с 3D-эффектом в Adobe Photoshop

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

Скачать архив с материалами к уроку

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

Шаг 1

Чтобы начать работу, создайте новый документ размером 3000 × 2000 пикселей и с разрешением 72dpi, RGB, 8 бит.

Затем откройте изображение смартфона iPhone 7, или вы можете использовать любое другое изображение, например Samsung Galaxy, Sony или LG…

Шаг 2

Теперь возьмите Инструмент Перо (Pen Tool) (P), в режиме Слой-Фигура (Shape layers), белым цветом переднего плана нарисуйте прямоугольник с крайними точками по углам экрана смартфона.

Затем добавьте маску для этого слоя, чтобы сделать это, перейдите в строку меню — Слои (Layer) – Слой-Маска (Layer Mask) — Показать Все (Reveal All).

Шаг 3

Теперь, встав на маску слоя, возьмите Инструмент Кисть (Brush Tool) (В) со следующими параметрами:

Размер (Size): 600 точек
Непрозрачность (Opacity): 30%
Нажим(Flow): 30%
Цвет(Color): черный

Затем прокрасьте на маске слоя по краям.

Щелкните правой кнопкой мыши по слою и перейдите в Параметры наложения (Blending Options), настройте стили слоя:

Внутренняя тень (Inner Shadow):

Режимналожения (Blending Modes): Нормальный (Normal)
Непрозрачность (Opacity): 58%
Угол (Angle): 30 градусов
Смещение (Distance): 1 пикс.
Стягивание (Choke): 0 пикс.
Размер (Size): 98 пикс.

Внутреннее свечение (Inner Glow):

Режимналожения (Blending Modes): Нормальный (Normal)
Непрозрачность (Opacity): 30%
Источник (Source): На краях (Edge)
Размер (Size): 2 пикс.

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

Режимналожения (Blending Modes): Умножение (Multiply)
Непрозрачность (Opacity): 15%
Угол (Angle): 120 градусов
Стиль (Style): Линейный (Linear)

Шаг 4

Теперь, откройте изображение с дельфином, вставьте его в наш документ и продублируйте слой, нажав сочетание клавиш Ctrl + J.

Примечание переводчика: Измените размер изображения с дельфином при помощи Трансформирования: Редактирование (Edit) — Трансформация (Transform) — Масштабирование (Scale). Продублировать слой можно командой — главное меню — Слои (Layer) — Создать дубликат слоя (DuplicateLayer)

Используйте нижний слой с дельфином в качестве обтравочной маски к слою с белым экраном, для этого щелкните по тонкой линии между слоями в панели слоев, зажав клавишу Alt, или зайдите в главное меню — Слои (Layer) и выберите Создать обтравочнуюмаску (Create Clipping Mask).

Затем с помощью инструмента Волшебная палочка (Magic Wand Tool) (W), создайте выделение дельфина на втором верхнем слое.

Теперь перейдите главное меню – Слои (Layer) – Слой-Маска (Layer Mask) — Показать выделенную область (Reveal Selection).

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

Шаг 5

Затем откройте изображение всплеска воды и вставьте его в нашу работу между двумя изображениями дельфинов (головы и тела).

После этого, удалите контуры изображения всплеска с помощью Инструмента Ластик (Eraser Tool) (E) или используя Маску Слоя (Layer Mask).

Затем измените режим смешивания слоя на Экран (Screen).

Шаг 6

Теперь откройте и вставьте следующую текстуру в ваш рабочий документ:

Затем измените режим наложения слоя на Мягкий свет (Soft Light) и уменьшите его Непрозрачность (Opacity) до 25%.

Наконец, добавьте корректирующий слой Кривые, перейдя в меню Слои (Layers) — Новый Корректирующий слой (New adjustment layer) — Кривые (Curves), выставите настройки, как на изображении ниже:

Примечание: на скриншоте

Набор: Заказная,
Цвет: Красный,
Режим: Авто
Вход: 129
Выход: 113

Примечание: на скриншоте

Набор: Заказная,
Цвет: Зеленый,
Режим: Авто
Вход: 120
Выход: 134

Примечание: на скриншоте

Набор: Заказная,
Цвет: Синий,
Режим: Авто
Вход: 112
Выход: 135

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

Автор: Grafolog / Источник

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

Узнать больше интересного:

Поделиться ссылкой:

Понравилось это:

Нравится Загрузка…

3D-эффект в фотошопе — Искусство, дизайн, вдохновение — ReJump.ru

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

Будем использовать следующие ресурсы при производстве этого урока.

Шаг 1

Создайте новый документ Photoshop, размером 1200 × 1200 пикселей, с разрешением 96 пикселей / дюйм. Заполните фоновый слой радиальным градиентом. Затем добавьте небольшое воздействие шума, Filter> Noise> Add Noise.

Шаг 2

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

Создайте новый документ квадратной формы в Photoshop, заполните всю область радиальным черно-белым градиентом.
Создайте новый слой, залейте его белым цветом и примените различные облака Filter (установите цвета по умолчанию, черный и белый, команда D), выберите режим смешивания Soft Light для этого слоя.
Создайте темный круг в центральной части композиции и дорисуйте небольшие лучики с помощью маленькой круглой щетки.
Объедините все созданные слои, примените фильтр Gaussian Blur (2-3 пикселя).Затем сотрите прямые углы, пытаться получить форму круга с рваными краями.

Шаг 3

Для того, чтобы придать форме вулкана 3D с картинку, перейдите в 3D> New Mesh from Grayscale> Plane.

Шаг 4

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

Шаг 5

Простой способ привязать форму вулкана к земле и держать все другие будущие 3D-фигуры на плоскости — «Snap Object to Ground Plane «.

Шаг 6

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

Шаг 7

Вы можете создать свою шоколадную текстуру за нескольких шагов. Создайте новый квадратный документ в Photoshop и залейте фоновый слой коричневым цветом # 5a2e07 и примените следующие фильтры, начиная с шумового эффекта. Далее один — Filter> Artistic> Dry Brush и Filter> Texture> Craquelure.

Шаг 8

Скачайте файл огни и используйте его для вулкана 3D-сцены. Выберите » Replace Lights Presets » с 3D выпадающей палитры меню и найдите «choco_volcano.p3l» на вашем компьютере. Создайте дубликат 3D-слоя вулкана, мы будем использовать для создания дубликатов небольшие горы на заднем плане.Вы можете сделать дубликат слоя невидимым на некоторое время.

Шаг 9

Создайте новый слой ниже формы 3D вулкан и залейте его серым цветом. Сделайте то же самое, как длясерого вулкана, перейдите в 3D> New Mash From Grayscale > Plane.

Шаг 10

Держите активные 3D серые плоскости слоя и корректируйте положение камеры для этой формы.Возьмите Camera Moving Tool и примените абсолютно то же самое, как для слоя вулкана в предыдущих шагах. Просто выберите camera settings от вулкана просмотрите список и примените его на серой плоскости.

Шаг 11

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

Шаг 12

Примените того же материал и свет, как и для заданного слоя вулкана 3D.

Шаг 13

Добавьте маску слоя к слою ground plane и заполните верхнюю часть линейным черно-белым градиентом.

Шаг 14

Создайте контур будущего 3D текста. Выберите Ellipse Tool и Paths Mode и сделайте эллипс с диаметром около 945px. Затем выберите инструмент Direct Selection Tool, выберите нижнюю точку и удалите его.

Шаг 15

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

Шаг 16

Преобразуйте текстовой слой в форму, щелкните правой кнопкой мыши текстовый слой и выберите » Convert to Shape «.

Шаг 17

Теперь вы сможете изменить текстовой контур и добавить эффект капель. Выберите инструмент Direct Selection Tool и перетащите одну из опорной точки вниз.

Шаг 18

Добавьте несколько новых точек с помощью Add Anchor Point и переместите их с помощью Direct Selection Tool, чтобы получить подобный результат, как на скриншоте.Используйте тот же метод для создания других капель.

Шаг 19

Получите следующий результат

Шаг 20

Для того чтобы создать эффект 3D текста слой, слой контура должен бать активным, перейдите в 3D> Repousse> Selected Path. Примените настройки как на втором скриншоте.

Шаг 21

Для того, чтобы сделать отверстия в буквах, выберите контур с любым ограничением и выберите » Hole «.

Шаг 22

Возвратитесь в 3D окно настроек Repousse и внесите изменения, просто нажмите на иконку в нижней части панели 3D или перейти к 3D> Repousse> Edit in Repousse. Применените тот же материал, шоколада для этой форму, как на вулкане, и на земле.

Шаг 23

Для того чтобы подготовить объединение слоя с текстом и вулкан, примените те же настройки камеры, а затем перейти к Layer> Merge Down.

Шаг 24

Текстовый слой слился с формой 3D вулкана имеет те же lights preset и выглядит похоже. Вы можете настроить положение формы текста после слияния с использованием Mesh moving Tools. Выберите текст сетки в разделе сетки и примените параметры как на скриншотах ниже.

Шаг 25

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

Шаг 26

Сохраните текущие настройки камеры и объектов, назовите » volcano «, например. Она должна появиться в списке меню » View «.

Шаг 27

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

Шаг 28

Найти копию 3D вулкана, дублировать ее еще раз. Переместите скопированный слой на 3D-сцену с текстом и объедините их. Затем переместите, масштабируйте и вращайте их с помощью Mesh moving инструмента. Вы можете использовать сетку настройки позиции из скриншота ниже:
volcano-056

Шаг 29

Если вы измените положение камеры на » Front » Вы должны увидеть нечто подобное:

Шаг 30

Вернуться к оригинальному » volcano » и изменить положение камеры.

Шаг 31

Вставить изображение молока в новый слой.

Шаг 32

Выделите молоко Quick Selection инструментом или Magic Wand.

Шаг 33

Inverse.

Шаг 34

Затем перейдите в Select> Refine Edge. Примените настройки как на втором скриншоте.

Шаг 35

Нажмите кнопку «Ok», затем щелкните правой кнопкой мыши слой молоко, выберите Apply Layer Mask. Вырежьте нижнюю часть стакана молока.

Шаг 36

Выберите Spot Healing кисть и удалите стеклянные края, используя Content-Aware Mode.

Шаг 37

Вы можете изменить форму всплеска немного с использованием Warp Transformation. К Edit> Transform> Warp. Перетащите ручки и движение точек, как на примере ниже.

Шаг 38

Add Layer Mask, намолочный слой еще раз и удалите контур кратера вулкана небольшой черной кистью.

Шаг 39

Примените Auto Contrast в молочном всплеске, затем дублируйте слой всплеска и перейдите к Variations.Для лучшей интеграции изображения молокас текущим теплым шоколадом, нажмите на tones variations, вы получите более теплые и более темные тона.

Шаг 40

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

Шаг 41

Загрузите выделение для всего документа, перейдите в Select> All. Затем перейдите к Edit> Copy объедините, вставьте объединенное содержимое слоя в новый слой. Нажмите значок быстрой маскии заполняем нижнюю часть документа области отраженным черно-белым градиентом.

Шаг 41

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

Шаг 42

Отмените выделение и отпустите Quick Mask.

Шаг 43

К Filter> Blur> Lens Blur. Примените следующие настройки:

Окончательное изображение

,Абамлеть! Это с каких версий фотошоп превратился в 3д-макс?,Пьятой вроде),Я как-то остановился на CS2, всё устраивает…
Оффтопиком, что-то не пришло сообщение об ответе на комментарий.,Хз почему не пришло.(Мне пришел твой ответ, почту правильно указал?) Вообще CS3 для меня был идеалом, но щас CS5 не променяю,,, удобнее…

CS6 еще не тестил. Уже винду переустановлю и поставлю.

Создание 3d эффекта в фотошопе. Как сделать анаглиф эффект в фотошопе

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

Выбор исходного фото

1. Для начала вам нужно смириться с тем, что часть изображения будет обрезана.
2. Выбирайте такое фото, чтобы на нем была какая-то интересная деталь или часть композиции, которую можно обыграть. Например: свесившаяся лапа кота, поезд, который едет по направлению к объективу или что-то в этом роде.

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

Шаг 1: обрезаем изображение

Шаг 2: делаем тень под объектом

Вариант 1: тень только под объектом. Подходит преимущественно для темных фото.

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

Вариант 2: сделать тень вокруг всей картинки, не копируя объект отдельно. То есть достаточно применить «Тень» в стилях слоя изображения, с которого мы удалили часть фона. Эти фото обработаны именно так:

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

Так что было вначале?

А теперь смотрим в конце!

Шаг 1

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

Копируем его, нажав Ctrl+J (в виндоус) / Command+J (на мак платформе) . Ура, у нас появился новый слой, изменим его имя по умолчанию «Слой1» на что-то более симпатичное и явно идентифицирующее будущий функционал слоя, например, на «Плоскость». Для этого перейдите в окошко слоя и два раза кликните на нем и нажмите «Enter» на клавиатуре (при работе в Windows или Return на Mac) для подтверждения смены имени слоя. Это будет 1 слой.

По такому же алгоритму действий продублируем слой «плоскость». Делаем 2 слой, он будет самым верхним. Назовем его «поп-ап».

Шаг 2

Выключим видимость созданных новых слоев.
На палитре слоев слева каждого слоя иконка глазика. Когда мы жмем на нее – отключается видимость слоя в изображении. Отключите видимость двух верхних слоев «поп-ап» и «плоскость». В нашем случае видимого эффекта на картинке пока нет, т.к. на основном слое бэкграунда изображено было тоже самое, что и на отключенных слоях. Но то ли еще будет!

Шаг 3

Выделите слой бэкграунда нажав на него.

Выделенный слой подсвечивается голубым.

Шаг 4

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

Открывается список из массы позиций, ищем вторую сверху – это «Градиент».

Шаг 5

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

У вас должна открыться панель «редактор градиентов». Выберите там набор «Черный, белый» ткнув по нему мышкой. Этот набор третий по счету в верхнем окне готовых наборов цветов.

Шаг 6

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

Откроется окно палитры цвета узла градиента. Выберете свой светло-серый цвет пипеткой в окне палитры или найдите значок # и введите номер цвета руками 929292 .

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

На все окно – серый градиент…

Шаг 7

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

Фото снова появилось, т.к. слой «плоскость» расположен сверху слоя градиентной заливки.

Шаг 8

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

Шаг 9

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

Шаг 10

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

Шаг 11

Переходим в модель «Перспектива».
Как только вы выделили инструмент трансформации выделенной области, то по краям выделения на углах появились маленькие квадратики. (в каждом углу: посередке, сверху, снизу, слева, справа). Мы будем использовать их для переопределения формы трансформации выделения. Но прежде перейдем в режим перспективы. Для этого нажмите по экрану правой кнопкой в Windows или Control-click (в Mac) и выберите в появившемся меню опцию «Перспектива».

Шаг 12

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

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

Шаг 13

Переходим в модель «Масштабирование».
Кликаем правой кнопкой мыши в Windows или Control-click (в Mac) и выберем в появившемся меню опцию «Масштабирование».

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

Кликаем в основании трапеции на средней точке управления, и точно также удерживая левую кнопку мыши, подымаем конструкцию выделения вверх.

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

Шаг 14

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

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

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

Шаг 15

Добавление белой обводки к стилю слоя.
Давайте используем белую обводку для добавления цвета рамки к слою фото.
Внизу панели слоев нажмите «Добавить стиль слоя» (иконку “fx”).

Затем в появившемся меню выберите 3 сверху параметр «Обводка».

Откроется диалоговое окно стиля слоя. Нажмите «Цвет».

Выберите на палитре цветов белый цвет. Его кодовое цветовое значение #ffffff .

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

Измените размер ширины обводки – это и есть белая окантовка вокруг фото. Можете поставить например 16 px.

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

Шаг 16

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

Шаг 17

Выберите на фото ваш главный объект, над которым вы будете работать.
Определитесь на панели инструментов среди любого из инструментов выделения области: «Лассо», «Магнитное лассо», «Быстрое выделение», «Волшебная палочка» и т.д. Очертите вокруг предмета, который вы собираетесь выделить соответствующий контур. На фото приведенном здесь мы выбираем двух детишек и снеговика. Постарайтесь сделать свой выбор области максимально точным вокруг близлежащих, т.к. все, что вы выбрали, и будет потом появляться в стиле 3D поп-ап из основной фотографии. Да, это те самые области, которые появятся впереди нашего градиентного фона.
Вокруг нижних областей будущих проявляющихся вперед из общего фона форм очертите свободные формы. Наконец, выделение объектов завершено!

Шаг 18

Добавьте слой-маску.
Не снимая выделение с главных объектов на фото и находясь на слое «поп-ап» нажмите внизу панели слоев на «Добавить слой маску».

Фотошоп мгновенно конвертирует наше выделение в маску слоя «поп-ап».

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

Шаг 19

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

Шаг 20

Загрузите заново область выделения маски.
Для этого при выделенном слое «плоскость» кликните на нем левой кнопкой мыши удерживая Ctrl (в Windows) / Command (Mac).

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

Шаг 21

Добавьте новый слой ниже слоя «Плоскость».
При выделенном активном слое «плоскость» внизу панели слоев нажмите на иконку «Создать новый слой», но обязательно при этом удерживая левую кнопку мыши жмите на Ctrl (Win) / Command (Mac).

Новый слой появится внизу слоя «плоскость»! Это удивительное исключение из правил (обычно при нажатии иконки нового слоя он появляется вверху активного слоя), и это исключение возникает только благодаря тому, что вы использовали клавишу Ctrl. Переименуйте новый слой в «тень» дважды кликнув на нем, введя название и подтвердив его Enter (Win) / Return(Mac)

Шаг 22

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

Откроется диалоговое окно заливки. Выберите в пределах содержимого в выпадающем списке «Использовать» опцию «Черный». Оставьте в опциях наложения слоя непрозрачность слоя 100% и «Нормальный» режим.

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

Шаг 23

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

Шаг 24

Разорвите связь слоя с его маской.
Теперь оставаясь на слое «плоскость» кликните рядом справа на его слое маски. Связи между этими слоями уже нет.

Шаг 25

Выберите в меню трансформацию объекта.
Перейдем в меню Редактирование, там выберем Трансформация, и дальше ее вид — Деформация.

Шаг 26

Переместим 4 угловых точки на изображении вверх для создания заворачивающихся уголков.
Вы увидите деформационную сетку, появившуюся вокруг фото. Кликните на каждом из углов по ее краю и поднимите их вверх.
Как только вы передвинете каждый из них вручную вверх, вы заметите, что помимо появившегося на поверхности эффекта загнутых листов очень кстати раскрылся нижележащий слой «тень». Если сделанные вами трансформации вас устраивают подтвердите их, нажав Enter (Win) / Return (Mac).

Шаг 27

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

Шаг 28

Примените фильтр размытия по Гауссу.
Перейдите в верхнее меню Фильтр, выделите там Размытие, и потом Размытие по Гауссу.

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

Нажмите «Ок» и полюбуйтесь результатом размытой тени на вашем почти уже готовом изображении!

Шаг 29

Уменьшите прозрачность тени.
Мы размыли края тени, но она все еще продолжает оставаться интенсивной и слишком темной. Найдите параметр «Непрозрачность» в верхнем правом углу на панели слоев и уменьшите прозрачность слоя со 100% до 60%.

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

Шаг 30

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

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

Когда габариты тени наконец вас устроят, жмите на клавиатуре Enter (в Win) или Return (в Mac) для подтверждения действий и выходите из режима трансформации. Вот так выглядит тень на нашем изображении после всех трансформаций.

Изменение цвета фонового градиента

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

Откроется знакомое окно по настройке градиента. Нажмите на цветовом превью в его верхней части.

Войдите в окно редактирования цветов градиента. Дважды щелкните на нижнем маркере слева на линейке градиента.

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

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

Вот для сравнения еще раз взгляните на исходник фотографии.

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

Поздравляем, мы сделали все, что хотели!

Мы начинаем с отделения цветовых каналов на каждом слое.

Нажмите Enter для применения действия инструмента.

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

Сведение изображений и обрезка картинки

Вот как выглядит готовое фото:

Теперь, всё, что вам нужно, это 3D-очки…

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

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

Дополнительные материалы

Шaг 1

Откройте Phоtoshoр и создайте документ 1200x1200px с разрешением 72 точки на дюйм.

Шaг 2

Чтобы создать 3d текст в фотошопе, будем использовать инструмент «Нorizоntal Tyрe Тool» (Т). Наберите какой-нибудь текст, например «ТYPE», установив шрифт Frаnklin Gоthic Hеavy или аналогичный.

Изменим цвет на красный (# CC3333), чтобы текст выделялся на темном фоне, который мы будем создавать в дальнейшем.

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

Шaг 3

Чтобы создать 3д эффект в фотошопе, cкопируйте слой с текстом (Сtrl+J).

Измените цвет на новом слое на #99000.

Затем включите режим Свободного трансформирования (Frеe Trаnsform) — Ctrl+T и, удерживая клавиши Аlt+Shift, уменьшите размер текста до 90%.

Инструментом «Мove Тool»(V) перетащите слой, разместив его, как изображено ниже. В палитре cлоев поместите копию под оригинал.

Шаг 4

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

Для этого создайте новый слой и, используя инструмент «Рolygonаl Lаsso Тool» (L), создайте фигуру, соединяющую углы букв обоих слов, затем залейте ее цветом с кодом #99000.

Шаг 5

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

Выберите слои с тёмным текстом и сторонами, созданные в прошлом шаге, и объедините (Сtrl+Е).

Светлый текстовый слой должен располагаться сверху.

Выбрав инструмент «Многоугoльное лaссо» (Рolygonal Lаsso Тool), создайте выделение вокруг одной из сторон текста.

После этого нажмите Сtrl+J: выделение будет скопировано на новый слой.

То же самое сделайте для каждой стороны текста.

Слои переименуйте в соответствии со сторонами. Слои для каждой буквы группируйте (Ctrl+G).

Шаг 6

Теперь мы можем начать добавлять тени.

Источник света будет располагаться в верхнем правом углу, поэтому здесь будет наиболее светлая область изображения, а в левом нижнем углу — наиболее тёмная.

Перейдите в меню Lаyer> Lаyer Stylе> Grаdient Ovеrlay.

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

Шаг 7

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

Шаг 8

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

Для этого перейдите в меню Lаyer> Lаyer Style> Соlor Overlаy.

Измените цвет на черный, непрозрачность установите 20% — 60%.

Шaг 9

Теперь добавим некоторые эффекты к передней части нашего текста. Выберите в панели слоев слой с передней частью текста, чтобы активировать его, затем перейдите в меню Lаyer> Lаyer Stylе> Bevel and Emboss.

Убедитесь, что угол скоса на стороне источника света.

Шaг 10

Чтобы добавить немного освещения на переднюю часть текста, создадим градиент, зайдя в стили слоя Lаyer> Lаyer Style> Grаdient Overlаy.

Шaг 11

Теперь мы можем начать работу над фоном.

Во-первых, зальем фон черным цветом.

Один из способов сделать это — нажать (Ctrl +), чтобы выбрать весь холст, а затем (Shift + F5), чтобы открыть диалоговое окно «Fill», которое можно использовать для заливки выделения черным цветом (# 000000).

Теперь открываем файл с текстурой и переносим в основной документ.

Текстуру поворачиваем, используя Свободное трансформирование (Сtrl +Т), а также немного уменьшаем до ширины нашего холста.

Шaг 12

Мы собираемся затемнить текстуру по краям.

Для этого нам сперва нужно найти центр холста.

Перейдите в меню View и убедитесь, что функция «Snap» («Привязка») включена (вы можете включать/выключать привязку комбинацией клавиш + + ).

Теперь отведите горизонтальную направляющую к центру; когда она дойдет до центра, то остановится здесь.

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

Залейте маску черным цветом, а затем с помощью инструмента «Grаdient Тool» (G) создайте радиальный градиент от белого к прозрачному, начиная от центра.

Выберите слой с маской и с помощью Свободного трансформирования (Сtrl + Т), удерживая Аlt, сведите друг к другу верхнюю или нижнюю стороны.

Текстура должна стать овальной формы.

Шаг 13

Чтобы добавить тень под текстом, выделите все текстовые слои (Сtrl+Сlick), создайте слой и залейте чёрным цветом.

Скопируйте этот слой, чтобы у нас было два чёрных текстовых слоя.

Переместите оба слоя под текстовыми.

Примените фильтр «Mоtion Вlur Filtеr»: угол должен исходить из верхнего правого угла к нижнему левому, так же, как и источник света.

Шaг 14

Дублируйте слой с тенью, нажав Ctrl + J.

Теперь объедините эти два слоя: Lаyer> Mergе Lаyers.

Шaг 15

К другому черному текстовому слою применим фильтр «Gаussian Вlur»: Filtеr> Вlur> Gаussian Blur, установив радиус 12,0.

Шаг 16

Перейдите в меню Lаyer> Lаyer Mаsk> Reveаl Аll.

Используя чёрную кисть диаметром 100 пикселей, жесткостью 0 %, обрисуйте чёрные области тени справа и сверху (источник света).

Шаг 17

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

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

Выделите все текстовые слои (Сtrl+Сliсk) и перейдите в меню Lаyer > Lаyer Mask > Reveаl All).

Теперь текстура будет заметна только на тексте.

Смените режим наложения текстуры на Sоft Light (Мягкий свет), непрозрачность уменьшите до 40%.

Шaг 18

Перейдите в меню Lаyer > Nеw Аdjustment Lаyer > Grаdient Маp.

Задайте градиент от синего к желтому и уменьшите прозрачность до 10%.

Шaг 19

Шрифтом «Frаnklin Gоthic Demi Сondensed» или аналогичным напишите белым цветом подтекст.

Смените режим наложения на Оverlаy (Перекрытие).

Скопируйте слой, чтобы немного осветлить его.

Шаг 20

На последнем шаге зайдите в меню Layer> Flatten Image, чтобы свести все слои.

Дублируйте этот слой ( + ), перейдите в меню Filtеr> Оther> High Pаss.

Смените режим смешивания на Sоft Light.

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

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

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

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

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

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

1. В панели инструментов выбираем иконку «Файл «, далее команду «Открыть «.

2. Выбираем в меню «Слой » и создаем новый слой.

3. Далее в пункте «Редактирование » выполняем заливку белым цветом.

4. Теперь активируем нижний слой в меню со слоями, после чего создать дубликат слоя и в окне слоев поставить его на самый верх.
5. Следующим шагом будет выделение прямоугольной формы на фото и создание маски слоя, для чего нужно в окне слоев кликнуть на значок маски.
6. Активируем в окне словек средний слой, уменьшаем непрозрачность и кликаем по маске верхнего слоя.
7. Белой кистью проявляется верхняя часть лебедя.

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

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

10. Перейдя в окно слоев нажимаем на «Контуры «, и правой кнопкой мыши кликаем по синей строке перед нами появится окно, в котором нужно выбрать пункт «Образовать выделенную область «. Выделение появится на фотографии.

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

11. Черной кистью стераем изображение воды по бокам.

12. Теперь в строке «Выделение» выбираем «Инверсия «, в результате по краям фотографии выделение пропадет, а изображение воды будет продолжать оставаться выделенным.

13. Сейчас в окне слоев нужно сделать активацию среднего белого слоя.

14. В графе «Редактирование » выбираем пункт «Свободное трансформирование «, и подводя курсор мышки к маячкам, потягиваем их и расширяем выделение..

Жмем клавишу Enter или вверху значок «применить «.

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

16. И опять в строке «Слой » применяем «Стиль слоя » «Тень «.

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

18. Вот и появился эффект 3D, созданный в фотошопе.

19. Сейчас можно приступить к смене фона. Чтобы это сделать надо активировать белый слой.

20. В графе «Редактирование » дать команду «Выполнить заливку » и залить любым цветом.
На приведенном фото фон сделан градиентом, о том как его сделать, можно посмотреть, перейдя по следующей ссылке.

21. Заканчиваем работу, кликая в окне слоев по верхнему слою, а далее сохраняем файл в формате для Web и устройств.

Как создать трехмерную сферу в Adobe Photoshop

Трехмерные изображения могут быть созданы в Photoshop либо с нуля, используя предварительно настроенные формы Photoshop, либо путем импорта каркасов и визуализированных изображений из 3D-приложений, таких как 3D Studio Max или Maya . 3D-моделирование в Photoshop требует интенсивной работы процессора, поэтому, если вы увидели сообщение при запуске Photoshop о недостаточном объеме vRAM, вы не сможете работать в 3D. Имейте в виду, что 3D-моделирование — сложная тема, и о ней написаны тома, поэтому это руководство является просто введением, в котором 3D-объект будет создан с использованием второго изображения над слоем фонового изображения.

Эта функция одинаково работает в версиях Adobe Photoshop CS6 и CC. Photoshop CS5 также имеет возможности 3D, но интерфейс изменился.

Перейдите в Edit> Preferences> Performance и убедитесь, что установлен флажок Use Graphics Processor . Если эта опция неактивна, ваша система не поддерживает Open GL, поэтому ваши возможности 3D будут ограничены и будут работать очень медленно.
При создании 3D-объекта изображение из слоя под 3D-слоем будет обернуто вокруг объекта.Чтобы сохранить фоновое изображение нетронутым, я создал векторный прямоугольник по всему изображению с Fill и Stroke , установленным на None. Теперь я создам новый пустой слой над ним.
Чтобы создать 3D-объект, перейдите в 3D> New Mesh from Layer> Mesh Preset и выберите Sphere .
Нажмите Да, когда получите сообщение с вопросом, хотите ли вы переключиться в рабочее пространство 3D.
В окне изображения будет отображаться плоскость поверхности и вторичный вид .Нажмите кнопку Close View в верхнем левом углу панели, чтобы закрыть Secondary View .
На панели 3D на панели Dock щелкните Sphere Material .
Затем перейдите на панель Properties , щелкните меню Diffuse и выберите Replace Texture . В открывшемся каталоге выберите желаемое изображение.
Чтобы повернуть изображение вокруг трехмерного каркаса, вернитесь на панель 3D и щелкните Sphere .
Инструмент 3D Axes появится в окне изображения с тремя «рычагами» для осей X, Y и Z. Наведите указатель мыши на разные секции в каждой руке и внимательно просмотрите подсказки.
Здесь 3D-объект был повернут вокруг всех трех осей:
Чтобы переместить 3D-объект, перейдите на панель параметров и выберите инструмент 3D Drag Object .
Наведите указатель мыши на границу «куба», чтобы вы видели только значок «Перемещение» без подсказок и плоскостей на кубе, затем щелкните и перетащите трехмерный объект в желаемое место на изображении.
Чтобы настроить тень, перейдите на панель 3D и щелкните Infinite Light 1 .
Инструмент 3D Light Source появится на объекте. Перетащите ручку, чтобы отрегулировать угол освещения объекта и положение тени.
Чтобы лучше оценить эффект тени, отключите сетку базовой плоскости, выбрав View> Show> 3D Ground Plane .
Посмотрите на панель Properties , и вы увидите варианты отключения тени или регулировки мягкости.
Трехмерные объекты можно визуализировать для использования в видео или анимации, что занимает довольно много времени. Их также можно растрировать как трехмерный эффект для использования в плоской графике. Чтобы растрировать, перейдите на панель Layers , щелкните правой кнопкой мыши (ПК) / Control — щелкните (Mac) на 3D-слое и выберите Rasterize 3D .
Слой больше не является трехмерным объектом.

20 Руководств по освоению 3D-инструментов в Photoshop

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

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

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

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

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

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

Adobe прилагает все усилия, чтобы предоставить нам лучший 3D-инструмент в Photoshop.И я должен сказать, мне это нравится!

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

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

Сделайте так, чтобы ваши изображения выпрыгивали с экрана, добавляя трехмерные свойства к 2D-изображению!

Трехмерные изображения можно создавать в Photoshop либо с нуля, используя предварительно настроенные формы Photoshop, либо путем импорта каркасов и визуализированных изображений из 3D-приложений, таких как 3D Studio Max или Maya. 3D-моделирование в Photoshop требует интенсивной работы процессора, поэтому, если вы увидели сообщение при запуске Photoshop о недостаточном объеме vRAM, вы не сможете работать в 3D.Имейте в виду, что 3D-моделирование — сложная тема, и о ней написаны тома, поэтому это руководство является просто введением, в котором 3D-объект будет создан с использованием второго изображения над слоем фонового изображения.

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

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

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

Из этого туториала Вы узнаете, как использовать фильтры, параметры настройки и стили слоев Photoshop для создания текстуры, напоминающей голограмму, и использовать ее вместе с инструментами и настройками 3D для создания текстового эффекта 3D-голограммы с элементами ретро. Чувствовать.

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

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

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

Теги сообщений

Создание элегантного эффекта трехмерного текста в Photoshop CS6 — Medialoot

Из этого туториала Вы узнаете, как использовать атрибуты формы и возможности 3D Photoshop CS6 для создания элегантного королевского трехмерного текстового эффекта.Он проведет вас через изменение настроек формы, работу с трехмерными элементами, создание различных материалов, настройку источников света и изменение результата рендеринга. Давайте начнем!

Учебные материалы

Шрифт Elsie.
Выкройка на подкладке от Chris Baldie.
Плитка из светлого дерева от WebTreatsETC.
Текстура металлических труб, выполненная фотофречцией (достаточно маленького изображения).
Gradient-shape for Photoshop от ilnanny (Загрузите файл METALS.grd файл).

Шаг 1

Создайте новый документ размером 1000 x 800 пикселей и залейте фон черным цветом.

Создайте текст в белом цвете, используя шрифт Elsie, размер шрифта 250 pt и установите значение отслеживания 50.

Шаг 2

Перейдите в меню «Тип»> «Преобразовать в форму». Это преобразует текстовый слой в слой-фигуру, а это значит, что его больше нельзя будет редактировать как текст. Поэтому не забудьте изменить текст перед его преобразованием.

Дублируйте слой с фигурой текста и выберите инструмент «Прямое выделение», чтобы получить параметры формы на панели параметров.Измените Заливку на Нет, цвет Обводки на любой серый цвет, Размер Обводки на 10 и Выровнять по внешней стороне.

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

Шаг 3

Дублируйте фоновый слой и перетащите копию поверх всех слоев. Перейдите в 3D> Новая сетка из слоя> Открытка.

Выберите все имеющиеся у вас 3D-слои (щелкните верхний слой, нажмите и удерживайте клавишу Shift, затем щелкните нижний) и перейдите в меню «3D»> «Объединить 3D-слои».

Это поместит все 3D-слои в одну сцену.

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

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

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

Шаг 4

Выберите вкладки имени сетки текстовой формы на панели 3D (выберите одну, затем Ctrl / Cmd + выберите другую) и измените значение глубины выдавливания на панели свойств на 250.

Щелкните значок «Кепка» в верхней части панели «Свойства» и измените ширину скоса на 3, а контур — на полукруглую.

Щелкните значок Координаты и измените угол поворота X на 90 °. Это сделает текстовые сетки перпендикулярными плоскости земли.

Выберите имя плоской сетки и также измените ее угол поворота по оси X на 90 °.

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

Шаг 5

Снова выберите 3D-слой, затем имя плоской сетки на панели 3D. Перейдите в меню 3D> Привязать объект к плоскости земли и в разделе «Координаты» на панели «Свойства» увеличьте значение Y Position, которое у вас есть, на 0.1, так что плоскость не находится в точности на исходной плоскости земли.

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

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

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

Выберите плоскую сетку, затем масштабируйте ее равномерно, пока она не покроет все пустые области вокруг текста.

Шаг 6

Пора работать над материалами.

Начните с выбора всех вкладок материалов обеих текстовых сеток на панели 3D, за исключением материалов для выдавливания (Ctrl / Cmd + щелчок по вкладкам для выбора).Затем на панели «Свойства» щелкните значок «Рассеянная текстура» и выберите «Удалить текстуру».

Измените цвет Diffuse на # bea221, Specular на # bbb08c, значение Shine на 55%, Reflection на 35% и Refraction на 1,35. Это создаст блестящий золотой материал.

Выберите вкладку материала Extrusion с внутренним текстом, удалите текстуру Diffuse, затем измените цвет Diffuse на # 6c1e98, Specular на # e3e1d7, Illumination на # 000000, Ambient на # 4d1972, значение Shine на 75%, Отражение до 25%, непрозрачность до 30% и преломление до 1.1. Это создаст стеклянный материал.

Шаг 7

Щелкните вкладку материала Extrusion внешней текстовой сетки, удалите текстуру Diffuse, затем измените цвет Diffuse на # 4b2262, Specular на # a7a188, значение Shine на 75%, Reflection на 25% и Refraction на 1,3.

Щелкните значок папки Bump и выберите «Новая текстура».

Введите 1000 и 550 для значений ширины и высоты.

Щелкните значок текстуры «Рельеф» и выберите «Редактировать текстуру».

Это откроет файл текстуры. Дублируйте фоновый слой.

Шаг 8

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

Щелкните значок «Создать новый слой заливки или корректирующего слоя» на панели 3D и выберите «Яркость / Контрастность».

Измените Яркость на 1 и Контрастность на -50.

Еще раз щелкните значок «Создать новый слой заливки или корректирующего слоя», но на этот раз выберите «Уровни».Затем измените значение Shadows на 7 и значение Highlights на 210.

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

Измените значение Bump на 55%. Теперь вы можете четко видеть текстуру.

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

Щелкните значок текстуры Bump и выберите Edit UV Properties.Затем измените Масштаб U на 1000%, Масштаб V на 100%, а U-смещение и V-смещение на 0.

Шаг 9

Щелкните вкладку материала плоскости, затем щелкните значок текстуры «Рассеивание» и выберите «Заменить текстуру». Загрузите изображение «webtreats_light_wood4.jpg» из пакета «Tileable Light Wood Textures», затем снова щелкните значок Diffuse текстуры и выберите Edit Texture, чтобы открыть файл.

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

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

Еще раз щелкните значок текстуры Diffuse и выберите Edit UV Properties. Измените U Scale на 1000%, V Scale на 300%, а U Offset и V Offset на 0. Возможно, вам понадобится использовать другие значения, если вы хотите получить большую или меньшую деревянную плитку.

Что касается других настроек, измените цвет Specular на # 5e5e5e, значение Shine на 90%, Reflection на 20% и удалите текстуру Opacity.

Шаг 10

Щелкните вкладку «Бесконечный свет 1» на панели «3D», затем на панели «Свойства» измените его цвет на # faf8f1, интенсивность на 80% и мягкость тени на 30%.

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

Щелкните значок «Добавить новый источник света в сцену» на панели «3D» и выберите «Новый точечный свет».

Измените цвет точечного света на # fff7d5, его интенсивность на 55% и снимите флажок с его тени. Затем установите флажок LightFalloff, измените значение Inner на 50 и Outer на 200. Это заставит свет постепенно исчезнуть.

Шаг 11

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

Введите имя представления и щелкните OK.

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

Шаг 12

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

Щелкните вкладку «Среда» на панели «3D», затем щелкните значок папки IBL на панели «Свойства» и выберите «Загрузить текстуру».

Откройте «текстуру металлических труб …» и измените интенсивность на 50%.

Щелкните значок текстуры IBL и выберите «Редактировать текстуру», чтобы открыть файл текстуры. Затем перейдите в Image> Adjustments> Hue / Saturation. Щелкните поле Colorize и измените значение Hue на 30, чтобы придать текстуре оранжевый оттенок. Сохраните и закройте файл.

Вы можете использовать инструмент «Перемещение», чтобы щелкнуть и перетащить сферу текстуры среды, чтобы переместить ее в сцене, пока она вам не понравится.
Когда вы закончите редактировать сцену, продолжайте и визуализируйте ее (3D> Render).

Рендеринг может занять некоторое время, но вы можете остановить его в любой момент, нажав клавишу Esc.

По завершении рендеринга щелкните значок «Создать новый слой заливки или корректирующего слоя» и выберите «Карта градиента».

Измените режим наложения корректирующего слоя на Мягкий свет, его непрозрачность на 35% и используйте градиентную заливку «Bronze Bz 22» из МЕТАЛЛОВ.grd файл.

Заключение

И готово! Множество настроек и параметров материалов являются мощной частью 3D-среды в Photoshop CS6, а также инструментов 3D-сцены и типов света. Таким образом, используя правильное сочетание текстур, цветов и настроек, вы можете получить отличный результат.

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

Мы будем рады, если вы попробуете этот урок и расскажете нам о своих результатах!

Роуз — графический дизайнер-фрилансер, которая начала использовать Photoshop в 2007 году.Она является основателем textuts.com: блога с учебниками по текстовым эффектам. Помимо написания руководств по текстовым эффектам, она также работает над различными типами печати и 3D-дизайном.

Как создать эффект внутренней трехмерной перспективы в Photoshop CC?

Как создать эффект внутренней трехмерной перспективы в Photoshop CC? — Обмен стеками графического дизайна

Сеть обмена стеков

Сеть Stack Exchange состоит из 178 сообществ вопросов и ответов, включая Stack Overflow, крупнейшее и пользующееся наибольшим доверием онлайн-сообщество, где разработчики могут учиться, делиться своими знаниями и строить свою карьеру.

Посетить Stack Exchange

0
+0
Авторизоваться Зарегистрироваться

Graphic Design Stack Exchange — это сайт вопросов и ответов для профессионалов, студентов и энтузиастов графического дизайна.Регистрация займет всего минуту.

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

Кто угодно может задать вопрос

Кто угодно может ответить

Лучшие ответы голосуются и поднимаются наверх

Спросил 5 лет, 5 месяцев назад

Просмотрено 653 раза

Закрыто. Это вопрос не по теме. В настоящее время он не принимает ответы.

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

Закрыт 5 лет назад.

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

Спасибо!

Создан 23 фев.

Метод, который я использую, вероятно, не самый эффективный, но он работает и должен дать вам изображение, которое вы предоставили.Я предполагаю, что у вас есть базовые знания об инструментах Photoshop, таких как выделение, слои и т. Д. Этот метод основан на окне «Действия» и функции Photoshop CS4.

Начните с основного контура объекта, который вы хотите 3D-визуализировать.

^{(Щелкните изображение, чтобы увеличить)}
Откройте окно «Действия» (находится в разделе «Окно» на панели задач).
Мы собираемся «записать» действие. Записав действие, мы можем «проигрывать» его снова и снова.Это создаст кучу слоев, чтобы дать эффект «3D». БУДЬ ОСТОРОЖЕН. Все, что вы делаете после нажатия кнопки «запись», становится частью действия. Нам нужно сделать четыре очень простых вещи.
- Дублируйте слой Shape.
- Выберите новый слой Shape.
- Переместите центр изображения вниз.
- Измените размер нового слоя Shape на ~ 1%.
Нажмите кнопку «Создать новое действие» в нижней части окна «Действия».
Используя клавиатуру, нажмите CMD + J (Ctrl + J на ПК), чтобы продублировать слой.
Используя клавиатуру, нажмите Option + [(Alt + [на ПК), чтобы выбрать новый слой Shape.
С помощью мыши щелкните и перетащите «центроид» (маленький кружок) от центра формы к нижней части изображения.
Измените масштаб нового слоя формы до 99,6% (или чего-то подобного). Это сделает дубликат формы пропорционально меньше. Примените преобразование (отметьте галочкой вверху справа или CMD + Return).
Откройте окно «Действия» и нажмите «Стоп».Как и при съемке видео, ваше новое действие перестанет записываться. Если вы все сделали правильно, ваше действие должно выглядеть так.
Теперь все, что вам нужно сделать, это «воспроизвести» действие на слое формы несколько десятков раз, чтобы «выдавить» форму. Он не идеален и создает массу слоев, но работает. Не стесняйтесь объединить некоторые слои, если хотите. В конечном итоге вы получите что-то вроде этого.
Причина, по которой он пока не выглядит великолепно, в том, что на нем нет теней.У 3D-объектов есть тени. Вот где эта техника терпит неудачу, потому что требуется немного творческого зрения, чтобы увидеть, где «должны» быть тени. Я просто выбрал части формы глубины и создал слой сплошного цвета. Установите черный цвет и непрозрачность ~ 30% (на самом деле, как хотите).
Используя выбор из предыдущих шагов, вы можете создавать новые слои, которые влияют только на определенные «темные» области. Примените черный цвет к прозрачным градиентам (G на клавиатуре), чтобы сделать градиенты от ближнего к дальнему.Опять же, это требует немного художественного чутья, и здесь нет точной науки. Поиграйте с градиентами, чтобы затемнить области, которые, по вашему мнению, должны быть темнее.
Вот и все! Поиграйте с этим. Выровняйте слои и сделайте с ними обычный PS. Это не идеально и не безупречно, но это один из способов. Как только вы освоите этот процесс, вы сможете сделать что-то столь же безупречное, как то, что вы изначально опубликовали. Вы даже можете увидеть «ребра» в том, что вы разместили — частичное свидетельство того, что они использовали аналогичный подход «Действие / Дублирование / Изменение размера».

Карел

74411 золотой знак1111 серебряных знаков2323 бронзовых знака

Создан 18 марта ’16 в 3: 162016-03-18 03:16

2 Graphic Design Stack Exchange лучше всего работает с включенным JavaScript

Ваша конфиденциальность

Нажимая «Принять все файлы cookie», вы соглашаетесь с тем, что Stack Exchange может хранить файлы cookie на вашем устройстве и раскрывать информацию в соответствии с нашей Политикой в отношении файлов cookie.

Принимать все файлы cookie Настроить параметры

новых уроков по эффектам 3D-текста (26 новых уроков) | Учебники

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

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

Вас также могут заинтересовать следующие статьи по теме.

Неограниченные загрузки

Более 1500000+ шрифтов, мокапов, бесплатных материалов и дизайнерских материалов

Учебные пособия по удивительным эффектам 3D-текста за 2017 год

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

Как создать эффект сверкающего, праздничного 3D-текста в Adobe Photoshop

Ссылка на учебное пособие

Создание эффекта губчатого текста в Adobe Illustrator

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

Ссылка на учебное пособие

Как создать реалистичный эффект сшитого текста в Photoshop

Из этого туториала Вы узнаете, как использовать фильтры формы слоя, пути и размытия.

Ссылка на учебное пособие

Как создать текст, вдохновленный «Восставшим из ада», в Adobe Photoshop

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

Ссылка на учебное пособие

Как создать текстовый эффект винтажного шрифта в Illustrator

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

Ссылка на учебное пособие

Как создать эффект красочного 3D-текста в Adobe Illustrator

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

Ссылка на учебное пособие

Как создать текстовый эффект космической плитки в Photoshop

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

Ссылка на учебное пособие

Текстовый эффект электрической молнии в Photoshop

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

Ссылка на учебное пособие

Adobe Illustrator Учебное пособие Музыка Типография Поп-арт

Из этого вы узнаете, как создать классную типографику под музыку в стиле поп-арт с помощью Adobe Illustrator

Ссылка на учебное пособие

Создание эффекта текстурированного деревянного текста с помощью 3D-возможностей Photoshop

Ссылка на учебное пособие

Как создать эффект стилизованного текста мелом в Adobe Photoshop

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

Ссылка на учебное пособие

Включите! Обработка текста вектор неоновый свет

Сделайте свой день ярче с этой фантастической обработкой векторных текстов неоновым светом! Мы будем использовать собственные кисти и панель «Оформление», чтобы превратить любой текст в яркий неоновый свет!

Ссылка на учебное пособие

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

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

Ссылка на учебное пособие

Как создать эффект средневекового металлического текста в Adobe Photoshop

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

Ссылка на учебное пособие

Как создать крутой редактируемый эффект ретро-текста в Photoshop

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

Ссылка на учебное пособие

Как создать эффект цветного дерева в Illustrator

В этом уроке я покажу вам, как создать эффект мореной древесины в Illustrator.Мы собираемся использовать эффект Paint Daubs и Live Trace в Illustrator, чтобы настроить его. Затем мы переместим иллюстрацию в Photoshop, наложим ее на деревянный фон и добавим к нему текстовые эффекты.

Ссылка на учебное пособие

Как создать классический текстовый эффект в стиле 80-х в Illustrator

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

Ссылка на учебное пособие

Как создать акварельную типографику в Illustrator

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

Ссылка на учебное пособие

Как воссоздать текстовый эффект «Очень странные дела» в Illustrator

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

Ссылка на учебное пособие

Создание текстового эффекта мультяшных игр в Adobe Illustrator

В этом новом руководстве вы узнаете, как создать текстовый эффект мультяшных игр в Adobe Illustrator.

Ссылка на учебное пособие

Как создать реалистичный текстовый эффект Chrome в Adobe Photoshop

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

Ссылка на учебное пособие

Создание неонового 3D-знака ночного клуба в Photoshop CS6 Extended

Изучение 3D-возможностей Photoshop может быть непростым процессом. Тем не менее, вы можете сказать то же самое, когда впервые изучите маскировку или панель настроек.

Ссылка на учебное пособие

Как создать текстовый эффект 3D-вида с разнесенными частями в учебнике Illustrator

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

Ссылка на учебное пособие

Создание текстового эффекта бильярдного стола в Adobe Illustrator

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

Ссылка на учебное пособие

Как создать текстовый эффект личинки в Adobe Illustrator

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

Ссылка на учебное пособие

Как создать 3D-макет черно-золотого текста и логотипа

Ссылка на учебное пособие

Инструкции по созданию 3D-эффектов и объектов в Photoshop

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

Давайте на сайте TipsMake.com см. Статью о том, как создавать 3D-эффекты и анимацию ниже!

Создание 3D-объектов из 2D-изображений

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

Преобразование 2D-слоев в 3D-открытки (с 3D-свойствами). Если исходный слой является текстовым, прозрачность сохранится.
Оборачивайте 2D-слои вокруг 3D-объектов, например конусов, кубов или цилиндров.
Создавайте 3D в виде сетки из технической информации в градациях серого в 2D-изображениях.
Моделирование методов обработки металлов под названием repoussé путем сжатия 2D-объекта в 3D-пространстве.
Создайте трехмерный объем из файла HDR (многокадрового), такого как файл «Цифровые изображения и связь в медицине» (DICOM). Photoshop объединяет отдельные файлы в 3D-объекты, которыми вы можете манипулировать в 3D и наблюдать под любым углом. Вы можете применять различные эффекты создания трехмерного объема, чтобы оптимизировать отображение других материалов в процессе сканирования, например костей или мягких тканей.

См. Также: Инструкция по отделению фотографий от фона в Photoshop

Создание 3D открыток

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

1. Откройте 2D-изображение и выберите слой, который нужно преобразовать в открытку.

2. Выберите 3D > Новая 3D-открытка из слоя .

Слой 2D преобразуется в слой 3D на панели «Слой». Содержимое 2D-слоя применяется в качестве материала для обеих сторон открыток.
Исходный 2D-слой отображается на панели «Слой» как карта текстуры Diffuse для объекта 3D-открытки.
3D-слой сохраняет исходный размер 2D-изображения.

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

4. Чтобы сохранить новое 3D-содержимое, экспортируйте 3D-слой в формат файла 3D или сохраните его в формате PSD.

Создание трехмерных фигур

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

1. Откройте 2D-изображение и выберите слой, который нужно преобразовать в 3D-форму.

2. Выберите 3D > New Shape From Layer и выберите форму в меню. Форма состоит из объектов с одной сеткой, таких как пончики, сферические или конические формы; а также другие объекты в форме решетки, такие как конусы, кубы, цилиндры, банки из-под содовой или бутылки из-под вина.

Примечание. Вы можете добавить произвольную форму в меню фигур. Фигура представляет собой файл модели 3D Collada (.dae). Чтобы добавить форму, поместите файл модели Collada в папку PresetsMeshes внутри папки программы Photoshop.

Слой 2D преобразуется в слой 3D на панели «Слой».
Исходный 2D-слой отображается на панели «Слой» как карта текстуры Diffuse. Его можно использовать на одной или нескольких поверхностях новых 3D-объектов. Другим поверхностям можно назначить карту текстуры Diffuse по умолчанию с настройками цвета по умолчанию. См. Обзор панели управления 3D.

3. (Необязательно) Используйте параметр «Сферическая панорама», если вы используете панорамные изображения в качестве входных 2D-изображений. Этот параметр преобразует полное панорамное изображение 360 x 180 градусов в трехмерный слой.При переключении на 3D-объекты вы можете рисовать области панорамы, к которым часто трудно получить доступ, например, столбы или позиции по прямой.

Разница между панорамой и панорамным снимком
Камера делает панорамный снимок на 360 градусов нажатием кнопки

4. Экспортируйте 3D-слой в формате 3D-файла или сохраните в формате PSD, чтобы сохранить новое 3D-содержимое.

Создание трехмерных изображений в виде сетки

Команда New Mesh from Grayscale преобразует изображение в градациях серого в карту глубины, которая переводит значения яркости на поверхность с разной глубиной.Более яркие значения создают плавающие области на поверхности, более темные значения создают более низкие области. Затем Photoshop применяет карты глубины к одной из четырех логических геометрий для создания 3D-моделей.

1. Откройте 2D-изображение и выберите один или несколько слоев, которые вы хотите преобразовать в 3D-изображения в виде сетки.

2. (Необязательно) Преобразуйте изображения в режим оттенков серого. Выберите Image > Mode > Grayscale или используйте Image > Adjustments > Black & White для точной настройки преобразования уровня темноты.

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

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

4. Выберите 3D > Новая сетка из шкалы серого , затем выберите параметр в сетке.

Плоскость: применение данных карты глубины к плоской поверхности.
Двусторонняя плоскость: создайте две отражающие плоскости вдоль центральной оси и примените данные карты глубины к обеим плоскостям.
Цилиндр (цилиндрический): применение данных карты глубины вне центра вертикальной оси.
Сфера (сферическая): применение данных карты глубины вне центральной точки.

Photoshop создает трехмерный слой в новой сетке. Он также создает Diffuse, Opacity и Planar Depth Map для 3D-объектов, используя исходный серый или цветной слой.

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

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

См. Также: Ярлыки Photoshop помогают работать быстрее (часть 1)

Создание 3D-анимации

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

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

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

Пожалуйста, обратитесь к видео о том, как создавать 3D-эффекты из изображений в Photoshop ниже:

См. Еще несколько статей:

Нельзя пропустить эти замечательные новые функции Adobe Photoshop CC 2018 the Designer
30 красивых кистей для фотошопа — Скачать сейчас бесплатно
10 лучших веб-сайтов предоставляют бесплатную кисть для Photoshop
Веселая серия фотографий в фотошопе Битва фотохудожников (Часть 1)

Веселимся!

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

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

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

Шаг 1

Мы начинаем с настраиваемого фона размером 1920 x 1080 пикселей. Если вы являетесь участником PanoPass, вы можете загрузить исходные файлы, чтобы получить их, в противном случае вы можете использовать любой фон по своему выбору.

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

Шаг 2

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

Затем нажмите кнопку «Создать новое действие» в нижней части панели «Действия», чтобы создать новое действие с именем «3D Up». Убедитесь, что для функциональной клавиши установлено значение F12, а затем нажмите «Запись».