Ваш аккаунт: пройдите авторизацию

Авторизация

Пароль есть, но Вы его забыли?
Впервые на сайте? Зарегистрируйтесь!

Вы попали в мир графики и дизайна


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


Создаём 3D DVD коробку в Фотошоп


Создаём 3D DVD коробку в Фотошоп


Цель этого урока не столько создание именно DVD Box, сколько еще одно знакомство с инструментами 3D в Adobe Photoshop CS5 Extended и СS4 Extended, и хотя окно 3D у них немного отличаются, этот урок можно выполнить в обеих версиях.

Создаём 3D DVD коробку в Фотошоп

Шаг 1. Для начала вам нужно подготовить два изображения, которые будут на лицевой и обратной стороне коробки. Какие это будут изображения, вы решите сами, я использовал для этого немного измененные скриншоты нашего сайта, вы можете посмотреть вот этот урок и создать свою картинку. Единственное условие, они должны быть: Размер 370 на 490 пикс Разрешение 100 пиксдюйм. Сохраните их так, что бы могли быстро найти.

Шаг 2. Создайте новый документ Размер 800 на 800 пикс. Разрешение 100 пиксдюйм. На панели инструментов выберите меню 3D, создайте новую фигуру из слоя - Куб.
Создаём 3D DVD коробку в Фотошоп

Вы получите вот такую фигуру
Создаём 3D DVD коробку в Фотошоп

Переименуйте этот слой в «Лицевая сторона»

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

Создаём 3D DVD коробку в Фотошоп


У вас появится вот такой инструмент управления 3D объектом по осям.

Создаём 3D DVD коробку в Фотошоп


Шаг 4. Теперь я хочу немного отвлечься и показать, для чего предназначены разные фигурки на этих осях. Каждая из стрел этого инструмента отвечает за одну ось: Красная – ось Х Зелёная – ось Y Синяя – ось Z. Когда вы подводите курсор к разным частям стрел осей, некоторые из них изменяют свой цвет на желтый, это значит что активируется один из элементов управления
1. Если активируется острый наконечник то, зажав ЛКМ, вы можете перемещать 3D объект по одной оси.
Создаём 3D DVD коробку в Фотошоп

2. При наведении курсора на второй элемент - дуга, появляется круг, который показывает, что вы можете вращать объект вокруг одной оси.
Создаём 3D DVD коробку в Фотошоп

3. Третий элемент (назовем его прямоугольник) самый интересный для нашего урока, он изменяет размер 3D объекта по одной из осей.
Создаём 3D DVD коробку в Фотошоп

4. Поставив курсор между двух стрелок осей, появится квадрат, который дает возможность двигать 3D объект по двум осям (например, когда нужно вверх и в сторону, но не нужно приближать или отдалять ).
Создаём 3D DVD коробку в Фотошоп

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

Создаём 3D DVD коробку в Фотошоп


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

Шаг 5. Поверните ваш куб так, что бы он стал к вам стороной “Спереди”. Это можно сделать, просто используя готовые команды в окне положения на панели инструментов.

Создаём 3D DVD коробку в Фотошоп


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


Создаём 3D DVD коробку в Фотошоп

Зажмите ЛКМ и тяните курсор влево, пока эта сторона не станет шириной 25- 30 пикс.

Создаём 3D DVD коробку в Фотошоп

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

Шаг 6. Используя окно с командами положений, поверните ваш объект стороной “Справа”. Это будет передняя сторона нашего DVD Box, значит нужно предать ей соответствующую форму прямоугольника. Для этого нужно поставить направляющие: две горизонтальные на 145 и 655пикс. и две вертикальные на 205 и 595пикс. Теперь поочередно активируя управляющие прямоугольники на осях Y и Z (на рисунке отмечены красным кругом) и зажимая ЛКМ,
Создаём 3D DVD коробку в Фотошоп

растяните до направляющих по оси Z, и сожмите до направляющих по оси Y. Когда у вас будет вот такая фигура
Создаём 3D DVD коробку в Фотошоп

можете удалять направляющие.

Шаг 7. Форму мы придали, теперь будем вставлять то изображение, которое вы приготовили для лицевой стороны нашего DVD Box. Для этого в палитре слоев сделайте двойной клик на “Слой 1”

Создаём 3D DVD коробку в Фотошоп

Он откроется как новый документ с названием: Слой 1.psd

Создаём 3D DVD коробку в Фотошоп

Загрузите, любым удобным для вас способом (копировать - вставить, перетащить и т.д.), в этот документ то изображение, которое вы приготовили для лицевой стороны.
Так как размер вашего документа 800 на 800 пикс, а подготовленное изображение 370 на 490 , то вам нужно подогнать размер этого документа под вставленное изображение. Проще всего это сделать, перейдя в меню Изображение – Тримминг…
Создаём 3D DVD коробку в Фотошоп

Поставив вот такие настройки
Создаём 3D DVD коробку в Фотошоп

Нажать ОК.

Шаг8. Как правило, вставка с рисунком на коробках для дисков, оставляет по бокам немного места, где видим материал коробки, попробуем это повторить. Перейдите меню Изображение – Размер холста, или нажмите сочетание Alt+Ctrl+C. В открывшемся окне поставьте галочку напротив- Относительная. Это позволит нам избежать математических вычислений, и даст команду фотошопу, на сколько пикселей увеличить холст. Поставьте: ширину 20 пикс и высоту 20 пикс.

Создаём 3D DVD коробку в Фотошоп

Теперь вокруг вашего изображения появилась окантовка с прозрачными пикселями. Выделите их с помощью волшебной палочки, нажмите на клавиатуре “D” (что бы вернуть цвета по умолчанию) и Alt+Backspace (что бы залить выделение основным, черным, цветом). Снимите выделение.

Создаём 3D DVD коробку в Фотошоп

Закройте документ “Слой 1” , у вас откроется окно подтверждения, нажмите Да.
Создаём 3D DVD коробку в Фотошоп

Шаг 9. Как видите, лицевая сторона изменилась, теперь нам нужна надпись на торце коробки. Сделайте двойной клик на “Материал сверху – текстура по умолчанию” что бы он открылся в новом документе.
Создаём 3D DVD коробку в Фотошоп

Возьмите инструмент Прямоугольное выделение
Создаём 3D DVD коробку в Фотошоп

, переключите стиль на: Заданные размеры, и выставьте значения: Ширина 30 пикс, Высота 510 пикс. Сделайте клик в любом месте документа. Залейте появившееся выделение основным (черным) цветом. Не снимая выделение, возьмите инструмент Вертикальный текст,
Создаём 3D DVD коробку в Фотошоп

измените цвет на белый. Размер шрифта 12-24 (это зависит от того сколько вы хотите написать). Поставьте курсор вверху полосы и напишите свой текст. Когда текст готов, снимите выделение, слейте все слои и повторите Тримминг как в Шаг 7.
Создаём 3D DVD коробку в Фотошоп

Закройте документ “Материал сверху – текстура по умолчанию.psd ”

Шаг 10. С помощью осей 3D передвиньте ваш объект вправо. Для этого подведите курсор так что бы активировать острый наконечник на оси Y (на рисунке в красном круге), зажмите ЛКМ и перетяните курсор вправо,
Создаём 3D DVD коробку в Фотошоп

чтобы ваш объект передвинулся как на рисунке.
Создаём 3D DVD коробку в Фотошоп

Теперь его нужно немного повернуть. Сделать это можно двумя способами. Первый: Подведите курсор к осям, так что бы активировалась дуга на оси Y (вы увидите желтую полосу как на рисунке.)
Создаём 3D DVD коробку в Фотошоп

и зажав ЛКМ, поверните объект немного вправо
Создаём 3D DVD коробку в Фотошоп

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

Теперь используя наконечник на оси Z и центральный квадрат, поднимите объект вверх и немного уменьшите его размер.
Создаём 3D DVD коробку в Фотошоп

Шаг 11. Как видите, яркость лицевой стороны отличается от той яркости, которая была на вашем подготовленном изображении. Чтобы исправить этот недостаток займемся освещением 3D объекта.
Откройте меню 3D.
Создаём 3D DVD коробку в Фотошоп

Выберите первый источник света (на рисунке 1), переключите источник с бесконечного на направленный (на рисунке 2). Чтобы легче было ориентироваться, включите показ 3D-света и 3D-плоскость основания (на рисунке 3).
Создаём 3D DVD коробку в Фотошоп


Шаг 12. Теперь у вас есть сетка, по которой можно ориентироваться и видимый источник света (на рисунке обведен красным.)
Создаём 3D DVD коробку в Фотошоп

Клик ПКМ на инструментах управления светом, откроет три инструмента (в версии CS 5 можно использовать оси).
Создаём 3D DVD коробку в Фотошоп

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

Теперь нужно подобрать Рассеивание, Центр освещенности и Интенсивность. Лучше всего это делать именно в такой последовательности. У меня эти параметры получились такие: Рассеивание 90% Центр освещенности 45% Интенсивность 1.1.
Создаём 3D DVD коробку в Фотошоп

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

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

Создаём 3D DVD коробку в Фотошоп

Шаг 14. Вернитесь в палитру слоев, и сделайте две копии вашего 3D слоя. Одну копию переименуйте в “Отражение”. Вторую в “Изнанка”. Сделайте так, что бы ваш основной слой «Лицевая сторона», был верхним. Оставьте его видимым, а остальным отключите.
Подсказка: Чтобы оставить видимым только один слой одним кликом, зажмите Alt и кликните по глазику Слоя 1.
Создаём 3D DVD коробку в Фотошоп

Шаг 15. Если вы сейчас немного увеличите своё изображение, то заметите что верхняя часть нашей коробки идет лесенкой.
Создаём 3D DVD коробку в Фотошоп

Что бы убрать это, перейдите в меню 3D , и переключите качество на: Окончательная трассировка лучей. Придётся немного подождать пока пройдет обработка, в это время нельзя ни чего делать в фотошопе, иначе трассировка остановится. Когда заметите что верхний край стал более плавным и больше не похож на лесенку можете, остановит обработку, просто кликнув мышкой.
Создаём 3D DVD коробку в Фотошоп

Теперь растрируйте слой «Лицевая сторона», для этого клик ПКМ на «Лицевая сторона», и выберите команду Растрировать 3D.
Создаём 3D DVD коробку в Фотошоп

Шаг 16. После трассировки, изображение на лицевой стороне коробки совершенно размазалось и потеряло резкость. Что бы вернуть ему нормальный вид, мы используем снимок сделанный в Шаг13. Возьмите инструмент Архивная кисть (Y) , Жесткость 100%
Создаём 3D DVD коробку в Фотошоп


Изменяя размер кисти, аккуратно, не затрагивая края коробки, восстановите изображение.

Шаг 17. Активируйте слой “Изнанка”, включите его видимость. Видимость основного слоя «Лицевая сторона» пока отключите. Возьмите инструмент “Поворот 3D объекта” используя дугу на оси Y , поверните его ровно. Сейчас нужно заменить изображение на то, которое вы готовили для обратной стороны DVD Box. Для этого в палитре слоев в слое “Изнанка” , сделайте двойной клик на “Слой 1”,
Создаём 3D DVD коробку в Фотошоп

как и в седьмом шаге этого урока он откроется в новом документе. Загрузите в открывшийся документ, то изображение, которое вы приготовили. Вставьте его так что бы оно заменило то что было, но не перекрыло черную обводку. Закройте документ “Слой 1” . Растрируйте слой “Изнанка” .

Шаг 18. Включите видимость слою «Лицевая сторона» (но активным должен оставаться слой Изнанка)
Создаём 3D DVD коробку в Фотошоп

Возьмите инструмент Перемещение
Создаём 3D DVD коробку в Фотошоп

(V), переместите слой Изнанка влево, так что бы он совсем немного перекрывался первым слоем
Создаём 3D DVD коробку в Фотошоп

Активируйте Свободную трансформацию (Ctrl+T). Уменьшите слой “Изнанка” примерно до 95-97 процентов.

Шаг 19. Активируйте слой «Отражение». Повторите начало седьмого шага этого урока, откройте в новом документе «Слой 1» с изображением лицевой стороны DVD Box. Активируйте свободную трансформацию (Ctrl+T) и примените команду: Отразить по вертикали. Закройте документ «Слой1». Повторите эти действия с «Материал сверху», что бы отразить надпись на торце коробки.

Шаг 20. Выберите инструмент Панорамирование 3D объекта .

Создаём 3D DVD коробку в Фотошоп

Теперь используя этот инструмент, либо острый наконечник на оси «Z» переместите «Отражение» вниз, так что бы оно соприкасалось своей верхней стороной, с нижней стороной «Лицевой стороны».
Создаём 3D DVD коробку в Фотошоп

Как и в Шаг 12 этого урока, откройте палитру 3D и измените направление света, так что бы он освещал «Отражение». Растрируйте слой «Отражение».

Шаг 21. Отключите видимость слоя «Отражение». Активируйте самый верхний слой «Лицевая сторона». Возьмите инструмент Осветлитель с такими настройками: Диапазон: Тени. Экспонир. : 100%. Размер кисти: 10пикс. Жесткость: 0%. Проведите осветлителем линию от точки 1 до точки 2
Создаём 3D DVD коробку в Фотошоп

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

Шаг 22. Создайте новый слой. Назовите его «Фон» переместите в самый низ палитры слоев и залейте белым цветом. Двойным кликом по слою «Лицевая сторона», вызовите параметры наложения. Примените Тень с такими параметрами: Непрозрачность 75. Смещение: 70. Размах: 10. Размер: 60. (Эти параметры у вас могут отличаться от показанных. Все зависит от яркости и размера вашего изображения.)
Создаём 3D DVD коробку в Фотошоп

Теперь нужно убрать тень там, где её не должно быть. Это можно сделать несколькими способами, я покажу вам один. Наведите курсор точно на знак параметров наложения на слое «Лицевая сторона». Клик ПКМ и выберите команду: Образовать слой. В открывшемся окне, нажмите ОК.

Создаём 3D DVD коробку в Фотошоп

Теперь тень стала отдельным слоем,
Создаём 3D DVD коробку в Фотошоп

и с помощью Ластика вы можете удалить её там, где нужно.
Создаём 3D DVD коробку в Фотошоп

Шаг 23. Слейте слой Тень с слоем Изнанка (Ctrl+E). Создайте копию этого слоя (Ctrl+J) . Активируйте Свободную трансформацию (Ctrl+T), примените команду: Отразить по вертикали. Переместите изображение этого слоя вниз, так что бы его верхний край соприкасался с нижним краем слоя Изнанка. В палитре слоев переместите этот слой «Изнанка копия», так что бы он располагался между слоем «Отражение» и слоем «Фон».
Создаём 3D DVD коробку в Фотошоп

При активном слое «Изнанка копия», загрузите выделение слоя Отражение (Ctrl + Клик по миниатюре слоя «Отражение»). Нажмите Delete на клавиатуре, это удалит все, что попало в выделение на слое «Изнанка копия» (иначе оно будет вам мешать в следующем шаге). Снимите выделение (Ctrl+D).

Шаг 24. Осталось придать отражению прозрачность. Для этого добавьте слою «Отражение» маску слоя, возьмите градиент от черного к белому и проведите ним по маске слоя снизу вверх. Если вам кажется что отражение не достаточно прозрачно, можете уменьшить непрозрачность слоя до 50-70 процентов.
Повторите этот шаг с слоем «Изнанка копия».

Создаём 3D DVD коробку в Фотошоп

Ваш DVD Box готов.
Создаём 3D DVD коробку в Фотошоп

Надеюсь, этот урок помог вам узнать немного нового о возможностях использования 3D, в Adobe Photoshop CS5 Extended.


Внимание! Вы находитесь на сайте как гость! Зарегистрируйтесь или авторизируйтесь...

Нет времени на регистрацию? Можете войти на сайт через ВКонтакте! Это просто, быстро и удобно!

Похожие материалы

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