Недавние заметки

Как сохранить иконку сайта favicon в Photoshop

Если нужно создать иконку favicon.ico для своего сайта и нет желания скачивать и тем более платить за специальные программы по созданию иконок, можно обойтись только Фотошопом. К сожалению, даже версия Photoshop CS3 не умеет сохранять файлы в формате ICO. Эта проблема легко исправляется установкой специального плагина. Работы немного, зато плагин позволяет делать сколько угодно иконок быстро и удобно только в Фотошопе. Итак, что нужно делать:

1. Скачиваем специальный плагин для Photoshop, который дает возможность сохранять файлы в формате ICO:

Скачать плагин для Фотошопа, который позволяет сохранять файлы *.ico

Плагин упакован в архив icoformat.rar, весит 7 Кб. В версии Photoshop CS и Photoshop CS3 этот плагин работает точно, в других версиях тоже должен работать, но я лично не проверял.

2. Устанавливаем плагин. Закрываем Photoshop, копируем распакованный плагин icoformat.8bi в папку установки плагинов. Если вы устанавливали Photoshop CS3 в папку по умолчанию, то путь будет такой:

C:\Program Files\Adobe\Adobe Photoshop CS3\Plug-Ins\File Formats\

Все. Теперь достаточно перезапустить Фотошоп и можно сохранять файлы в формате ICO. Для этого, после создания своей favicon, нажмите Ctrl+Shift+S или File->Save As…:

Сохранить иконку favicon в Photoshop

Если вам нужна подробная информация, как установить иконку favicon на свой сайт, как ее сделать и для чего она вообще нужна, читайте статью Как сделать иконку favicon.ico для своего сайта.

С помощью этого плагина и Фотошопа нетрудно сделать иконку для сайта, не первый год продающего складское оборудование в Беларуси. Идеей для иконки может быть силуэт металлической мебели, сейфа или другого тематического оборудования.

Как сделать иконку favicon.ico для своего сайта

Иконка favicon.ico представляет собой крошечную картинку размером 16х16 пикселей, которая отображается рядом с адресом вашего сайта или блога в браузерах, в результатах поиска, в закладках и т.д. Обычно такую иконку делают из логотипа или фрагмента логотипа компании на фоне корпоративного цвета или любой другой символ, который дизайнер посчитает запоминающимся и подходящим для тематики сайта. Например, иконка favicon для этого блога — Иконка favicon моего блога.

Сделать иконку favicon для своего сайта совсем не сложно, зато она сделает ваш сайт более узнаваемым. В последнее время у большинства сайтов есть такие иконки, потому не стоит ленится или недооценивать их значение. Тем более делается и устанавливается favicon быстро и просто. Я просто очень подробно описываю, как это сделать, потому много текста :).

Иконки favicon появляется рядом со ссылкой в результатах поиска, например, в Яндексе:

Иконка моего блога в Яндексе

Иконки favicon отображаются перед адресом просматриваемого сайта почти во всех браузерах, в Избранном или Закладках браузера:

Иконка блога возле адреса сайта в Мозиле

Теперь научимся делать такие иконки для своего сайта или блога. Для этого нам понадобятся программы Adobe Photoshop CS3 и AWicons Pro. Если у вас нет этих программ и вы не знаете, где их можно бесплатно скачать, советую прочитать мою статью Чем бесплатно скачать любую программу.

Читать дальше…

Все горячие клавиши Photoshop CS3

Горячие клавиши Photoshop CS3

Если вы часто пользуетесь какой-то программой, очень важно запомнить горячие клавиши для нее. Для любого дизайнера знание горячих клавиш Photoshop является обязательным. Конечно, не всех клавиш, но многие комбинации запомнить все же нужно. И совсем не для того, чтобы производить впечатление на других сотрудников в офисе. Знание горячих клавиш Фотошопа существенно увеличивает производительность труда дизайнера, экономит время и позволяет меньше думать о технической реализации идеи.

В статье «Топ-10 горячих клавиш Photoshop» я уже писал о наиболее полезных горячих клавишах. Теперь хотел бы привести таблицу большинства горячих клавиш, используемых в работе с программой Adobe Photoshop CS3. Потратив немного времени на запоминание основных комбинаций, заставляя себя использовать клавиатуру для выполнения часто повторяемых операций в Фотошопе, вы быстро запомните нужные именно вам комбинации. И будете использовать их на автомате. Остальные горячие клавиши забудутся, но, значит, именно вам они были не очень нужны.

В ранних версиях Фотошопа для использования комбинаций горячих клавиш нужно было переходить на английскую раскладку клавиатуры, что было не очень удобно. По-моему, начиная с версии Photoshop CS, горячие клавиши работают и с русской, и с украинской раскладками. В версии Adobe Photoshop CS3 точно работают – только что проверил еще раз :).

Списки доступных горячих клавиш Photoshop есть в конце большинства книг по Фотошопу. Так же можете добавить эту статью в избранное или в закладки – пока запомните, пользуйтесь на здоровье ;). Так же можно открыть окно с горячими клавишами, доступными в текущей версии программы, в самом Фотошопе. Для этого нажмите Alt+Shift+Ctrl+K.

Читать дальше…

Как не надо заказывать сайты

Вчера на e-mail веб-студии, где я работаю, пришло вот такое забавное письмо:

Здраствуйте!
Нас интересует создание сайта (сроки и расценки). Сайт будет на трех языках (по 7 страниц на каждый язык). Внешний дизайн сайта и логотипа компании разробатываеться нами. Сообщите, пожалуйста, предварительные цены и срок исполнения.
Очень ждем ответа. С уважением «Компания <вырезано по этическим соображениям

Как не надо заказывать сайт Я не знаю, на что рассчитывал автор данного шедевра деловой переписки, но помимо адреса нашей веб-студии в получателях значились еще 16(!) других мейлов. Вероятно, он решил организовать небольшой тендер на разработку своего мегаресурса.

Рассмотрим на примере этого реального письма типичные ошибки заказчиков сайтов:

1. Нет никакой конкретной информации. Известно только, что на сайте будет 3 языка. Все. Количество страниц позволяет примерно оценить масштаб проекта, но сведений о реальном количестве работы не дает. Для современных систем управления сайтами не важно, сколько страниц создавать, но важно, сколько будет шаблонов и какие придется настраивать модули (новости, карта сайта, обратная связь, каталог и т.д.)
Читать дальше…

Сколько стоит сделать сайт

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

Но этот вопрос регулярно задают заказчики сайтов. И проблема, описанная в статье Как не надо заказывать сайты является нормой, а не исключением. Заказчики уверены, что разработчики сайтов поголовно телепаты.

На цену веб-сайта влияет множество параметров, о которых в вопросе не сказано ни слова. Сайтом принято называть и несколько страниц на бесплатном хостинге, сделанные с помощью конструктора сайтов – тогда его цена равна цене вашего времени, потраченного на регистрацию в таком конструкторе. Такой же будет и его эффективность. Сайтами также называются и порталы, в разработку которых вложены десятки и сотни тысяч. И такие сайта не только окупаются, но и приносят своим владельцам миллиарды долларов.

Читать дальше…

Топ-10 горячих клавиш Photoshop

Горячие клавиши Photoshop CS3 Сначала рассмотрим наиболее нужные и часто применяемые комбинации клавиш в программе Adobe Photoshop CS3, хотя и в более старых версиях программы они работают. Да и в новых версиях будут работать, потому что, потратив немного времени на запоминание таких комбинаций, в повседневной работе получается сэкономить уйму времени и не отвлекаться от творчества на банальные технические детали.

В конце статьи я приведу стандартную таблицу горячих клавиш. На практике никто не использует их все, но стараться использовать как можно больше комбинаций горячих клавиш желательно. Если нужно ретушировать много фото с красными глазами от вспышки, то лучше потратить пару секунд на то, чтобы запомнить где на клавиатуре находится кнопка «J«. Поначалу это отвлекает и напрягает, но большинство комбинаций быстро запоминаются и их частое применение делает работу в Photoshop более комфортной и быстрой.

Читать дальше…