Выкладывал этот урок на Техдтзайне и фрилансе теперь выложу тут
1. Что понадобится
Photoshop, интернет (либо фото гембоя, либо сам гембой), фоновая музыка.
2. Рабочая область
Я надеюсь что когда-нибудь меня возьмут на дрибл, поэтому размер для нашей картинки
будет 300 х 400 px.
Зададим небольшой градиент в нижней части для иллюзии пространства.
3. Основные контуры
Под рукой гембоя не оказало, поэтому я нашел картинку в гугле.
Помещаем картинку в наш проект и с помошью инструментов Rectangle Tool и Pen обводим основные контуры.
4. Рабочее пространство
Мое окно редактора выглядит примерно так
1-е окно — основное окно в котором я работаю
3-е окно — окно с картинкой рефом на него я поглядываю чтоб не наврал в отрисовке
2-е окно — это окно того же файла, что находится в окне 1. Все изменения в окне 1 будут происходить в окне 2. Зачем оно мне? Дело в том, что в этом окне картинка дана в 100 % размере в то время когда в 1-м окне я буду приближать и удалять картинку. Вызывается так
5. Объем
Дорабатываем детали: добавляем индикатор Power, и рисуем кнопки.
Определяемся с источником света. У меня он будет сверху и немного, совсем чуть-чуть, слева. Рисуем блики и тени на кнопках и динамике. Я это делал так (на примере кнопки ): копировал слой с кнопкой (назовем его слой 2), смещал его вверх и влево (одно нажатие крестика вверх, одно влево), выделял исходный слой с кнопкой (щелкнуть по слою с зажатым CTRL или CMD ) потом выделенное удалял со слоя 2 и возвращал слой 2 на место (нажатие крестика вниз и вправо), потом либо заливал слой 2 нужным цветом либо применял режим наложения (что получилось см ниже белая полоска на джойстике). Тоже самое для тени.
Смотрим на реф и понимаем что края у гембоя немножко закруглены, строим блики и тени с помощью градиентов и режимов наложения.
Рисуем стыковочные швы и добавляем еще бликов.
Рисуем рефлексы. Для этого я использую градиенты и режимы наложения.
Зыбыли про экра — исправляем.
Рисуем тень. Простой залитый прямоугольник.
Размываем и подтираем резинкой.
6. Надписи
Делаем принт скрин окна, вырезаем понравившиеся инструменты. Вставляем. Ищем в интернете лого Adobe. Тоже вставляем. и для того и для другого используем режим наложения Myltiply с разной процентовкой прозрачности.
Вся серия тут
Привет, это снова я!