-Цитатник

Рамки - валентинки - (0)

Рамки - валентинки А до Дня Святого Валентина осталось всего-то 18 дней ) Пора уже думать о небол...

Перекидные календари на 2011 год - (3)

Перекидные календари на 2011 год Делюсь с Вами еще двумя перекидными календарями на 2011 год. &n...

Текстуры для коллажей - (7)

Текстуры для коллажей Abstract Bokeh Textures  Размер 3200х2400, формат jpeg. Кликабельны д...

5 наборов фонов - (1)

5 наборов фонов Набор фонов "Cool Breeze"  14 JPЕG | 3600 x 3600 px | 300 dpi...

Коллекция осенних рамочек - (4)

Коллекция осенних рамочек С помощью этих рамочек можно красиво оформить Ваши осенние фотографии ...

 -Сообщества

Участник сообществ (Всего в списке: 1) Photoshopia
Читатель сообществ (Всего в списке: 1) Я-МОДЕРАТОР

 -Статистика

Статистика LiveInternet.ru: показано количество хитов и посетителей
Создан: 12.11.2005
Записей:
Комментариев:
Написано: 17080


Анимация/аватары

Пятница, 15 Февраля 2008 г. 12:47 + в цитатник
Элэя все записи автора

Для начала... Я работаю в двух программах: Adobe Image Ready (она должна быть у вас, как бесплатное приложение к фотошопу) и GIF Movie Gear. Я начну с объяснения, как сделать анимацию в GIF Movie Gear, затем в Adobe Image Ready.

И так. За основу у меня есть вот такая картинка:


Как же нам её задвигать? Для начала надо сделать заготовку. Эта заготовка пойдёт и в GIF Movie Gear и в Adobe Image Ready. Для этого открываем в фотошопе нашу картинку и при помощи иннструмента Прямоугольник (Rectangular Marquee Tool (M) определяем первый рисунок. Особое внимание: убедитесь, что размер выделяемой зоны так же подходит к остальным двум рисункам по длине и высоте.


При английской раскладке клавиатуры, жмём  Ctrl+C (копировать), затем  Ctrl+N (создать новый документ) и уже в новом документе Ctrl+V (вставить).  По такому же принципу вставляем другие два рисунка.


Предполагая цикличность аватара копирую слой 2, поскольку он является связующим звеном от  слоя 1 к слою 3. Делаю я для того, чтобы была так же связь от слоя 3 к слою 1.  Установить копию слоя 2 (соответственно) по верх всех слоёв.

 



Всё. Заготовка готова. Можете её сохранить в фотошоповском формате (он устанавливается по умолчанию *PSD, *PDD) - для работы с данным файлом в Adobe Image Ready. Но а сейчас будим сохранять по кадровые картинки для GIF Movie Gear.  Убирайте *глаз* со всех слоёв, кроме первого и основного.


Сохраняйте эту картинку под удобным именем (обязательно с номером, чтоб не потеряли или перепутать) и в формате GIF. На все предложения программы жмите ОК.

 


Теперь включите *глаз* на слое 2


И сохраняйте как кадр №2. Так же делаем с остальными слоями, создав ещё два GIF кадра.


Теперь открываем программу GIF Movie Gear и жмём Open File (открыть файл).


Открываем наши 4-ре кадра.


Жмём ОК и автоматом появляется окно анимации. Выставите чистоту временного отрезка.

 

Сохраняйте файл


Должно получиться так:


Теперь показываю, как делать тот же эффект в Adobe Image Ready. Открываем в фотошопе нашу заготовку и удаляем основной слой/задний план.


Теперь жмите на панели инструментом самую нижнюю кнопку Jump to Image Ready или Ctrl+Shift+M. Ваш файл автоматически переводится в Image Ready.


На панели Animation выберите функцию Make Frames From Layers.


Появятся кадры нашей гифки.


Установите время (я взяла 0,1 сек.) и цикличность картинки (Forever)

Можете нажать плей и посмотреть. Понравилось? Значит сохраняемся. Сохранение ОБЯЗАТЕЛЬНО выбираем  Save Optimized As...


Даём название, проверяем фармат, жмём ОК.


И вот результат:

Вопросы в коменты.
Мои уроки выложены
тут.

Рубрики:  Уроки
Анимация


Процитировано 14 раз

Lekter   обратиться по имени Пятница, 15 Февраля 2008 г. 12:51 (ссылка)
девушка, все чудесно, но уберите плиз под кат, у меня не то что френд лента. комп завис!
Ответить С цитатой В цитатник
Элэя   обратиться по имени Пятница, 15 Февраля 2008 г. 12:58 (ссылка)
Девушка... всё под катом... Обновляться надо.
Ответить С цитатой В цитатник
Student   обратиться по имени Суббота, 16 Февраля 2008 г. 18:18 (ссылка)
Сори, за офтоп, но что такое "под кат"?
А то у мя тож браузер подвисать начал почему-то, а причину не пойму...
Ответить С цитатой В цитатник
Аноним   обратиться по имени Вторник, 19 Февраля 2008 г. 11:14 (ссылка)
Половина картинок не грузится.
Ответить С цитатой В цитатник
-Hil-   обратиться по имени Четверг, 21 Февраля 2008 г. 17:05 (ссылка)
GIF Movie Gear что это за программа?
Ответить С цитатой В цитатник
mrs_Pie   обратиться по имени Пятница, 22 Февраля 2008 г. 22:11 (ссылка)
ох..мерси мерси..наконецчто получилось, что хотела. огромное спасибо. прекрасно объясненно всё!!!
Ответить С цитатой В цитатник
Элэя   обратиться по имени Воскресенье, 24 Февраля 2008 г. 03:29 (ссылка)
Student, под кат имеется ввиду тег [ more = текст ] Соответственно без пробклов.
Ответить С цитатой В цитатник
Элэя   обратиться по имени Воскресенье, 24 Февраля 2008 г. 03:29 (ссылка)
Ssele-yana, всё должно грузится... Другие же видят...
Ответить С цитатой В цитатник
Элэя   обратиться по имени Воскресенье, 24 Февраля 2008 г. 03:30 (ссылка)
GoddEsSs, программа для GIF анимации
Ответить С цитатой В цитатник
Элэя   обратиться по имени Воскресенье, 24 Февраля 2008 г. 03:31 (ссылка)
VaRenikO, всегда пожалуйста...
Ответить С цитатой В цитатник
sa1961   обратиться по имени Вторник, 25 Марта 2008 г. 18:36 (ссылка)
Интересно.
Ответить С цитатой В цитатник
Аноним   обратиться по имени Вторник, 08 Апреля 2008 г. 01:55 (ссылка)
Здравствуйте, спасибо, все получилось. А как теперь к этой анимации прикрепить ссылку, чтобы она работала баннером?
Ответить С цитатой В цитатник
Элэя   обратиться по имени Понедельник, 05 Мая 2008 г. 01:37 (ссылка)
sa1961, пожалуйста...
Ответить С цитатой В цитатник
Элэя   обратиться по имени Понедельник, 05 Мая 2008 г. 01:40 (ссылка)
Tanya_Ivanova, крута... Тебе как... Обьяснить...
1. Закачиваешь картинку
2.Берём теги НТМЛ. Указываем высоту, размер и т.д., прописываем название картинки и вставляем в страничку...
А можно закачать на какой либо сервер ... типа http://www.ljplus.ru/ и при закачке картинки появятся все необходимые теги.
Ответить С цитатой В цитатник
The_Loveless   обратиться по имени Суббота, 13 Сентября 2008 г. 14:59 (ссылка)
Спасибки! Как делать в ФШ до меня не дошло, ибо у меня CS3, а там IR открывать не нада и я запуталась... Зато загрузила GIF Movie Gear и все получилось! ПАСЯ ОГРОМНОЕ! Я наконец-то могу делать анимку!)))
Ответить С цитатой В цитатник
somewisestar   обратиться по имени Четверг, 29 Октября 2009 г. 17:53 (ссылка)
ха прикольно замутили !
http://www.nakolsela.ru/sitemap.xml
Ответить С цитатой В цитатник
ka82   обратиться по имени Понедельник, 18 Января 2010 г. 12:57 (ссылка)
вот что у меня получилось!
00000 (243x325, 140Kb)
Ответить С цитатой В цитатник
deceuac   обратиться по имени Четверг, 23 Сентября 2010 г. 13:34 (ссылка)
сайт знакомства симферополь
смоленск знакомства
знакомства нижний новгорд до 16
госпожа страпон знакомства доска
знакомства для секса в г. иркутск
знакомства мужчины германии доска
геи знакомства по icq
греция.салоники.знакомства
вопросы дла знакомства
знакомства в дании
ночь в контакте сайт знакомств
знакомства тинейджеры
сайт знакомств 100gsm
знакомства украина транс
знакомства в городе железноводск
знакомства для секса в городе серове
познакомится по чату и переписка лавпланет
интим знакомства павлодар
бесплатные знакомства челны и казань
знакомства селенгинск
путеводитель по виртуальным знакомствам
вещание майл знакомства
знакомства с девушками иностранками. секс
гей знакомства для вич инфицированных
знакомства собнажонными фото в жуковке
знакомства для девушек с парнями 13-14 лет
знакомства в городе караганда
сайт бесплатных интернет знакомств
гей знакомства узбекистан
знакомства в челнах лав челны
александр армения ереван знакомства
хочу познакомиться с девушкой в городе омске
интимные знакомства женщин в саратове
чат знакомства с испанцами
курск сайты знакомств
знакомства валера 29-30
знакомства в мирном
секс знакомства без регистрации и бесплатно
общение слабослышащий знакомство
знакомства в артёмовске украина
знакомства усть каменогорск новость
бесплатное заполнение анкет знакомства
самоучитель знакомства с девушкай
знакомства в екатеринбурге контакт
служба знакомств зарубежная
рязань знакомство
знакомства москва лида
габен знакомства
курсант познакомится с курсантом
реальные знакомства в харькове для секса
Ответить С цитатой В цитатник
Комментировать К дневнику Страницы: [1] [Новые]
 

Добавить комментарий:
Текст комментария: смайлики

Проверка орфографии: (найти ошибки)

Прикрепить картинку:

 Переводить URL в ссылку
 Подписаться на комментарии
 Подписать картинку