SIM-ART - студия дизайна

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

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


Вы здесь » SIM-ART - студия дизайна » Уроки Photoshop » Создаем значки


Создаем значки

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

1

Итак. Скачиваем базу для значка.
Открываем ее в фотошопе (файл-открыть), параллельно открываем нужную нам картинку. Кадрируем ее до размера 100 на 100 пикселей.Теперь берем инструмент  http://i015.radikal.ru/0911/3f/167166e3c385.gif  Перемещение и перетаскиваем только что кадрированную картинку на базу с аватаром. Перемещаем ее на самый нижний слой

http://s53.radikal.ru/i142/0911/85/442a66e70955.gif

Теперь, оставаясь на самом нижнем слое, щелкаем по иконке слоя с зеленым кругом, зажав Ctrl (где щелкать - см.ниже:)

http://i077.radikal.ru/0911/34/ac98177d011b.gif

Наш кружок выделился.

http://i059.radikal.ru/0911/3e/d5785983d2d3.gif

Берем инструмент Выделение (http://s52.radikal.ru/i138/0911/35/4be8e2dbefd0.gif), щелкаем внутри круга правой кнопкой мыши и выбираем "Инверсия выделенной области"

http://s51.radikal.ru/i131/0911/e8/7e69ee120d70.gif

и жмем Delete. Все. Значок готов!Сохраняем его: Файл-сохранить для Web-выбираем формат PNG-24, ставим галочку возле "Прозрачность".
Источник

0

2

v.2

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

http://psd.tutsplus.com/tutorials/11_ButtonMaker/10.jpg

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

http://psd.tutsplus.com/tutorials/11_ButtonMaker/1.jpg

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

[реклама вместо картинки]

[реклама вместо картинки]

[реклама вместо картинки]

[реклама вместо картинки]

[реклама вместо картинки]

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

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

http://psd.tutsplus.com/tutorials/11_ButtonMaker/3.jpg

Шаг 4.
Теперь, использую интрумент овального выделения - http://demiart.ru/forum/html/psicons/elliptical_marquee.gif выделяем овал, как на рисунке. Создадим новый слой и на этом слое заливаем наше выделение радиальным градиентом(из белого в прозрачный). У Вас должно получится нечто похоожее на:

http://psd.tutsplus.com/tutorials/11_ButtonMaker/4.jpg

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

http://psd.tutsplus.com/tutorials/11_ButtonMaker/5.jpg

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

http://psd.tutsplus.com/tutorials/11_ButtonMaker/6.jpg

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

http://psd.tutsplus.com/tutorials/11_ButtonMaker/7.jpg

Шаг 8.

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

http://psd.tutsplus.com/tutorials/11_ButtonMaker/8.jpg

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

http://psd.tutsplus.com/tutorials/11_ButtonMaker/9.jpg

0


Вы здесь » SIM-ART - студия дизайна » Уроки Photoshop » Создаем значки


Рейтинг форумов | Создать форум бесплатно