3D-эффект в Фотошопе. Рисуем реалистичный шар


Photoshop не предназначен для создания 3D-графики. Тем не менее, в фотошопе есть много возможностей для создания иллюзии объемных фигур. Воспользуемся некоторыми из этих возможностей и нарисуем в фотошопе 3D-шар или детский мяч.
Image
Шаг 1. Создадим новый документ, 600px X 600px. Начнем с создания серого фона, я использую #8e8e8e. Добавим легкий градиент чтобы придать фону глубину, создавая иллюзию 3D-пространства. Создаем новый слой и, используя панель инструментов Adobe Photoshop Gradient tool (Градиент), выбираем Reflected Gradient (Зеркальный градиент). Настраиваем градиент следующим образом: цвет белый, прозрачность изменяем от 100 до 0. От предполагаемого центра изображения до края проводим курсором, затем идем в Layers (Палитру слоев) и устанавливаем непрозрачность примерно 25-35% на ваше усмотрение.
Шаг 2. Создаем новый слой над первыми двумя, называем его "Красный фон". В этом слое, в центре изображения, создаем круг выбранного вами цвета (я использую #9f0000). Используем панель инструментов Adobe Photoshop Eliptical Marquee Tool (Овальная область) вместе с Shift чтобы выделить круглую область и заливаем выбранным цветом.
Image
Шаг 3. А теперь будем придавать фигуре объем - превращать круг в шар. Выделение красного круга не убираем. Создаем новый слой над слоем "Красный фон", называем его "Тени". Делаем активным этот новый слой (круг должен оставаться выделенным). Выбираем на панели инструментов Gradient tool (Градиент), устанавливаем Linear Gradient (Линейный градиент), настраиваем градиент следующим образом: цвет черный, прозрачность изменяем от 100 до 0. Нанесем градиент внутри нашего выделения в направлении снаружи (курсор за пределами выделенного круга) к примерному центру круга (этот воображаемый центр круга лучше представлять немного правее и выше). Это нужно сделать несколько раз с разных сторон. После нескольких неудачных попыток у вас все получится и плоский круг начнет напоминать объемный шар.
Затем идем в Layers (Палитру слоев) и уменьшаем прозрачность этого слоя примерно на 25% (это на ваше усмотрение).
Должно получиться примерно вот так.
Image
Шаг 4. А теперь нужно сделать так, чтобы этот 3D-шар стоял на плоскости и отбрасывал тень. Создаем новый слой под слоем "Красный фон", называем его "Тень шара". Выбираем на панели инструментов Photoshop Brush Tool (Кисть) мягкую кисть размером 200px. Щелкаем один раз кистью под шаром. Затем используем Тransform tool (Ctrl+T) на этом слое и уменьшаем высоту и увеличиваем ширину пока изображение не станет похожим на тень под 3D-объектом. Можно немного уменьшить прозрачность этого слоя.
Image
Можно еще сделать дубликат этого слоя, существенно уменьшить размер тени в этом слое для того, чтобы сделать тень непосредственно под шаром гуще.
Image
Шаг 5. Добавим отблеск света на шаре. Создаем новый слой поверх всех, ранее созданных слоев, называем его "Отблеск". Изменяем основной цвет на белый и, используя кисть с размером 150-200рх, делаем пятно в верхней части круга. Изменяем Blending Mode (Режим наложения) на "Overlay" (Перекрытие). Снова создаем новый слой поверх остальных, называем "Отблеск 2" и кистью с размером 50-60рх делаем еще одно пятно, немного сместив его выше и правее. Прозрачность этого слоя около 40%.
Ваше изображение должно выглядеть примерно вот так:
Image
На этом можно и закончить работу. Вполне реалистичный 3D-шар готов!
А можно и продолжить и сделать из шара вот такой детский мячик:
Шаг 6. Дублируем слой с красным кругом и меняем цвет на любой другой. Например #2692bb. Называем слой "Синий фон". Нажимаем Ctrl+T чтобы активировать Тransform tool (Трансформация) и, удерживая нажатой клавишу Alt, изменяем высоту круга, а затем слегка поворачиваем.
Шаг 7. Дважды дублируем слой "Синий фон" и размещаем дубликаты под оригинальным слоем. Изменяем цвет обоих слоев на черный. Затем сдвигаем на 2рх оба слоя – один выше и левее, другой ниже и правее. Выделяем оба дубликата слоя на палитре слоев и объединяем их. Называем слой "Синий фон 2". Уменьшаем прозрачность этого объединенного слоя на 50%.
Шаг 8. Дублируем слой "Синий фон 2". Добавляем небольшое размытие по гауссу (Filter>Blur>Gaussian Blur).
Чтобы размытие не выходило за пределы нашего мяча выделяем красный круг на слое "Красный фон", инвертируем выделение, затем переходим на слой "Синий фон 2" и удаляем все лишнее простым нажатием клавиши Delete. Image
Результат - красивый объемный мяч.

Автор: Neofit
 

Комментарии  

 
#5 Олеся 21.01.2012 11:32
Вновь вернулась к созданию этого шара.
И вот не могу понять строку в объяснении: "курсор за пределами выделенного круга"? Так как мне накладывать градиент: внутри круга к его центру? Или внутри круга от его центра?
Цитировать
 
 
#4 22.12.2011 01:18
замечательный урок! я попробовал сделать другие фигуры, в результате получилось красивое объемное сердце, посмотреть можно здесь: http://www.fotolia.com/id/35919837
red glossy hearts "8 March"
Цитировать
 
 
#3 Олеся 02.09.2011 10:23
Ирина, спасибо большое за подсказку.
Цитировать
 
 
#2 31.08.2011 18:22
Цитирую Олеся:
У меня не получается правильно нанести Градиент. У меня весь Шар заливается черным цветом и никакого объема из-за этого мой круг не приобретает.
Подскажите мне, пожалуйста,в чем моя ошибка?

Круг должен быть выделен. Потом создаете новый слой, а выделение остается! В этом новом слое выделен круглый пустой участок и вот его-то Вы и заливаете градиентом. Если нет выделения, то заливается весь слой.
Цитировать
 
 
#1 Олеся 31.08.2011 11:05
У меня не получается правильно нанести Градиент. У меня весь Шар заливается черным цветом и никакого объема из-за этого мой круг не приобретает.
Подскажите мне, пожалуйста,в чем моя ошибка?
Цитировать