Месяц: Декабрь 2008

Уроки Photoshop

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

42

Если нужно создать иконку 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 для своего сайта

14

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

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

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

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

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

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

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

(далее…)

Уроки Photoshop

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

6

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

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

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

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

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

(далее…)

Инструкции и советы

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

11

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

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

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

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

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

Инструкции и советы

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

7

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

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

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

(далее…)

Уроки Photoshop

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

1

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

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

Как сделать баннер / Подробные инструкции

Как flash-баннер сделать ссылкой

100

вебмастер

После того, как вы сделали flash-баннер, нужно сделать его кликабельным. Вставить flash-ролик в код страницы и сделать его ссылкой с помощью HTML-кода, как это делается с gif-баннером, не получится. Но при нажатии на баннер должна открываться веб-страница, которую он рекламирует. Смысл создания любого баннера в осуществлении перехода на рекламируемый веб-сайт.

Задача легко решаема. Для этого мы создадим отдельный слой в баннере и добавим в него кнопку с кодом перехода на встроенном во Flash языке программирования Action Script. Эта статья-урок подробно описывает, как именно добавить ссылку во flash-баннер:

1
2
3
on (release) {
getURL("https://www.web-article.com.ua", _blank);
}

Для того, чтобы сделать flash-баннер кнопкой, нам понадобится программа Adobe Flash, в которой и создается сам баннер. В уроке использовалась версия Adobe Flash CS3 Professional, но все файлы сохранены для Flash 8. Для других версий Flash действия по созданию ссылки в баннере аналогичны. Итак, начнем работу.
(далее…)