Как сделать фавикон в фотошопе и выделиться из толпы

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

Как сделать фавикон

Поэтому в этой статье мы поговорим о том, как сделать фавикон в фотошопе и поверьте это не так уж сложно, сможет сделать любой.

Вы наверное знаете, что фавикон имеет размер 16×16 пикселей и формат ico. Но в фотошопе не предусмотрен такой формат, поэтому мы сначала установим плагин в фотошоп, который позволяет сохранять файлы в формате ico.

Поисков в интернете, я нашла такой плагин, правда он подходит только к версии Adobe Photoshop CS6. Поэтому, если у вас другая версия, поиск вам в помощь. А для тех, у кого версия как у меня, тем немного повезло, даю ссылку, можете скачать здесь и сэкономить время, не тратя на поиски;)

Ну, что ж скачали, теперь давайте установим его в фотошоп. Перед тем как установить плагин обязательно распакуйте архив. Теперь распакованную папку нужно закинуть в ту папку, где находится фотошоп, в моем случае выглядит так: C/Program Files/Adobe/Adobe-PhotoshopCS6 (x64)/Plug-ins. Вот и все, теперь просто нужно запустить фотошоп и проверить.

Плагин установили, теперь пора приступать к созданию фавикона.

Как сделать фавикон в фотошопе

Итак, для начала нужно открыть программу фотошоп и создать новый документ. Для этого во вкладке файл нажимаем «создать». После откроется окно, где задаем нужный размер ширина 16 и высота 16. Фон ставлю прозрачный, но вы можете поставить любой цвет по желанию и нажимаем «ок».

Создаем файл

Создается новый слой, но он маленького размера и для того, чтобы было удобно рисовать, увеличим его с помощью инструмента «масштаб».

Для примера я буду рисовать обычное сердечко с помощью фигуры. Вы же можете включить воображение и сделать, что-нибудь оригинальное. Например, написать буквы цифры, в общем, что душа пожелает.

Дальше переходим в инструмент «произвольная фигура»,

vybiraem_figuruТеперь в верхней панели выбираем нужную фигуру, я выбрала два симпатичных сердечка. И выбираем цвет для нашей фигуры.

cvet_figury

Итак, все готово можно рисовать.

12

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

Еще можно добавить некоторые эффекты. Для этого переходим в слои и выбираем «Стиль слоя» «Параметры наложения»

dobavljaem_jefekty

В открывшемся окне ставим галочки напротив «тиснение» и «контур» и сделаем их настройку. Сначала кликаем на «тиснение» и выставляю (глубина-50%)

nastraevaem_teksturu

Теперь нажимаем на контур (диапазон-50%).

nastraevaem_kontur

Все фавикон готов, можно его сохранять. Нажимаем «файл», «сохранить как».

sahranit_kak

Открывается окно, где мы определяем место на компьютере, куда будем сохранять наше творение у меня это рабочий стол и выбираем тип файла ico.

vybiraem_format

Смотрим, что получилось.

favikon

Вот, такими простыми действиями, можно сделать свой фавикон. На этом у меня все, надеюсь, статья вам была полезна. Желаю вам удачи!

Успехов Вам друзья, и до новых встреч!

С уважением, Татьяна Кирхеснер!

Хотите получать новые статьи к себе на почту?

Введите свой e-mail:

 

Понравилось? Жми «Мне Нравится»
Оставьте комментарий к этой статье ниже

Возможно Вам это будет интересно:

>>> Не умеете копить? Читайте эффективную методику!
Приветствую всех читателей моего блога! Продолжаю рубрику полезных советов. Дело в том, что я нашла на просторах интернета несколько советов, как накопить деньги. И мне захотелось скорее поделиться ими с вами, может ...
>>> Несколько советов по работе с JustClick
Рада приветствовать вас на страницах моего блога! В этой статье я подготовила для вас несколько советов, как работать с Джастклик. Я поделюсь с вами своим жизненным опытом и советами по работе ...
>>> Как сделать шапку для канала YouTube?
Приветствую всех! Вновь решила продолжить тему Ютуба. И поговорим сегодня о том, как сделать шапку для канала YouTube. Поверьте это не так уж сложно и для этого не нужны специальные ...
>>> Как увеличить или уменьшить шрифт в браузере
Привет всем! Часто гуляя по просторам интернета в поиске какой-либо информации, я встречаю сайты, где текст, просто невозможно читать. Шрифт настолько маленький, что сразу возникает желание закрыть страницу.

19 комментариев: Как сделать фавикон в фотошопе и выделиться из толпы

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

  • Очень интересная статья. А у меня как-раз фотошоп Adobe Photoshop CS6. Я никаким фотошопом пользоваться не умею, к большому сожалению. Своими силами можно попробовать разобраться, но много времени надо, а у меня его нет. В планах пойти на курсы фотошопа, чтобы разбираться...

    • Настя, я тоже не особо разбираюсь, учусь потихоньку. И времени на фотошоп действительно много уходит,если плохо разбираешься в нем.

  • Тань, привет. А ты Adobe Photoshop CS6 покупала?

    • Привет Андрей, нет как и многие нашла в интернете в бесплатном доступе.

  • Фотошопом пользоваться умею!) Но мне легче было найти простенькую иконку фавикона в интернете!)

  • Привет Таня! Интересная статья! А я сделал проще! Нашёл в интернете картинку, которая меня полностью удовлетворила, немного её уникализировал и вставил в сервис favikon онлайн! Ты не думаешь что так будет проще, чем доставать фотошоп, учить его, и т.д.?

    • Игорь, конечно проще, просто мне очень нравится изучать фотошоп.

  • Повезло :) я так и не нашел CS6, скачал CS4.

  • Хех. а уменя CS5. всё не как у людей... :)

  • Привет, Татьяна! У тебя очень красивый фавикон. Вроде вначале у тебя другой был или я что-то путаю? А еще приглашаю принять участие в новом конкурсе! 😛

    • Привет, Даниил! Да был другой, этот недавно сделала. Самой нравится, спасибо что оценил. :smile: Сейчас поглядим, что за конкурс!

  • Я фавиконом не заморачивалась, а почитав статью задумалась над тем, чтобы и себе сделать уникалную иконку

  • Татьяна, хороший пост, мне нравится ваш фавикончик, именно по этим правилам вы его создавали?

    • Юрий, нет немного по другому.

  • А почему фавиконы не показываются в мобильных закладках??

    • Азик, даже не знаю.

  • На сайте фавикон гораздо проще. Но тут фантазия нужна, без неё никак. Поэтому я обошелся уже готовой иконкой, которая более или менее нормальная. А у вас да, фавикон привлекательный, прям под внешний вид блога.

    • Спасибо Юрий!

Добавить комментарий

Ваш e-mail не будет опубликован. Обязательные поля помечены *

Нажимая кнопку «Отправить комментарий», я принимаю пользовательское соглашение и подтверждаю, что ознакомлен и согласен с политикой конфиденциальности этого сайта


ПОЛУЧАТЬ НОВЫЕ СТАТЬИ
К СЕБЕ НА ПОЧТУ

Введите свой e-mail:

РЕКОМЕНДУЮ ИЗУЧИТЬ!
Обязательно посмотрите видео