Эмблема в стиле WEB 2.0

Этот урок расскажет Вам о том, как создать в Adobe Photoshop эмблему в стиле Web 2.0 Задумка в том, чтобы заставить эмблему как бы выглядывать из-за фона. Готовы? Тогда приступаем!Эмблема в стиле WEB 2.0Приблизительное время выполнения: 15 минут

Создайте новый документ небольших размеров (я использовал 200х300 px). В качестве фона я выбрал светло-голубой цвет. Создайте новый слой и сделайте на нем круглое выделение. Залейте его зеленым цветом, чтобы получилось, как на рисунке:web20_badge_01.gifТеперь нам нужно сделать нашу окружность более живой. Примените к ней эти стили слоя:web20_badge_02.gifweb20_badge_03.gifweb20_badge_04.gifweb20_badge_05.gifНастало время добиться эффекта “выползания” окружности из-за фона. Я не делал скриншотов этого действа, поэтому, если у Вас появятся вопросы - задавайте их в комментариях и я Вам помогу!Создайте новый слой над слоем с кругом и выберите инструмент Полигональное Лассо (Polygonal Lasso). Установите Feather на 10px. Теперь нам нужно сделать выделение. Начните слева сверху недалеко от круга и, зажав клавишу Shift, проведите диагональную прямую до тех пор, пока она не достигнет примерно такого же расстояния от фигуры, как в начале. Далее закончите выделение, сделав его треугольной формы и направленным вниз относительно диагонали. Заполните получившееся выделение черным цветом. У Вас получился треугольник с размытыми краями. Теперь тем же инструментом (Polygonal Lasso), но уже с параметром Feather, установленным в значение 0px, сделайте большее выделение той же формы. Главное, чтобы в этом выделении присутствовала такая же диагональ. Подвиньте выделение так, чтобы эта диагональ оказалась чуть ниже предыдущей, и нажмите Delete.Скорее всего, Вам придется повторить эти действия несколько раз, чтобы добиться нужного эффекта. А нужный эффект вот он:web20_badge_06.gifТеперь, когда Вы смогли достичь этого этапа, создайте новый слой над всеми существующими и выделив нужную область, закрасьте ее цветом фона, чтобы получилось нечто, похожее на это:web20_badge_07.gifДобавьте текста и готово!Эмблема в стиле WEB 2.0Выполнение этого урока может оказаться сложным. Но, если потренироваться, то у Вас все обязательно получится! ;) Источник:

Популярность:12%

Магический кристальный шар Магический кристальный шар
В этом уроке мы научимся создавать магический кристальный шар!Примерно время выполнения урока: 5 минутЧитать полностью »Популярность:30%

Создаем красивое лого в стиле Веб 2.0 Создаем красивое лого в стиле Веб 2.0
Всего за семь минут Вы сможете сделать первоклассное Web 2.0 лого для своего сайта!Приблизительное время выполнения: 7 минутЧитать полностью »Популярность:18%

Рисуем LCD-экран Рисуем LCD-экран
Подойдет для дизайна Вашего сайта или других футуристических работ (кстати, такие “экранчики” применялись в скинах для winampa).Приблизительное время выполнения: 7 минутЧитать полностью »Популярность:9%

Как сделать еще один красивый шар в Photoshop Как сделать еще один красивый шар в Photoshop
Потрясающий по красоте шар, которому можно найте массу применений!Приблизительное время выполнения: 17 минутЧитать полностью »Популярность:22%

Как создать дизайн страницы under construction Как создать дизайн страницы under construction
Иногда нам приходится запускать свой сайт заранее или проводить на существующем сайте некоторые работы. Чаще всего веб-мастера вешают скучную и некрасивую картинку типа “Under Construction“. Но из этого урока Вы узнаете, как создать в Adobe Ph ...