reklama
dofollow
Subscribe via RSS
RSS
Четверг, 02.05.2024, 21:08
Приветствую Вас Гость | RSS

Главная » 2011 » Июль » 11 » Как нарисовать иконку для сайта на юкоз?
17:50
Как нарисовать иконку для сайта на юкоз?
Иконка для сайта
   Все не так уж сложно. Нарисовать и установить иконку следует чуть ли не сразу, после создание сайта, а тем более на юкоз. Сайт со стандартной иконкой от юкоз смотрится убого и по-совсковски. Поэтому мы сегодня с Вами попробуем нарисовать свою иконку в фотошопе. Сразу хочу напомнить принципы создания иконок. Иконка сайта – это почти как логотип, поэтому пейзажные картинки, уменьшенные до размера 16x16 пикселей, а именно такого размера у нас должна быть иконка, не подойдут. Обычно иконки создают из букв. В итоге у нас должен получится буквенный логотип.

   Сейчас будем рисовать иконку к моему блогу - давно уже назревал ребрейдинг иконки блога Доктора Юкоз. Итак, начали. Открываем фотошоп и создаем новый файл (File-New). А создаем его, как на рисунке ниже.

Создание нового файла в фотошопе

   Важным параметром тут является первоначальный размер, а именно нужно установить размер 16 на 16 пикселей, иначе четкости изображения будет тяжело добиться при конвертации изображения в формат (ico).
Если с созданием справились, переходим к рисованию иконки. У меня, например, в логоиконке будут участвовать две английские буквы и точка. Сокращение слова Doctor (Dr.). Это я так для себя решил, а Вы можете решить по-другому.

   Выбираем инструмент (T) текст и пишем заветные буквы Dr.

Выбираем инструмент (Т)

   После этого нужно немного поэкспериментировать со шрифтами – выбрать понравившийся и более-менее четкий, более-менее тонкий. Я использовал Courier.

   После этого масштаб рисунка увеличиваем по максимуму (3200%). Это сделать можно тремя способами, а то и больше. Я увеличил масштаб картинки нажатием одновременно кнопок (Ctrl +), уменьшаю (Ctrl -).

Увеличение и уменьшение масштаба изображения в фотошопе

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

Просмотр масштаба в фотошопе

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

Иконка для сайта, полуфабрикат

   Это еще полуфабрикат. Вы заметили, какой не четкий рисунок? Будем добиваться четкости!

   Теперь нам следует выбрать инструмент Pensil Tool (B), карандаш по-русски, установить самый маленький размер (1 px) и по точкам на новом слое обрисовать наши буквы. Новый слой создаем нажатием одновременно клавиш (Ctrl+Shift+N).

   У меня получилось вот так.

Иконка для сайта. Конечный результат.

   Напомню, что это в масштабе 3200%. Если в масштабе все смотреться отлично, то и в размере 16 на 16 пикселей все будет ок. Так оно и есть! Можете полюбоваться моей иконкой прямо сейчас, читая эту статью. )))

   Осталось совсем чуть-чуть. Во-первых необходимо сохранить нашу иконку в виде рисунка. Для этого нажимаем File-Save for Web & Devices, выбираем gif формат и нажимаем ok. Затем включаем интернет и заходим на сайт favicon.ru – очень мобильная штука, не надо никаких программ скачивать, ничего платить. Просто заходите на этот сайт, нажимаем обзор, вставляете нашу картинку в гиф формате и нажимаем cоздать favicon.ico.

Сайт Favicon.ru (загрузка иконки в графическом формате)

Тарам. Вооля.

Создание иконки в формате ico

   Сохраняем полученную иконку и устанавливаем на свой сайт в юкоз.

P.S. Научить человека придумывать логотип (иконку) я не смогу с помощью одной небольшой статьи, тем более на расстоянии.  Я лишь могу вкратце показать сам процесс. ;)

P.S.S. Ах да, совсем забыл. Если у кого-то все равно не получилось, обращайтесь, помогу. ;)


Введите свой email адрес:

Хочешь получать первым новые статьи блога? Подпишись на рассылку! ;)


Категория: Юкоз полезности :) | Просмотров: 6620 | Добавил: DrUcoz | Теги: логотип, иконка, фотошоп, Сайт, юкоз | Рейтинг: 0.0/0
Всего комментариев: 0
Добавлять комментарии могут только зарегистрированные пользователи.
[ Регистрация | Вход ]

Вот еще парочка, другая интересных обзоров и полезных статей от Доктора Юкоз:

Новогодний сюрприз Юкоз или решение проблемы с зеркалами на сайтах юкоз движка. (4)
Контроль комментариев на uCoz! (2)
Как сделать 2 колонки вида материалов на главной странице. (1)
Реклама от uCoz. Компромисс или неплохой способ заработать больше! (0)
Портал о модмейкинге игр. (1)
Портал золотых драконов. (11)
Устанавливаем блок с рекомендацией использовать в uCoz браузер Mozilla Firefox. (2)

Обои uCoz от Доктора Юкоз:

сайты дизайн обзор DrUcoz реклама Доктор пузомерки баннер адрес айпи обмен анекдоты unet SEO фотошоп блог обои юкоз Байт яндекс yandex апрель Беларусь Вордпресс партнерка система pr статья icon заработок тиц комментарии Блоггер deposifiles деньги ап google Доктор Юкоз топ обои обои uCoz акция Сайт иконка AJAX картинка Блоги Ю.Блоги dofollow вебмастер посещаемость интернет uCoz домен инструкции uCoz FireFox Mozilla Firefox логотип год ссылки статьи favicon Аккумулятор 2012 ссылка wordpress Webmoney юкоз проект Шаблон работа

Мини-профиль

В начале пути uCoz

Категории блога

Юкоз блоги :) [11]

Обзоры блогов, сделанных в uCoz.

Юкоз форумы :) [0]

Обзоры форумов, сделанных в uCoz.

Юкоз порталы :) [4]
Юкоз коммерческие сайты! [1]
Юкоз ужасы :( [5]
Юкоз прочее :) [26]
Юкоз полезности :) [28]

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

Интересное вне Юкоз [4]
Мир вебмастера [31]
Обои Юкоз [4]
Минусы uCoz [2]
Плюсы uCoz [4]
Личное [2]
Переходим на Wordpress [2]

Все, что связанно с Вордпресс движком и переходом на него с uCoz.

Стихи про Интернет [1]
Как поменять стандартный дизайн шаблона от uCoz? Ответы тут! [2]

В этой категории со временем будут собраны инструкции по смене дизайнов ко всем стандартным шаблонам uCoz.

Продам шаблон для uCoz. [0]

Рекламуля

Я Доктор Юкоз

Доктор Юкоз

Статистикуля


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



Кто сегодня посетил блог:


ТУТ опубликовано статей( 119 ),
комментариев к статьям( 374 ), активных пользователей ( 253 ).

Программульки

Мой блог адаптирован под браузер ChromiumСкачать/Download
Всегда свежая версия браузера Chromium, официально выпущенная uCoz, использовав который, Вы не увидите надоевшую рекламу от uCoz!

Поисковичек Доктора