клан форумных троллей- червячков (не модерируемый форум)
 
ФорумПоискПоследние изображенияактивные темыРегистрацияВход
Червячий астропрогноз

Загрузка...
Последние темы
» Модеры что за херня?
Делаем анимационные банеры без Фотошопа Icon_minitimeВт Ноя 08, 2016 6:55 am автор ridl

» Почему убрали Беспредел и Эротику
Делаем анимационные банеры без Фотошопа Icon_minitimeВт Дек 08, 2015 2:21 pm автор ridl

» Реально охуевшие OJSC TNT Broadcasting Network
Делаем анимационные банеры без Фотошопа Icon_minitimeСб Июл 12, 2014 6:36 am автор ukrvoice

» World of Tanks
Делаем анимационные банеры без Фотошопа Icon_minitimeВс Апр 06, 2014 8:33 am автор WarWorm

» ШтЫрлиц больше не модер
Делаем анимационные банеры без Фотошопа Icon_minitimeПн Янв 06, 2014 11:40 pm автор WarWorm

» manja44 угнали её кей?
Делаем анимационные банеры без Фотошопа Icon_minitimeСб Окт 05, 2013 1:33 am автор WarWorm

» Модераторы и модераторы в чем разница?
Делаем анимационные банеры без Фотошопа Icon_minitimeСб Окт 05, 2013 1:31 am автор WarWorm

» Умные советы
Делаем анимационные банеры без Фотошопа Icon_minitimeСб Окт 05, 2013 1:28 am автор WarWorm

» Wesson
Делаем анимационные банеры без Фотошопа Icon_minitimeСб Окт 05, 2013 1:27 am автор WarWorm

онлайн телевидение
Делаем анимационные банеры без Фотошопа 1

Поделиться | 
 

 Делаем анимационные банеры без Фотошопа

Предыдущая тема Следующая тема Перейти вниз 
АвторСообщение
GreenWorm
Admin
GreenWorm

Сообщения : 234
Дата регистрации : 2011-05-29
Откуда : из дырочки в земле

Делаем анимационные банеры без Фотошопа Empty

И так, как и обещал, небольшое повествование, как я сделал это
Делаем анимационные банеры без Фотошопа Faab5ba467bf
Вернуться к началу Перейти вниз
https://chervyki.forum2x2.ru
GreenWorm
Admin
GreenWorm

Сообщения : 234
Дата регистрации : 2011-05-29
Откуда : из дырочки в земле

Делаем анимационные банеры без Фотошопа Empty

для этого нам понадобиться несколько программ:
123 AVI to GIF Converter
Paint.NET
Ulead GIF Animator 5

все это есть в инете, с ключами и кряками, думаю труда не будет найти.
Вернуться к началу Перейти вниз
https://chervyki.forum2x2.ru
GreenWorm
Admin
GreenWorm

Сообщения : 234
Дата регистрации : 2011-05-29
Откуда : из дырочки в земле

Делаем анимационные банеры без Фотошопа Empty

итак,
1. берем картинки:
Делаем анимационные банеры без Фотошопа 1-110


Делаем анимационные банеры без Фотошопа I?id=477318259-18-72

Делаем анимационные банеры без Фотошопа I?id=80123878-39-72

2. при помощи "волшебной палочки" в Paint.Net убираем фон для двух последних, и сохраняем в формате gif
(обьяснять пошагово, думаю не нужно, для тех кто хоть раз работал с графическими редакторами, это не составит особого труда)

3. накладываем на первую картинку пентаграмму в виде медальки (куда сами захотите) и снова сохраним в gif
Делаем анимационные банеры без Фотошопа 110

4. в сохраненной картинке обрезкой "овал" удаляем "серединку" медали оставляя лишь обруч...получаем
Делаем анимационные банеры без Фотошопа 1-310

основа нашего банера готова
Вернуться к началу Перейти вниз
https://chervyki.forum2x2.ru
GreenWorm
Admin
GreenWorm

Сообщения : 234
Дата регистрации : 2011-05-29
Откуда : из дырочки в земле

Делаем анимационные банеры без Фотошопа Empty

теперь работаем с самой "медалькой" в Paint.Net:
вырезаем "серединку" у медальки и режем ее на две части:

Делаем анимационные банеры без Фотошопа Dduddn10(левая часть)

Делаем анимационные банеры без Фотошопа Dndddn10(правая часть)

заготовки для "раскрывающихся створок" готовы

Вернуться к началу Перейти вниз
https://chervyki.forum2x2.ru
GreenWorm
Admin
GreenWorm

Сообщения : 234
Дата регистрации : 2011-05-29
Откуда : из дырочки в земле

Делаем анимационные банеры без Фотошопа Empty

теперь можно собрать первую часть нашей анимации в Ulead GIF Animator 5:
1 создаем новый документ с размерами нашей картинки (у меня 336*201)
(файл-создать- задаем размеры- ок)
Делаем анимационные банеры без Фотошопа 2011-110
2. файл- добавить изображение (не открыть!!! а добавить)(все вставляем так, чтоб ориентировать картинки в районе "окошка, вырезанного в нашей картинке)
"огненную" пентаграмму
и вставляем наши половинки, это будет наш задний слой (они будут динамичны..мы их потом можем двигать)
Делаем анимационные банеры без Фотошопа 2011-112

теперь добавляем наш основной фон и получаем наш первый кадр анимации:
Делаем анимационные банеры без Фотошопа 2011-113
Вернуться к началу Перейти вниз
https://chervyki.forum2x2.ru
GreenWorm
Admin
GreenWorm

Сообщения : 234
Дата регистрации : 2011-05-29
Откуда : из дырочки в земле

Делаем анимационные банеры без Фотошопа Empty

теперь кликаем на кадрике снизу правой кнопкой: и там "дублировать кадр"
Делаем анимационные банеры без Фотошопа 2011-114
и теперь на продублированном кадре, на рабочем поле потихоньку раздвигаем обе половинки наших створок (одинаково в разные стороны, не смещая по вертикали, иначе будет прыгать)...
Делаем анимационные банеры без Фотошопа 2011-115
далее снова дублируем последний кадр (не первый, а тот который изменили)
и т.д....чем меньше вы будете "раздвигать створки и больше получиться кадров, тем плавнее будет анимация)
ну я сделал около 10 кадров (можно и больше)
Делаем анимационные банеры без Фотошопа 2011-116

вот что получилось (особо не старался, так что есть партаки...но думаю, посидев..вы обязательно справитесь....все можно подправить используя просмотр)

Делаем анимационные банеры без Фотошопа Ed22d87d7816

итак первая часть нашей анимации готова...сохраняем ее в формате gif (файл-сохранить как-GIF файл)
Вернуться к началу Перейти вниз
https://chervyki.forum2x2.ru
GreenWorm
Admin
GreenWorm

Сообщения : 234
Дата регистрации : 2011-05-29
Откуда : из дырочки в земле

Делаем анимационные банеры без Фотошопа Empty

теперь немного танцев с бубном)))
видео...

нашел трейлер в инете о сериале "Сверхестественное" так как он был в формате FLV пришлось попользоваться конвертером, чтоб переделать в формат AVI, но если сразу найдете AVI, то проблема решена сама собой)
открываем 123 AVI to GIF Converter и преобразовываем наш файл AVI в формат GIF

прежде чем конвертировать, следует выставить параметр размера, иначе потом наша гифка не в лезет в наш банер), т.к. прога выдала мне что кадров будет 4700 штук, то я конвертировал по частям, получилось 4 гифки, по 1000 кадров в каждой (параметры с какого по какой файл конвертировать, там так же выставляется: от0 до 1000, от 1001 до 2000, от 2001 до 3000...и т.д.)
скрины давать не буду, те гифки я удалил...но думаю, что все понятно)))
Вернуться к началу Перейти вниз
https://chervyki.forum2x2.ru
GreenWorm
Admin
GreenWorm

Сообщения : 234
Дата регистрации : 2011-05-29
Откуда : из дырочки в земле

Делаем анимационные банеры без Фотошопа Empty

далее все просто))) каждую гифку загружаем по очереди в Ulead GIF Animator 5 (файл- открыть изображение- указываем путь к требуемой гифке...
так как того полного видео нет, покажу на примере другой)))(принцип тот же)
берем это:

Делаем анимационные банеры без Фотошопа 1b0c140aea5e


и получаем раскадровку нашей гиф:


Делаем анимационные банеры без Фотошопа 2011-117

теперь выбираем требуемый кусок анимации, все лишнее осекаем:
на панели с кадрами отмечаем первый кадр, того, что трубуется удалить, жмем Shift и отмечаем последний кадр, того что хотим удалить...
Делаем анимационные банеры без Фотошопа 2011-118
мне нужна была середка, поэтому я удалил с 1 по 11 кадр и (после удаления) с 12 по 39...
и получил такую анимацию:

Делаем анимационные банеры без Фотошопа 48154f53bc54


размеры я естественно не выдерживаю, так как анимация не для этого банера, но если при преобразовании из AVI в GIF вы установили правильные размеры, то окно гифки будет естественно меньше...
И так мы нарезаем столько анимационных отрывков, сколько хотим...

Вернуться к началу Перейти вниз
https://chervyki.forum2x2.ru
GreenWorm
Admin
GreenWorm

Сообщения : 234
Дата регистрации : 2011-05-29
Откуда : из дырочки в земле

Делаем анимационные банеры без Фотошопа Empty

Ну а далее...все просто))) как и с первой анимацией про "створки"
помещаем нашу гифку на поле с заданными размерами, а потом накладываем на нее основную картинку с вырезанной середкой...
делаем так:
1.создаем новый документ размерами 336*201( тот же что и первый)
2. грузим анимацию
Делаем анимационные банеры без Фотошопа 2011-119
3. позиционируем изображение, туда где оно должно быть (кликаем дважды по анимации- свойства кадра- позиция и размер и задаем расположение (координаты) к примеру я задал 120 на 20...
Делаем анимационные банеры без Фотошопа 2011-120

Делаем анимационные банеры без Фотошопа 2011-121
и так по каждому кадру...чтоб потом анимация не "плясала"
(когда освоите эту прогу, то это для вас будет не слишком долго и утомительно)))
Вернуться к началу Перейти вниз
https://chervyki.forum2x2.ru
GreenWorm
Admin
GreenWorm

Сообщения : 234
Дата регистрации : 2011-05-29
Откуда : из дырочки в земле

Делаем анимационные банеры без Фотошопа Empty

собираем:
итак, с позиционированием разобрались, теперь кликаем на первом кадре и файл- добавить изображение...и накладываем нашу картинку с "дыркой"
Делаем анимационные банеры без Фотошопа 2011-122
в правом верхнем углу у нас появилось изображения нашей картинки...
Делаем анимационные банеры без Фотошопа 2011-123
чтоб наложить ее на все остальные кадры:
выделяем их (удерживая Shift)
правой кнопкой мыши кликаем на изображение картинки в правом верхнем углу- дублировать обьект
Делаем анимационные банеры без Фотошопа 2011-124
получаем
Делаем анимационные банеры без Фотошопа 2011-125
сохраняем нашу 2-ю часть гиф и получаем:
Делаем анимационные банеры без Фотошопа 8a7ea78666c1

конечно...все это криво сделано...но это лишь для образца ( а попробуйте сами мануал написать))) тогда поймете))))
Вернуться к началу Перейти вниз
https://chervyki.forum2x2.ru
GreenWorm
Admin
GreenWorm

Сообщения : 234
Дата регистрации : 2011-05-29
Откуда : из дырочки в земле

Делаем анимационные банеры без Фотошопа Empty

делаете столько таких "частей" сколько вам необходимо...
ну и теперь склеим их))) вариантов много...но покажу самый элементарный:

все опять с того, что создаем новый документ с теми же параметрами
добавляем первую анимацию...со створками

Делаем анимационные банеры без Фотошопа 2011-126

кликаем на последнем кадре- добавить кадр

Делаем анимационные банеры без Фотошопа 2011-127

добавляем вторую гифку

Делаем анимационные банеры без Фотошопа 2011-128

если есть еще...то добавляем по тому же принципу

сохраняем...и получаем:



Делаем анимационные банеры без Фотошопа 7f4a18df3a6e


вот так и получилась наша "корявенькая" анимация...)))
но это же просто макет))) думаю у вас выйдет все просто СУПЕР!!!!
Вернуться к началу Перейти вниз
https://chervyki.forum2x2.ru
GreenWorm
Admin
GreenWorm

Сообщения : 234
Дата регистрации : 2011-05-29
Откуда : из дырочки в земле

Делаем анимационные банеры без Фотошопа Empty

когда немного разберетесь в проге, поймете как менять скорость раскадровки...если не разберетесь, пишите...обьясню) счас уже устал))))
Вернуться к началу Перейти вниз
https://chervyki.forum2x2.ru
GreenWorm
Admin
GreenWorm

Сообщения : 234
Дата регистрации : 2011-05-29
Откуда : из дырочки в земле

Делаем анимационные банеры без Фотошопа Empty

кстати))) ту анимацию,с двумя придурками использовал для рекламного баннера Ботана с УСИ

Делаем анимационные банеры без Фотошопа 7bbb76483f1f

Laughing
Вернуться к началу Перейти вниз
https://chervyki.forum2x2.ru
 

Делаем анимационные банеры без Фотошопа

Предыдущая тема Следующая тема Вернуться к началу 
Страница 1 из 1

Права доступа к этому форуму:Вы не можете отвечать на сообщения
FamilyWorms :: Полезное :: программы и другие полезности-