Уроки Photoshop CS2 :: Уроки фотошопа :: Уроки adobe photoshop :: Регулярные пополнения базы уроков » Стикеры для Интернет-магазинов

Важно! Создание прибыльных веб сайтов и поисковое продвижение сайтов в Москве: веб-компания StudioForYou!

Стикеры для Интернет-магазинов

15.05.2007Категория урока: Веб-графика

Сегодня эти “наклейки” можно встретить почти на каждом сайте, поэтому я решил, почему бы не научить Вас, как сделать свой собственный стикер. Между прочим, применяются эти стикеры для привлечения внимания посетителей сайта к какой-то его отдельной части.

Стикеры для Интернет-магазинов

Для начала выберите инструмент Polygon Shape:

shop_sticker_02.gif

Теперь на панели опций инструмента щелкните на стрелке, расположенной рядом с пиктограммой кляксы (Custom Shape). Эта стрелка откроет меню опций полигона. Не забудьте отметить галочку “Star” и установите параметр “Indent Sides by” (насколько глубоко будут “входить” уголки в наш стикер) в произвольное значение (я выбрал 15%). Также, установите количество этих уголков, изменив параметр “Sides“. Я выбрал 35 уголков.

shop_sticker_03.gif

Теперь с выбранным инструментом “Polygon Shape“, нарисуйте остов своего стикера.

shop_sticker_04.gif

Пришло самое время сделать эту непонятную форму настоящей магазинной наклейкой! Щелкните правой кнопкой мыши на слое с формой и выберите пункт Blending Options. Выберите слева параметр “Gradient Overlay“. Я использовал градиент от ярко-красного к темно-красному. Вы можете выбрать любые желаемые цвета. Измените стиль (Style) градиента на “Radial” и подстройте “Scale” как на рисунке ниже.

shop_sticker_05.jpg

Переходим к параметру Stroke. Я предпочел однопиксельное обрамление с параметром Position в положении Inside. Причем, цвет в моем случае должен быть чуточку светлее, нежели самое темное место нашего стикера.

shop_sticker_06.jpg

Также я добавил Satin, чтобы немного затемнить границы наклейки. Для этого нужно выбрать в меню параметра Satin режим Normal для Blending Mode и небольшое значение для прозрачности (Opacity). Цвет выберите белый и поиграйтесь со светом по своему вкусу.

shop_sticker_07.jpg

В конце концов давайте добавим тень (Drop Shadow). Размер установите в 0px, а дистанцию в 1px.

shop_sticker_08.gif

Вот мы и получили классно-выглядящую наклейку. Не хватает только текста! Выберите инструмент Type (клавиша Т) и напишите что-то от себя.

shop_sticker_09.gif

Готово! ;)

Добавьте полученный стикер на страницу описания продукта и наслаждайтесь его продажами!

shop_sticker_10.gif

P.S. Чтобы расположить текст под углом, используйте меню Edit > Free Transform (клавиша Ctrl+T).

Источник: http://www.visualdesigncore.com/tutorials/photoshop/Supermarket-Stickers/

+news2.ru +ВааУ.ru +newsland.ru +СМИ2.ru +del.icio.us +bobrdobr.ru +memori.ru +RUmarkz +Mister Wong +Мое Место

Похожие уроки photoshop: