RSS
 

Стильный интерфейс

19 Апр

Ещё один из длинных уроков, но я всё же уверен, что даже новички в Photoshop смогут без труда справиться с ним и научиться передавать глубину интерфейсу. Пора начать, не так ли?

Шаг 1. Мы начнём с создания нового документа размером 500×258 pix. и чёрным фоном. Дважды щёлкните на слое фона и нажмите Ok. Слой будет разблокирован для следующего шага.

1(1)

Шаг 2. Щёлкните на значке f в нижней части палитры и выберите эффект Перекрытие градиентов. Настройте параметры, как показано ниже и пока не нажимайте Ok.

Gradient Overlay, Gradient, [Blend Mode: Screen]; [Opacity: 12%]; [Gradient: Foreground (Black - чёрный) to Background (White - белый) gradient_294x30 ]; [ v (вкл.) - Reverse]; [Style: Linear]; [v (вкл.) - Align with Layer]; [Angle: 102° ]; [Scale: 100% ].

Шаг 3. Выберите эффект Перекрытие узоров. Настройте параметры, как показано слева и можете нажать Ok.

3(1)

Шаг 4. У вас должно получиться следующее.

4(1)

Шаг 5. Далее выберите инструмент Эллипс и создайте овал размером 338×153 белого цвета, как показано ниже. Присвойте этому слою имя «Player Frame» или «Каркас плеера». [Прим. переводчика: поскольку мы создаём слой фигуры, активной должна быть первая кнопка на панели Options - создать слой фигур].

5(1)

Шаг 6. Затем нам нужно будет сместить левую опорную точку на слое «Player Frame». Для этого выберите инструмент Непосредственное выделение (белая стрелка) directselectiontool и выделите левую опорную точку (обведите её инструментом), как показано ниже. После чего с помощью клавиши курсора в сочетании с клавишей Shift сместите опорную точку вправо, как показано ниже. [Прим. переводчика: нажав клавишу Shift, нажмите клавишу курсора со стрелкой вправо 11 раз].

6

Шаг 7. Щёлкните на значке f в нижней части палитры и выберите эффект Тень. Настройте параметры, как показано ниже и пока не нажимайте Ok.

Drop Shadow, Structure, [Blend Mode: Multiply]; [Color: Black-чёрный]; [Opacity: 38%]; [v (вкл.) - Use Global Light]; [Angle: 120°]; [Distance: 4 px]; [Spread: 0%]; [Size: 5 px];
Quality, [Contour: Linear]; [x (выкл.) - Anti-aliased]; [Noise: 0%]; [v (вкл.) - Layer Knocks Out Drop Shadow].

Шаг 8. Выберите эффект Внутреннее свечение, настройте параметры, как показано ниже и ещё не нажимайте Ok.

Inner Glow, Structure, [Blend Mode: Normal]; [Opacity: 22%]; [Noise: 0%]; [v (вкл.) - □ black, x (выкл.) - ●, gradient: Foreground (Black-чёрный) to Transparent(к прозрачному) s8 ];
Elements, [Technique: Softer]; [Source: x (выкл.) - Center, v (вкл.) - Edge]; [Choke: 0%]; [Size: 13 px];
Quality, [Contour: Linear ]; [ x (выкл.) - Anti-aliased]; [Range: 50%]; [Jitter: 0%].

Шаг 9. Выберите эффект Перекрытие цветов. Настройте параметры, как показано ниже и теперь можете нажать Ok.

Color Overlay, Color, [Blend Mode: Normal]; [Color: Black-чёрный]; [Opacity: 66%].

Шаг 10. У вас должно получиться следующее:

10(1)

Шаг 11. Щёлкните на имени слоя «Player Frame» (нажимая клавишу Ctrl), чтобы загрузить выделение. Затем выберите команду Выделение>Модификация>Сжать и введите значение 8. Создайте новый слой и присвоив ему имя «Display», закрасьте цветом 604a27. Снимите выделение.

11

Шаг 12. Щёлкните на значке f в нижней части палитры и выберите эффект  Внутренняя тень. Настройте параметры, как показано ниже и пока не нажимайте Ok.

Inner Shadow, Structure, [Blend Mode: Color Dodge]; [Color: ffae00]; [Opacity: 31%]; [x (выкл.) - Use Global Light]; [Angle: (-39°)]; [Distance: 5 px]; [Choke: 0%]; [Size: 2 px];
Quality, [Contour: Linear]; [x (выкл.) - Anti-aliased]; [Noise: 0%].

Шаг 13. Выберите эффект Внутреннее свечение. Настройте параметры, как показано ниже и ещё не нажимайте Ok.

Inner Glow, Structure, [Blend Mode: Multiply]; [Opacity: 100%]; [Noise: 0%]; [ - □, - ●, gradient: inner_glow ];
Elements, [Technique: Softer]; [Source: x (выкл.) - Center, v (вкл.) - Edge]; [Choke: 0%]; [Size: 32 px];
Quality, [Contour: Linear]; [ x (выкл.) - Anti-aliased]; [Range: 50%]; [Jitter: 0%].

Шаг 14. Выберите эффект Глянец. Настройте параметры, как показано ниже и не нажимайте Ok.

Satin, Structure, [Blend Mode: Color Dodge]; [Color: e49c11]; [Opacity: 59%]; [Angle:19°]; [Distance: 11px]; [Size: 14 px]; [Contour: Gaussian]; [ x (выкл.) - Anti-aliased]; [ v (вкл.) - Invert].

Шаг 15. Выберите эффект Перекрытие градиентов. Настройте параметры, как показано ниже не нажимая Ok.

Gradient Overlay, Gradient, [Blend Mode: Color Dodge]; [Opacity: 68%]; [Gradient: gradient_294x30 ]; [ v (вкл.) - Reverse]; [Style: Linear]; [v (вкл.) - Align with Layer]; [Angle: 90°]; [Scale: 100%].

Шаг 16. Выберите эффект Обводка. Настройте параметры, как показано ниже и сейчас можете нажать Ok.

Stroke, Structure, [Size: 3 px]; [Position: Inside ]; [Blend Mode: Normal]; [Opacity: 39%]; [Fill Type: Gradient stroke_294x30 ]; [v (вкл.) - Reverse]; [Style: Shape Burst]; [v (вкл.) - Align with Layer]; [Angle: 90°]; [Scale: 100%].

Шаг 17. У вас должно получиться следующее:

17(1)

 

Страницы: 1 2 3 4

Один комментарий

Опубликовано в рубрике Уроки Photoshop

 

Прокомментировать

 
 
  1. Владислав Челпаченко

    23/11/2011 - 17:22

    Отличный у Вас сайт! Все уроки полезные и содержательные, спасибо большое.

    Как раз собираюсь собираюсь Photoshop освоить, буду у Вас учится.

    С уважением, В.Челпаченко!

    chelpachenko.ru