Здравствуйте. В этой статье будет рассказано, как нарисовать такой эквалайзер:
Урок будет разделён на две части, первая часть "создание паттерна" (текстуры для заливки) и вторая - рисование эквалайзера.
Итак прежде чем приступить, размер моего конечного изображения - 1200х764. Потому:
- Cоздаём новый документ с параметрами 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, называйте как хотите:
Теперь приступаем к второй части урока. После создания паттерна документ можно закрыть.
Создаём новый документ:
- 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.
Можно было б остановиться и на этом, но я всё же хочу ещё и отражение снизу добавить. А потому делаем выделение:
Layer > Duplicate Layer (Ctrl+J).
На дублированный слой:
- Edit > Transform > Flip Vertical;
- Opacity (Прозрачность) изменяем на 25%.
На этом урок заканчивается, спасибо и всего Вам доброго.