Здравствуйте сегодня мы создаем иконку rss для вашего сайта которая подойдет по вашей тематике для сайта и вы всегда будете довольны кнопкой. Также такая кнопка будет более гармонично вписываться в дизайн сайта и выгодно дополнять его. Ну что же мы создаем иконку rss для вашего сайта!
В данном уроке я покажу вам процесс создания на примере иконки для автомобильного сайта. Первым делом нам нужно найти картинку по тематике сходной с темой сайта. Для своей иконки я выбрал следующую картинку:
После того как выбрали картинку нам нужно создать рабочую область белого цвета и размером 300 на 300 пикселей.
После этого мы должны нарисовать на белом поле прямоугольную область с скругленными углами и цвет заливки должен быть #f36523 а градус скругления 30 градусов. В итоге должно получится вот такой результат.
После этого нам нужно открыть нашу картинку, выбрать инструмент «Перемещение» и перетащить на нашу рабочую область.
Картинка у нас не поместилась и поэтому мы выбираем Редактирование-Трансформирование-Масштабирование. И удерживая кнопку Shift изменить размер до того чтобы картинка поместилась. После этого все лишние поле мы убираем сначала инструментом лассо а потом подтираем ластиком и получаем такой результат:
К слою с автомобилем нам нужно выставить прозрачность пятьдесят процентов.
Теперь нам нужно нарисовать полосы как на большинстве иконок RSS. Для этого создадим новый слой. На новом слое создадим точку белого цвета. С помощью инструмента «Прямоугольник со скругленными углами» мы рисуем два прямоугольника белого цвета.
Теперь нам нужно согнуть прямоугольники. Выбираем Редактировать-Трансформирование контура-Деформация и в выпадающем списке выбираем Дугой.
Тоже самое проделываем с другим прямоугольником и при помощи инструмента перемещение и трансформация выстраиваем их по возрастающей и и выставляем прозрачность слоя пятьдесят процентов.
В итоге мы должны получить такую кнопку, белое поле нужно по удалять и уменьшить картинки до нужного размера.
С уважением, Василенко Александр
Объясните чайнику, кроме эстетического эффекта, что дает такая иконка?=)
Доброго вам!
Спасибо за хороший урок по созданию иконки. Сразу пришла идея использовать телевышку в кнопке