Создаем иконку rss для вашего блога

Категория: Веб-дизайн. 2 комментариев. 11.02.2012.

Здравствуйте сегодня мы создаем иконку rss для вашего сайта которая подойдет по вашей тематике для сайта и вы всегда будете довольны кнопкой. Также такая кнопка будет более гармонично вписываться в дизайн сайта и выгодно дополнять его. Ну что же мы создаем иконку rss для вашего сайта!

В данном уроке я покажу вам процесс создания на примере иконки для автомобильного сайта. Первым делом нам нужно найти картинку по тематике сходной с темой сайта. Для своей иконки я выбрал следующую картинку:
Создаем иконку rss
После того как выбрали картинку нам нужно создать рабочую область белого цвета и размером 300 на 300 пикселей.
Создаем иконку rss
После этого мы должны нарисовать на белом поле прямоугольную область с скругленными углами и цвет заливки должен быть #f36523 а градус скругления 30 градусов. В итоге должно получится вот такой результат.
Создаем иконку rss
После этого нам нужно открыть нашу картинку, выбрать инструмент «Перемещение» и перетащить на нашу рабочую область.

Картинка у нас не поместилась и поэтому мы выбираем Редактирование-Трансформирование-Масштабирование. И удерживая кнопку Shift изменить размер до того чтобы картинка поместилась. После этого все лишние поле мы убираем сначала инструментом лассо а потом подтираем ластиком и получаем такой результат:

К слою с автомобилем нам нужно выставить прозрачность пятьдесят процентов.

Теперь нам нужно нарисовать полосы как на большинстве иконок RSS. Для этого создадим новый слой. На новом слое создадим точку белого цвета. С помощью инструмента «Прямоугольник со скругленными углами» мы рисуем два прямоугольника белого цвета.
Теперь нам нужно согнуть прямоугольники. Выбираем Редактировать-Трансформирование контура-Деформация и в выпадающем списке выбираем Дугой.

Тоже самое проделываем с другим прямоугольником и при помощи инструмента перемещение и трансформация выстраиваем их по возрастающей и и выставляем прозрачность слоя пятьдесят процентов.

В итоге мы должны получить такую кнопку, белое поле нужно по удалять и уменьшить картинки до нужного размера.

С уважением, Василенко Александр

Похожие статьи:

2 в ответ на “Создаем иконку rss для вашего блога”:

  1. Ирина
    http://lifeblossoming.ru/
    пишет:

    Объясните чайнику, кроме эстетического эффекта, что дает такая иконка?=)

  2. glazabra
    http://glazabra.ru
    пишет:

    Доброго вам!

    Спасибо за хороший урок по созданию иконки. Сразу пришла идея использовать телевышку в кнопке :)

Оставить комментарий