Уроки Photoshop: Рисуем реалистичный компакт-диск в Фотошоп. Рисуем на компакт-дисках

Этот урок я написал в качестве ответа на запрос по созданию DVD бокса и диска. Урок по рисованию коробки уже есть, а вот диска не хватает:) . Его мы и будем пытаться изобразить в этом уроке.

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

3. Раза три-четыре применяем к слою эффект AA’s Assistant с максимальными значениями, ну или пока окружность не станет как можно ровнее. Прозрачность слоя выставляем на 80:

4. Создаем новый документ и рисуем новую окружность с внешним радиусом круга 177, внутренним – 62. Так же применим AA’s Assistant раза четыре:

5. Создадим новый слой и применим к нему эффект Multi Color Gradient со следующими настройками.

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

7. И вновь создаем новый документ, и вновь применяем Multi Color Gradient примерно с такими настройками:

8. К последнему слою с градиентом примените режим «Добавление», а ко второму «Перекрытие». Но и здесь вы можете экспериментировать – главное, чтобы финальная картинка представляла из себя как можно больше градиентных линий. Объединим все слои с градиентами (объединяйте слои правильно – сначала 2ой с первым, а затем оставшийся):

9. Теперь примените к получившемуся слою эффект Polar Transformation (Эффекты -> Искажение -> Polar Transformation) Все настройки оставьте как есть, только поставьте галочку на «Transform rectangular to polar»:

10. Теперь примените к слою эффект Metallize примерно так, как показано на рисунке ниже:

11. Примените к слою гауссово размытие со значением 10. затем перейдите на слой с белой окружностью и выделите фон:

12. Не снимая выделения, перейдем на слой с градиентом и нажмем Delete. И еще раз применим к слою гауссово размытие со значением 10:

13. Поиграем с настройками оттенка и насыщенности (Коррекция – Оттенок и насыщенность):

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

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

16. Пару раз сгладим окружность эффектом AA’s Assistant . Опять создаем новый слой, и в который уже раз рисуем окружность:) :

17. Снова сглаживаем окружность и выставляем прозрачность слоя на 40.

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

18. Создадим новый слой и с помощью эффекта Circle text (Эффекты -> Text Formations -> Circle text) нарисуем текст на внутренней окружности как вам нравится:

19. Но диск и сейчас еще не готов. Теперь мы приступим к очень важному моменту: правильное нанесение теней. Это, в конечном, счете и привнесет наибольшую реалистичность нашей картинке. Теперь от синего фона надо избавиться – он послужил нам добрую службу, но теперь синий фон только мешает для правильного отображения цветов. Меняем его на чисто белый. Я думаю после этого вы поймете, как наш диск еще пока далек от совершенства.

20. Перейдем на слой со второй нарисованной окружностью и применим к нему следующие настройки эффекта Drop Shadow:

21. Объедините слой с внутренней черной и внутренней цветной окружностью и примените те же настройки эффекта Drop Shadow, только прозрачность тени поставьте на 130. Вот так:

22. Ну и финальный аккорд. Удалите фон и объедините все слои. А после этого создайте новый слой и переместите его в самый низ. Нарисуйте две подобные черные окружности:

23. Сглаживайте их до тех пор, пока они не станут гладкими и тонкими. После этого создайте какой-нибудь яркий фон (красный подойдет), и переместите границы черных окружностей, уменьшая или увеличивая их, так, чтобы они образовали контур диска:

24. В итоге мы получим вот такой симпатичный диск (Внимание: прежде чем объединить все слои удалите слой с фоном – это позволит вам использовать это изображение в других композициях):

25. Нарисуем обложку. Это совсем уж просто. Дублируем слой с диском.

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

27. Перейдем на слой с диском и выделим его фон. Затем перейдем на слой изображением и нажмем Delete. Выровняйте его и несколько раз примените

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

1.

Создайте новый документ (Ctrl+N). Размеры укажите на свой вкус. Мой будет 500×500 с разрешением 300 dpi. Обязательно определите центр документа. Это очень поможет. Включите сетку (Ctrl + ") и направляющими определите центр.

На новом слое с помощью Ellipse Tool, удерживая Shift и Alt, сделайте окружность из центра. Используйте цвет # e7e7e7. Прозрачность слоя — 30%.

2.

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

Второй по размеру окружности присвойте цвет #3a3a3a, третьей — #aba99d.

3.

На новом слое нарисуйте четыре полосы серого цвета.

4.

Применяем к нему Filter→Distort→Polar Coordinates. В настройках фильтра выбираем Rectangular to Polar.

5.

6.

Создайте новый слой. Примените к нему Filter→Render→Clouds. И сразу же Filter→Render→Difference Clouds.

7.

8.

Немного поверните слой и примените Filter→Blur→Radial Blur:

Удалите лишнее за пределами диска.

9.

Диск не должен быть однотонным, поэтому необходимо его раскрасить.

Откройте редактор градиентов и сделайте градиент на основе шума. Лично мне удобнее всего работать в цветовой модели LAB. Сделайте градиент с цветом, который нравится именно вам, и нарисуйте его в режиме из центра окружности. Выставьте режим смешивания слоя на Screen. Продублируйте его и смешайте в режиме Soft Light.

10.

Создайте новый слой и выполните шаги 6-8 снова. Создайте Radial Gradient на основе радуги. Объедините эти два слоя. Отрегулируйте яркость и контрастность слоя так чтобы он стал достаточно темным, а цвета в тоже время яркими. Проделайте над ним шаги 7-8. И выставьте режим смешивания на Screen. Должны были появиться яркие проблески.

11.

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

12.

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

13.

Нарисуйте окружность с помощью инструмента Ellipse Tool, выбрав Paths. Щелкните по ней инструментом Text и напишите любой текст по окружности. Залейте текст «радужным» градиентом.

14.

На последних этапах нужно нарисовать яркие блики. Делаются они способом описанным выше.

15.

И еще один яркий блик.

В этом уроке вы научитесь реалистично рисовать компакт диск с нуля!

Создайте новый документ размером 1000×800 пикселей и с разрешением 72 dpi .
Сейчас нужно открыть текстуру, на которой мы будем рисовать диск. Текстуру можно взять любую. Мы, например, возьмем вот такую:

А теперь давайте начнем создавать диск. Для начала создаем новый слой Layer > New > Layer (Слой>Новый>Слой), или комбинацией клавиш Shift+Ctrl+N. Назовем его «Круг». Делаем этот слой активным. Берем инструмент Ellipse Tool (Эллипс), и удерживая клавишу Shift рисуем круг. Далее заливаем его цветом # b5c1c0 :

Растрируем наш круг Layer>Rasterize>Layer (Слой>Растрировать>Слой).
Удерживая клавишу Ctrl, кликнем по слою. Выделится сам круг.

Так, теперь Select > Transform Selection (Выделение >Трансформировать выделенную область) уменьшаем выделенную область по горизонтали и по вертикали до 15%. Удерживая пробел, нажмите два раза клавишу Enter. Этим самым мы подтвердим уменьшение выделения. Нажимаем Delete:

Теперь нужно скопировать этот слой (Ctrl+J). Спрячьте копию слоя с кругом, кликнув по глазику в палитре слоев. Возвращаемся к нижнему оригинальному слою с кругом, делаем его активным. Непрозрачность (opacity) уменьшаем до 25% .
Layer>Layer Style>Blending Options (Слой>Стиль Слоя>Параметры наложения)

Добавляем стиль "Тиснение":

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

Select > Transform Selection (Выделение > Трансформировать выделенную область). Мы здесь также уменьшаем выделение, но уже на 95% как по горизонтали, так и по вертикали.

Затем Select>Inverse (Выделение>Инверсия). Выделится весь документ. Нажимаем Delete:

Убираем инверсию (Shift+Ctrl+I). Потом Select > Transform Selection (Выделение>Трансформировать выделенную область) и уменьшаем опять до 37% по горизонтали и вертикали . Нажимаем Delete, убираем выделение Ctrl+D:

Отлично, теперь нам нужно сделать поверхность нашего диска. Для этого мы выбираем инструмент (Градиент) и открываем редактор градиентов и делаем что-то похожее на это:

Градиент у нас будет Noise (Шумовой). Вы можете поэкспериментировать с этой Цветовой моделью для получения желаемого результата.

Для этого нажимаем кнопку Randomize (Другой вариант).

Затем Select > Load Selection (Выделение>Загрузить выделенную область) заливаем ее нашим конусовидным (angle gradient) градиентом как показано на картинке:

Дублируем слой Ctrl+J, меняем режим наложения на Screen (Осветление)

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

Select > Load Selection (Выделение>Загрузить выделенную область). После этого Select > Transform Selection (Выделение>Трансформировать выделенную область) и поставить 107% вертикаль и горизонталь.

Нажать Ctrl+Shift+I для инвертирования выделения.
Создаем новый слой и заливаем черным цветом.

Хорошо, удерживаем Ctrl, кликаем по слою «Круг», чтобы загрузить выделенную область и ставим значения по 75% , подтверждаем. Ctrl+Shift+I и Delete. Вот что мы получим:

Уменьшим непрозрачность слоя до 35%

Теперь самое время приделать текст. Но сперва мы нарисуем обводку, на которой будет размещаться сам текст. Берем инструмент Ellipse Tool (Эллипс) в режиме Контуров и рисуем круг нужного нам диаметра.

Материалы

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

Этап 1: Рисуем окружность

Создайте большой документ (примерно 1000х1000 пикселей). Залейте его скучным темным фоном (в уроке использован #3f454c).

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

Этап 2: Вырезаем отверстие в фигуре

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

Трансформируйте только что скопированные точки (CTRL+T): Зажав Shift+Alt, уменьшите окружность для того, чтобы получить нечто вроде центра нашей большой окружности.

Нажмите Enter для применения трансформации.

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

Этап 3: Применяем стили

Примените заранее подготовленный стиль Plastic (который мы качали в начале статьи) к слою с окружностью.

Этап 4: Добавляем слой с блестящим отражением

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

Выстраиваем все слои

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

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

Этап 5: Добавляем слой печати

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

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

Этап 6: Подготавливаем лейбл

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

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

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

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

Давайте приступим к работе.

Создайте новый набор слоев. В уроке набор назван «CD Label».

Кликните по миниатюре пути на панели слоев для того, чтобы создать пусть для фигуры лейбла. Как только вы создали выделение, скопируйте его (CTRL+C).

Выберите набор слоев, который вы только что создали и вставьте (CTRL+V) путь слоя. Перейдите в меню Layer > Vector Mask > Current Path. Это создаст маску, которая будет применена только к этому слою, и скроет все, что находится за пределами созданного пути.

Этап 7: Добавляем графику

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

Чтобы вы ни делали, следите за тем, чтобы графика находилась в пределах маски слоя «CD Label». Это гарантирует вам то, что графика не выйдет за пределы печати на диск.

Скачать PSD-исходник

Внимание! У вас нет прав для просмотра скрытого текста.