Lilitochka-club |
Привет, Гость! Войдите или зарегистрируйтесь.
Вы здесь » Lilitochka-club » ImageReady » Появляющаяся надпись
Нам понадобится фон и что-то «подарочное» Я взяла клипарт кувшина и букета.
Перетаскиваем Move Tool вазу на фон, Ctrl + T - делаем форму и размер. Затем, перетаскиваем цветы, сначала устанавливаем размер, а затем, Eraser Tool, стираем все лишнее у букета, чтобы создалось впечатление, что он стоит в вазе. А затем, соединяем все слои (Ctrl + E)
Теги: Анимация,Уроки по анимации
Теперь делаем надпись:
1. Horizontal Type Tool
2. Выбираем подходящий шрифт. Лучше всего взять «рукописный»
3. Делаем надпись, нажимаем Move Tool
4. Ctrl + T – увеличиваем надпись
5. В палитре Styles находим подходящий цвет.
6. Правой клавишей мыши кликаем по слою (активному) с надписью, а в появившейся таблице, нажимаем на строку Rasterize Type (растеризация)
Начинаем работу со слоями, которые потом сделаем фрэймами.
1. Ctrl + J - создаем новый слой, закрываем глазик в предыдущем и взяв инструмент Eraser Tool , стираем часть букв, начиная с конца надписи.
2. Снова Ctrl + J и на очередном слое опять вытираем часть букв. И так, до тех пор, пока не сотрем всю надпись. Чем больше слоев вы создадите, тем плавне будет «писаться» надпись на картинке.
3. Стираем последнюю букву надписи и остаемся на этом слое (последнем). Глазик должен быть открыт на самом нижнем слое и на самом верхнем.
4. Теперь идем в палитру Animation. Поскольку, у нас есть последний активный слой, мы нажимаем на значок, выделенный кружочком. Именно с помощью него, мы будем делать слои фрэймами. Нажали и увидели, что в палитре Animation появилась еще одна картинка – значит, все правильно.
5. Теперь спускаемся на слой ниже, включаем глазик на нем, кликаем левой клавишей по надписи слоя, а в верхнем слое, закрываем глазик. Идем опять в палитру Animation и снова нажимаем на иконку. И так, продолжаем делать, пока не дойдем до самого нижнего слоя с надписью.
6. В палитре Animation у нас получилось 20 фрэймов. Начиная с первого, проверяем их, нажимая поочередно, прямо по «кадрику». На большой картинке проверяем, чтобы слои шли по очереди, а также, чтобы рядом не оказалось два одинаковых слоя. У нас получилось два одинаковых фрэйма (слоя) – 19 и 20. Убираем 20, нажав внизу значок «корзинка» (первый справа, рядом с тем, с помощью которого, мы делали фрэймы). Появляется окошко, в котором мы нажимаем Yes, давая согласие на удаление фрэйма.
7. Теперь, чтобы фрэймы двигались с заданной скорость, установим время для каждого из них. Спава внизу каждого фрэйма есть надпись 0 sec. И маленький черный треугольник. Нажимаем треугольник и в таблице времени, нажимаем нужную цифру. Я, в каждом фрэйме, оставила No delay, т.е. 0 сек. А в последнем, где надпись уже полностью, сделала 2 сек.
8. Прокручиваем надпись, проверяя, все ли нормально мы сделали и подходит ли та скорость, которую мы определили, для анимации. Если все в порядке – сохраняем нашу анимацию. Сохранять ее, можно, перейдя в ImageReady, а можно и в Photoshop. Только в Photoshop, на нужно нажать не на надпись Save As, a на Save for Web .
9. В окне, которое появляется, проверяем, чтобы наша анимация сохранилась в GIF, а затем жмем на Save.
10. Далее, сохраняем, как обычно
11. Ну, вот и наша анимационная картинка с поздравлением.
Можно и ручку или карандаш приставить к строке...
Вы здесь » Lilitochka-club » ImageReady » Появляющаяся надпись
