1 Уроки ImageReady Уроки Фотошопы Пт Окт 01, 2010 6:36 am
Admin
Admin
[Вы должны быть зарегистрированы и подключены, чтобы видеть это изображение]
Я сделала грандыозную вещщ!Точнее написала...
И вновь- уроки Фотошопа и Image Ready!
На этот раз- анимированные аватары с текстом =) как в той теме с грустью
Многое "иллюстрировано".Все картинки общим весом составляют 404 кб.
1)Допустим,вот эту картинку...
[Вы должны быть зарегистрированы и подключены, чтобы видеть это изображение]
2)Кадрируем(Crop Tool) и уменьшаем изображение в размере (Image - image size)
[Вы должны быть зарегистрированы и подключены, чтобы видеть это изображение]
3)Тоненькую рамочку можно также...
4)Если предпологается,что рисунок будет мигать\дёргаться и т.п. вместе с текстом,то надо этот фон дублировать (посредством правого клика на Фон и выбора "Дублировать слой" или "Duplicate layer") и что-нить сотворите с этим слоем по своему усмотрению.Осветлить там,резкость добавить,или с фильтрами тоже что-нибудь поделать...
Мой вариант второго слоя
[Вы должны быть зарегистрированы и подключены, чтобы видеть это изображение]
5)Пишем текст!=)что угодно и как угодно.Предлагаю сразу - до того как выбрать инструмент текста,выбрать размер 16-18 чтобы его не искать потом...Какой понравится шрифт и цвет выбирайте.Их много.
[Вы должны быть зарегистрированы и подключены, чтобы видеть это изображение]
НО. Обычно у многих русский текст воспринемается только стандартными шрифтами (Arial,Comic,Tahoma,System и т.п.) в то время как английский-почти всеми.Я пока ничего с этим не делала,но говорят в интернете есть кое-какие исправлени этого недостатка...
6)Написав текст,лучше всего использовать для него Стиль (Style) в соответствующем окошке или 2 раза кликнуть не слой с текстом (не на название) и выбрать понравившийся эффект (допустим мой любимый-Stroke -последний самый,выбрать его ширину - 1 и нужный цвет)
7)Будущая анимация текста.
Фух..Придётся рассмотреть несколько вариантов =)
И никто вам не запрещает их комбинировать-так интереснее получится.ВСЁ возможное писать не буду-проявите фантазию...Да и просто лень уже столько печатать =)
Пока пишу СОЗДАНИЕ,анимация будет после всех этих вариантов в пункте 8
а)Мигание.Дублируйте слой с текстом.На одном из них,всё в тех же настройках стиля - изменить немного цвет заливки или штриха.Или если вы Не использовали стиль-в окошке(откройте,раз его нет) Символ\параграф (Character\paragraph) просто измените Цвет(Color)
(В итоге в общем может получится так)
[Вы должны быть зарегистрированы и подключены, чтобы видеть это изображение]
б)Дрожжь
Лучше с этим химичить в Имидже...Дублируйте слой с текстом,затем с помощью Произвольной трансформации (Edit - Free Transform) или просто Инструмента Перемещения (Move Tool) немного сдвиньте в сторону или расширьте\сузьте текст.
(Возможный итог)
[Вы должны быть зарегистрированы и подключены, чтобы видеть это изображение]
в)Появлние
в каждом кадре анимации в последствии изменять прозрачность текста (1 кадр-0%,2-й кадр-40%,3-й кадр-80% например)
[Вы должны быть зарегистрированы и подключены, чтобы видеть это изображение]
(возможный итог)
[Вы должны быть зарегистрированы и подключены, чтобы видеть это изображение]
г)По слову.
Написать текст по слову(в данном случае Leave,затем ниже me и ещё ниже alone...)
или дублировать слой с текстом столько раз,сколько есть слов (тут 3) и стереть ластиком ненужные слова в каждом кадре(на вопрос "Растоврировать?отвечаем утвердительно) чтобы на каждом слое отображалось нужное слово например 1 слой Leave,2 слой Me,3 слой alone...
(возможные итоги)
[Вы должны быть зарегистрированы и подключены, чтобы видеть это изображение]
Допустим,вы выбрали вариант А или Б...Тогда надо :
если в поле Файл нет строчки Edit in Image ready(редактировать в Image Ready),сохраните картинку в формате фотошопа,откройте Имедж,откройте Window - Photoshop - *Имя вашего файла*.psd
И приступаем...
9)Откройте окошко Animation.Нажмите кружок-со-стрелочкой-треугольником и выберите Make frames from Layers .В окошке появляются все наши кадры...
[Вы должны быть зарегистрированы и подключены, чтобы видеть это изображение]
Однако,если нажать на Play,то хе хе...Фигня какая-то получается
[Вы должны быть зарегистрированы и подключены, чтобы видеть это изображение]
ладно,ладно!не пугайтесь=)
Тут надо поработать и с окошком layers.
10)Выбираем первый кадр,в окне Слоёв Ставим "глазик" напротив 1-го слоя с текстом.
11)Выбираем второй кадр,в окне Слоёв ставим "Глазик" напротив 2-го слоя с текстом(и уберите глазик1-го слоя с текстом).
12)Кадр 3 и 4 удаляем посредством нажатия кружка со-стрелочкой-треугольником и выбора Delete frame.
Выставите скорость в 0.1 и 0.1 сек или как нибудь ещё и нажмите на play...
(Чтобы не мучиться с "Глазками" можно было перетащить слои вот так,
[Вы должны быть зарегистрированы и подключены, чтобы видеть это изображение]
выбрать слой с текстом и выполнить команду Слой-Склеить с нижним (Layer - Merge down) и с другим текстом так же...
если кадров больше 2-х,то можно так и не делать.Удобней в конце концов будет.)
13)Откройте окошко optimize и выберите кол-во цветов 64-128 (Или если много - введите 50),
Reduction - Selective (если цветов мало-то можно Windows),
Dither - Method No dither,
Transparency - No dither,
и если вес большой и после этого - Lossy 15-30
Выберите File-Save optimized as...
[Вы должны быть зарегистрированы и подключены, чтобы видеть это изображение]
И ладно...Как анимировать большее кол-во кадров ><><><><><><><><><><
По варианту В (2 фона, текст)
1) шаги 8 и 9...
2)Работаем с ГЛАЗАМИ,или что сделать видимым в окне layers -
1 кадр - только фон
2 кадр - второй фон и текст с малой прозрачностью (20-30%)
3 кадр - первый фон и текст с средней прозрачностью (50-70%)
4 кадр - второй фон и текст с прозрачностью B 90-100%
3)выставите скорость-на последнем кадре выставить 1 сек,на других по 0.1 или 0.2 сек.
4)выполнить шаг 13...
[Вы должны быть зарегистрированы и подключены, чтобы видеть это изображение]
Принцип понят?Надеюсь да...а то переписывать это ЕЩЁ понятней незнаю как...Устала уже сильно...Да и картинка наглая попалась - весит много сама по себе...]
Я сделала грандыозную вещщ!Точнее написала...
И вновь- уроки Фотошопа и Image Ready!
На этот раз- анимированные аватары с текстом =) как в той теме с грустью
Многое "иллюстрировано".Все картинки общим весом составляют 404 кб.
1)Допустим,вот эту картинку...
[Вы должны быть зарегистрированы и подключены, чтобы видеть это изображение]
2)Кадрируем(Crop Tool) и уменьшаем изображение в размере (Image - image size)
[Вы должны быть зарегистрированы и подключены, чтобы видеть это изображение]
3)Тоненькую рамочку можно также...
4)Если предпологается,что рисунок будет мигать\дёргаться и т.п. вместе с текстом,то надо этот фон дублировать (посредством правого клика на Фон и выбора "Дублировать слой" или "Duplicate layer") и что-нить сотворите с этим слоем по своему усмотрению.Осветлить там,резкость добавить,или с фильтрами тоже что-нибудь поделать...
Мой вариант второго слоя
[Вы должны быть зарегистрированы и подключены, чтобы видеть это изображение]
5)Пишем текст!=)что угодно и как угодно.Предлагаю сразу - до того как выбрать инструмент текста,выбрать размер 16-18 чтобы его не искать потом...Какой понравится шрифт и цвет выбирайте.Их много.
[Вы должны быть зарегистрированы и подключены, чтобы видеть это изображение]
НО. Обычно у многих русский текст воспринемается только стандартными шрифтами (Arial,Comic,Tahoma,System и т.п.) в то время как английский-почти всеми.Я пока ничего с этим не делала,но говорят в интернете есть кое-какие исправлени этого недостатка...
6)Написав текст,лучше всего использовать для него Стиль (Style) в соответствующем окошке или 2 раза кликнуть не слой с текстом (не на название) и выбрать понравившийся эффект (допустим мой любимый-Stroke -последний самый,выбрать его ширину - 1 и нужный цвет)
7)Будущая анимация текста.
Фух..Придётся рассмотреть несколько вариантов =)
И никто вам не запрещает их комбинировать-так интереснее получится.ВСЁ возможное писать не буду-проявите фантазию...Да и просто лень уже столько печатать =)
Пока пишу СОЗДАНИЕ,анимация будет после всех этих вариантов в пункте 8
а)Мигание.Дублируйте слой с текстом.На одном из них,всё в тех же настройках стиля - изменить немного цвет заливки или штриха.Или если вы Не использовали стиль-в окошке(откройте,раз его нет) Символ\параграф (Character\paragraph) просто измените Цвет(Color)
(В итоге в общем может получится так)
[Вы должны быть зарегистрированы и подключены, чтобы видеть это изображение]
б)Дрожжь
Лучше с этим химичить в Имидже...Дублируйте слой с текстом,затем с помощью Произвольной трансформации (Edit - Free Transform) или просто Инструмента Перемещения (Move Tool) немного сдвиньте в сторону или расширьте\сузьте текст.
(Возможный итог)
[Вы должны быть зарегистрированы и подключены, чтобы видеть это изображение]
в)Появлние
в каждом кадре анимации в последствии изменять прозрачность текста (1 кадр-0%,2-й кадр-40%,3-й кадр-80% например)
[Вы должны быть зарегистрированы и подключены, чтобы видеть это изображение]
(возможный итог)
[Вы должны быть зарегистрированы и подключены, чтобы видеть это изображение]
г)По слову.
Написать текст по слову(в данном случае Leave,затем ниже me и ещё ниже alone...)
или дублировать слой с текстом столько раз,сколько есть слов (тут 3) и стереть ластиком ненужные слова в каждом кадре(на вопрос "Растоврировать?отвечаем утвердительно) чтобы на каждом слое отображалось нужное слово например 1 слой Leave,2 слой Me,3 слой alone...
(возможные итоги)
[Вы должны быть зарегистрированы и подключены, чтобы видеть это изображение]
Допустим,вы выбрали вариант А или Б...Тогда надо :
если в поле Файл нет строчки Edit in Image ready(редактировать в Image Ready),сохраните картинку в формате фотошопа,откройте Имедж,откройте Window - Photoshop - *Имя вашего файла*.psd
И приступаем...
9)Откройте окошко Animation.Нажмите кружок-со-стрелочкой-треугольником и выберите Make frames from Layers .В окошке появляются все наши кадры...
[Вы должны быть зарегистрированы и подключены, чтобы видеть это изображение]
Однако,если нажать на Play,то хе хе...Фигня какая-то получается
[Вы должны быть зарегистрированы и подключены, чтобы видеть это изображение]
ладно,ладно!не пугайтесь=)
Тут надо поработать и с окошком layers.
10)Выбираем первый кадр,в окне Слоёв Ставим "глазик" напротив 1-го слоя с текстом.
11)Выбираем второй кадр,в окне Слоёв ставим "Глазик" напротив 2-го слоя с текстом(и уберите глазик1-го слоя с текстом).
12)Кадр 3 и 4 удаляем посредством нажатия кружка со-стрелочкой-треугольником и выбора Delete frame.
Выставите скорость в 0.1 и 0.1 сек или как нибудь ещё и нажмите на play...
(Чтобы не мучиться с "Глазками" можно было перетащить слои вот так,
[Вы должны быть зарегистрированы и подключены, чтобы видеть это изображение]
выбрать слой с текстом и выполнить команду Слой-Склеить с нижним (Layer - Merge down) и с другим текстом так же...
если кадров больше 2-х,то можно так и не делать.Удобней в конце концов будет.)
13)Откройте окошко optimize и выберите кол-во цветов 64-128 (Или если много - введите 50),
Reduction - Selective (если цветов мало-то можно Windows),
Dither - Method No dither,
Transparency - No dither,
и если вес большой и после этого - Lossy 15-30
Выберите File-Save optimized as...
[Вы должны быть зарегистрированы и подключены, чтобы видеть это изображение]
И ладно...Как анимировать большее кол-во кадров ><><><><><><><><><><
По варианту В (2 фона, текст)
1) шаги 8 и 9...
2)Работаем с ГЛАЗАМИ,или что сделать видимым в окне layers -
1 кадр - только фон
2 кадр - второй фон и текст с малой прозрачностью (20-30%)
3 кадр - первый фон и текст с средней прозрачностью (50-70%)
4 кадр - второй фон и текст с прозрачностью B 90-100%
3)выставите скорость-на последнем кадре выставить 1 сек,на других по 0.1 или 0.2 сек.
4)выполнить шаг 13...
[Вы должны быть зарегистрированы и подключены, чтобы видеть это изображение]
Принцип понят?Надеюсь да...а то переписывать это ЕЩЁ понятней незнаю как...Устала уже сильно...Да и картинка наглая попалась - весит много сама по себе...]