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



Сделать мигающую аватарку несложно. Для этого нам достаточно будет программы Adobe Photoshop CS3 или выше. Кроме возможности редактировать отдельные кадры нашей анимированной аватарки Фотошоп дает возможность создания самой анимации, т.е. нам достаточно будет одной этой программы.

Если эта статья стала для вас интересна, то можно воспользоваться ещё одной, где я подробно описал Как самому сделать GIF баннер

Пошаговая инструкция как сделать мигающую аватарку или GIF баннер в программе Photoshop:

1. Открываем Photoshop. С помощью команды File -> New… создаем новый фотошоповский файл. Его размеры 120х120 пикселей (или 100х100, 90х90, в зависимости от того, какого размера аватарка вам нужна), фон
прозрачный.


2. Делаем первый кадр нашей аватарки. Как правило, аватарки делаются из фрагментов больших картинок, скачанных в интернете. Если вы не знаете, как из большой картинки сделать аватарку нужного размера и качества, рекомендую почитать мои уроки Photoshop для новичков Как вырезать кусок картинки в Photoshop, как сделать зеркальное отражение фотографии в Фотошопе, Как повернуть картинку в Photoshop по часовой или против часовой стрелки, Как убрать красные глаза на фото в Фотошопе, Закругляем все углы рисунка с помощью формы Photoshop. В этой статье мы не будем делать аватарку с нуля а просто возьмем готовую заготовку из интернета.



3. Первый кадр мигающей аватарки готов. Приступим к созданию второго. Воспользуемся комбинацией горячих клавих Ctrl+J чтобы дублировать имеющийся слой



4. Сделаем второй кадр аватарки чуть затемненным, подправив уровни дублированного слоя. Для этого нажимаем комбинацию Ctrl+L и двигаем ползунки в открывшемся окне так, как нам нравится. Лично мне показалось наилучшим вариантом подвинуть средний серый ползунок в верхнем окне немного вправо, до значения 0.64



5. Теперь оба кадра готовы. Осталось сделать из них одну мигающую аватару, для чего мы воспользуемся стандартной функцией Photoshop. Чтобы открыть окно анимации, выберите из главного меню программы Window -> Animation. В открывшемся окне Animation (Frames) уже будет первый кадр анимации. И выглядеть он будет так же, как в данный момент выглядит вся картинка (в нашем случае заготовка аватарки выглядит так же, как верхний слой kadr_01 copy)



6. Добавим второй кадр нашей мигающей аватарки в окно Animation (Frames), для чего в самом низу этого окна нажмем на иконку Duplicates selected frames (Дублировать выделенный кадр). После того, как появится второй кадр, сделайте невидимым верхний слой в панели Layers (кликните на глазик рядом с картинкой верхнего слоя, глазик пропадет и слой станет невидимым)



7. Теперь у нас есть аватарка из 2-х разных кадров. Но мигать она не будет, поскольку задержка у каждого ноль секунд. Для того чтобы установить подходящее время отображения каждого кадра анимации, нужно кликнуть на надписи 0 sec. под каждым кадром



Я установил время задержка в 2 миллисекунды, вы можете выбрать любое другое значение.

8. Мигающая анимированная аватарка готова. Осталось ее сохранить. Для этого из главного меню Photoshop выдерите File -> Save for Web and Devices… и в выпадающем списке выбора формата файла указываем формат GIF



Таким способом можно анимировать любое изображение – хоть фото красивой девушки, лимузин или героя любимого мультсериала. Следует помнить, что другие графические форматы аватарок (не GIF) не поддерживают анимацию, а количество цветов, доступное для формата GIF, всего 256. Потому яркие насыщенные фотоаватарки при создании анимации будут сохраняться в плохом качестве. Ещё могу предложить программу для снятия скриншотов с экрана Gadwin PrintScreen которая может сохранять данные в популярные графические форматы (BMP, JPG, GIF, PNG, TIF и TGA) и о ней можно почитать здесь