Foxter.ru

Foxter.ru (https://www.foxter.ru/index.php)
-   Уроки (https://www.foxter.ru/forumdisplay.php?f=52)
-   -   Уроки Photoshop: Компакт-диск (https://www.foxter.ru/showthread.php?t=947)

Grenky 24.01.2006 06:07

Уроки Photoshop: Компакт-диск
 
Автор не я. Но урок мне понравился так что публикую.

Автор:CERBER
Оригинал: на NNM

Получить мы должны прмерно такой диск (результат мой :) ):

Шаг 1:
Создайте новое изображение размером 400х400px.
Установите вспомогательные линии ровно по середине (включите линейку Ctrl+R).
Создайте новый слой Layer->New >Layer [Слой->Новый >слой]. Назовите его Главный.
Выберите инструмент Elliptical Marquee Tool (Эллептическое выделение), установите его Style [Стиль]на Fixed Size (когда вы выберите этот инструмент сверху на панели появятся его свойства и из выпадающего меню выберите фиксированный размер) и поставьте размер 340х340px.

Шаг 2:
Удерживая Alt, наведите курсор на пересечение вспомогательных линий и выделите откружность.
Установите режим выделения Elliptical Marquee на Tool Subtract From Selection
размер 44х44 пиксела.
Теперь, удерживая клавишу Alt, установите выделение на центр изображения (сначала нажмите кнопку мыши, а потом Alt). В результате, у нас получилось выделение в форме круга, с отверстием в центре. Остается только залить его цветом #E5E5E5. Отмените выделение (Ctrl+D).

Шаг 3:
Создайте новый слой Layer->New Layer [Слой->Новый слой]. Назовите его Оттенок.
Теперь делаем похожие вещи, что и в предыдущем шаге. Т.е. создаем в центре два кольца: внешнее, размером 334х334 и внутреннее, размером 106х106.
Залейте выделение белым цветом. Примените к этому слою стиль "наложение градиента" Layer > Layer Style > Gradient Overlay с такими параметрами (цвета градиента:точнее установите цвет переднего плана #526577, а заднего #CCCCCC):

Шаг 4:
Создайте новый слой, назовите его Градиент. Возьмите инструмент Gradient Tool, установите градиент Spectrum и залейте слой сверху вниз. Нажмите ctrl+t. Сожмите градиент на половину по горизонтали, затем кликните на области трансформирования правой кнопкой мыши и выберите Perspective [Перспектива]. Передвиньте верхний левый узелок к центру.



Шаг 5:
Дублируйте этот слой (Layer > Duplicate Layer). Поверните копию с помощью Edit > Transform > Rotate 180 ° [Редактирование >Трансформация > Вращать 180], затем передвиньте этот слой в левую часть экрана и соедините с предыдущим слоем (Ctrl+E).

Шаг 6:
Дублируйте получившийся слой. Теперь, поворачиваем на 90 ° (Edit > Transform > Rotate 90 ° CW), а затем объединяем слои (Ctrl+E).

Шаг 7:
Удерживая Ctrl кликните на слое Оттенок. Инвертируйте выделение (Ctrl+Shift+I) и удалите выделенную часть градиента (Delete). Отмените выделение (Ctrl+D). Установите Blending Mode [Опции бленда] слоя на Overlay [Наложение], а Opacity [Непрозрачность] на 70%.

Grenky 24.01.2006 06:09

Шаг 8:
Из меню Layer > New Adjustment Layer [Слой->Новый настриваемый слой] выберите Hue/Saturation [Оттенок/Насыщенность]. В появившемся окне установите Opacity на 35%, а в следующем поставьте галочку на Colorize [Закраска] и впишите такие параметры:
Hue: 227
Saturation: 44
Lightness: -8


Шаг 9:
Сделайте активным слой Градиент. Выделите в центре слоя окружность диаметром 132 пикселя. Нажмите на Ctrl+С, а потом Ctrl+V. В результате этих действий должен появиться новый слой с радужным кольцом. Установите Blending Mode этого слоя на Screen, а Opacity на 60%.

Шаг 10:
Добавьте мелкие надписи на получившееся кольцо.

Шаг 11:
Создайте новый слой. Выделите в центре диска окружность диаметром 96 пикселей. Залейте выделение белым цветом.
С помощью Select > Modify > Contract [Выбор->Изменить->Свернуть] сожмите выделение на 2 пикселя.
Удалите выделенную область и сделайте отмену выбора.
Примените к этому слою стиль Bevel & Embossed (Layer > Layer Style > Bevel & Embossed [Слой->Стиль слоя->Фаска и Рельеф]) с такими параметрами:
Создайте еще один точно такой же слой, но с диаметром 78 px.
Внимание! Эти 2 слоя должны обязательно находиться под Hue/Saturation-слоем.

Шаг 12:
Теперь начинаем работать над слоем Hue/Saturation. Создайте еще один слой [Ctrl+Shift+N]. Назовите его Обведение.
Удерживая Ctrl и Shift кликните поочереди на слоях Главный и Оттенок, для того, чтобы выделить их одновременно. Откройте меню Edit [Редактирование] и кликните на пункте Stroke [Обвести]. В открывшемся окне впишите такие параметры:
Width: 1px
Color: Черный
Location: Outside
и нажмите ОК. После выполнения ваш CD должен быть обведен черной каймой. Для того, чтобы придать краю диска особую реалистичность, установите Opacity на 50%.

Шаг 13:
Сейчас самая сложная часть. Создайте новый слой с названием Рефлекс и загрузите выделение слоя Главный (кликните по нему, удерживая Ctrl).
Установите передний цвет как #E1F1F9. Возьмите Gradient Tool [Градиент],
установите на нем градиент Foreground to Transparent и залейте диск от верха до центра.
Установите режим выделения Elliptical Marquee Tool [Эллептическое выделение] на Subtract From Selection
и возьмите в рамку верхнюю часть диска.
После этих действий выделенной должна остаться только нижняя часть диска.
Установите передний цвет как #F3EEE0.
Залейте выделенную область градиентом от центра до нижней кромки с параметрами, которые мы установили выше.
Отмените выделение Ctrl+D (Select > Deselect).
Размойте слой на 1 пиксель фильтром Gaussian Blur (Filter > Blur > Gaussian Blur (Размытие по гауссу). Установите Blending Mode слоя на Color Dodge, а Opacity на 60%.

Шаг 14:
Примените к слою Главный стиль Outer Glow (Layer > Layer Style > Outer Glow (Внешний свет)) с параметрами, как на скриншоте:

Уря!

Elena_Iv 25.03.2006 12:25

скажите как залить окружность? извините за глупый вопрос

Elena_Iv добавил 25.03.2006 в 12:27
и вспомогательные линии как их начертить?

Barkoff 25.03.2006 13:44

Цитата:

Сообщение от Elena_Iv
скажите как залить окружность?

Ctrl + Backspace - заливаем передним цветом (Foreground)
Alt + Backspace - заливаем цветом фона (Background)
либо всё это делается инструментом Paint Bucket tool (G)

Цитата:

и вспомогательные линии как их начертить?
Ctrl + R - появляются линейки слева и сверху документа, теперь просто наведите мышку на одну из линеек, нажмите левую кнопку мыши и тяните направляющую (вспомогательную линию) до того места, где вы хотите чтобы она находилась.

Elena_Iv 27.03.2006 07:37

Почему-то ничего не получается, блин круг рисую с альт он уходит в сторону - почему-то не на середине

ой кажется все получилось - класс

хотела спросить как надпись можно сделать

Grenky 28.03.2006 03:58

Я делаю ч\з Warp Text:

Сначала бигунок Bend гоню влево .. потом в право, но можно сделать две половинки сделать с положительным Bend-ом потом перевести текст в картинку и повернуть на 180 град.


Часовой пояс GMT +3, время: 10:20.

Powered by vBulletin
Copyright ©2000-2024, Jelsoft Enterprises Ltd.