Страница 1 из 1

Как нарисовать эквалайзер

СообщениеДобавлено: 25 мар 2013, 11:39
Night_Pilgrim
Здравствуйте :-)

Сегодня мы поговорим о том, как в фотошопе нарисовать такой эквалайзер:

Изображение

Урок будет разделён на две части, первая часть "создание паттерна" (текстуры для заливки) и вторая - рисование эквалайзера.

Итак прежде чем приступить, размер моего конечного изображения - 1200х764. Потому:
- создаю новый документ с параметрами 122х27 (File => New *Ctrl+N*)
- инструментом Rounded Rectangle Tool *U* создаю область, как на картинке:

Изображение

- создаю выделение созданной области (зажав Ctrl в меню слоёв кликнул курсором мыши по области)
- Select => Inverse (Shif+Ctrl+I)
- Layer => New => Layer (Ctrl+Shift+N)
- Заливаю чёрным цветом.
- Выключаю слой с фигурой в меню слоёв

Изображение

Имейте в виду, то что Вы видите белым, на самом деле прозрачное.

Edit => Define Pattern, называйте как хотите:

Изображение

Теперь приступаем к второй части урока. После создания паттерна документ можно закрыть (не сохраняя, если конечно Вы ещё что-нибудь с этим не придумаете, мало ли *ololo* )

Создаём новый документ:
- File => New (Ctrl+N) 1200х764
- Заливаем чёрным цветом
далее в палитре выставляем цвета:
#e05001 и #f1b002
- Делаем выделение как на картинке (не обязательно точно так-же, приблизительно):

Изображение

Выбираем Gradient Tool (G)

Изображение

И проводим градиент:
Изображение

- снимаем выделение Select => Deselect (Ctrl+D)
- Layer => New => Layer (Ctrl+Shift+N)
- Edit => Fill

Изображение

итог:

Изображение

- Layer => New => Layer (Ctrl+Shift+N) Прозрачность (Opacity - 90%)
- Выделяю "лишнее" (здесь делаете, как Вашей фантазии заблагорассудится)

Изображение

"Края нужно подровнять", а потому создаём ещё один слой
- Layer => New => Layer (Ctrl+Shift+N)
На этот раз прозрачность уже остаётся 100%

Изображение

- Объедените все слои в один Layer => Merge Visible (Ctrl+Shift+E)
- Filter => Other => Offset:
Horizontal : 50 (но это у меня, у Вас значение какое я точно не знаю, придётся импровизировать, чтобы эквалайзер оказался по центру)
Vertical : 15

Изображение

Можно было б остановиться и на этом, но я всё же хочу ещё и отражение снизу добавить. А потому делаем выделение:

Изображение

- Нажимаем Ctrl+J, либо если у Вас не получится Edit => Copy(Ctrl+C), Edit => Paste(Ctrl+V)
- На дублированный слой:
Edit => Transform => Flip Vertical
Opacity (Прозрачность) изменяем на 25%

Изображение

На этом у меня всё, спасибо за внимание @-\- @-\- @-\-

Re: Как нарисовать эквалайзер

СообщениеДобавлено: 08 июн 2013, 10:41
N00B_SaiB0T
*DnK* тебе надо было сразу добавить, а нахрена оно вообще надо.

Re: Как нарисовать эквалайзер

СообщениеДобавлено: 05 ноя 2014, 22:04
Night_Pilgrim
как нарисовать эквалайзер - урок переехал сюда. *Sm*