Меню
  Разделы дневника
PhotoShop [22]
Уроки по PhotoShop
CSS [0]
Таблицы стилей
HTML [0]
Простой язык построения сайта
PHP [0]
Более сложный язык, но не вбивайте себе это в голову
Разное [0]
  Опрос
Что загружать на сайт?
Всего ответов: 50
Главная » 2008 » Ноябрь » 2 » Эффект стекла в PhotoShop
Эффект стекла в PhotoShop
17:51

« Эффект стекла в фотошопе »


эффект стекла в фотошопе


Как в фотошопе нарисовать стекло — это очень популярный эффект, который можно использовать в дизайне сайта или, наример, при создании аватара.


Данный урок не новый, вы могли его уже где-нибудь видеть, но этот эффект стекла очень популярен и достаточно красив, очень часто используется в дизайне, поэтому я решил показать как он создаётся.


Использовать результаты данного урока можно, например, при создании красивого стеклянного аватара или применить в дизайне сайта.

Как нарисовать стекло в фотошопе


1. Открываем какую-нибудь картику — она послужит нам в качестве фона:


эффект стекла в фотошопе


2. Выбираем инструмент Rounded Rectangle Tool, радиус скругления углов сделаем равным 10 пикселей (Radius: 10px) и синим цветом (#2862f4) нарисуем такую фигуру (конечно точно такую фигуру рисовать не обязательно — всё на ваше усмотрение):

как нарисовать стекло в фотошопе


3. Непрозрачность (Fill) слоя с этой фигурой сделаем равной 20%:


стекло в фотошопе


4. Открываем окошко Layer Style (кликаем правой клавишей по слою с фигурой и выбираем пункт Blending Options), там переходим на вкладку Drop Shadow и добавим немного теней:

как нарисовать стекло


5. Затем добавим внутреннее свечение (вкладка Inner Glow):


как в фотошопе нарисовать стекло


6. Сделаем вокруг нашего будущего стекла чёрный контур (на вкладке Stroke):


как сделать эффект стекла


7. Неплохо было бы добавить штриховку (как это делается вы можете прочесть в уроке о создании логотипа или UserBar'а, только в качестве текстуры создавайте изображение размером 1x2 px и закрасьте нижний квадрат белым цветом):

эффект стекла в PhotoShop


Жмём Ok и смотрим результат:


как в PhotoShop нарисовать стекло


8. Теперь неплохо бы добавить небольшие блики от источника света. Для этого сначала создадим новый слой, затем зажимаем клавишу Ctrl и кликаем левой клавишей на слое со стеклом. Выбираем инструмент Paint Bucket Tool и заливаем выделение чёрным цветом:

стекло в PhotoShop


9. Применим фильтр Lens Flare (Filter —> Render —> Lens Flare) со следующими настройками:


как нарисовать стекло в PhotoShop

После применения фильтра должна получится такая картинка:


урок по созданию стекла


10. Сейчас нужно наложить это свечение на слой со стеклом. Для этого измените парамерт Blend Mode с Normal на Screen (данный параметр выбирается на панеле слоёв (Layers) в верхнем левом углу), после этого зажмите клавишу Alt и кликните между слоем со стеклом и слоем со свечением (с бликом):

урок по созданию стекла в фотошопе


11. На данном фоне эффект заметен слабо, но если выбрать более тёмный фон, то будет смотреться лучше. Сейчас добавим пару обычных бликов. Выберите инструмент Elliptical Marque Tool и выделите часть стекла, потом создайте новый слой и залейте выделение белым цветом (с помощью заливки — Paint Bucket Tool):


урок по созданию стекла в PhotoShop


12. Сейчас снимите выделение (в меню Select выберите Deselect или нажмите Ctrl + D). Затем зажмите Ctrl и кликните по слою со стеклом, инвертируйте выделение (в меню Select вылберите Inverse или нажмите Shift + Ctrl + I) и удалите (клавиша Delete):

как нарисовать стекло


13. Добавьте к этому слою (к самому верхнему) маску (на панеле слоёв нажмите кнопку ввиде тёмного прямоугольника, внутри которого круг; или в меню Layers выберите Layer Mask —> Reveal All). Затем выберите инструмент Gradient Tool (цвет градиента — чёрный, плавно переходящий в белый) и залейте маску градиентом:

как нарисовать эффект стекла


14. Таким же образом добавим ещё один блик:


как создать эффект стекла


15. И напишем какой-нибудь текст:


эффект стекла в фотошопе


Вот мы и нарисовали эффект стекла.



Спасибо сайту designarts.ru
Категория: PhotoShop | Просмотров: 1203 | Добавил: ami | Рейтинг: 0.0/0 |
Всего комментариев: 0

Добавлять комментарии могут только зарегистрированные пользователи.
[ Регистрация | Вход ]
  Вход на сайт
Приветствую Вас! Гость
  Поиск
  Календарь
«  Ноябрь 2008  »
ПнВтСрЧтПтСбВс
     12
3456789
10111213141516
17181920212223
24252627282930
  Проекты
  Статистика




Alexandr Martyushev © 2008



Сайт управляется системой uCoz