GIF-анимация с использованием фотоизображений.

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

Для примера использовано изображение с сайта Fotolia, на котором можно приобрести необходимые для работы изображения по очень низким ценам. Бесплатные изображения, использование которых описано в этом уроке, предоставляются сайтом только для использования в предварительном макете. Если Вам необходим имидж для реального проекта, то его необходимо купить. Например, изображение букета роз для этого примера был приобретен колледжем за $1 долл.

Рассмотрим это на примере:

1) Зайдите на сайт www.fotolia.com.
2) В окошке Search напишите название искомого изображения. В нашем случае это Background. Щёлкните мышкой на опцию Go или нажмите на клавишу Enter.

Выберите понравившийся вам имидж. Если не нашли ничего подходящего на первой странице - перейдите на следующие (на рисунке показано стрелками).

Щёлкните мышкой на выбранный вами имидж и затем на опцию Download comp image.

1) Нажмите на Download и в появившемся окошке выберите опцию Save.

Сохраните имидж в выбранной вами папке.

Теперь напишите в окошке Search название следующего имиджа, на пример, flower и нажмите на кнопку Go.

Выберите понравившийся имидж на белом фоне(!) и вышеописанным способом сохраните его в папке.

Теперь в фотошопе откройте выбранные вами фотоизображения.

Измените размер фотоизображений, выбрав команду Image/Image Size из главного меню и в появившемся окошке выберите параметры, указанные на рисунке.

Теперь "вырежем" изображение, чтобы "перетащить" его на Background без белого фона. Для этого воспользуйтесь Magic Wand Tool из панели инструментом. Щёлкните мышкой где-нибудь на белом участке картинки.Вокруг букета и по краям появились "бегущие муравьи".

Выберите команду Select/Inverse из главного меню.

Выберите инструмент Move Tool из панели инструментов и перетащите мышкой вырезанный букет на Background.

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

Примените какие-либо эффекты к изображению, например, тень.
1) В панели слоёв выделите слой с изображением.
2) Из главного меню выберите команду Layer/Layer Style/Drop Shadow.

Примените эффекты, указанные на рисунке и сохраните изменения, нажав на OK.








1) Воспользуйтесь инструментом Type Tool и напишите поздравление - каждое слово на отдельном слое.
2) Выберите шрифт и размер, предварительно выделив слово.
3) Выбрав из верхней панели инструментов опцию Set the Text Color, измените цвет слова.
4) Из той же панели инструментов выберите опцию Create warped text и придайте слову любую понравившуюся вам форму, выбрав её в окошке Style. Сохраните изменения, нажав на ОК.

Примените эффекты к словам, выделив предварительно нужный слой.

1) На панели слоёв (Layers) выделите первый слой (Layer 1).
2) Продублируйте его, нажав на треугольничек в правом верхнем углу панели слоёв и в появившемся окошке выберите функцию Duplicate Layer.

1) Уберите глазок с 1-го слоя (Layer 1) и выделите прордублированный слой.
2) Воспользуйтесь командой Layer/Layer Style/ Blending Options.








Измените прозрачность изображения до 2 % с помощью функции Opassity.






Продублируйте слой как было показано выше.

Выделите слой и измените прозрачность изображения до 10 %.
Таким образом продублируйте ещё несколько слоёв, каждый раз на новом слое меняя прозрачность изображения...

пока не дойдёте до 100 %.

Перейдём в Image Ready, нажав на нижнюю кнопку панели инструментов.

В панели Animation один кадр.
1) На панели слоёв поставьте глазок на Background.
2) На панели Animation нажмите на икону Duplicate current frame.

Появляется второй кадр, поставьте глазок на слое со словом Happy и на панели Animation опять нажмите на икону Duplicate current frame.





Таким образом дублируйте кадры для всех слоёв, создавая придуманную вами анимацию.
Нажав на треугольник (цифра 1), настройте секунды на каждом кадре.
Чтобы воспроизвести анимацию, нажмите на кнопку Play (цифра 2).

1) В окошке Optimize выберите формат GIF.
2) Сохраните файл как оптимизированный.