Иконка «Скачать» для Вашего сайта - Школа Photoshop
Стрелка иконка фотошоп Стрелка иконка фотошоп

Иконка «Скачать» для Вашего сайта

14.05.2007Категория урока: Рисование

В этом уроке мы расскажем Вам, как сделать симпатичную иконку «Скачать». Финальный результат Вы можете увидеть прямо сейчас:

Стрелка иконка фотошоп

Для начала нам необходимо нарисовать дискету. Нарисуйте скругленный прмоугольник с радиусом угла в 4px.

Стрелка иконка фотошоп

Примените параметры Gradient Overlay и Stroke со значениями, указанными на картинках ниже:

Стрелка иконка фотошоп

Стрелка иконка фотошоп

Стрелка иконка фотошоп

Теперь нарисуйте темно-серый прямоугольник, подобный этому:

Стрелка иконка фотошоп

Добавьте Bevel & Emboss как показано:

Стрелка иконка фотошоп

Стрелка иконка фотошоп

Нарисуйте маленький черный прямоугольник:

Стрелка иконка фотошоп

Нарисуйте еще один прямоугольник, но уже большой и белый:

Стрелка иконка фотошоп

Добавьте тонких линий высотой в 1px:

Стрелка иконка фотошоп

Теперь нарисуйте небольшой темно-серый квадрат в левом верхнем углу нашей дискеты:

Стрелка иконка фотошоп

Сгруппируйте и слейте все слои. Скопируйте полученный слой и переместите его на задний план. Поверните его на, порядка, 15 градусов.

Стрелка иконка фотошоп

Выберите автоформу, указанную на рисунке:

Стрелка иконка фотошоп

И нарисуйте ее так же, как и на нашем рисунке:

Стрелка иконка фотошоп

Добавьте градиента и Stroke как на рисунках ниже:

Стрелка иконка фотошоп

Стрелка иконка фотошоп

Стрелка иконка фотошоп

Щелкните мышкой с зажатым Ctrl на слое со стрелкой, чтобы выделить его. Выберите Select > Modify > Contract и уменьшите выделение на 1px. Создайте новый слой и залейте его градиентом (#EA7440 основной и белый — фоновый): выберите инструмент градиентной заливки (G) и залейте стрелку. Нажмите Ctrl+D, чтобы снять выделение и измените стиль слоя с «normal» на «screen«.

Стрелка иконка фотошоп

Сгруппируйте и слейте эти два слоя. Готово! Стрелка иконка фотошоп

Стрелка иконка фотошоп

Источник: http://www.yourphotoshopguide.com/index.php?action=showtutorial&tutid=76




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

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



8 комментария(-ев) к уроку “Иконка «Скачать» для Вашего сайта”

  1. New Keygen, Crack, Patch, Serial, Русификатор к Adobe Photoshop + бонус

    http://depositfiles.com/ru/files/fks14to9v

    petro

  2. Алекс

  3. Спасибо. Результат вполне приличный. Надо сделать подобную себе на сайт.

    ephoto

  4. Полный набор программ для раскрутки сайта:
    Программы для регистрации в поисковиках и каталогах, для рассылки на форумы и на электронные доски объявлений, а также более 60 самых популярных скриптов плюс различные базы.Можно скачать бесплатно

    Сергей

  5. Здорово, хорошая идея сделать тематическую иконку скачать! :smile:

    Василий

  6. Фотошоп — он и в Индии Фотошоп

    Анна

  7. Спасиб :wink:

    Skop

  8. так ведь можно просто вставить уже глотовую картинку :) у себя на сайте так и сделал!

    Олег

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

 


Rambler's Top100