Уроки Рисование 28 октября 2008

Как нарисовать реалистичный компакт-диск?

Сложность урока: Средний

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

Создайте новый документ размером 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 (Эллипс) в режиме Контуров и рисуем круг нужного нам диаметра.

Немножко терпения, и все получится…Теперь Horizontal type tool (Горизонтальный текст), и пишем все, что душе угодно.

Так, замечательно. Но чего-то не хватает… А не хватает светового отражения. Для этого мы берем  (Прямолинейное лассо), и заливаем выделенное белым цветом.

Ctrl + D (Выделение>Отменить выделение)
Filter > Blur > Gaussian Blur (Фильтр>Размытие>Размытие по Гауссу) – ставим радиус 15 пикс.

Filter > Blur > Radial Blur (Фильтр>Размытие>Радиальное размытие) и с такими настройками:

Получаем такое:

А сейчас держим Ctrl и кликаем по слою «Круг». Ctrl+Shift+I для инвертирования выделения. И клавиша Delete:

Ставим непрозрачность (opacity) на 70%

Готово! Правда здорово!!!

Автор: photoshopstar

Комментарии 153

Почему никто не покажет как сделать вращение диска с его названием для заливки с музыкой на YouTube?

Ответить Ссылка 0 1

Yuriy Khudoba, Потому что это в двух словах не описать. Тут надо отдельный досточно большой урок делать. Это работа с анимацией, совсем отдельная тема. К тому же в фотошопе это делать неудобно. Для этого лучше использовать Adobe After Effects,

Ответить Ссылка 0 0

Спасибо! Через 10 лет мне стали нравиться такие уроки.

Ответить Ссылка

Атака титанов

Ответить Ссылка

RiaSair, а задать еще и вращение ему пробовал?

Ответить Ссылка 0 0

Аниме диски

Ответить Ссылка

такой вот диск

Ответить Ссылка

Спасибо за урок!

Ответить Ссылка

Всегда хотела научиться рисовать CD-диски. Спасибо за урок!

Ответить Ссылка

Спасибо за урок) Очень полезный и результат очень реалистичный. Решила еще под дисками добавить тень с помощью "Стиль слоя-тень"

Ответить Ссылка

Спасибо)Хороший урок)

Ответить Ссылка

ДА! Получилось!

Ответить Ссылка 0 0

спасибо за урок . Получился вот такой диск.

Ответить Ссылка

хороший урок

Ответить Ссылка

Диск, наверное с фильмами

Ответить Ссылка

Без надписи т.к. подруга просила)

Ответить Ссылка

Спасибо за урок!

Ответить Ссылка

А вот так получилась лицевая сторона.

Ответить Ссылка

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

Ответить Ссылка

спасибо за урок, правда очень похоже!!!

Ответить Ссылка
Еще 30
Добавить комментарий / работу

Новые работы пользователей

{{work.views}} {{work.comments}}

По заданным фильтрам работы не найдены

Попробуйте изменить критерий поиска, или сбросить фильтры


Смотреть все работы

Предыдущая Следующая
Добавлена {{work.date}}
Не удалось загрузить работу. Возможно она была удалена.
GIF {{work.bite}} Мб Загрузить
Редактировать Удалить
18+
Работа имеет содержимое для 18+ лет
{{work.views}} {{work.comments}}
Жалоба
Жалоба

Комментарии {{work.childs.length || 0}}

Популярные работы автора:
Работа получила награды:
Курсы автора:
Онлайн-курс

Жалоба

Опишите суть жалобы, при необходимости добавьте ссылки на скриншоты

Спасибо! Ваше обращение ушло на рассмотрение.

Название работы

Описание работы (необязательно)

Комментарий

Ваша миниатюра:

Название:
{{name}}
Описание:

Исходник:

{{source.name}} {{source.name}}

Тэги:
#{{tag.label}}

Есть ли у вас исходник к работе?

Исходник — это файл из исходных изображений, которые использовались для создания вашей работы. Исходник позовляет лучше понять вашу работу. Он не обязателен, но работы с исходниками получают больше лайков и имеют право на участие в еженедельных конкурсах.
jpg-файл, максимальный размер 1920x1080px

Пример исходника

Выберете тэги работы:

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

Не более десяти тэгов на одну работу

Вашу работу разберет один из экспертов проекта «Creativo». Это позволит вам увидеть свои ошибки и сделать следующую работу лучше. Разбор будет сделан в комментариях к работе и будет виден всем пользователям.

После добавления работы:


Запланировать публикацию

{{pub_dates[pub_date]}}
Отменить планирование
Запланировать