Здравствуйте, гость ( Вход | Регистрация )

Свернуть

Новости

Форум Лучшее из галереи Уроки и статьи
07.12.2015 Выставочный зал: кошарик - персональная выставка
31.08.2015 Интересные ссылки для рисовальщиков
21.01.2015 Выставочный зал 2: Игрушки Олеси Гавриленко

27.12.2014 Выставочный зал: кошарик - персональная выставка
17.11.2014 Дуэль "Рыбки" - победитель Лисичка
05.11.2014 Конкурс иллюстраций "Снежная королева", до 31 января
30.10.2014 Дуэль "Рыбки" до 16 ноября
14.07.2014 Мастер-класс Мини-мишка в технике фелтинга
26.05.2013 Ау! Мы ищем таланты! – приглашаем модераторов!
Волнорезы
tn_gallery_4756_470_893820.jpg

© Stefana
06.01.2016 Виртуальный Музей: Русский живописец Василий Дмитриевич Поленов
28.12.2015 Виртуальный Музей: Нидерландский живописец Квентин Массейс
16.12.2015 Виртуальный Музей: Итальянский живописец Франче́ско Айец
17.11.2015 Виртуальный Музей: Луи Анкетен (Louis Anquetin)
11.11.2015 Виртуальный Музей: Русский живописец Алексей Иванович Корзухин
Файловый архив
06.09.2013 Прочее: Файлы к уроку "Чайная церемония"
05.09.2013 Журнал Art Tower: ArtTower Magazine #8
16.05.2013 Adobe Photoshop: Кисти: Reid Southen brush
16.05.2013 Adobe Photoshop: Кисти: Goro Fujita brush
16.05.2013 Adobe Photoshop: Кисти: Кисти для рисования в Photoshop
Блоги Новости в цифровом мире и мире дизайна
02.12.2014 Дама с каменьями: Вести с крыши 2
08.11.2014 Timenews: Вассерман: прежняя модель мировой экономики исчерпала себя
06.11.2014 Дама с каменьями: Приятные вести с крыши))) от Гаргула)
02.11.2014 Spell: Книги Дж. Кэмерон
22.10.2014 Vjaz: от ФУ до МА
25.11.2015 Комментарий от Foxx в Costa Rica Adventure Divers, Логотип для компании и рисунок на майку (maria_mer)
18.11.2015 Комментарий от maria_mer в Spellforce - майка, для фанов игры (maria_mer)
18.11.2015 Комментарий от maria_mer в Белая книга. Целитель - любительский прект (maria_mer)
09.04.2015 Комментарий от Romana в Книги Дж. Кэмерон (Spell)
08.04.2015 Комментарий от Romana в Я решил вернуться... (Элбирет)
16.03.2015 ФОТОФОРУМ-2015
01.01.2015 ARQUTE.com и ArtTalk.ru закрываются
19.01.2017 Конкурс дизайна логотипов
26.12.2016 ру/Ководство: О творческом развитии
14.10.2016 ру/Ководство: Разнообразие

2 страниц V   1 2 >  
Добавить ответ в эту темуОткрыть тему
> «Создание анимации в PS/ImageReady»
V
Mamontenok
сообщение 25.09.2006 - 15:29
Сообщение #1


рано или поздно, так или иначе...
*****

1 место3 местоМеткий стрелокМеткий стрелокПобедитель турнираМеткий стрелок2 место3 место3 место1 место
Меткий стрелокМеткий стрелок
Группа: Старшие советники
Сообщений: 2839
Регистрация: 16.05.2006
Из: Санкт-Петербург
Пользователь №: 60
фотоГрафа
Галерея Блог


Симпатии:  125  


Создание анимации в PS/ImageReady



Это урок, который я намеревалась разместить очень, очень давно. Я получала много просьб об этом, и вот он, наконец, готов!
Я использовала PS CS (8) для написания урока. Если у вас другая версия, ваши скриншоты могут немного отличаться от моих, но инструкции будут верны.

Графическая анимация это как короткое кино. Мы обычно делаем их либо в Flash (swf) или как анимированный GIF. Здесь мы поработаем в Photoshop и ImageReady, для создания анимированного GIF.
Как и кино, анимация состоит из кадров, и вы делаете эти кадры, как слои в Photoshop. Конечно, можно анимировать что угодно, но я собираюсь делать фильм из этого смайла, придуманного в моей немного шальной голове.



Начнем!
1. Начнем с создания основного изображения на отдельном от фона слое.
Так как мы собираемся делать все кадры из этого изображения, сделайте несколько копий слоя. (Я закончила, в конце концов, с 10 кадрами, все были созданы из первого слоя)



3. Создаем разные кадры… как слои.
Выключите видимость всех слоев кроме нижнего. Затем начинайте работать на нижнем слое и работайте вверх, делая каждый следующий кадр на собственном слое.

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



5. Теперь мы собираемся прыгнуть в ImageReady.
На старт… внимание…прыгаем!
Нажмите кнопку Jump to ImageReady внизу панели инструментов.
Это откроет ImageReady!



6. Оглянитесь.
Если это ваш первый взгляд на ImageReady, успокойтесь немного. Он не похож в точности на Photoshop. Некоторые вещи пропущены, есть НОВЫЕ, и некоторые функции работают не так как в PS. Но все будет хорошо wink.gif
Нам понадобятся палитра слоев (справа) и палитра анимации. Если у вас нет какой-либо, выберите Window > ... и нажмите ту, что пропущена. Так же как и в Photoshop!



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

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

9. a. Делаем все остальные кадры.
Существует, по крайней мере, два пути сделать это. Если все ваши слои правильно расположены, как я делала выше, каждый слой на один кадр, можно использовать маленький треугольник всплывающего окна на панели анимаций и выбрать Make Frames from Layers (Сделать кадры из слоев).



Сделано! Направляйтесь к шагу 12.
Если у вас есть элементы на разных слоях, вам, возможно, захочется использовать метод «идти напролом». Я выполняю его в пунктах 9-11.
9. b. Создаем второй кадр.
Теперь нажмите на иконку New Frame внизу палитры анимаций (красная стрелка на картинке). Это приведет к созданию нового кадра.



10. Показываем слой для второго кадра.
Придайте кадру тот вид, который нужен, включив видимость следующего слоя. Для моего пример это слой, который я назвала tongue1.



11. Делам остальные кадры.
Теперь работаем в следующем ритме – новый кадр…показать слой…новый кадр…показать слой…до тех пор, пока все слой не станут видимыми и каждый окажется на своем кадре в палитре анимаций.



Примечание: делаем размер файла меньше.
Заметьте, что в панели анимаций ниже, кадр 1 и 11 одинаковы. Было бы ничего страшного, если бы я хотела проиграть их единожды, но если это прокручивается по кругу, то глупо иметь их в таком варианте…и это делает файл излишне большим. Каждый кадр добавляет веса файлу!
Лучше оставить только первый кадр, сделав паузу на нем немного дольше. Я установлю это за один миг. wink.gif

12. Время установить время!
• Если ваша анимация будет повторяющейся, нажмите падающую стрелку, где написано Once и смените на Forever.
Также можно установить определенное количество прокруток, нажав кнопку Other.
• Если вы хотите проигрывать фильм медленно или делать паузу на определенном кадре, вы можете установить время для каждого кадра в отдельности через выпадающее окно. По умолчанию это время 0 секунд.
Теперь опробуйте и настройте как необходимо. Вы будете делать все изменения на панели анимаций, но видеть результат в окне изображения.



13. Пробуем и настраиваем
Нажмите кнопку Play. Это треугольник, указывающий вправо. После нажатия смотрите на окно изображения и может быть даже закройте палитру анимаций, если она вас отвлекает.
Эта картинка создана с настройками в палитре анимаций как на изображении ниже.
(Помните тот посторонний кадр 11, который я сделала и решила, что он не нужен? Нажмите его и перетащите на иконку корзины внизу палитры анимаций.)



14. Меняем размер изображения.
Размер изображения меняется в Edit > Image Size, если только вы не сделали нужный размер уже в Photoshop. Если вы изменяете размер в ImageReady, сделайте это до того, как вы сохраните файл.

15. Оптимизация анимации.
В окне изображения у вас есть 4 ярлыка, это очень похоже на диалоговое окно Save for Web в Photoshop. Выберите Optimized, чтобы посмотреть, как будет выглядеть оптимизированное изображение.
Расширьте немного окно, и вы сможете нажать на выпадающее окно, чтобы увидеть размер файла при данных установках.



16. Изменение установок оптимизации.
Если вам нужны другие установки оптимизации, их можно изменить в палитре оптимизации. (Window > Optimize если вы не видите ее)



17. Сохраняем анимацию.
На мой взгляд, здесь не так хорошо как в File > Save for Web, потому что нет всех окон с панелями управления размером и оптимизацией. Но, по крайней мере, сохранение анимации это очень короткий процесс.
File > Save Optimized as... и назовите свой файл!

18. Проверяем анимацию!
Можно сделать предварительный просмотр в ImageReady, как вы делали недавно, но также можно посмотреть файл в вашем браузере. В Internet Explorer выберите File > Open ... смените тип файла на All files, и найдите свой фильм. Нажмите открыть и вы увидите свою анимацию!



Надеюсь, вам понравился урок!

-----------------------------------------------------------------------------------------------------------------------------------------------------------
Урок размещен с разрешения его автора ©2001-2006 Janee Aronoff и переведен Mamontenok с оригинала , доступного здесь.
Запрещается копирование и публикация урока на других сайтах без письменного согласия автора и размещения ссылок.


The original tutorial is written by ©2001-2006 Janee Aronoff and translated by Mamontenok .
No part of this tutorial can be copied/pasted on any other website without the author's express written permission.


--------------------
Модератор
Вернуться в начало страницы
 
+Ответить с цитированием данного сообщения
Icequeen_
сообщение 6.10.2006 - 22:51
Сообщение #2






Группа: Туристы
Сообщений: 1
Регистрация: 6.10.2006
Пользователь №: 1046



Симпатии:  0  


Спасибо за урок,очень пригодился.
Вот результат
Вернуться в начало страницы
 
+Ответить с цитированием данного сообщения
Svetilkin
сообщение 7.10.2006 - 03:31
Сообщение #3


"...я не волшебник......"
*******

Меткий стрелокЗа вклад в развитие ArtTower.ru
Группа: Почетные граждане
Сообщений: 5975
Регистрация: 8.05.2006
Из: Россия
Пользователь №: 3
:)
Блог


Симпатии:  238  


Icequeen_, почитайте пожалуйста внимательно Павила Форума и в дальнейшем выкладывайте изображения размером в 650 пикселей по одной стороне.

По работе : не плохо было бы шарику добавить объема. Сейчас он смотрится плосоким.


--------------------
— Arttower.ru в соц.сетях!
Вернуться в начало страницы
 
+Ответить с цитированием данного сообщения
staran262
сообщение 3.04.2007 - 19:52
Сообщение #4






Группа: Туристы
Сообщений: 2
Регистрация: 3.04.2007
Из: Краснодар
Пользователь №: 3262
Галерея


Симпатии:  0  


Ну наконец то нашел то что искал
СПАСИБО!!! clap.gif
Вернуться в начало страницы
 
+Ответить с цитированием данного сообщения
Tigrisa
сообщение 12.05.2007 - 16:59
Сообщение #5


Проживающий
***

1 место3 местоКаляки-Маляки, 3 место1 место3 место1 место
Группа: Жители
Сообщений: 339
Регистрация: 10.05.2007
Из: Москва
Пользователь №: 3713
Галерея


Симпатии:  26  


Спасибо за урок! Давно хотелось научиться "оживлять" рисунок! И вот помогла вербочке распуститься.
Вернуться в начало страницы
 
+Ответить с цитированием данного сообщения
Tigrisa
сообщение 12.05.2007 - 22:21
Сообщение #6


Проживающий
***

1 место3 местоКаляки-Маляки, 3 место1 место3 место1 место
Группа: Жители
Сообщений: 339
Регистрация: 10.05.2007
Из: Москва
Пользователь №: 3713
Галерея


Симпатии:  26  


вербочка
Прикрепленные изображения
Прикрепленное изображение
 
Вернуться в начало страницы
 
+Ответить с цитированием данного сообщения
Rescan
сообщение 12.05.2007 - 22:40
Сообщение #7


постоялец, живу напротив библиотеки
*******

2 место3 место3 место2 местоМеткий стрелокКаляки-Маляки, 1 местоЗвезда писателя III степени3 место2 место1 место
За вклад в развитие ArtTower.ru
Группа: Почетные граждане
Сообщений: 9283
Регистрация: 8.05.2006
Из: Москва
Пользователь №: 14
Галерея Блог


Симпатии:  312  


Tigrisa Привет! Классная вербочка! Создавай свою галерею!


--------------------
Ищу ум! Можно небольшой,но срочно. Дочь Страшилы. P.S. Опилки не предлагать. Своих некуда девать.

Записки кота Мура ЖЖ
Вернуться в начало страницы
 
+Ответить с цитированием данного сообщения
Kosha
сообщение 2.06.2007 - 00:24
Сообщение #8


бродилка
*****

1 местоКаляки-Маляки, 2 место1 место
Группа: Жители
Сообщений: 1213
Регистрация: 15.03.2007
Из: Зеленоград-у-Москвы
Пользователь №: 3110
Галерея Блог


Симпатии:  53  


Mamontenok , спасибо за урок. Вот что получилось
Прикрепленные изображения
Прикрепленное изображение
 


--------------------
"У обрыва сижу на краю.И что вижу, о том и пою."
Вернуться в начало страницы
 
+Ответить с цитированием данного сообщения
Tigrisa
сообщение 2.06.2007 - 22:19
Сообщение #9


Проживающий
***

1 место3 местоКаляки-Маляки, 3 место1 место3 место1 место
Группа: Жители
Сообщений: 339
Регистрация: 10.05.2007
Из: Москва
Пользователь №: 3713
Галерея


Симпатии:  26  


Я в интернете нашла замечательную черную кошку,решила-нечего ей просто так сидеть,пусть рисунок оживает! yes.gif
Прикрепленные изображения
Прикрепленное изображение
 
Вернуться в начало страницы
 
+Ответить с цитированием данного сообщения
Olka
сообщение 2.06.2007 - 22:49
Сообщение #10


пробегающая
*****

За вклад в развитие ArtTower.ru2 место3 местоЗа вклад в развитие ArtTower.ru3 место
Группа: Почетные граждане
Сообщений: 1935
Регистрация: 28.10.2006
Из: Одесса
Пользователь №: 1330
просто кошка
Галерея Блог


Симпатии:  168  


Tigrisa Кошка действительно замечательная, вот только может не стоило окошки еще заставлять мигать? ax.gif Отвлекают внимание от красавицы. smile.gif


--------------------
То, что нас не убивает, делает нас сильнее. Увлеклась рукоделием, бываю не часто.
Вернуться в начало страницы
 
+Ответить с цитированием данного сообщения
Tigrisa
сообщение 3.06.2007 - 00:14
Сообщение #11


Проживающий
***

1 место3 местоКаляки-Маляки, 3 место1 место3 место1 место
Группа: Жители
Сообщений: 339
Регистрация: 10.05.2007
Из: Москва
Пользователь №: 3713
Галерея


Симпатии:  26  


А я что-то про окошки не подумала! Ну может быть и переборщила. Идея такая - люди в домах живут своей жизнью, а кошка сидит себе и не кто ей не указ("гуляет сама по себе")!
Вернуться в начало страницы
 
+Ответить с цитированием данного сообщения
Littleangel
сообщение 3.06.2007 - 08:28
Сообщение #12


ФотоГрафиня
****

1 место3 место1 место2 место2 местоМеткий стрелок1 место2 место2 местоМеткий стрелок
Меткий стрелокМеткий стрелок1 место1 место
Группа: Почетные граждане
Сообщений: 1050
Регистрация: 19.09.2006
Из: USA
Пользователь №: 839
Галерея Блог


Симпатии:  90  


Tigrisa При анимации ломается левое (от нас) ухо, не везде аккуратно подтерла - видны следы...Хоть я в анимации не понимаю ничего, но кошка симпатичная; можно еще звездочек среди тучек добавить.


--------------------
С Вами всегда рядом Ангел, даже если это не я...
Мой фотоблог Виртуальный музей Arttower
Вернуться в начало страницы
 
+Ответить с цитированием данного сообщения
Tigrisa
сообщение 3.06.2007 - 18:49
Сообщение #13


Проживающий
***

1 место3 местоКаляки-Маляки, 3 место1 место3 место1 место
Группа: Жители
Сообщений: 339
Регистрация: 10.05.2007
Из: Москва
Пользователь №: 3713
Галерея


Симпатии:  26  


Цитата(Littleangel @ 3.06.2007 - 09:26) *
Tigrisa При анимации ломается левое (от нас) ухо, не везде аккуратно подтерла - видны следы...Хоть я в анимации не понимаю ничего, но кошка симпатичная; можно еще звездочек среди тучек добавить.

Спасибо за замечания,учту! Просто еще руку не набила - это была моя первая работа по этому уроку.
Вернуться в начало страницы
 
+Ответить с цитированием данного сообщения
Kosha
сообщение 3.06.2007 - 20:48
Сообщение #14


бродилка
*****

1 местоКаляки-Маляки, 2 место1 место
Группа: Жители
Сообщений: 1213
Регистрация: 15.03.2007
Из: Зеленоград-у-Москвы
Пользователь №: 3110
Галерея Блог


Симпатии:  53  


Похоже здесь начало собираться общество кошколюбов ))))



--------------------
"У обрыва сижу на краю.И что вижу, о том и пою."
Вернуться в начало страницы
 
+Ответить с цитированием данного сообщения
Rescan
сообщение 5.06.2007 - 01:21
Сообщение #15


постоялец, живу напротив библиотеки
*******

2 место3 место3 место2 местоМеткий стрелокКаляки-Маляки, 1 местоЗвезда писателя III степени3 место2 место1 место
За вклад в развитие ArtTower.ru
Группа: Почетные граждане
Сообщений: 9283
Регистрация: 8.05.2006
Из: Москва
Пользователь №: 14
Галерея Блог


Симпатии:  312  


Кошка замечательно мигает, и окошки тоже. Меня больше отвлекает ухо, очень оно резко дергается. Может, ухо в покое оставить. smile.gif

Цитата
похоже здесь начало собираться общество кошколюбов ))))


Так может мирную группировку создать клуб кошколюбов? Особенно они со сметаной вкусны, ням! biggrin.gif



--------------------
Ищу ум! Можно небольшой,но срочно. Дочь Страшилы. P.S. Опилки не предлагать. Своих некуда девать.

Записки кота Мура ЖЖ
Вернуться в начало страницы
 
+Ответить с цитированием данного сообщения

2 страниц V   1 2 >
Быстрый ответДобавить ответ в эту темуОткрыть тему
1 чел. читают эту тему (гостей: 1, скрытых пользователей: 0)
Пользователей: 0

 



- Текстовая версия форума Сейчас: 17.10.2017 - 20:06