Анимированный GIF в Photoshop CS5

Adobe Photoshop CS5 — это мощная программа для редактирования изображений, которую вы можете использовать для создания или редактирования практически любого типа изображения, в котором вы можете нуждаться.

Однако Photoshop CS5 особенно хорошо подходит для создания изображений, предназначенных для размещения в Интернете, таких как изображение, которое вы можете разместить на своем веб-сайте или которым вы, возможно, захотите поделиться с друзьями.

Популярным выбором изображения является анимированный GIF, потому что его просто сделать, он имеет движение, но его можно публиковать как обычное статическое изображение.

В Photoshop есть несколько полезных инструментов, которые позволяют создавать анимированные GIF-файлы в Photoshop CS5, и вы даже можете настроить анимированный GIF-файл в Photoshop CS5 в соответствии с требуемыми спецификациями.

Подготовка кадров для вашего анимированного GIF в Photoshop CS5

Анимированный GIF в Photoshop CS5 на самом деле представляет собой несколько отдельных изображений, которые вы собираетесь расположить в виде слоев.

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

Для целей этого урока я собираюсь создать анимированный GIF-файл в Photoshop CS5 со звездой, движущейся по черному фону.

Анимированный 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.

Это изменит ваш холст, чтобы показать один из ваших кадров с X над ним, например, на этом изображении:

Когда вы увидите это, нажмите Входить на клавиатуре, чтобы вставить каждое изображение как слой в Photoshop. После того, как все изображения будут добавлены, ваш Слои окно в правой части Photoshop должно выглядеть так.

Обратите внимание, что изображение, которое вы хотите отобразить в качестве последнего кадра вашего анимированного GIF, должно быть самым верхним слоем. Если ваши слои расположены в неправильном порядке, вы можете просто перетаскивать их в пределах Слои окно, пока они не будут в правильном порядке.

Теперь нужно открыть Анимация окно, которое вы можете сделать, нажав кнопку Окно меню в верхней части Photoshop, затем щелкните значок Анимация вариант. Анимация окно откроется как горизонтальное окно в нижней части Photoshop.

Нажмите кнопку в правом верхнем углу Анимация окна (кнопка выглядит как направленная вниз стрелка рядом с 4 горизонтальными линиями), затем нажмите кнопку Создание кадров из слоев вариант.

Щелкните направленную вниз стрелку справа от 0 сек и под одним из ваших кадров в Анимация окно, затем выберите, как долго вы хотите, чтобы этот кадр отображался в вашем анимированном GIF. Повторите этот шаг для каждого кадра вашего изображения. мне нравится выбирать 1,0 длительности кадров во многих анимированных GIF-файлах в Photoshop CS5, но экспериментируйте с различной продолжительностью, пока не найдете ту, которая лучше всего подходит для вас.

Вы также можете указать, сколько раз анимированный GIF должен перебирать все свои кадры, щелкнув значок Навсегда выпадающее меню в нижней части Анимация окно. Я использую Навсегда в качестве опции для анимированного GIF в конце этой статьи, что означает, что анимированный GIF будет постоянно циклически повторяться, пока вы не покинете эту страницу.

Вы закончили создание анимированного GIF в Photoshop CS5, поэтому вам нужно его сохранить. Нажмите Файл в верхней части окна, затем нажмите Сохранить для Интернета и устройств. Щелкните раскрывающееся меню в правом верхнем углу окна, чтобы выбрать гифка вариант, затем нажмите кнопку Сохранять кнопку в нижней части окна.

Введите имя вашего файла в поле Имя файла поле, затем нажмите кнопку Сохранять кнопка. Затем вы можете дважды щелкнуть созданное изображение в своей папке, чтобы запустить анимированный GIF и посмотреть, что вы создали. Ниже приведен мой пример анимированного GIF в изображении Photoshop CS5.

Теперь, когда вы знаете, как создать анимированный GIF в Photoshop, вы можете использовать эти шаги для создания собственных файлов анимированных изображений в этом приложении.

Связанный