Уникальные Видеоуроки по Photoshop.
Убедитесь Сами в их Эффективности!
(каждый месяц свежие уроки)

+ ПОДАРОК
(Ваше реальное имя,
желательно на русском языке)


Закрыть
 
Стеклянный ярлык
(39 голосов)
Автор\Перевод Вячеслав Пчелов   
09.10.2008
 
Для того, чтобы выполнить этот урок в фотошоп, вам необходимо знать основы фотошоп и его инструменты, чтобы дойти до конца урока.

Шаг 1 Создание нового документа
начните с создания нового документа в фотошоп. Я собираюсь использовать размер 400х400. После того, как вы создали документ, приукрасьте немного фон. Я использовал голубой цвет для фона и линии вдоль всего фона.



Шаг 2 Создание новой фигуры
Теперь давайте создадим фигуру значка, в панели инструментов вашего фотошопа, найдите и выберите Polygonal Tool .



Удостоверьтесь, что у вас стоят все настройки как у меня на картинке:



Нажмите на стрелочку, которая подсвечена у меня на картинке, и установите такие же настройки, как у меня показано ниже:



Теперь вы вполне готовы для нанесения фигуры, конечно же вы можете попробовать изменить некоторые настройки инструмента на свой вкус. Создайте новый слой ( LayerNewLayer ). Теперь нанесите фигуру на новый слой. Для фигуры значка я использовал такой цвет #4fb2ea.

Теперь, если вы сделали все верно, у вас должно получиться вот так:



Ну что же, мы с вами создали основную фигуру, а теперь давайте перейдем к следующему этапу и немного приукрасим ее.

Шаг 3 Эффект объема (Стили слоя)
В вашей вкладке Layers , нажмите правую кнопку на слое с значком и из контекстного меню выберите Blending options . Примените все следующие стили и их параметры: Outer Glow



Inner Glow



Gradient Overlay



Теперь вы должны получить вот такой результат:



Теперь выглядит немного лучше. Следующим этапом будет добавления свечения и отражения.

Шаг 4 Свет
Создайте новый слой и создание выделение из фигуры значка, удерживая ctrl щелкнув по миниатюре слоя значка (на вкладке Layers ).



Сожмите только что созданное выделение на 2 пикселя, выбрав из главного меню SelectModifyContract , исползуйте поле для ввода, чтобы задать 2 пикселя.



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



Сейчас вам необходимо изменить режим наложения этого слоя в Overlay и снизить Opacity если вы считаете это целесообразным. Лично я снизил до 70%.

Снова создайте выделение вокруг значка, и снова используйте Contract со значением в 2 пикселя (все как делали выше), создайте новый слой. Не снимая выделение, на этом новом слое, внутри выделения залейте градиентом от белого к прозрачному, с верхней, левой части к середине, вот так:



Найдите и выберите инструмент Polygonal Lasso Tool и используйте, чтобы сделать диагональное выделение от нижней, левой части к верхней, правой, за тем удалите выделение как показано ниже:



Смените режим наложения слоя в Soft Light или Overlay , и снизьте Opacity до, примерно, 30-70%. Теперь у вас должен получиться вот такой красивый результат:



Шаг 5 Завершение
Теперь смотрится гораздо лучше! Возможно, теперь вы захотите добавить какой-нибкдь текст к вашему значку.

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


Если вам понравился или не понравился этот фотошоп урок, в любом случае - можете оставить свой комментарий и проголосовать за него. Хотя, я надеюсь, что он вам понравился:)

Если вы нашли опечатку, можете уведомить меня об этом, выделите текст и нажмите Shift+Enter

 

Комментарии 

 
# HARLY 09.10.2008 15:37
Вот уже не раз обращаю внимание на подписку.Хочу подписаться, но смущает то, что нет подробного описания. Ведь должна быть какая-то оплата в месяц и сколько она составляет? Можно более подробней узнать ?
Ответить | Ответить с цитатой | Цитировать
 
 
# Вячеслав Пчелов 09.10.2008 15:46
Цитирую HARLY:
Вот уже не раз обращаю внимание на подписку.Хочу подписаться, но смущает то, что нет подробного описания. Ведь должна быть какая-то оплата в месяц и сколько она составляет? Можно более подробней узнать ?


Я веду абсолютно бесплатную рассылку, вы смело можете подписываться! В рассылке я присылаю все те же уроки, что и на сайте, просто, как только уроки (в основном видеоуроки) появляются на сайте, так и Вам в ящик падает письмо с этими уроками. Иногда я даю материалы, которых нет на сайте, рассказываю о новостях сайта, что добавилось и пр. Также вы будете получать ссылки на текстовые уроки, если добавилось что-то новенькое с момента последнего выхода рассылки…
Так что вперед! subscribe.rukurs.com
Ответить | Ответить с цитатой | Цитировать
 
 
# Ross 15.10.2008 14:09
Славик, ты молодец! Нестандартные уроки, современное направление, грамотная речь, подробные иллюстрации, я такого не встречал еще :)
.ua
Ответить | Ответить с цитатой | Цитировать
 
 
# tony 14.04.2009 13:04
Очень Вам благодарен! Научился многому полезному) Очень интересные уроки!
Один вопросик: как проще сделать линии вдоль всего фона? Не рисовать же их инструментом "Линия")) Подскажите, пожалуйста.
Спасибо! С уважением Антон
Ответить | Ответить с цитатой | Цитировать
 
 
# Kotunka 18.10.2009 01:44
вай, вай, вай!! хочу этот штампик или ярлык, но у меня беда - застряла на шаге 4! :sad:
опишите поподробнее этот момент пжалста: "Теперь залейте новый слой белым цветом. Сейчас необходимо нажать на клавиатуре, нажать только один раз, сначала стрелочку вниз, а потом стрелочку влево. Теперь нажмите клавишу Del на вашей клавиатуре, и теперь у вас должно получиться что-то такое:"
у меня либо белый либо голубой... :sigh:
Ответить | Ответить с цитатой | Цитировать
 
 
# maralsar 27.02.2010 14:13
maralsar@ramble r.ru
Ответить | Ответить с цитатой | Цитировать