| Делаем анимационные банеры без Фотошопа | |
|
Автор | Сообщение |
---|
GreenWorm Admin
Сообщения : 234 Дата регистрации : 2011-05-29 Откуда : из дырочки в земле
| |
| И так, как и обещал, небольшое повествование, как я сделал это |
|
| |
GreenWorm Admin
Сообщения : 234 Дата регистрации : 2011-05-29 Откуда : из дырочки в земле
| |
| для этого нам понадобиться несколько программ: 123 AVI to GIF Converter Paint.NET Ulead GIF Animator 5 все это есть в инете, с ключами и кряками, думаю труда не будет найти. |
|
| |
GreenWorm Admin
Сообщения : 234 Дата регистрации : 2011-05-29 Откуда : из дырочки в земле
| |
| итак, 1. берем картинки: 2. при помощи "волшебной палочки" в Paint.Net убираем фон для двух последних, и сохраняем в формате gif (обьяснять пошагово, думаю не нужно, для тех кто хоть раз работал с графическими редакторами, это не составит особого труда) 3. накладываем на первую картинку пентаграмму в виде медальки (куда сами захотите) и снова сохраним в gif 4. в сохраненной картинке обрезкой "овал" удаляем "серединку" медали оставляя лишь обруч...получаем основа нашего банера готова |
|
| |
GreenWorm Admin
Сообщения : 234 Дата регистрации : 2011-05-29 Откуда : из дырочки в земле
| |
| теперь работаем с самой "медалькой" в Paint.Net: вырезаем "серединку" у медальки и режем ее на две части: (левая часть) (правая часть) заготовки для "раскрывающихся створок" готовы |
|
| |
GreenWorm Admin
Сообщения : 234 Дата регистрации : 2011-05-29 Откуда : из дырочки в земле
| |
| теперь можно собрать первую часть нашей анимации в Ulead GIF Animator 5: 1 создаем новый документ с размерами нашей картинки (у меня 336*201) (файл-создать- задаем размеры- ок) 2. файл- добавить изображение (не открыть!!! а добавить)(все вставляем так, чтоб ориентировать картинки в районе "окошка, вырезанного в нашей картинке) "огненную" пентаграмму и вставляем наши половинки, это будет наш задний слой (они будут динамичны..мы их потом можем двигать) теперь добавляем наш основной фон и получаем наш первый кадр анимации: |
|
| |
GreenWorm Admin
Сообщения : 234 Дата регистрации : 2011-05-29 Откуда : из дырочки в земле
| |
| теперь кликаем на кадрике снизу правой кнопкой: и там "дублировать кадр" и теперь на продублированном кадре, на рабочем поле потихоньку раздвигаем обе половинки наших створок ( одинаково в разные стороны, не смещая по вертикали, иначе будет прыгать)... далее снова дублируем последний кадр (не первый, а тот который изменили) и т.д....чем меньше вы будете "раздвигать створки и больше получиться кадров, тем плавнее будет анимация) ну я сделал около 10 кадров (можно и больше) вот что получилось (особо не старался, так что есть партаки...но думаю, посидев..вы обязательно справитесь....все можно подправить используя просмотр) итак первая часть нашей анимации готова...сохраняем ее в формате gif (файл-сохранить как-GIF файл) |
|
| |
GreenWorm Admin
Сообщения : 234 Дата регистрации : 2011-05-29 Откуда : из дырочки в земле
| |
| теперь немного танцев с бубном))) видео...
нашел трейлер в инете о сериале "Сверхестественное" так как он был в формате FLV пришлось попользоваться конвертером, чтоб переделать в формат AVI, но если сразу найдете AVI, то проблема решена сама собой) открываем 123 AVI to GIF Converter и преобразовываем наш файл AVI в формат GIF
прежде чем конвертировать, следует выставить параметр размера, иначе потом наша гифка не в лезет в наш банер), т.к. прога выдала мне что кадров будет 4700 штук, то я конвертировал по частям, получилось 4 гифки, по 1000 кадров в каждой (параметры с какого по какой файл конвертировать, там так же выставляется: от0 до 1000, от 1001 до 2000, от 2001 до 3000...и т.д.) скрины давать не буду, те гифки я удалил...но думаю, что все понятно)))
|
|
| |
GreenWorm Admin
Сообщения : 234 Дата регистрации : 2011-05-29 Откуда : из дырочки в земле
| |
| далее все просто))) каждую гифку загружаем по очереди в Ulead GIF Animator 5 (файл- открыть изображение- указываем путь к требуемой гифке... так как того полного видео нет, покажу на примере другой)))(принцип тот же) берем это: и получаем раскадровку нашей гиф: теперь выбираем требуемый кусок анимации, все лишнее осекаем: на панели с кадрами отмечаем первый кадр, того, что трубуется удалить, жмем Shift и отмечаем последний кадр, того что хотим удалить... мне нужна была середка, поэтому я удалил с 1 по 11 кадр и (после удаления) с 12 по 39... и получил такую анимацию: размеры я естественно не выдерживаю, так как анимация не для этого банера, но если при преобразовании из AVI в GIF вы установили правильные размеры, то окно гифки будет естественно меньше... И так мы нарезаем столько анимационных отрывков, сколько хотим... |
|
| |
GreenWorm Admin
Сообщения : 234 Дата регистрации : 2011-05-29 Откуда : из дырочки в земле
| |
| Ну а далее...все просто))) как и с первой анимацией про "створки" помещаем нашу гифку на поле с заданными размерами, а потом накладываем на нее основную картинку с вырезанной середкой... делаем так: 1.создаем новый документ размерами 336*201( тот же что и первый) 2. грузим анимацию 3. позиционируем изображение, туда где оно должно быть (кликаем дважды по анимации- свойства кадра- позиция и размер и задаем расположение (координаты) к примеру я задал 120 на 20... и так по каждому кадру...чтоб потом анимация не "плясала" (когда освоите эту прогу, то это для вас будет не слишком долго и утомительно))) |
|
| |
GreenWorm Admin
Сообщения : 234 Дата регистрации : 2011-05-29 Откуда : из дырочки в земле
| |
| собираем: итак, с позиционированием разобрались, теперь кликаем на первом кадре и файл- добавить изображение...и накладываем нашу картинку с "дыркой" в правом верхнем углу у нас появилось изображения нашей картинки... чтоб наложить ее на все остальные кадры: выделяем их (удерживая Shift) правой кнопкой мыши кликаем на изображение картинки в правом верхнем углу- дублировать обьект получаем сохраняем нашу 2-ю часть гиф и получаем: конечно...все это криво сделано...но это лишь для образца ( а попробуйте сами мануал написать))) тогда поймете)))) |
|
| |
GreenWorm Admin
Сообщения : 234 Дата регистрации : 2011-05-29 Откуда : из дырочки в земле
| |
| делаете столько таких "частей" сколько вам необходимо... ну и теперь склеим их))) вариантов много...но покажу самый элементарный: все опять с того, что создаем новый документ с теми же параметрами добавляем первую анимацию...со створками кликаем на последнем кадре- добавить кадр добавляем вторую гифку если есть еще...то добавляем по тому же принципу сохраняем...и получаем: вот так и получилась наша "корявенькая" анимация...))) но это же просто макет))) думаю у вас выйдет все просто СУПЕР!!!! |
|
| |
GreenWorm Admin
Сообщения : 234 Дата регистрации : 2011-05-29 Откуда : из дырочки в земле
| |
| когда немного разберетесь в проге, поймете как менять скорость раскадровки...если не разберетесь, пишите...обьясню) счас уже устал)))) |
|
| |
GreenWorm Admin
Сообщения : 234 Дата регистрации : 2011-05-29 Откуда : из дырочки в земле
| |
| кстати))) ту анимацию,с двумя придурками использовал для рекламного баннера Ботана с УСИ |
|
| |
| Делаем анимационные банеры без Фотошопа | |
|