Симпатичные и простые иконки для подписки - Веб дизайн - Уроки фотошоп/ Photoshop lessons - ..:: Музыка Фильмы Игры Дизайн ::.. - ..::Скачать бесплатно фильмы, игры, софт, скрипты::..
Понедельник, 24.05.2010, 11:46
Приветствую Вас Блудный
Категории раздела
Смешно...))
Опытный медицинский специалист устанавливает любой диагноз по желанию заказчика!
Реклама
FRIENDS
Мини-ЧАТ



Главная
» Файлы » Уроки фотошоп/ Photoshop lessons » Веб дизайн
[ Добавить материал ]

Симпатичные и простые иконки для подписки
[ ] 27.04.2009, 05:57

Я уже видел уроки, как создавать похожие на наклейки в супермаркете значки, но нигде не показывалось, как из них сделать иконки для подписки, например, на RSS. Вообще-то у меня нет доказательств, что я первый, но давайте начнем.

Симпатичные и простые иконки для подписки

Приблизительное время выполнения: 7 минут

1. Фон

Фон не очень важен, но мы возьмем что-то симпатичное для наших значков. В любом случае, можете открыть шаблон с дизайном, над которым вы работаете в данный момент, чтобы добавить туда значки.

Я взял документ 800×600, довольно маленький – удобно работать. После создания нового документа, залейте фон темным цветом. Я использовал темно-коричневый (#2e1f13).

OK, после установки фона, можете удовлетвориться таким фоном или найти, к примеру, симпатичную текстуру дерева и также добавить к фону.

nice-simple-subscribe-badges1_1.jpg

OK, если вы хотите добавить текстуру дерева, зайдите на CG Textures. Достав текстуру, скопируйте её на ваш документ и измените размер соответственно. После этого снизьте opacity и поиграйте с режимами, чтобы смешать текстуру с основным цветом.

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

nice-simple-subscribe-badges1_2.jpg

2. Основа для значка

Давайте создадим основу для нашего значка. Сначала выберите elliptical marquee tool, затем выделите область посередине вашего документа. Создайте новый слой, затем залейте вашу область нужным цветом.

nice-simple-subscribe-badges2_1.jpg

Теперь у вас есть фигура, вам нужно отрезать уголок и повернуть его. Чтобы сделать это, сначала выберите polygonal lasso tool, затем выберите уголок так:

nice-simple-subscribe-badges2_2.jpg

Кликните правой кнопкой на выделенную область и затем на layer via cut, это вырежет выбранные пиксели, и расположит их в новом слое. Поверните ваш слой (edit > transform > rotate 180) , затем вам может понадобиться повернуть его так, чтобы он был точно на углу.

Затем залейте вашу маленькую фигуру белым или ещё каким-либо светлым цветом, чтобы она контрастировала с основным.

nice-simple-subscribe-badges2_3.jpg

У нас вышел хороший эффект отслоившейся наклейки. Я надеюсь, я хорошо объяснял.

3. Эффекты (Стили слоев)

Теперь как насчет того, чтобы добавить значку глубины? Мы применим к нему Gradient Overlay для каждого из слоев, так что кликните правой кнопкой на слой и зайдите в Blending Options.

Gradient Overlay (основной значок)

nice-simple-subscribe-badges3_1.gif

Gradient Overlay (белый уголок)

nice-simple-subscribe-badges3_2.gif

Замечание: Вам может понадобиться немного повернуть градиент, сделайте это, потянув  под blending options box.

nice-simple-subscribe-badges3_3.jpg

Намного лучше

4. Добавьте текст

Теперь давайте добавим немного текста. Выберите horizontal type tool (обычный) и наберите что-то вроде ‘Subscribe Today!’ на двух строчках.

nice-simple-subscribe-badges4_1.jpg

Замечание: Выбранный мной шрифт называется Delicious, он бесплатен и вы можете скачать его отсюда http://www.josbuivenga.demon.nl/delicious.php

Теперь у вас есть текст, вы должны его повернуть и расположить наверху вашего значка. Поворачивая (ctrl+t), вы можете захотеть уменьшить его, чтобы он вписывался более органично.

nice-simple-subscribe-badges4_2.jpg

Выглядит симпатично! Чтобы ещё больше выделить текст, добавьте немного Drop Shadow.

Дополнительно: чтобы закончить работу, вам нужно сцепит все слои вместе, затем уменьшить размер до 25% (зависит от того, каким у вас был оригинальный размер).

Вам также нужно попробовать сделать ещё что-то со значком, например добавить гранджевую маску слоя или продолжить в традиционной стиле RSS.

Симпатичные и простые иконки для подписки

Категория: Веб дизайн | Добавил: dakota
Просмотров: 122 | Загрузок: 0 | Рейтинг: 0.0/0 |
Всего комментариев: 0
Имя *:
Email:
Код *:

Admin Меню
  • Нам нужны люди,присоеденяйтесь
    Подробности тут

  • Самому активному пользователю сайта в конце месяца будет выдаваться 7-ми значный ICQ номер
    Подробности тут

  • Наш тулбар

  • Обмен баннерами

  • Как качать с файлообменников?
  • Профиль
    Привет: Блудный

    Сообщения:

    Гость, мы рады вас видеть. Пожалуйста зарегистрируйтесь или авторизуйтесь!
    Логин:
    Пароль:
    Поговорим?
    Опросник
    Что было раньше, курица или яйцо?
    Всего ответов: 10
    Помощь сайту
    Кошельки:
    R 270966599442
    Z 416518274191

    Статистика


    Онлайн всего: 1
    Гостей: 1
    Пользователей: 0


    Сегодня нас посетили:
    Наша кнопка
    Если вам понравился наш сайт, поставьте в благодарность себе нашу кнопку



    код кнопки:


    Для красивого отображения этого блока требуется Flash Player 9 или выше.