Ещё больше уроков в нашей группе Вконтакте!





сортировать посты по: Рейтингу | Посещаемости | Комментируемые

Введите свои исправления:


Имя:
Комментарий:

Подсказка

Если Вы нашли неточность в переводе, ошибку или считаете, что содержание данного шага не совсем точное – используйте функцию «Изменить», чтобы внести свои изменения.

*Ваши изменения будут отправлены администрации на модерирование.
*Поля "Имя" и "Комментарий" не обязательны.

1. Создайте новый документ размером 300 х 300 пикселей с чёрным фоном. Инструментом Горизонтальный текст (Horizontal Type Tool) напишите любое слово. Я написал “logo” шрифтом Arial Rounded, размер - 72 px. Закруглённый шрифт обычно используется для дизайна логотипов в интернете:


Логотип Web 2.0



2. Теперь я залью логотип градиентом. Для этого примените стиль Наложение градиента
(Layer Style - Gradient Overlay) и настройте так:


Логотип Web 2.0

Логотип Web 2.0



3. Вот, что у нас получилось. Сверху область должна быть затемнена. Если вам не понравился результат, то подкорректируйте цвета при настройке стиля:


Логотип Web 2.0



4. Потом примените стиль Внешнее свечение (Layer Style - Outer Glow): Режим (Blend Mode) - Замена светлым (Lighten), настройте, как показано ниже:


Логотип Web 2.0

Логотип Web 2.0





5. Создайте новый слой (Create New Layer):


Логотип Web 2.0



6. Сделайте выделение слоя с текстом (Ctrl+Click):


Логотип Web 2.0



7. Потом примените Сжатие (Modify - Contract) и введите значение - 1 пиксель.



Логотип Web 2.0



8. Теперь инструмент Прямоугольная область (Rectangular Marquee Tool) создайте выделение выделение нижней половины выделения, удерживая Alt.


Логотип Web 2.0



9. Установите цвета, как показано ниже:


Логотип Web 2.0



10. Выберите инструмент Градиент (Gradient Tool) и настройте его, как показано ниже.



Логотип Web 2.0



11. Залейте выделение градиентом сверху вниз:


Логотип Web 2.0



12. Выберите оба слоя, показанных ниже и объедините их (Ctrl+Click):


Логотип Web 2.0



13. Теперь сделайте копию этого слоя. Потом примените Отражение по вертикали
(Transform - Flip Vertical). Потяните отражение вниз:


Логотип Web 2.0



14. Установите значение Непрозрачности (Opacity) - 30%.


Логотип Web 2.0



Результат:


Логотип Web 2.0



15. Выберите инструмент Ластик (Eraser Tool) и настройте, как показано ниже:


Логотип Web 2.0



16. Подотрите нижнюю часть отражения, как показано ниже:


Логотип Web 2.0



17. Можете добавить кое-какие эффекты к вашему логотипу. Для этого сначала нужно растеризовать слой. Создайте новый слой (Create New Layer) и объедините его со слоем с логотипом. Потом примените стиль Внешнее свечение (Layer Style - Outer Glow) и настройте, как показано ниже (Режим (Blend Mode) - Замена светлыми (Lighten)).


Логотип Web 2.0



18. Здесь я убрал отражение, чтобы посмотреть, как будет выглядеть логотип без него:


Логотип Web 2.0



19. Тоже самое только с другим цветом свечения:


Логотип Web 2.0






Ссылка на источник урока

написал : KoRSaR

Ура получилось , класс

---------------


Добавление комментария

Ваше Имя

Ваш E-mail

Код:Включите эту картинку для отображения кода безопасности
обновить код

Введите код: