Tim Ник в ответ
Участник закрытых разделов
 
Аватар для Tim

Новичек
 
Талант: 20
Сообщений: 10
Выкладывал этот урок на Техдтзайне и фрилансе теперь выложу тут

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 с разной процентовкой прозрачности.



Вся серия тут
Спасибо!  Фу! Цитата   20.07.2011, 02:21