Ваш аккаунт: пройдите авторизацию

Авторизация

Пароль есть, но Вы его забыли?
Впервые на сайте? Зарегистрируйтесь!

Вы попали в мир графики и дизайна


Изюминка нашего сайта в том, что все файлы хранятся на наших серверах, поэтому Вы получаете круглосуточный доступ ко всем файлам по прямым ссылкам без регистрации! С нашим сайтом Вы забудете про файлообменники!


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


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

 

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

1. Фон

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

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

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

 

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

 

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

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

 

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

 

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

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

 

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

 

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

 

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

 

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

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

 

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

 

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

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

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

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

 

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

 

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

 

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

 

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

 

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

 

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

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

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

 

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

 

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

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

 

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

 

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

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

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

 

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

 



Внимание! Вы находитесь на сайте как гость! Зарегистрируйтесь или авторизируйтесь...

Нет времени на регистрацию? Можете войти на сайт через ВКонтакте! Это просто, быстро и удобно!

Похожие материалы

Посетители, находящиеся в группе Гости, не могут оставлять комментарии к данной публикации.