Как сделать аватарку из большой анимированной картинки в Photoshop (оновлено)

Как сделать аватарку из большой анимированной картинки в Photoshop (оновлено)

Вам понравилась анимированная картинка и вы захотели сделать из нее анимированную же аватарку? Вопрос здесь заключается в следующем: как изменить размер анимированного GIF-изображения, сохранив анимацию?

Как сделать аватарку из большой анимированной картинки в Photoshop (оновлено)

Например, имеем такую картинку Дракончика, жарящего Рыцаря, размером 350×350 пкс.

Как сделать аватарку из большой анимированной картинки в Photoshop (оновлено)

Рядом – полученное изображение 120×120 (размер можно сделать практически любой, в разумных пределах, конечно).

Как сделать аватарку из большой анимированной картинки в Photoshop (оновлено)

Сразу замечу, что сделать такой авик из картинки очень несложно, но огромная просьба внимательно читать пояснения к уроку! И еще одно: многие действия по ходу работы можно делать разными способами, предусмотренными в Photoshop CS3. Но из-за своей природной лени, я буду указывать только те, которыми воспользовался сам в процессе подготовки поста! И снова таки напоминаю, я пишу очень подробно, поэтому не пугайтесь длине урока – реально весь процесс займет у вас минуту.

Начнем по порядку.

1. Первым делом вам надо запомнить место расположения файла исходной картинки и его название (скопировать или запомнить).

У меня исходный файл назван “1.gif” и расположен в папке F:\на лиру\авик из аниме\

На рисунке внизу (скриншот) расположение файла показано в программе Total Commander, в проводнике Windows, естественно, будет другая картинка!

Как сделать аватарку из большой анимированной картинки в Photoshop (оновлено)

2. Теперь переходим к импорту понравившейся картинки в Photoshop (не забудьте его запустить).

Напоминаю еще раз, что все это я показываю на примере программы Photoshop CS3. В CS2, к примеру, используется приложение Image Ready (но это другая история — кое-что см. в конце поста)

Как сделать аватарку из большой анимированной картинки в Photoshop (оновлено)

3. Находим папку, в которой расположен нужный файл-картинка. В открывшемся окне мы не видим нашу гифку потому, что среди форматов, которые можно импортировать как видеокадры в слои (video frames to layers), нет GIF. Дальше – описание, как это обойти!

Как сделать аватарку из большой анимированной картинки в Photoshop (оновлено)

Мы пишем (или вставляем скопированное) имя файла в соответствующую строку окна загрузки и нажимаем Load, в следующем открывшемся окне — ОК.

Как сделать аватарку из большой анимированной картинки в Photoshop (оновлено)

Как сделать аватарку из большой анимированной картинки в Photoshop (оновлено)

4. Для работы с анимированным изображением открываем меню Animation во вкладке Windows главного меню вверху (этот пункт можно не делать, если вы не собираетесь менять что-то в самом изображении – короче, не делайте его).

Как сделать аватарку из большой анимированной картинки в Photoshop (оновлено)

Как сделать аватарку из большой анимированной картинки в Photoshop (оновлено)

Вот что мы видим на мониторе на данном шаге урока:

Как сделать аватарку из большой анимированной картинки в Photoshop (оновлено)

Осталась самая малость: изменить размер и сохранить результат.

5. Меняем размер рисунка в Фотошоп.

Кликаем правой кнопкой мыши на заголовке окна изображения (показано красной стрелочкой) и в контекстном меню выбираем Image Size (изменение размера изображения). Меняем на новые размеры (если это будет аватарка – соответствующие допустимым на сайте).

Как сделать аватарку из большой анимированной картинки в Photoshop (оновлено)

Как сделать аватарку из большой анимированной картинки в Photoshop (оновлено)

Как сделать аватарку из большой анимированной картинки в Photoshop (оновлено)

В принципе, авик готов. Вы можете просмотреть анимацию, включив кнопочку Play в меню (не забудьте потом ее выключить)

Как сделать аватарку из большой анимированной картинки в Photoshop (оновлено)

6. Осталось сохранить измененную анимированную картинку.

Сохраняем для web – выбираем на вкладке FileSave for Web & Devices...

Как сделать аватарку из большой анимированной картинки в Photoshop (оновлено)

Укажите при сохранении прозрачность (Transparency) и…

Как сделать аватарку из большой анимированной картинки в Photoshop (оновлено)

… в окне сохранения укажите Тип файла – Image Only (*gif) – и назовите новую гифку. Не обращайте внимания на замечание о наличии нелатинских знаков.

Как сделать аватарку из большой анимированной картинки в Photoshop (оновлено)

Как сделать аватарку из большой анимированной картинки в Photoshop (оновлено)

Вот и все! Вы сохранили понравившуюся анимашку в нужном вам размере.

А я вот еще одну картинку уменьшил.

Как сделать аватарку из большой анимированной картинки в Photoshop (оновлено)

Успехов вам!

Примечание: в новых версиях Фотошоп всё и легче и «труднее». Например, в Photoshop CS6 картинка анимированная открывается так же, как и любая другая: Файл — Открыть.

Выглядит это примерно так:

Как сделать аватарку из большой анимированной картинки в Photoshop (оновлено)

А чтобы изменить размер ВСЕХ кадров, надо нажать в Шкале времени на первый кадр анимации и, удерживая клавишу Shift, выбрать последний кадр.

Как сделать аватарку из большой анимированной картинки в Photoshop (оновлено)

Затем – для изменения размеров картинки – действуем, как описано выше: комбинация клавиш Alt+Ctrl+I, новый размер, Shift+Ctrl+Alt+S, формат GIF и сохранение маленькой картинки.

Как сделать аватарку из большой анимированной картинки в Photoshop (оновлено)

Если вы нашли ошибку, пожалуйста, выделите фрагмент текста и нажмите Ctrl+Enter.

У нас еще много очень интересных статей! Вот только несколько из них:

Добавить комментарий

Ваш e-mail не будет опубликован. Обязательные поля помечены *

один × 4 =