В этой теме распалагаются все уроки, касающиеся анимаций
Уроки по анимациям
Сообщений 1 страница 20 из 24
Поделиться22008-10-20 09:04:05
Лотта написал(а):
1 Урок: Как раскраивается уже готовая анимация
1)Заходишь в Adobe ImageReady.
2)Загружаешь картинку.
3)Нажимаешь на "Перейти в Adobe Photoshop".
4)Все все слои раскрываются отдельно,перекрашивай)))
Поделиться32008-10-20 09:06:04
2 Урок: Как сохранять анимацию через фотошоп и в каком формате
Варанда написал(а):
ты сделала анимашку... в имадж реди в правом верхнем углу есть маленькое окошко, там есть вкладки: optimize и info, выбираешь первое.(оптимиз) там есть несколько выбора с помощью стрелки... варианты выбранных: Unnamed, JPEG, high, 60.выбираешь JPEG и меняешь на GIF после чего сохраняешь оптимизированное как
Лиля написал(а):
если у тебя просто картинка (не анимация) - идёшь файл----сохранить для веб, в колонке справа указываешь формат (джред), если анимация - тот же путь (гиф).
Поделиться42008-10-20 09:07:10
3 Урок: Как сделать анимированное превращение.
Часть Первая.
1. Открываешь фотошоп, а в нем выбранную картинку (А).
2. Создаешь новый лист (Б) с прозрачным фоном. Делаешь заливку (какая больше нравится).
3. Сохраняешь 2 раза (как 1.jpg и как 1.psd)
4. Берешь волшебную палочку и выделяешь только тело и волосы на картинке А. Копируешь на лист Б.
5. На листе Б получается новый слой с телом и волосами. Редактируешь (цвет кожи, волос, глаз.).
6. Получается обнаженное тело. Опять сохраняешь (как 2.jpg).
7. Создаешь новый слой (на листе Б). На нем рисуешь одежду, обувь, и т.д. Сохрняешь (как 3.jpg)
8. На картинке А выделяешь волшебной палочкой крылья и копируешь.
9. Вставляешь на лист Б (это будет 4 слой). Редактируешь (стираешь лишнее, изменяешь цвет).
10. Сохраняешь 2 раза (как 4.jpg и как 1.psd).
Часть Вторая
1. Открываешь Gif animator. Создаешь 4 фрагмента.
2. На кажый фрагмент выставляешь картинку, соответственно: 1 2 3 4.
3. Ставишь скорость на 1 2 3 равную 0,5. На 4 равную 1.
4. Делаешь переходы (какие больше нравятся): количество фрагментов (при каждом переходе между основными частями) лучше ставить 20, время 0,05
5. Сохраняешь 2 раза (как 1.gif и как 1.uga).
Поделиться52008-10-20 09:09:55
Хельга написал(а):
4 Урок: Как сделать простейшую анимацию
1.открываем картинку в фш.я взяла первую попавшуюся с раб стола, вот эту
2.открываем окно анимации, ели оно стандартно не открыто.(окно-анимация)
3.копируем слой (ctr+j)
4.в панели анимации дублируем первый кадр
теперь на 1м кадре у нас видимый только 1 слой (задний план), а на 2м – оба слоя
5 .с помощью move tool (инструмент перемещения) двигаем нашу картинку вправо(можно вниз, верх, влево –куда нам нужно).
Для удобства используем клавиши стрелки
6.теперь с помощью вот этой «кнопки» создаем промежуточные кадры
7.выставляем следующие значения
8.теперь ставим нужное нам время, я поставила по 0,2
смотрим - получился такой эффект, не совсем то, что нам нужно.
9.выделяем второй кадр.
Ставим непрозрачность 2го слоя 100%
Делаем тоже самое на других кадрах
10.нажимаем плэй
все так, как мы и хотели
11.сохраняем
файл—сохранить для вебнаш результат))
Поделиться62008-10-20 09:16:27
Милинда написал(а):
5 Урок: Перекраска анимаций
Этот урок, сделан лично мной, за свой не выдавать!.
Несколько предупреждений:
1)эта работа кропотливая и если вы не терпеливы, то лучше даже не браться....
2)этот урок предназначен для Adobe Photoshop CS2.
Начнем:
Возьмем анимацию например эту-1)откроем анимацию в ImageReady
должно получится несколько слоев и кадров в анимации:
2)переходим в Фотошоп, ничего не меняя:
3)делаем все по пунктам:
1-выбираем инструмент "Заливка".
2-выбираем "Основной слой".
3-выбираем режим "Нормальный".
4-Выбираем Любой цвет(В какой будете перекрашивать) в "Палитре".
4) переходим к покраске:
Выбираем 1 кадр и первый слой:
5) Начинаем закрашивать нужные фрагменты картинки "Заливкой"(см.п.3) выбирая каждый раз следующий кадр и слой.
6)Когда все слои и кадры перекрашены переходим обратно в ImageReady:
7)ну а теперь сохраняем нашу анимацию - Файл-->Сохранить оптимизированный как...
И все Готово!
Вот что у нас получилось:
Поделиться72008-11-24 14:00:10
- .Твой Happy End
- Откуда: Тобольск
- Зарегистрирован: 2008-11-16
- Приглашений: 0
- Сообщений: 294
- Уважение: +0
- Пол: Женский
- Возраст: 28 [1995-11-01]
- Провел на форуме:
3 дня 17 часов - Последний визит:
2010-02-19 09:54:28
Тера
Зделай урок "Как добовлять слова в анимацию",ок?
Поделиться82008-12-09 14:08:59
6 урок: Как добовлять слова в анимацию
1. Запускаешь Gif animator
2. Открываешь в нем анимацию (gif файл).
3. В панели инструментов выбираешь буковку Т и вставяешь нужный текст в первый кадр.
4. Выделяешь все остальные кадры и делаешь текст "видимым" (сбоку в окне показываются все объекты просто ставишь "глазок" рядом с "текстом")
5. Выставляешь время кадров и сохраняешь как gif.
Поделиться92008-12-09 19:56:52
- ..::ФффффффФ::..
- Откуда: взялась такая фффышка как я?
- Зарегистрирован: 2008-10-28
- Приглашений: 0
- Сообщений: 1360
- Уважение: +0
- Пол: Женский
- Возраст: 29 [1995-02-10]
- Провел на форуме:
4 дня 19 часов - Последний визит:
2009-01-05 22:15:54
Тера
Спасибо, можешь выложить урок как делать мигающую надпись, там на одном слое есть надпись, а на другом нет.
Поделиться102008-12-10 08:12:36
Просто ставишь "глазок" через кадр и все.
Поделиться112008-12-10 14:40:42
- ..::ФффффффФ::..
- Откуда: взялась такая фффышка как я?
- Зарегистрирован: 2008-10-28
- Приглашений: 0
- Сообщений: 1360
- Уважение: +0
- Пол: Женский
- Возраст: 29 [1995-02-10]
- Провел на форуме:
4 дня 19 часов - Последний визит:
2009-01-05 22:15:54
Тера
Спасибо!))))
Поделиться122009-01-10 18:52:03
- Кейт ПрыНцЕффКо
- Зарегистрирован: 2009-01-09
- Приглашений: 0
- Сообщений: 8
- Уважение: +0
- Пол: Женский
- Возраст: 29 [1995-02-13]
- Провел на форуме:
2 часа 36 минут - Последний визит:
2009-02-26 16:17:14
5 Урок: Перекраска анимаций
Супер просто клас!!!
Поделиться132009-01-10 19:33:14
- Откачивалка флуда)))
- Откуда: родина Газмяса
- Зарегистрирован: 2008-06-05
- Приглашений: 0
- Сообщений: 783
- Уважение: +0
- Пол: Женский
- Возраст: 27 [1996-09-20]
- Провел на форуме:
4 дня 9 часов - Последний визит:
2009-06-04 11:13:11
а все равно не поняла(((((((((((((
Поделиться142009-02-11 04:49:14
- Участник
- Зарегистрирован: 2009-02-07
- Приглашений: 0
- Сообщений: 282
- Уважение: +0
- Возраст: 25 [1998-10-09]
- Провел на форуме:
3 дня 22 часа - Последний визит:
2010-06-04 18:04:11
Помогите пожалуйста, как перекрасить анимацию, если у тебя 3 фотошоп!
Поделиться152009-02-13 16:59:06
Фаула
3 фотошоп? А какая версия?(когда включаешь его, у тебя синяя табличка выскакивает(должна выскочить) там внизу написана версия...если 10 то облом! Как и мне, чтобы перекрасить ты должна на кадры разделить...а разделяет эмейдж реди, если 10 версия, то его в ФШ нет...
Поделиться162009-02-23 22:26:13
- Devil May Cry
- Зарегистрирован: 2008-08-13
- Приглашений: 0
- Сообщений: 670
- Уважение: +0
- Пол: Женский
- Провел на форуме:
1 день 21 час - Последний визит:
2009-03-25 14:48:36
спасибо большое
Поделиться172009-02-24 00:08:48
- фея зверей
- Откуда: Сириус Х)
- Зарегистрирован: 2008-01-11
- Приглашений: 0
- Сообщений: 667
- Уважение: +0
- Пол: Женский
- Возраст: 26 [1998-03-26]
- Провел на форуме:
3 дня 21 час - Последний визит:
2009-06-16 16:29:50
Простите,но как делать анимации людям у которых ФШ 3 и нет Adobe ImageReady
Поделиться182009-02-24 15:11:38
- Где моя лопата??
- Откуда: Седьмое небо
- Зарегистрирован: 2008-06-16
- Приглашений: 0
- Сообщений: 2370
- Уважение: +3
- Пол: Женский
- Возраст: 28 [1995-11-19]
- Провел на форуме:
10 дней 20 часов - Последний визит:
2010-03-23 15:09:37
Харука
Попробуй программу "Флэш"
Поделиться192009-02-24 16:27:16
- Новичок
- Зарегистрирован: 2009-02-23
- Приглашений: 0
- Сообщений: 9
- Уважение: +0
- Провел на форуме:
1 час 57 минут - Последний визит:
2009-03-11 21:10:01
у меня всё есть только на английском поэтому прошу делатьт скрины как в уроке 5
Поделиться202009-03-30 17:16:45
- Пыщ пыщ :D
- Зарегистрирован: 2009-02-17
- Приглашений: 0
- Сообщений: 2739
- Уважение: +34
- Пол: Женский
- Возраст: 27 [1996-05-11]
- Провел на форуме:
25 дней 4 часа - Последний визит:
2011-10-25 11:15:05
а CS3 сильно отличаецца?