Информация об изменениях в шаблоне

После того как вы сделали все необходимые изменения в своем веб-дизайн шаблоне в Adobe Photoshop, необходимо обновить эти изменения в HTML документах.

Прежде всего вы должны знать некоторые основы работы со слоями в Adobe Photoshop. Каждый слой в файле PSD представляет собой изображение или фон в документе HTML. Слои в PSD файле отмечены синими прямоугольниками. Если вы не можете увидеть слои  по каким-либо причинам, тогда вы должны выбрать  «Вид / Показать / Ф рагменты …» в верхнем меню. Для работы со слоями вы должны использовать инструмент из панели инструментов (горячая клавиша  «K» ). На самом деле есть два инструмента  «Slice Tool»  и  «Выбор Slice Tool » . Использование горячей клавиши   «Shift + K»  для переключения между этими инструментами. Все необходимые слои уже размещены в PSD файле, что включен в веб-шаблон.

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

Вы знаете, что некоторые тексты представлены в виде обычного текста в HTML, поэтому прежде чем сохранять изображения, содержащие такой текст , их следует спрятать. Для этого нужно выбрать слой, содержащий этот текст.

Самый простой способ сделать это — щелкните на нем удерживая кнопку  «Ctrl».  Чтобы проверить содержимое выбранного слоя выполните следующие действия. Перейдите на панель слоев, выберите  « Окно/Слои «. Слева от названия слоя можно увидеть  иконку. Нажмите на нее несколько раз, чтобы  «скрыть / показать слой» и посмотреть, какой текст исчезает в цельную картину. Если это текст, который вы хотите скрыть — вы на правильном пути.

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

Выберите  «Файл / Сохранить для веб-…» в верхнем меню или используйте клавиши  «Ctrl + Alt + Shift + S».

В этом окне вы можете изменить параметры оптимизации изображений. На самом деле наш дизайнер уже установлены параметры оптимизации для лучшего качества. Но если вы хотите, чтобы ваш сайт загружался быстрее, вы можете уменьшить качество изображения. Выберите слой, на правой стороне вы увидите панель с изображением вариантов. Вы можете изменить значение качества поле ввода для. Jpeg изображения или цвета. GIF и. PNG изображений.

Теперь выберите кусок, что вы хотите обновить, и если вы хотите обновить несколько слоев сразу — вы должны выбрать используя кнопку  «Shift».

Когда вы выбрали все слои, что вы хотите обновить нажмите  «Сохранить» в правом верхнем углу.

Если все пойдет правильно, то вы увидите всплывающее окно с запросом подтверждения замены изображений. Если такое окно не появляется убедитесь, что вы сохраняете изображения в соответствующую папку. Кроме того, проверить название слоя, дважды щелкнув на нем. Название и тип изображения должно быть таким же, как изображение в HTML.

Чтобы проверить изменения перейдите к папке, вашего веб-шаблона и откройте HTML файл, чтобы увидеть изменения.