Здесь собраны советы по работе в PhotoShop 4 и 5, которые, я надеюсь, помогут вам работать эффективней и избавиться от некоторых ошибок. В первой части собраны советы, которые накоплены моим опытом работы в этой программе. Большинство из них предназначено начинающим WEB мастерам, хотя, некоторые следует прочитать и опытным.

Во второй части выписаны почти все советы из книги "Photoshop 4 для Windows 95" из серии "Библия пользователя". Автор Дик Мак-Клелланд. Сама книга достаточно большая и предназначена начинающим, а здесь выписаны только советы, которые помогут опытным пользователям повторить или дополнить свои знания.

Мы начали изучать Flash и решили публиковать в третьей части советов описание этой замечательной программы на нашем сайте. Поскольку перевод делается в свободное время, сразу все вы здесь не найдете. Но со временем...

Часть 1.

  • Начиная создавать картинку с чистого листа, сразу задавайте расширение 72 пик/д. Сильно уменьшая размер изображения, вы теряете  резкость, даже если выставлена бикубическая интерполяция (её желательно использовать по умолчанию).
  • Для тех, кто ещё не знает, размер (в пикселях) окна браузера  780X430 при расширении 800x600 и 1004х598 при расширении 1024х768. Размеры с учётом открытых панелей браузера.
  • Всегда имейте в запасе файл с прозрачным GIF изображением размером 1х1 пикс. Он пригодится для выравнивания и подгонки различных деталей на WEB странице ( картинок, таблиц, текста...), задавая фиксированный размер в HTML.
  • В Photoshop прозрачный GIF создаётся так: файл---экспорт---GIF89a и пипеткой выбирайте цвет, который будет прозрачным. Он станет серого цвета. Если нужно добавить к прозрачности ещё и другие цвета, то пользуйтесь пипеткой со знаком +
  • Если вы хотите большую картинку (в пикселях) сделать меньше (в пикселях) в GIF формате, то, с начала, переведите её в RGB, затем уменьшите до нужного размера (если нужно используйте фильтр резкости) и, только после этого, индексируйте цвета и сохраняйте как GIF. Этим вы избавитесь от очень распространённой ошибки - ступенчатых краёв на границах цвета. Картинка не будет "зубастой". Особенно текст. Это достаточно распространённая ошибка web мастеров.
  • Используйте перевод в GIF(индексирование) только после всех остальных действий и редактирования. Т.к. многократный перевод изображения в RGB (после индексации и обратно) сильно испортит изображение (теряется информация о цвете).
  • В стандарте JPG есть возможность управлять степенью сжатия файла. Но сильное сжатие приводит к образованию "муара" на участках сплошного цвета или плавного градиента. Если вам надо сильно сжать файл, то сжимайте, но потом, увеличивайте этот участок и вручную закрашивайте непокорные области, стараясь пользоваться пипеткой и кистью. Чтобы работа шла быстрее, пользуйтесь клавишами "B" и "I", для переключения инструментов. Если после этой операции файл ещё чуть уменьшится, это будет наградой за труд. Не создавайте промежуточных сохранений в JPG формате во время ручной правки! Каждое сохранение в JPG - это дополнительное сжатие, а значит - дополнительная потеря качества!
  • При сжатии в JPG, качественней сжимаются изображения с множеством мелких деталей. А картинки, с большим количеством однородного цвета и резких цветовых границ, часто образуют "муар". Использовать сохранение файла в формате JPG необходимо только после всех остальных операции. И старайтесь оставлять в запасе первичный файл в формате PS, на случай последующего редактирования.
  • Размер  файла GIF сильно зависит от размеров высоты и длинны. Это особенность алгоритма сжатия GIF. Изображения одинаковой плдощади и одинакового количества цветов могут быть совершенно разных размеров! Длинные картинки весят меньше чем высокие. И ещё, градиент, направленный по вертикали, сжимается сильнее, чем градиент направленный по горизонтали. Будьте внимательны при создании баннеров и бэкграундов.
  • Картинки средних размеров пробуйте сохранять и в JPG и в GIF. Иногда вес файла может заметно отличаться. Некоторые изображения можно "лишить" многих цветов и получить лёгкий GIF почти без потери качества. Или получить файл плохого качества в GIF, который всё равно будет весить больше чем JPG. Со временем, вы начнёте на глаз определять "сжимаемость" многих изображений уже перед началом работы. Пробуйте.
  • При сохранении файла лучше не использовать заглавные буквы и русский шрифт. Photoshop может проставлять расширения заглавными буквами, это надо отключить:      файл --- предпочтения --- сохранение файлов ---......
  • Если Вам нужен разноцветный бэкграунд или плавный градиент сверху вниз, с лева на право, то используйте в качестве фона картинку GIF шириной (или высотой) в несколько пикселей (чем больше, тем быстрее происходит прорисовка) и во всю длину (ширину), с учётом размера окна браузера при различных разрешениях. Но всегда следите, как читается текст на этом фоне.
  • Картинка размером 1000х700 в качестве бэкграунда? Реально! Только нужно создавать картинку, состоящую из 2,3,4 цветов, и перевести её в GIF. Следите за тем, чтобы было как можно больше сплошного цвета. Можно использовать распределение картинок по фону. Чтобы, при чередовании, в кадр попадала часть картинки с одним цветом. Этот способ подходит для размещения в бэкграунде логотипа компании. В HTML можно прописать фиксированный фон, чтобы он   не прокручивался.
  • Когда вы создаёте две картинки (для замены при наезде мышкой), то они, обычно, имеют текст, который меняет цвет. Чтобы не было скачков текста при смене картинок, надо сохранить рабочий вариант файла (в PS 5 есть пошаговая отмена) с текстом в отдельном (не текстовом, а обычном) слое. А потом, выделить его и закрасить сменным цветом и сохранить уже вторую картинку. Текст  будет  расположен одинаково.
  • В Photoshop можно создавать много слоёв, но потом трудно разбираться, что и где находится. Не забывайте, что можно и удобно присваивать слоям имена. Щёлкните 2 раза мышкой на этом слое в окне "слои" и  в открывшемся окне (опции слоя) задайте название.
  • Клавишей "Caps Lock" можно менять значки инструментов в роботе на крестик, который на много удобней, при тонкой работе. Можно настроить его для рисующих инструментов "по умолчанию". ---- Файл---- предпочтения ---- дисплей и курсоры ---......
  • Если вам трудно выделить "волшебной палочкой" какой-то объект, даже меняя её чувствительность, то попробуйте это сделать в каком-нибуть цветовом канале (цветовые составляющие тоже можно поменять - RGB,CMYK,LAB). И, не отменяя выделения, вернуться в прежний цветовой режим. Теперь, можно воспользоваться выделением.
  • При индексации цветов, перед сохранением в GIF, используйте уменьшение количества цветов по разрядам  4,5,6,7,8 бит/пиксель. Уменьшение количества цветов меньше, чем на разряд, не имеет большого смысла (размер файла почти не уменьшается). Это не относится к уменьшению вручную, задавая количество цветов меньше, чем 3 бита/пиксель.
  • Если вы создаёте картинку для сайта, которую вы будете изменять ( например, выставляя поздравления с праздниками на ней), то, обязательно, сохраняйте "первичный" вариант этого файла в формате Photoshop (лучше со всеми слоями). Особенно, если это JPG файл. И готовьте изменения в нём.
  • При сохранении в формате JPG для WWW, не забывайте выключать флажок " сохранять предварительный просмотр". Зачем вам лишний бесполезный вес?
  • Если вам не под силу самому создать хорошую картинку, и вы используете или "исправляете" чужую, то можете убрать авторскую информацию из файла. Щёлкните правой кнопкой мыши по заголовку открытого окна файла и выберите пункт "файл инфо". Теперь, вы можете заняться "авторской работой" (но внимательно прислушайтесь к чувству стыда!).
  • При переводе в GIF, на градиентных переходах цвета, образуется грубый ступенчатый переход цвета, который становится сильнее, если оставлять меньшее количество цветов. Что же делать, если хочется сжать посильнее? Сжимать. А потом, аккуратно редактировать кистью в 1пиксель и пипеткой, увеличив картинку. Смысл в том, что бы на границе цвета проставить точки одного цвета на другом, примерно в шахматном порядке, с обоих сторон этой границы, создавая плавный переход из этих цветов. И так на каждой границе. Что хлопотно? А как вы думали сделать красивый лёгкий файл? Есть другой способ, поменять режим интерполяции ("по умолчанию" - бикубическая). Но это - уже требует сноровки и небольшого опыта.
  • Вам часто приходиться использовать текст на своих изображениях? И тут возникают проблемы с подбором шрифтов. Очень не удобно перебирать варианты шрифтов из списка вручную. Попробуийте так: в окне работы с текстом набираете нужный текст любым шрифтом. Затем, выделяете его и щёлкаете мышкой в поле шрифтов, делая его активным. Потом, просто нажимаете на клавиши со стрелками вниз или вверх. И текст будет набран следующим в списке шрифтом. Перебирайте варианты пока не найдёте лучший. В Photoshop 5, текст сразу меняет шрифт в рабочем окне.
  • Во время работы, не спешите объединять текстовый слой с обычным. Двойной щелчок на нём (в окне слоёв) позволяет вернуться к редактированию текста! Можете изменить шрифт, размер, цвет и т.п. Очень удобно, когда работаешь с вариантами.
  • У вас мало оперативной памяти и Windows 95-98 постоянно, нарушая законы гравитации, виснет ? Настройки с драйвером мыши и кэшированием не помогают? Тогда, почаще "сохраняйтесь" и прочищайте мозги Photoshop. Сохраните и закройте файл ---- потом, откройте новый файл размером 1х1 пикс. ---- потом закройте его и снова откройте тот, с которым работаете. Совет из 4 версии, но в 5-ой так же прекрасно работает.
  • Многих начинающих часто интересуют вопросы: как создать тень, как сделать текст (или объект по контуру) выпуклым или вогнутым? Можно посоветовать фильтры сторонних производителей, но в 5 версии всё это есть и не плохо реализовано! Только почему-то не в библиотеке фильтров, а в меню "слой" --- эффекты. Попробуйте, там всё просто и вам понравится.
  • Допустим, вы вырезаете изображение с помощью "волшебной палочки" из контрастного фона. Но что делать с оставшимися пикселями не нужного цвета по краям? В меню "слой" есть пункт "матирование" ----  срезать границу. Только не используйте значение больше 1. Лучше, потом ещё раз использовать 1.
  • Для тех, кто работает в полиграфии (и не только). Вы можете открыть ( вид ---- новый вид ) интерактивный дубликат изображения и назначить ему на выбор: гамма-предуреждение,   вид --- просмотр ---CMYK или канал одного из цветов. Гамма-предупреждение поможет увидеть цвета не входящие в CMYK и вручную это поправить. Просмотр в режиме CMYK позволит увидеть картинку такой, какой она окажется после печати (если у вас правильно откалиброван монитор).
  • Если вам нужно сделать точное выделение какого-нибудь объекта в сложном изображении и вы в тупике..., то расскажу один способ! Прочитайте предъидущий пункт советов, создайте новый вид и назначьте ему показывать один из цветов (каналов), который отображает область выделения более контрастно (что бы легко было выделить "волшебной палочкой"). Переведите основное изображение в CMYK  и, применяя (изображение ---- настройка) различные регулировки с регуляторами цветов, добейтесь того, чтобы в окне нового вида получилось очень удобное изображение, для выделения "волшебной палочкой". В основном окне отмените все преобразования и верните первоначальный вид. В новом окне выделите нужную часть "палочкой" или, щелкнув в меню каналов с нажатой клавишей Ctrl (выделяются границы этого цвета). Можете перенести выделение прямо с него (переносом с инструментом выделения или опять, получив новый вид - он будет в цвете, а не в канале. Или щелкнуть в окне каналов на нужном канале ). Поэкспериментируйте с этим способом, вы быстро поймёте, что не всё так сложно как кажется. Со временем, вы легко будете "видеть" цвета (каналы), удобные для получения хорошего выделения.
  • Файл Photoshop со слоями нужно перенести на другой компьютер, а он не влезает на дискетку? Не беда. Можно, конечно, и Zipом заархивировать, но вот есть ли Zip на другой "машине", вы не знаете. Спокойно копируем (по слоям) в новые изображения и, вставив нужный фон, удаляем фон "по умолчанию". Оставшийся слой сохраняем как отдельный файл (маленький). И так с другими слоями на дискеты. Внимание! Если есть слои с отдельными элементами в пустом (прозрачном) слое, то они скопируются в размере этого элемента, а не размера файла. Можно по краям прочертить полоски (по вертикали и горизонтали с нажатой клавишей Shift), а потом, стереть ластиком, после переноса. Тогда, элемент будет находиться точно в том месте, где и был. Потом, всё собираете обратно.