Спонсоры:

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

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

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

Сообщение Night_Pilgrim » 25 мар 2013, 11:39

Здравствуйте :-)

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

Изображение

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

Итак прежде чем приступить, размер моего конечного изображения - 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%

Изображение

На этом у меня всё, спасибо за внимание @-\- @-\- @-\-
Князь Тишины
Изображение
Он yходит один, и не слышно шагов,
Он не смотpит назад, он не видит вpагов.
Он yходит тyда, где зови не зови -
По колено тpавы и по пояс любви.

© Белая гвардия
Аватара пользователя
Night_Pilgrim
Князь Тишины
 
Сообщения: 1967
Зарегистрирован: 23 ноя 2011, 20:38
Откуда: Бездна

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

Сообщение N00B_SaiB0T » 08 июн 2013, 10:41

*DnK* тебе надо было сразу добавить, а нахрена оно вообще надо.
Изображение
Аватара пользователя
N00B_SaiB0T
 
Сообщения: 215
Зарегистрирован: 14 фев 2012, 21:22

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

Сообщение Night_Pilgrim » 05 ноя 2014, 22:04

как нарисовать эквалайзер - урок переехал сюда. *Sm*
Князь Тишины
Изображение
Он yходит один, и не слышно шагов,
Он не смотpит назад, он не видит вpагов.
Он yходит тyда, где зови не зови -
По колено тpавы и по пояс любви.

© Белая гвардия
Аватара пользователя
Night_Pilgrim
Князь Тишины
 
Сообщения: 1967
Зарегистрирован: 23 ноя 2011, 20:38
Откуда: Бездна


Вернуться в Уроки для Photoshop

Кто сейчас на конференции

Сейчас этот форум просматривают: нет зарегистрированных пользователей и гости: 1

    Спонсоры:
   
cron