Содержание
§2 — фотошоп трюки, которые вы не знали
§3 – Создание баннера YouTube со ссылками
§4 — базовая обработка фотографий
§5 – БОНУС № 1: Создание силуэта из фотографии за несколько минут
§6 – БОНУС № 2: Создание фавикон в фотошопе
1. Введение
Изучение Photoshop — это весело и легко, если вы хотите учиться. На самом деле, это предложение может быть применено для изучения чего угодно, но в этом руководстве вы изучите Photoshop, как вы это делали в части I и части II. наших интересных учебников по фотошопу.
Просто, чтобы вы знали, рекомендуется прочитать оба этих предыдущих руководства, прежде чем читать это. Они охватывают материал, на котором основано это руководство.
Лучший способ освоить любое программное обеспечение — это практиковаться, читая пошаговые руководства. Не просто читай — делай. Как говорится: «Знание — ничто без практики». Если вы просто прочитаете это, вы ничего не запомните, поэтому важно практиковаться во время чтения — тогда вы будете знакомы с процессом и инструментами, которые вы использовали, и вы будете возможность применить ваши знания позже.
Так что не просто сидеть там. Загрузите Photoshop, найдите несколько фотографий для воспроизведения и следуйте этим инструкциям во время чтения.
После окончания этой главы серии вы изучите кучу инструментов и техник Photoshop. Если кто-нибудь спросит, вы сможете сказать: «Да, я знаю Photoshop». Вам просто нужно продолжать практиковать.
В Photoshop всегда есть несколько способов сделать что-нибудь; самое главное, чтобы изучить основы — остальное ограничено только вашим воображением.
Итак, что вы узнаете на этот раз?
Сначала мы рассмотрим самые важные советы и рекомендации по Photoshop, которые сделают вашу жизнь проще и значительно сэкономят ваше время. Затем я покажу вам, как создать баннер YouTube со ссылками (для этого требуется партнерская учетная запись YouTube). После этого я научу некоторым основным приемам ретуширования фотографий и тому, как быстро создать силуэт из фотографии.
Как я уже говорил ранее, главное — научиться использовать инструменты в различных ситуациях, поэтому, по мере продвижения, постарайтесь представить, как вы можете применять определенные инструменты для своих нужд.
Еще одна вещь, я действительно рекомендую скачать и распечатать шпаргалку (ярлыки) от — это отличная экономия времени.
Как вы знаете, я использую Adobe Photoshop CS5 (и очень рекомендую его), но не беспокойтесь, если вы используете более старую версию: почти все инструменты одинаковы, и я укажу на новые. недавно опубликовал новое руководство для Photoshop CS6. Не стесняйтесь проверить это также.
Также обратите внимание, что я использую Windows, а не Mac. Эти советы и хитрости подойдут для пользователей Mac, но могут потребовать несколько разных нажатий клавиш. Вы были предупреждены.
2. Фотошоп хитрости, которые вы не знали
2.1 Многократная Отмена
В большинстве программ Ctrl + Z отменяет действия, которые вы предприняли, позволяя вам вернуться назад во времени так далеко, как вы хотите. В PS Ctrl + Z делает только один шаг назад, а повтор будет только « отменить отмену ». Хотите вернуться дальше? Нажмите Ctrl + Alt + Z.
2.2 Быстро изменить размер текущей кисти
Чтобы быстро изменить размер кисти: используйте «[» для уменьшения и «]» для увеличения. 
2.3 Установить передний план / фон по умолчанию
Цвета по умолчанию для переднего плана и фона — черный и белый соответственно, оба цвета вам часто понадобятся. Если вы изменили эти два цвета, но вам нужен черный или белый, просто нажмите « D » на клавиатуре, чтобы вернуть значения по умолчанию: черный и белый. Это очень быстро по сравнению с поднятием цветовой палитры и изменением цветов вручную. 
2.4 Переключение цветов переднего плана / фона
Чтобы переключиться между основным и фоновым цветами, просто нажмите «X». 
2,5 заполнить цветом
Чтобы быстро заполнить выделение или слой цветом переднего плана, используйте Alt + Backspace . Ctrl + Backspace заполнится цветом фона.
2.6 Сброс, а не Отмена
Иногда, когда вы используете фильтр или любой другой инструмент для редактирования объекта или изображения, вы можете все испортить. Не желая уничтожать свою фотографию, вы нажимаете кнопку «Отмена» в диалоговом окне инструмента только для повторного открытия инструмента и запуска заново. Это ты? Ну, вот лучшее решение. Находясь в диалоговом окне, удерживайте клавишу «Alt» и нажмите « Reset» , который появится там, где раньше было «Cancel». 
2.7 Выберите несколько слоев
Чтобы выбрать два или более слоев, удерживайте клавишу Ctrl и щелкните нужные слои. Если вы хотите выбрать количество последовательных слоев, удерживайте клавишу «Shift» , щелкните первый слой и (все еще удерживая « Shift» ) щелкните последний. Все слои между этими двумя будут выбраны. 
2.8. Нарисуйте идеальную линию кистью
Чтобы нарисовать прямую линию кистью, просто щелкните там, где вы хотите, чтобы линия начиналась, затем нажмите Shift + щелкните в конечной точке (работает с углами 45 °). 
2.9. Повторно используйте последний фильтр.
Вы использовали фильтр один раз, но думаете, что вам нужно сделать это еще раз? Используйте Ctrl + F. Помните, что это работает, только если вы использовали фильтр ранее.
2.10 Дублировать слой
Есть несколько способов сделать это, но самый быстрый — Ctrl + J. Убедитесь, что у вас выбран слой.
2.11. Изменение размера объекта при сохранении соотношения сторон
Чтобы изменить размер любого объекта без искажений, войдите в режим Free Transform с помощью Ctrl + T , удерживайте Shift и растяните или уменьшите объект с помощью мыши. Удержание Alt + Shift изменит размер объекта относительно его центра. 
2.12 Быстрое искажение
Если вы хотите исказить объект или выделение, используйте Ctrl + T (Free Transform) и удерживайте Ctrl, чтобы исказить его. Более длинный путь: с активным Free Transform, щелкните правой кнопкой мыши на выделении и выберите Distort. 
2.13 Создать новый слой ниже / выше активного
Иногда вам нужен новый слой ниже или выше активного, поэтому вы нажимаете значок «Новый слой», а затем перетаскиваете новый слой под или поверх активного слоя, верно? Вот более быстрый способ: удерживайте Ctrl или Shift и нажмите на иконку New Layer, чтобы поместить новый слой ниже или выше соответственно. 
2.14 Fade Last Filter
Считаете ли вы, что фильтр, который вы применили, слишком много? Используйте Fade . Shift + Ctrl + F (Edit-> Fade…), затем поиграйте с опциями в диалоговом окне, пока не получите то, что вам нужно: 
2.15 Превратить фон в обычный слой
Я ненавижу значок замка на фоновом слое по умолчанию, который не позволяет мне вносить изменения в этот нижний слой. Если вы тоже это сделаете, разблокируйте его, перетащив значок замка на значок корзины. Это верно: просто нажмите и перетащите замок в корзину в левом нижнем углу панели слоев, и все готово.
2.16 Перетащите выделение
После того, как выбор сделан, вы можете перетащить его куда угодно, удерживая клавишу пробела (не отпуская мышь): 
2.17 Перемещение по рабочей области влево / вправо / вверх / вниз
Для перемещения влево или вправо удерживайте Ctrl и прокрутите вниз или вверх соответственно. 
Для навигации вверх или вниз просто прокрутите вверх или вниз без Ctrl .
2.18 Скопируйте видимый и вставьте в новый слой
Нажмите Ctrl + Shift + Alt + E вместе, и вы скопируете все видимые элементы и вставите их в новый слой.
2.19 Быстро изменить рабочее пространство Цвет фона
Есть два быстрых способа изменить цвет фона рабочей области:
а) Щелкните правой кнопкой мыши на нем, чтобы выбрать один из нескольких цветов: 
б) Выберите инструмент Paint Bucket, выберите цвет переднего плана и Shift + нажмите на фон. 
2.20 Быстрая загрузка выбора слоя
Чтобы быстро загрузить выделение слоя, просто удерживайте Ctrl и нажмите на миниатюру слоя: 
2.21 Переключение между документами
Экономьте время при переключении между открытыми окнами документов: используйте Ctrl + Tab для переключения вперед и Ctrl + Shift + Tab для переключения назад: 
2.22 Быстрый контроль непрозрачности
Чтобы быстро настроить непрозрачность выбранного слоя, просто нажмите цифровую клавишу, чтобы задать быстрый процент (« 1 » = 10%, « 2 » = 20%, « 3 » = 30% и т. Д.). Если у вас активирован Brush Tool, он отрегулирует непрозрачность кисти: 
Примечание: если вы быстро нажмете две цифры, вы измените непрозрачность на точный процент (то есть: вы измените его на 31%, если вы быстро нажмете « 3 » и « 1 »).
2.23 Быстрое переключение между инструментами
Некоторые инструменты имеют подменю. Чтобы просмотреть их, вам не нужно нажимать и удерживать мышь, если вы знаете этот маленький трюк: удерживайте Shift и нажмите горячую клавишу инструмента (выучите горячие клавиши из шпаргалки, упомянутой выше). Например: для инструмента Лассо нажмите Shift + L. 
2.24 Видимость панели
Иногда вы хотите увидеть все ваше творение, но все эти активные панели мешают. Вот несколько советов: используйте клавишу F, чтобы переключаться между размерами экрана, а затем нажмите клавишу Tab, чтобы все диалоговые окна инструментов исчезли (не волнуйтесь: вы можете снова нажать клавишу Tab, чтобы вернуть их обратно). 
2.25 Точный курсор
Включите Caps Lock, если хотите, чтобы курсор был точным: 
2.26 Прыжок через параметры смешивания
Для быстрого перехода по параметрам наложения выбранного слоя удерживайте Shift и нажмите — / + : 
2.27 Скрыть другие слои
Чтобы скрыть все слои, кроме выбранного, удерживайте клавишу «Alt» и щелкните значок «глаз»: 
2.28 Показать / Скрыть Последующие Слои
Хотите показать или скрыть слои подряд? Вы можете просто щелкнуть значок глаза начального слоя и, не отпуская мышь, перемещаться вверх или вниз, пока не дойдете до последнего слоя: 
2.29 Увеличение до 100%
Это очень полезно. Чтобы довести вид до 100%, просто дважды щелкните инструмент « Масштаб» : 
2.30 Настройка числовых значений
Почти в каждом диалоговом окне и панели в Photoshop есть несколько настраиваемых полей числовых значений. Вы просто перетащите значок рядом с этими полями, чтобы быстро настроить номер. Просто наведите курсор на значок слева от поля значения, удерживайте его и перетащите вправо или влево, чтобы увеличить или уменьшить значение. Вы можете удерживать Shift при перетаскивании, если хотите прыгнуть на 10: 
2.31 Удалить скрытые слои
Этот небольшой совет поможет вам избавиться от всех скрытых слоев в документе, что особенно полезно при работе с большим количеством слоев. Один клик: перейдите в Слои-> Удалить-> Скрытые слои : 
2.32 Удалить пустые слои
Иногда в скоростной погоне за вашим воображением вы можете создать слой и оставить его нетронутым. Так и остается там — пусто. Что делать, если у вас есть 50 слоев, а некоторые из них пусты? Перейдите в Файл-> Сценарии-> Удалить все пустые слои : 
3. Создание баннера YouTube со ссылками
Если у вас есть партнерский аккаунт YouTube, у вас есть больше возможностей для стилизации страницы канала, чем у обычного пользователя YouTube. Один из лучших вариантов — добавить собственный баннер на свою страницу, как вы видите на большинстве каналов в разделе заголовка.
Сегодня вы узнаете, как создать этот баннер в Photoshop. Еще лучше: вы создадите баннер со ссылками (например, на ваши социальные страницы, такие как Facebook и Twitter или на ваш сайт).
Для начала создайте новый документ (Ctrl + N) в Photoshop.
Мы создаем баннер максимального размера, поэтому установите ширину 960 пикселей и высоту 150 пикселей . Убедитесь, что разрешение составляет 72 пикселя / дюйм, и нажмите ОК: 
Теперь давайте добавим немного графики и кнопок.
Конечно, вы захотите разместить свой логотип там. Импортируйте ваш логотип в Photoshop. Если это файл изображения, вы можете просто перетащить.
Выровняйте логотип где угодно. Я использовал классическую позицию: верхний левый угол. 
Добавьте текст с описанием вашего занятия с помощью инструмента «Текст» (T) чуть ниже логотипа.
При желании измените цвет фона. Добавьте градиент или делайте что хотите. Я просто добавлю градиент.
Используйте инструмент Градиент (G), чтобы заполнить фон градиентом: 
Хорошо, теперь у нас есть простой, почти готовый к использованию баннер: 
Но нам нужны социальные кнопки: это главное в этом уроке. Итак, давайте возьмем некоторые значки от Google. Просто найдите RSS, Twitter, значки Facebook (или другие, если хотите), скопируйте и вставьте их в рабочую область в Photoshop и выровняйте по правой стороне баннера: 
Чтобы добавить глубину нашим иконкам, давайте добавим немного тени. Чтобы сделать это, щелкните правой кнопкой мыши на слое иконки и выберите Blending Options : 
Во всплывающем диалоговом окне выберите « Тень» (по умолчанию все в порядке): 
Примените тот же эффект к другим значкам (вы можете использовать правый клик -> Копировать стиль слоя и затем Вставить стиль слоя на панели слоев). 
Добавьте текст, например «Оставайтесь с нами», прямо над значками: 
Допустим, мы получили то, что нам было нужно, и теперь давайте сохраним это для Интернета. Перейдите в File-> Save for Web & Devices , выберите PNG-8 (для лучшего качества) из выпадающего меню и сохраните его где-нибудь: 
Теперь давайте перейдем к загрузке и кодированию.
Войдите в свою учетную запись YouTube и перейдите в раздел «Параметры брендинга» / «Баннеры» и «Карты изображений» , нажмите « Выбрать файл» и загрузите свой баннер: 
Поместите 150 в текстовую область Высота баннера канала : 
Теперь нажмите Сохранить изменения в правом нижнем углу, перейдите на страницу партнера YouTube и проверьте свой баннер. Это там, но ссылки не работают.
Что ж, давайте добавим эти ссылки.
Чтобы добавить ссылки на изображение, вам нужно будет создать для него код карты. Не пугайтесь, это не требует навыков кодирования, и почти все автоматизировано с помощью бесплатного онлайн-инструмента на Image-Maps.com.
Перейдите на сайт www.image-maps.com , перейдите к своему баннеру и нажмите «Начать отображение своего изображения»: 
После этого вы увидите страницу «help image-maps.com», подождите 10 секунд и нажмите « Перейти к следующему шагу» .
На правой стороне вы увидите область меню, нажмите на прямоугольник : 
Посмотрите на свой баннер, вы увидите прямоугольник с текстовыми областями: 
Перетащите прямоугольник, чтобы он поместился в первый значок (пока не беспокойтесь о текстовых областях, мы изменим их в коде) и нажмите « Сохранить» : 
Сделайте то же самое для других значков.
После того, как все значки / кнопки сопоставлены, нажмите « Получить код» на правой панели: 
На этой странице нажмите HTML-код: 
Здесь начинается сложная часть.
Как только вы нажмете кнопку HTML Code, вы попадете в свой код, который будет казаться очень «занятым». На самом деле, здесь много бесполезных элементов. Не закрывайте это.
Я подготовил чистую версию (для трех кнопок на вашем баннере); Вы можете просто скопировать его и следовать дальнейшим инструкциям.
Чистый код: 
Пояснения к отмеченным (красным) значениям:
• full_path_to_your_banner — перейдите на свою страницу YouTube и щелкните правой кнопкой мыши по своему баннеру (который вы уже загрузили) и (в зависимости от браузера) найдите полный URL-адрес вашего баннера и скопируйте его. Это должно быть что-то вроде http://i2.ytimg.com/u/UcJ1c4V37ArMB8VDO33RhA/profile_header.jpg . Затем замените full_path_to_your_banner на URL баннера.
• any_name — введите любое имя, например «my_mapcode», «johnsmap» и т. Д.
• координаты1 с image-maps.com — если вы проверите HTML-код, сгенерированный image-map ранее на шаге 3.18, вы увидите такие строки: 
Скопируйте эти цифры (выделенные), как они есть, и вставьте их вместо координаты1 с image-maps.com (в правильной последовательности, т.е. первые координаты вместо координат1, вторые — вместо координат2 и т. Д.).
• first_button_link — ссылка, к которой приведет ваша первая кнопка. Например, если вашей первой кнопкой является страница Facebook, тогда вашей ссылкой first_button_link будет ссылка на вашу страницу Facebook, включая http: // . То же самое относится и к другим ссылкам кнопок (ваши ссылки на Twitter, Google и другие профили / сайты).
• title_text_for_first_link — заголовок — это текст, который появляется, когда посетитель наводит указатель мыши на ссылку на вашем баннере. Поэтому поместите описание для каждой ссылки, например, «Присоединяйтесь к нашему сообществу Facebook», «Следуйте за нами в Twitter» и так далее.
Замените все значения, которые я пометил красным, значениями из вашего HTML-кода соответственно.
Как только вы закончили с кодом, вы можете закрыть image-maps.com и забыть об этом. Снова перейдите на свою страницу YouTube, Параметры брендинга / Баннеры и Карты изображений, скопируйте и вставьте готовый код карты в соответствующую область и нажмите Сохранить изменения .
Вот и все. Обновите свою страницу YouTube и проверьте свои ссылки.
4. Основы ретуши фотографий
Независимо от того, являетесь ли вы профессиональным фотографом или просто любите фотографировать, вам все равно нужно настроить фотографии, чтобы они выглядели лучше. Вам не нужна лаборатория, как это было до цифровой фотографии; все, что вам нужно сейчас, это компьютер и некоторые инструменты для ретуши фотографий.
Фотошоп, как всегда, пригодится. И если вы используете Photoshop только для быстрой ретуши фотографий, вам не нужно осваивать все о программе. Вам понадобятся только самые необходимые инструменты.
Эти инструменты являются базовыми, и я покажу вам только базовое использование, чтобы ознакомиться с ними. Все, что вам нужно для более продвинутых методов, — это практика.
Допустим, вы сделали несколько хороших снимков и хотите внести некоторые изменения, исправления и так далее. Загрузите его на свой компьютер и откройте его с помощью Photoshop.
4.1 Уровни
Это первый инструмент, с которым я начинаю играть, открывая изображение. Это дает вам контроль над уровнями яркости с помощью гистограммы изображения. Это очень полезно, если вы хотите сделать тени темнее, или передний объект ярче, или небо ярче, и так далее. Также прочитайте нашу статью « Как исправить переэкспонированные фотографии в Photoshop » 
Элементы управления, отмеченные красными кружками, можно перемещать влево или вправо. Выпадающее меню в зеленом круге дает вам контроль над цветовыми каналами изображения. Играть с этим. 
4.2 Фотофильтр
Инструмент «Фотофильтр» очень удобен, когда вы хотите применить какой-либо цвет ко всему изображению, изменив его «настроение» (вы захотите придать желтый цвет для осенней картинки и более холодный синий цвет для зимы образ). 
Вы можете выбрать из стандартных настроек фильтра в раскрывающемся меню или применить свой собственный цвет и настроить плотность выбранного фильтра. Я выбрал охлаждающий фильтр для своего изображения, чтобы усилить синий оттенок воды: 
4.3 Уклонение и Сжигание
На самом деле это два разных инструмента, но я отнесу их к одной категории, так как они противоположны друг другу. По сути, инструмент Dodge делает затронутые области светлее, а инструмент Burn делает их темнее.
С помощью этих двух маленьких инструментов вы можете значительно улучшить изображение, придав ему совершенно другой вид. Посмотрите на приведенный ниже пример, который я сделал быстро, чтобы вы могли увидеть наименьшее из того, что вы можете сделать: 
4.4 Точечная восстанавливающая кисть
Этот, как я помню, поставлялся с CS2 и помогает с цифровым «исцелением», иногда называемым «аэрография». Почти каждая девушка будет жаловаться на свою фотографию, говоря «убери это место» или «Я не хочу эту родинку». Нет проблем: с помощью инструмента Spot Healing вы можете сделать ее счастливой!
Я удалил знаменитую родинку Синди Кроуфорд одним щелчком мыши: 
4.5 Blur
Инструмент Размытие лучше всего использовать, когда вы хотите сфокусироваться на объекте или какой-либо области изображения. В меню « Фильтры» есть более обширный инструмент для размытия, который имеет различные методы размытия. Тот, который я показываю вам, является основным инструментом.
Этот инструмент размытия используется как кисть, что означает, что он применяется к области под мышью. Используйте его, чтобы изменить фокус изображения. Например: размытый фон придает изображению некоторую глубину: 
4.6 Контентно-зависимая заливка
Теперь этот инструмент не является базовым: он такой же мощный, как палочка Гарри Поттера, и может легко стать предметом собственного руководства. Это только в Photoshop CS5 и более поздних версиях, так что если у вас более старая версия … извините.
С помощью Content-Aware Fill вы можете удалять ненужные вещи с картинки, не оставляя черных мест: Photoshop будет угадывать, что там должно быть, и заполнит пробел. До CS5 это было непростой задачей, но теперь это просто. Конечно, он не идеален, и для получения наилучших результатов вам придется внести некоторые коррективы, но этот инструмент делает работу замечательно хорошо.
По сути, инструмент вычисляет окружающую область выделения, а затем «рисует» область, которую вы заполняете, с предположением о том, что должно быть там. Вам действительно нужно поиграть с этим, чтобы поверить в это: просто выберите объект, который вы хотите удалить, оставляя немного места вокруг, расширяя выделение. Затем и примените заливку ( Edit-> Fill или Shift + F5 ): 
С помощью этих 6 инструментов вы можете придать своим фотографиям свежий вид за несколько минут. Поиграйте со значениями и настройками, и вы познакомитесь с ними поближе.
5. БОНУС № 1: Создание силуэта из фотографии за несколько минут
Что такое силуэт? Это контур любой фигуры, заполненной сплошным цветом, обычно темного оттенка. Вы видите естественный силуэт, когда смотрите на что-то на фоне заката.
Силуэты очень полезны, когда речь идет о графике: они почти всегда соответствуют фону, так как не имеют много деталей, которые мешают изображению. Кроме того, силуэты могут быть использованы для создания пользовательских форм и кистей.
В этом быстром уроке вы узнаете, как легко вы можете создать силуэт практически из любой картинки в Photoshop.
Имейте в виду, что самый важный шаг — сделать хороший выбор — чем точнее он, тем лучше будет ваш окончательный силуэт.
Шаг 1
Откройте изображение в Photoshop и сделайте выбор. Я сделал мой, используя инструмент Magnetic Lasso . Проще сделать выбор на изображениях, которые имеют фон с несколькими деталями: 
Шаг 2
Создайте новый слой , нажав на маленький значок в палитре слоев: 
Шаг 3
Заполните выделение черным: 
Шаг 4
Теперь избавьтесь от фона, просто удалив исходный слой (в моем случае это слой «картинка»): 
Вот и все. Силуэт теперь готов к использованию. Теперь вы можете поставить этот силуэт перед чем угодно. Вот немного «искусства»: 
6. БОНУС № 2: Создание Favicon в Photoshop
Если вы являетесь владельцем сайта или планируете им быть, вам понадобится значок. Что это? Фавикон — это небольшой (16 × 16 пикселей) значок или изображение, которое отображается в адресной строке или на вкладке вашего интернет-браузера. 
Это важная часть идентичности вашего сайта, так же как и ваш логотип, поэтому не стоит недооценивать его.
Вы не можете просто создать изображение размером 16×16 пикселей, изменить его расширение на .ico и использовать его в качестве значка. Существует множество инструментов для создания иконки, но я покажу вам, как это сделать в Photoshop.
1. Photoshop вообще не распознает формат .ico, поэтому нам нужен плагин, чтобы сделать Photoshop «дружелюбным» с ним. Плагин бесплатный, и вы можете скачать его с Telegraphics . Это называется ICO (Windows Icon) Формат : 
2. Теперь вам нужно установить его в вашей системе:
Закройте Photoshop, если он открыт.
Распакуйте архив и скопируйте и вставьте файл ICOFormat.8bi в папку « Форматы файлов » в каталоге Photoshop («Program Files» / «Adobe Photoshop» / «Плагины» / «форматы файлов» для пользователей Windows).
3. Откройте Photoshop и создайте новый документ размером 64px по ширине и 64px по высоте (работать с 16 × 16 будет слишком сложно, поэтому удобнее использовать холст 64 × 64).
4. Если у вас есть логотип, измените его размер на квадрат, откройте его с помощью Photoshop и измените размер изображения до 64 × 64. При изменении размера выберите Bicubic Sharper , так как в противном случае изображение будет размыто: 
Немного подкорректируйте свое изображение. Вам, вероятно, понадобится использовать инструмент Карандаш, чтобы исправить кое-что здесь и там, и, возможно, немного повысить резкость . Когда вы почувствуете, что оно готово, измените размер изображения до конечного 16 × 16 и посмотрите, хорошо ли оно выглядит.
Если вы чувствуете, что требуется больше работы, отмените изменение размера и продолжайте работать. Когда он наконец будет готов, измените его размер до 16 × 16.
5. Теперь нам нужно сохранить его в формате .ico .
Поскольку у нас установлен плагин ICO, Photoshop теперь можно сохранить как ICO. Просто зайдите в File-> Save As… и выберите Windows ICO из выпадающего меню (не забудьте назвать его « favicon »): 
Теперь загрузите ваш favicon.ico в корневой каталог вашего сайта, используя ваш любимый FTP-клиент. Лучше загрузить его в корневой каталог, чтобы браузеры нашли его автоматически, но я покажу вам небольшой HTML-код, который поможет браузеру точно найти ваш значок :
Добавьте этот код где-то между
header.php. Вы сделали!
7. Заключение
Это пока что! Я надеюсь, что это руководство вас чему-то научило, и следите за обновлениями для следующего руководства по Photoshop от .com.
Больше руководств по Photoshop: