Adobe Photoshop CS5 - это мощная программа для редактирования изображений, которую вы можете использовать для создания или редактирования практически любого типа изображения, в котором вы можете нуждаться. Однако Photoshop CS5 особенно хорошо подходит для создания изображений, предназначенных для размещения в Интернете, таких как изображение, которое вы можете разместить на своем веб-сайте или которым вы, возможно, захотите поделиться с друзьями. Популярным вариантом изображения является анимированный GIF, потому что он прост в создании, имеет движение, но может быть размещен как обычное статическое изображение. В Photoshop есть несколько полезных инструментов, которые позволяют создавать анимированный GIF в Photoshop CS5, и вы даже можете настроить свой анимированный GIF в Photoshop CS5 в соответствии с требуемыми спецификациями.
Подготовка рамок для вашего анимированного GIF в Photoshop CS5
Анимированный GIF в Photoshop CS5 на самом деле представляет собой пять отдельных изображений, которые вы собираетесь расположить в виде слоев. Каждый слой будет представлять собой кадр вашего изображения, поэтому каждый кадр должен немного отличаться, чтобы указывать на то, что в анимированном GIF-файле происходит действие или движение. Для целей этого урока я собираюсь создать в Photoshop CS5 анимированный GIF-файл звезды, движущейся по черному фону. Анимированный GIF-файл будет состоять из пяти разных кадров, в каждом из которых звездочка находится в разных местах. Отдельные изображения выглядят так:
Для простоты я пометил изображения как 1.gif, 2.gif, 3.gif, 4.gif и 5.gif, что поможет мне запомнить порядок, в котором я хочу их отображать. Все изображения одинакового размера, 100 × 100 пикселей.
Чтобы начать создание анимированного GIF в Photoshop CS5, теперь вы можете запустить Photoshop, щелкнув Файл в верхней части окна щелкните Новый, затем установите размер изображения. После установки параметров изображения нажмите кнопку В ПОРЯДКЕ кнопку, чтобы создать пустой холст.
Следующее, что нужно сделать, это открыть папку, содержащую изображения, которые вы собираетесь включить в свой анимированный GIF в Photoshop CS5. Обратите внимание, что вы открываете папку в проводнике Windows, а НЕ с помощью Открытым команда в фотошопе. Проводник Windows - это программа, которую вы используете для просмотра папок и файлов на вашем компьютере, и вы можете запустить ее, щелкнув значок папки на панели задач в нижней части экрана компьютера. Когда папка, содержащая ваши изображения, открыта, удерживайте клавишу CTrl на клавиатуре, чтобы выбрать все изображения, а затем перетащите их на холст Photoshop CS5.
Это изменит ваш холст, чтобы показать одну из ваших рамок с крестиком на ней, как на этом изображении:
Когда вы это увидите, нажмите Входить на клавиатуре, чтобы вставить каждое изображение как слой в Photoshop. После добавления всех изображений ваш Слои Окно в правой части Photoshop должно выглядеть так.
Обратите внимание, что изображение, которое вы хотите отобразить в качестве последнего кадра анимированного GIF, должно быть самым верхним слоем. Если ваши слои расположены в неправильном порядке, вы можете просто перетащить их в пределах Слои окна, пока они не будут в правильном порядке.
Теперь вам нужно открыть Анимация окно, которое вы можете сделать, щелкнув Окно меню в верхней части Photoshop, затем щелкнув Анимация вариант. В Анимация окно откроется в виде горизонтального окна в нижней части Photoshop.
Нажмите кнопку в правом верхнем углу Анимация (кнопка выглядит как направленная вниз стрелка рядом с 4 горизонтальными линиями), затем щелкните Создавайте рамки из слоев вариант.
Щелкните стрелку вниз справа от 0 сек и под одним из ваших кадров в Анимация окна, затем выберите, как долго вы хотите, чтобы этот кадр отображался в анимированном GIF. Повторите этот шаг для каждого кадра вашего изображения. Я люблю выбирать 1.0 для длительности кадров во многих анимированных GIF-файлах в Photoshop CS5, но поэкспериментируйте с разной длительностью, пока не найдете тот, который лучше всего подходит для вас.
Вы также можете указать, сколько раз анимированный GIF должен проходить через все свои кадры, щелкнув значок Навсегда раскрывающееся меню в нижней части Анимация окно. я использую Навсегда как вариант для анимированного GIF в конце этой статьи, что означает, что анимированный GIF будет циклически повторяться, пока вы не покинете эту страницу.
Теперь вы закончили создание анимированного GIF-изображения в Photoshop CS5, поэтому вам нужно сохранить его. Нажмите Файл вверху окна, затем щелкните Сохранить для Интернета и устройств. Щелкните раскрывающееся меню в правом верхнем углу окна, чтобы выбрать Гифка вариант, затем щелкните Сохранять кнопку в нижней части окна.
Введите имя файла в поле Имя файла поле, затем щелкните Сохранять кнопка. Затем вы можете дважды щелкнуть созданное изображение в своей папке, чтобы запустить анимированный GIF и посмотреть, что вы создали. Ниже мой пример анимированного GIF в изображении Photoshop CS5.
