- •Начало работы
- •Выделение срезов и настройка их параметров
- •О символах среза
- •Создание кнопок навигации
- •9 Выберите команду меню File ♦ Save (Файл ♦ Сохранить), чтобы сохранить свою работу.
- •Создание срезов на основе слоев
- •Создание срезов
- •Создание анимаиии
- •Создание анимационного gif-файла
- •Создание промежуточных кадров
- •Экспортирование html-файла и изображений
- •Оптимизация изображений для web
- •Добавление интерактивности
- •Дополнительное задание
Создание срезов
Здесь описаны другие методы создания срезов, которые вы можете попробовать самостоятельно.
• Вы можете создавать срезы No Image (Без изображения), а потом добавлять в них текст или HTML-код. Срезы такого типа могут включать фоновый цвет и сохраняются как отдельные части файлов .html. Основным преимуществом использования срезов No Image (Без изображения) в тексте является возможность редактирования текста в любом редакторе HTML, что отбрасывает необходимость возврата к программе Photoshop всякий раз, когда требуется отредактировать срез. Однако если при редактировании текст становится слишком объемным для среза, он разрывает таблицу HTML, и появляются нежелательные пробелы.
• Если во время подготовки изображения вы создаете направляющие, то можно быстро разделить все изображение на пользовательские срезы с помощью кнопки Slices From Guides (Фрагменты по направляющим), расположенной на панели параметров инструмента Slice (Раскройка). Однако этим способом следует пользоваться с осторожностью, поскольку он удаляет все срезы, которые были созданы ранее, и все параметры, установленные для этих срезов. К тому же, все срезы, созданные таким образом, являются пользовательскими, а вам, возможно, не понадобится так много пользовательских срезов.
• Если необходимо создать срезы одинаковых размеров, с одинаковыми промежутками между ними и выровненные по одной линии, попытайтесь создать один пользовательский слой, который бы включал всю область полностью. Затем используйте кнопку Divide (Разделить фрагмент), расположенную на па^нели параметров инструмента Slice Select (Выделение фрагмента), чтобы разделить исходный срез на необходимое количество вертикальных или горизонтальных рядов срезов.
• Чтобы отделить срез, созданный на основе слоя, от соответствующего слоя, вы можете преобразовать его в пользовательский срез. Просто дважды щелкните на срезе, используя инструмент Slice Select (Выделение фрагмента), и установите необходимые параметры.
Создание анимаиии
В программе Photoshop вы можете создать анимацию из одного изображения, используя анимационные GIF-файлы. Анимационный GIF-файл представляет собой последовательность изображений, или кадров. Каждый кадр немного отличается от предыдущего кадра, создавая иллюзию движения, когда кадры просматриваются в быстрой последовательности - точно так же, как в фильмах. Вы можете создать анимацию несколькими способами:
• С помощью кнопки Duplicates selected frame (Создать дубликат выделенного кадра) на палитре Animation (Анимация) создать анимационные кадры, затем с помощью палитры Layers (Слои) определить состояния изображения ддя каждого кадра.
• Использовать команду Tween (Создать промежуточные кадры) для быстрого создания новых кадров, которые деформируют текст или изменяют непрозрачность, положение или эффекты слоя. Тем самым создается иллюзия, что элемент в кадре движется или исчезает и снова появляется.
• Путем открытия для создания анимации многослойного файла Adobe Photoshop или Adobe Illustrator, в котором каждый слой становится кадром.
В этом уроке вы познакомитесь с первыми двумя способами.
Файлы анимации выводятся либо как GIF-файлы, либо как фильмы QuickTime. Создание анимаций в форматах JPEG или PNG невозможно.
