Блестяшки-Анимашки

 

Создание GiF анимации

Создание GiF анимации
Создание Gif анимации

Создание GiF анимации

В этом разделе сайта мы расскажем как можно подробнее о создание GiFанимации. Создание GiF анимации процесс не очень сложный, но всё же есть смысл постараться. После того, как Вы создали хотя бы одну анимацию, Вам станет проще продолжить создание GIf анимации самостоятельно.

Создание GiF анимации > Сверкающая звезда

В этом Фотошоп уроке мы сделаем анимацию "Сверкающая звезда".
Вот что получится в результате:

Создание GiF анимации

Шаг 1.

Создайте новый документ размерами 150x150 пикселей, фон залейте темно-голубым цветом.
Выберите инструмент http://www.photoshop-master.ru/lessons/tools/shape.png, далее из списка выберите фигуру звезды, как показано на рисунке. Цвет для звезды (77DAFF)
Зажмите Ctrl и кликните по звезде в палитре слоев.

http://www.photoshop-master.ru/lessons/2007/131207/anim_star/20000000.gif и http://www.photoshop-master.ru/lessons/2007/131207/anim_star/30000000.gif

Далее перейдите в меню Выделение - Модификация - Расширить (selection >> modify > expand) установите параметр 3 , затем создайте новый слой (поверх слоя с фигурой) и залейте выделение вот таким цветом 9FD7ED.

http://www.photoshop-master.ru/lessons/2007/131207/anim_star/40000000.gif

Шаг 2.

Снимите выделение Ctrl + D
Нажмите на http://www.photoshop-master.ru/lessons/tools/f.png внизу палитры слоев, выберите стиль "Тиснение" (Bevel and emboss). Примените такие настройки:

http://www.photoshop-master.ru/lessons/2007/131207/anim_star/50000000.gif

Шаг 3.

Вот так должна выглядеть ваша звездочка.

http://www.photoshop-master.ru/lessons/2007/131207/anim_star/70000000.gif

Шаг 4.

Создайте новый слой.
Установите цвета: 05E7FF - основной, E0EBEC - фоновый.
Загрузите выделение (Ctrl + клик по первой звезде в палитре слоев) Возьмите линейный градиент http://www.photoshop-master.ru/lessons/tools/gradient.png и проведите его сверху вниз, как показано на рисунке а).
Далее, возьмите http://www.photoshop-master.ru/lessons/tools/magic.pngи щелкните по темной области внутри звезды.
Установите цвета: 00B9E7- основной, 15E8FF - фоновый.
Проведите новый градиент как показано на рисунке б)

а) http://www.photoshop-master.ru/lessons/2007/131207/anim_star/80000000.gifб) http://www.photoshop-master.ru/lessons/2007/131207/anim_star/90000000.gif

Вот что должно получиться:

http://www.photoshop-master.ru/lessons/2007/131207/anim_star/10.gif

Шаг 5.

Теперь мы приступаем к созданию крошечных звездочек.
Создайте новый слой. Масштабируйте изображение.
Далее возьмите http://www.photoshop-master.ru/lessons/tools/marque.pngустановите заданный размер 3x1 px.
Сделайте выделение и залейте белым цветом. На этом же слое таким же образом, только размер будет теперь 1x3 px, создайте вертикальную палочку. Этот крестик будет маленькой звездочкой.

http://www.photoshop-master.ru/lessons/2007/131207/anim_star/11000000.gif и http://www.photoshop-master.ru/lessons/2007/131207/anim_star/12000000.gif

Создайте новую группу, назовите "мал1" и поместите туда слой со звездочкой.

http://www.photoshop-master.ru/lessons/2007/131207/anim_star/12b00000.gif

Шаг 6.

Теперь нужно эту малявку дублировать и разместить на звездочке. Способ: кликните по ней, зажмите Alt и переместите.

Все эти слои со звездочками находятся в одной папке.

http://www.photoshop-master.ru/lessons/2007/131207/anim_star/13000000.gif

Шаг 7.

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

Дублируйте папку со звездочками, назовите "мал2". Удалите из нее все слои, кроме одного. Этот слой продублируйте, причем звездочки размещайте на других местах.
Повторите действия для третьей папки.

http://www.photoshop-master.ru/lessons/2007/131207/anim_star/14000000.gif и http://www.photoshop-master.ru/lessons/2007/131207/anim_star/15000000.gif

http://www.photoshop-master.ru/lessons/2007/131207/anim_star/16000000.gif и http://www.photoshop-master.ru/lessons/2007/131207/anim_star/17000000.gif

Шаг 8.

Теперь у вас три папки с маленькими звездочками: "мал1", "мал2", "мал3", в каждой папке звездочки расположены по-разному.

На новом слое нарисуйте звездочку больше размером. Затем создайте снова группу назовите "средняя1", переместите новую звезду в эту группу. На время отключите видимость групп "мал2" и "мал3"

Вы уже догадываетесь, что нужно делать дальше! Дублировать, размещать, а потом создавать еще две папки: "средняя2" и "средняя3"

http://www.photoshop-master.ru/lessons/2007/131207/anim_star/18000000.gif и http://www.photoshop-master.ru/lessons/2007/131207/anim_star/19000000.gifи http://www.photoshop-master.ru/lessons/2007/131207/anim_star/20.gif

Шаг 9.

Теперь у вас 6 папок: 3 с маленькими звездами, 3 со средними.

http://www.photoshop-master.ru/lessons/2007/131207/anim_star/21000000.gif

Шаг 10.

Мы уже на финишной прямой!
Создайте на новом слое звезду еще больше, измените ей немного форму - добавьте диагональные линии. Переместите ее в группу под именем "бол1", потом также создайте группы "бол2", "бол3".

http://www.photoshop-master.ru/lessons/2007/131207/anim_star/22000000.gif и http://www.photoshop-master.ru/lessons/2007/131207/anim_star/23000000.gifи http://www.photoshop-master.ru/lessons/2007/131207/anim_star/24000000.gif

Шаг 11.

Сохраните файл в формате Фотошоп (.psd) и откройте его в Image Ready. Откройте палитру "Анимация" через меню Окно, если ее нет на рабочем пространстве.
Пока у вас там высветится только один кадр.
Перейдите в палитру слоев и отключите глазики напротив папок: "мал2", "мал3", "средняя2", "средняя3", "бол2", "бол3", оставьте только у "мал1", "средняя1", "бол1"

Создайте новый кадр http://www.photoshop-master.ru/lessons/tools/new%20layer.pngи в нем оставьте видимыми только "мал2", "средняя2", "бол2"

То же самое для 3-го кадра: http://www.photoshop-master.ru/lessons/tools/new%20layer.pngи в нем оставьте видимыми только "мал3", "средняя3", "бол3"

http://www.photoshop-master.ru/lessons/2007/131207/anim_star/25000000.gif и http://www.photoshop-master.ru/lessons/2007/131207/anim_star/26000000.gif

и

http://www.photoshop-master.ru/lessons/2007/131207/anim_star/27000000.gif и http://www.photoshop-master.ru/lessons/2007/131207/anim_star/28000000.gif

Шаг 12.

Установите время на 0,1 сек.
Далее переходите в меню Файл - Сохранить опитимизированный как... выбираете тип файла "Только изображения" (.gif) - Images Оnly(.gif) - Сохранить

Готово! Вы теперь можете поэкспериментировать с другими фигурами и формами блесток.

Создание GiF анимации

Главная || Анимашки блестяшки || Создание GiF анимации
   
 
© Анимашки - блестяшки
Hosted by uCoz