Вверх страницы
Вниз страницы
Неожиданно, правда? Спустя 4 года молчания, Стайл Веб снова открывает свои объятия. You are welcome =)


StyleWeb

Объявление

       





! АКТУАЛЬНО на февраль 2016!

Кто всё - таки  заинтересован в восстановлении SW FORUM`а, с радостью ждём вас в ЛС у ПтичьеМолоко

Информация о пользователе

Привет, Гость! Войдите или зарегистрируйтесь.


Вы здесь » StyleWeb » Архив SW » Урок 62 реалистичные значки


Урок 62 реалистичные значки

Сообщений 1 страница 2 из 2

1

Button Maker

В результате этого несложного урока мы научимся делать значки, очень похожие на настоящие. Вот такие:

http://s47.radikal.ru/i116/0807/8f/08580ae66315.jpg

Ну что ж, приступим...

Шаг 1.
Начнём рисовать на чёрном фоне с радиальным градиентом в верхнем правом углу(из серого в чёрный). Затем, создаём новый слой и рисуем на нём круг, заливаем его, неважно каким цветом, я использовал зелёный.

http://s61.radikal.ru/i172/0807/20/07d8f7ea644e.jpg

Шаг 2.
Устанавливаем эффекты слоя с нашим кругом, как на рисунках:
1.

http://s57.radikal.ru/i157/0807/2a/0465709dc848.jpg

2.

http://s40.radikal.ru/i089/0807/42/e57587af9cca.jpg

3.

http://s41.radikal.ru/i094/0807/0f/ffda3f6e1cf0.jpg

4.

http://s57.radikal.ru/i156/0807/93/488334fdbfad.jpg

5.

http://s59.radikal.ru/i164/0807/ff/9703f075eaa1.jpg

*примеч. Напоминаю, что все 5 вышеописанных эффектов следует применить к одному слою, слою с вашим кругом.

Шаг 3.
Вот как должен выглядеть круг, после приминения эффектов:

http://s54.radikal.ru/i143/0807/28/0c82b8013c5c.jpg

Шаг 4.
Теперь, использую интрумент овального выделения http://s59.radikal.ru/i163/0807/c5/a854c1bf0e38.gif  выделяем овал, как на рисунке. Создадим новый слой и на этом слое заливаем наше выделение радиальным градиентом(из белого в прозрачный). У Вас должно получится нечто похоожее на:

http://s54.radikal.ru/i146/0807/06/95e1ebf718e6.jpg

Шаг 5.
Затем, поверните(Ctrl+T) только что нарисованный овал на 30° по часой стрелке и сместите его вправо. Дублируем(Ctrl+J) слой с овалом и на время скрываем первый слой с овалом. На только что скопированном слое удерживая CTRL нажимаем на пиктограмму слоя, тем самым выделяя всё то, что на нём есть. Выделили? Продолжаем... Теперь 3 - 4 раза нажимаем клавиши "вниз" и "влево" и нажимаем "delete". У Вас должно было получится так:

http://s44.radikal.ru/i106/0807/6e/55066d434c0f.jpg

Шаг 6.
Включаем видимость нашему первому слою с овалом, затем дублируем(CTRL+J) второй, и смещаем его вниз-влево, как на рисунке:

http://s54.radikal.ru/i146/0807/36/cdfbebf37d2a.jpg

Шаг 7.
Теперь, чтобы наложить на наш значок какую-либо картинку нам следует обесцветить, ну или сделать прозрачным, как угодно, слой с нашим зелёным кругом, для этого просто выделяем слой и ставим значение "Fill" равным 0%.
Параметр "Fill" - Заливка похож на параметр "Opacity" - Прозрачность, за исключением того, что когда мы выставляем "Fill" - 0% эффекты слоя продолжают быть видимыми, чего нельзя сказать при выставлении значения "Opacity" - 0%. В итоге получаем:

http://s43.radikal.ru/i099/0807/18/e01b9604f367.jpg

Шаг 8.
Осталось только наложить какую - либо картинку,я использовал британский флаг:

http://s46.radikal.ru/i114/0807/4c/171a6476bb64.jpg

Шаг 9.
Теперь удерживая CTRL щёлкаем по слою с овалом, тем самым выделяя его, затем жмём CTRL+Shift+I, для инверсии выделения, переходим на слой с Вашей картинкой(с британксим флагом в моём случае), и жмём Delete. Вот и всё, значок готов!

http://s50.radikal.ru/i127/0807/e4/0c144dce8720.jpg

0

2

такой урок же уже есть?

0


Вы здесь » StyleWeb » Архив SW » Урок 62 реалистичные значки