Дополнения

Бесплатная рассылка

Вы будете получать ссылки на свежие видеоуроки по фотошопу совершенно бесплатно

крупнейшая в мире социальная сеть пользователей Adobe Photoshop

204 261 чел. 397 185 работ 4 081 урок
  • Обучайтесь и совершенствуйтесь
  • Разместите своё портфолио
  • Участвуйте в конкурсах
  • Подписывайтесь и оценивайте
  • Комментируйте и общайтесь
Присоединиться

Сложность: Средняя

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

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

Создайте новый документ размером 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

(до 5 шт)
jpg, png, gif, общий вес файлов не более 7Мб, не менее 450px по ширине и высоте, jpg или анимированный gif
Ссылки внутри комментариев могут вести только на эти сайты

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

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

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

Спасибо! замечательный урок!

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

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

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

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

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

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

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

Мой диск.Было интересно.

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

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

Еще 30
Добавить комментарий / работу

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

{{work.views}}

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

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


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

Наверх

Авторизация

Забыли?

Регистрация

Не удалось загрузить работу. Возможно она была удалена.
GIF {{work.bite}} Мб Загрузить
18+
Работа имеет содержимое для 18+ лет
Мне нравится {{work.likes}} {{work.views}} Жалоба

Оставить комментарий {{work.childs.length || 0}}

(до 5 шт)
jpg, png, gif, общий вес файлов не более 7Мб, не менее 450px по ширине и высоте, jpg или анимированный gif
Ссылки внутри комментариев могут вести только на эти сайты
Войти Авторизуйтесь, чтобы комментировать работы, ставить лайки и просто быть участником нашего дружного сообщества!
Сначала популярные Сначала старые Сначала новые
Добавить комментарий
Разбор работы по просьбе автора:
Популярные работы автора:
Курсы и уроки автора:
Онлайн-курс {{work.relless.type}}

Жалоба

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

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

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

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

Комментарий

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


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

{{text}}

Исходник:

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

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

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

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

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

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

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

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

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

Пункт «18+» допустимо ставить только для работ, действительно содержащих элементы, которые не должны видеть несовершеннолетние: обнаженка, сцены жестокости, и т.д. Запрещается ставить такую метку на обычные работы. За подобное поведение у пользователя будет блокироваться возможность добавления новых работ. Все понятно, больше не показывать

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


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

Запланировать

Правила загрузки работ на «Фотошоп-Мастер»

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

  • 2. Сайт photoshop-master.ru приветствует соблюдение авторских прав. В случае возникновения споров или разногласий Администрация сайта приложит все усилия для разрешения сложившейся ситуации.

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

Подробная информация о правилах публикации https://photoshop-master.ru/blog/post/rules