«STAR WARS REIMAGINED: african totem C3PO» © 2016, Евгений 
CGtalk.by CG Award 2016: «STAR WARS REIMAGINED: african totem C3PO», Евгений
   
Главная Форумы Галерея Теория Конкурсы Вакансии
Назад   CGtalk.by > Теория > Уроки > Photoshop
Новые сообщения Зарегистрироваться

 
Дополнительно Режимы отображения Ответить
Старый 07.06.2008, 23:16   #1
alex_ANDR
Участник
 
alex_ANDR's Avatar
 
Сообщений: 205
Простая анимация в photoshop

Простая анимация

Конечно программ для создания gif-анимации пруд-пруди, но если есть photoshop, то зачем захламлять себе винт кучей программ.
Тут опишу способ создания анимации в photoshop, на основе простого примера:
--> Итак, для начала подготавливаешь свои кадры для анимации в виде слоёв. В моём случае это 3 кадра с изображением цифр. На первом 1, на втором 2 на третьем 3 . Первый слой делаешь видемым, остальные нет.

Нажмите на изображении, чтобы увидеть его в полный размер.

Название файла:	ce31a513aee5.gif
Просмотров:	579
Размер:	10.1 КБ
ID:	3956

--> В меню Окно, ставишь галку на пункте Анимация, этим действием откроется окно анимации.

Нажмите на изображении, чтобы увидеть его в полный размер.

Название файла:	97c08c499508.gif
Просмотров:	550
Размер:	24.3 КБ
ID:	3957

--> Теперь необходимо дабавить в окне анимации новые кадры. Делается это по следующей схеме (все шаги указаны на скрине):
-- 1 -- нажимаешь на кнопку добавления нового када;
-- 2 -- удаляешь новый создавшийся слой (если такое произошло);
-- 3 -- делаешь видимым необхадимый слой. В моём примере - это слой 2; И делаешь невидимым предидущий кадр. В моюм примере - это слой 1.

Нажмите на изображении, чтобы увидеть его в полный размер.

Название файла:	57c284ee0a8b.gif
Просмотров:	548
Размер:	17.6 КБ
ID:	3958

Аналогично делается и с последубщими слоями-кадрами. Пока не добьёшся следующего результата:

--> Теперь выставляешь время, после которого будет менятся наш каждый кадр, или время задержки перед появлением следущего кадра, кому какой название нравится боьше ))). Для этого внизу каждого кадра будет выпадающее меню со значениеми. В моё примере это 0.5с.
Для проверки анимации можешь нажать пиктограммку "Плей" . Теперь сохраняешь эту анимацию. Файл --> Сохранить для Web.... Там ставим формат gif и настройки качества на свой вкус. Также проверить получившийся результат можно нажав аналогичную клавишу "плей" внизу понели настроек.
Всё-анимация готова. Оказалось всё гараздо проще чем казалось )


*** Всем спасибо за содействие ***
alex_ANDR офлайн   Ответить с цитированием
Старый 23.08.2008, 18:00   #2
allotus
Участник
 
allotus's Avatar
 
Сообщений: 18
Ответ на: Простая анимация в photoshop

Вот оно! Помню же, что, в CS3 было объединение Photoshop и Imagemaker. Пришлось, сперва пользоваться Fireworks от Adobe (CS3) но но там дикость - не удавалось нормально настроить время задержки кадров , да и при выходе, gif получалься объёмом 214 кб О_о.

Спасибо!
allotus офлайн   Ответить с цитированием
Старый 25.08.2008, 10:19   #3
Gismo
Участник
 
Gismo's Avatar
 
Сообщений: 282
Ответ на: Простая анимация в photoshop

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


mount -t pivo /dev/butyl/guiness /mnt/puzo -o auto,ro,noexec,iocharset=kompashki
Gismo офлайн   Ответить с цитированием
Старый 26.08.2008, 11:57   #4
alex_ANDR
Участник
 
alex_ANDR's Avatar
 
Сообщений: 205
Ответ на: Простая анимация в photoshop

Gismo
В каком направлении ты бы предложил его расширить ?


*** Всем спасибо за содействие ***
alex_ANDR офлайн   Ответить с цитированием
Старый 26.08.2008, 18:17   #5
Gismo
Участник
 
Gismo's Avatar
 
Сообщений: 282
Ответ на: Простая анимация в photoshop

Предложил рассказать не об анимации по слоям(читай по кадрам) а об анимации путем создания ключевых кадров и морфинга одного кадра в другой. Плюс фотошоп потдерживает изменение некоторых свойств слоя между кадрами. А то что ты показал элементарно и есть в хэлпе к Имэйдж Рэди с версии 5.0 и до 9.0 и в фотошоп CS3.

А вообще хочется видеть больше толковых уроков по фотошопу. Не спорю, базовые уроки тоже полезны, ты даже молодец, что сам начал их здесь постить, но тогда уж расскажи полнее. Хотя если этот урок один из цикла, то тогда я тока за тебя.


mount -t pivo /dev/butyl/guiness /mnt/puzo -o auto,ro,noexec,iocharset=kompashki
Gismo офлайн   Ответить с цитированием
Старый 16.05.2013, 19:07   #6
Klimat-A.com
Наблюдатель
 
Сообщений: 1
Ответ на: Простая анимация в photoshop

А в фотошопе есть функция, чтобы разобрать анимацию для последующего редактирования отдельных кадров?
Klimat-A.com офлайн   Ответить с цитированием
Старый 18.05.2013, 12:55   #7
Tushkan
Участник
 
Сообщений: 116
Ответ на: Простая анимация в photoshop

Klimat-A.com, проще каким ffmpeg-ом на кадры разобрать и работать с ними.
Tushkan офлайн   Ответить с цитированием
 
Ответить


Дополнительно
Режимы отображения

Правила создания сообщений
You may not post new threads
You may not post replies
You may not post attachments
You may not edit your posts

BB code is Вкл
[IMG] Вкл
HTML Выкл

Быстрый переход

Polygon.by. Учебно-практический центр компьютерной графики.

Онлайн журнал о магии компьютерной графики и цифрового искусства «Magic CG»
Пакет инструментов для обеспечения качества 3D-контента для игр
» Сентябрь 2018
В П В C Ч П С
262728293031 1
2 3 4 5 6 7 8
9 10 11 12 13 14 15
16 17 18 19 20 21 22
23 24 25 26 27 28 29
30 123456

Текущее время 11:00 (GMT +4)


Powered by vBadvanced CMPS v3.0 RC1
Powered by vBulletin® Version 3.8.8
Copyright ©2000 - 2018, Jelsoft Enterprises Ltd.
Хостинг и облачные решения — Active Technologies

Все права защищены © 2006 — 2014, CGtalk.by