Эмблема в стиле WEB 2.0 - Школа Photoshop
Как сделать эмблему в фотошопе? Как сделать эмблему в фотошопе?

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

06.07.2007Категория урока: Кнопки и Иконки

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

Как сделать эмблему в фотошопе?

Приблизительное время выполнения: 15 минут

Создайте новый документ небольших размеров (я использовал 200х300 px). В качестве фона я выбрал светло-голубой цвет. Создайте новый слой и сделайте на нем круглое выделение. Залейте его зеленым цветом, чтобы получилось, как на рисунке:

Как сделать эмблему в фотошопе?

Теперь нам нужно сделать нашу окружность более живой. Примените к ней эти стили слоя:

Как сделать эмблему в фотошопе?

Как сделать эмблему в фотошопе?

Как сделать эмблему в фотошопе?

Web 2.0. Photoshop

Настало время добиться эффекта «выползания» окружности из-за фона. Я не делал скриншотов этого действа, поэтому, если у Вас появятся вопросы — задавайте их в комментариях и я Вам помогу!

Создайте новый слой над слоем с кругом и выберите инструмент Полигональное Лассо (Polygonal Lasso). Установите Feather на 10px. Теперь нам нужно сделать выделение. Начните слева сверху недалеко от круга и, зажав клавишу Shift, проведите диагональную прямую до тех пор, пока она не достигнет примерно такого же расстояния от фигуры, как в начале. Далее закончите выделение, сделав его треугольной формы и направленным вниз относительно диагонали. Заполните получившееся выделение черным цветом. У Вас получился треугольник с размытыми краями. Теперь тем же инструментом (Polygonal Lasso), но уже с параметром Feather, установленным в значение 0px, сделайте большее выделение той же формы. Главное, чтобы в этом выделении присутствовала такая же диагональ. Подвиньте выделение так, чтобы эта диагональ оказалась чуть ниже предыдущей, и нажмите Delete.

Скорее всего, Вам придется повторить эти действия несколько раз, чтобы добиться нужного эффекта. А нужный эффект вот он:

Как сделать эмблему в фотошопе?

Теперь, когда Вы смогли достичь этого этапа, создайте новый слой над всеми существующими и выделив нужную область, закрасьте ее цветом фона, чтобы получилось нечто, похожее на это:

Как сделать эмблему в фотошопе?

Добавьте текста и готово!

Как сделать эмблему в фотошопе?

Выполнение этого урока может оказаться сложным. Но, если потренироваться, то у Вас все обязательно получится! Как сделать эмблему в фотошопе?

Источник: http://web-by-design.net/archives/25




Смотрите также:

Понравился урок? Поделитесь им в социальных сетях:



4 комментария(-ев) к уроку “Эмблема в стиле WEB 2.0”

  1. не понятно — что здесь делать 15 мин, но восход солнца получилсяся прикольный (-45 град к треугольнику)

    Shadow

  2. А еще диогональные полоски провести, для полного веб 2.0.))) :mrgreen:

    Vin

  3. ДЕЛАЙ СКРИНЫ!!!!!!!!

    killer_

  4. Зашибись !

    takprosto

Прокомментировать урок

 


Rambler's Top100