среда, 6 марта 2013 г.

Рисуем логотип Google Chrome

Финальный рисунок:

Рисуем лого Google Chrome *




Откройте фотошоп, создайте новый документ 854x854 px, 72 dpi. Используйте инструмент Ellipse Tool (U), чтобы создать основу для логотипа. 
Рисуем лого Google Chrome *

Выберите параметры слоя, дальше кликайте по вкладке: Blending Options>Gradient Overlay.
Рисуем лого Google Chrome *

Параметры градиента:
Рисуем лого Google Chrome *

В итоге:
Рисуем лого Google Chrome *

Создайте новый слой, во-первых примените Ellipse Tool (U) чтобы разметить внешние края слоя. Затем выбрать Pen Tool (P), чтобы вырезать внутреннее открытие. Его форма исправляется при помощи Convert Point Tool
Рисуем лого Google Chrome *
Рисуем лого Google Chrome *

Заходим в параметры слоя, дальше по вкладке: Blending Options>Bevel and Emboss, и делаем так:
Рисуем лого Google Chrome *
В итоге:
Рисуем лого Google Chrome *

Сделайте копию последнего слоя и используйте на нем опцию Free Transform, уменьшаем копию. Перемещаем копию, до нужного положения, и заливаем цветом #4E4A4A. Перетащите этот слой ниже предыдущего, это будет слой с тенью.
Должно получиться:
Рисуем лого Google Chrome *

Создайте новый слой, и используя Brush Tool (cool.gif, закрасьте секторы логотипа. Потом держа клавишу "Alt" кликните между последними слоями.
Рисуем лого Google Chrome *
Рисуем лого Google Chrome *
В итоге:
Рисуем лого Google Chrome *

Сделайте новую копию слоя логотипа и примените Bevel and Emboss. Используйте Convert Point Tool, чтобы изменить размещение вершин. Разместите этот новый слой ниже, чем слой логотипа с эффектом Bevel and Emboss, но выше слоя, содержащего тень логотипа.
Рисуем лого Google Chrome *

Создайте новый слой, располагая его выше предыдущего, и проделайте те же действия, которые мы сделали, крася верхний слой (имеется ввиду слой, расположенный выше слоя тени, но ниже, чем логотип).
Рисуем лого Google Chrome *
Рисуем лого Google Chrome *
Рисуем лого Google Chrome *

Сделайте копию слоя маски, где мы использовали те три цвета, чтобы красить верхний слой логотипа. Выберите для этого слоя Burn Tool (O) и Dodge Tool (O), чтобы оттянуть несколько основных моментов и тени на логотипе.
Рисуем лого Google Chrome *
Рисуем лого Google Chrome *

Используя Ellipse Tool (U), пробуйте очертить центральную часть логотипа. Разместите слой ниже, чем верхний слой логотипа.
Рисуем лого Google Chrome *

Параметры слоя: Fill 0% 
Blending Options>Drop Shadow:
Рисуем лого Google Chrome *
Blending Options>Inner Shadow:
Рисуем лого Google Chrome *
Blending Options>Gradient Overlay:
Рисуем лого Google Chrome *
Gradient’s parameters:
Рисуем лого Google Chrome *
В итоге:
Рисуем лого Google Chrome *

Фактически логотип готов, осталось привести его в товарный видsmile.gif wink.gif 
Для этого:
Пробуйте представить обводку вокруг центральной части логотипа. Для начала примените Ellipse Tool (U), чтобы представить внешние границы, а затем нажать кнопку Alt, используя тот же инструмент, чтобы вырезать открытие.
Рисуем лого Google Chrome *
Параметры слоя: Fill 40% 
Blending Options>Gradient Overlay
Рисуем лого Google Chrome *
Gradient’s parameters:
Рисуем лого Google Chrome *
В итоге:
Рисуем лого Google Chrome *

Удерживая кнопку "Alt" делайте щелчок мыши между слоем обводки центральной части и предыдущего слоя:
Рисуем лого Google Chrome *

На этой стадии нам нужно представить блик на самой низкой части логотипа. Выберите Ellipse Tool (U) и представьте внешние края блика вдоль нижнего края логотипа. Нажмите кнопку Alt, используя тот же инструмент, чтобы стереть ненужные элементы картины. Цвет слоя в данном случае белый.
Рисуем лого Google Chrome *
Параметры слоя: Fill 25% 
Blending mode-Lighter Color
Вуаля:
Рисуем лого Google Chrome *


Автор: Adobe Tutorialz

Комментариев нет :

Отправить комментарий