Стикеры для Интернет-магазинов - Школа Photoshop
Стикеры для магазина Как в фотошопе текст под углом?

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

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

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

Сделать стикер фотошопе

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

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

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

Графика для интернет магазина

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

Фото в 3D для интернет магазина

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

Как сделать стикер в фотошопе?

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

Стиккер в photoshope

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

Стикеры для интернет магазина

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

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

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

Делаем стикер в фотошопе

Готово! Photoshop уроки делаем стикер

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

Как сделать стикер в фотошопе?

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

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




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

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



11 комментария(-ев) к уроку “Стикеры для Интернет-магазинов”

  1. [...] просто добавьте какой-нибудь классно выглядящий стикер и [...]

    Делаем красивый “вебдванольный” текст » Уроки Photoshop CS2 :: Уроки фотошопа :: Уроки adobe photoshop :: Регулярные пополнения базы уроков

  2. СПС. Класный урок!!!!!!

    Halier

  3. Полезный урок, для инет предпренимателей!

    Максим

  4. хороший урок, все получилось! :smile:

    Виктория

  5. Просто и полезно :!:

    OLIA

  6. Здорово! :grin: Обязательно наклею на сайт. :razz:

    Марк

  7. заезжено до ужаса вот это все… уже не так прикольно смотрится

    portman

  8. 2portman: Почему? :neutral: Мне кажется, что как класическому стикеру, это смотрится очень класно! :razz: :mrgreen: :mrgreen:

    Марк

  9. Спасибо, очень нужна штука для онлайн-шопа. Благадарю.

    Webchester

  10. Вебмастер молодец, уроки супер, как что нужно захожу почти только сюда. Спасибо.

    Magnat

  11. А возможно заказать у вас баннеры для магазина?

    Grandemart

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

 


Rambler's Top100