Анимиран банер

Здравейте отново фенове на GIMP !

Днес ще опиша как можете да си направите анимиран текст с преливащ ефект. Първо ще обесня техниката за анимиране на текста която смятам да използвам, а после и ще го направя стъпка по стъпка.За целта ще използвам няколко думи : толкова е лесно което ще се прелее в когато твориш което ще се прелее в GIMP + логото на gimp.

Всъщност тази техника можете да я използвате не само за текст а и за изображения. За да не ви объркам с приказки и да ви стане ясно за какво говоря ще ви покажа крайния резултат и после ще обеснявам.



Самият ефект ще се получи като създам между отделните слоеве с текста същите слоеве като тях , но с размазан текст (снимка) като за замъгляването ще използвам филтър за Гаусово замъгляване. Или на просто казано самата анимация протича така:

1) Снимка без текст
2) толкова е лесно -замъглено
3) толкова е лесно -нормално
4) толкова е лесно -замъглено
5) когато твориш -замъглено
6) когато твориш -нормално
7) когато твориш -замъглено
8) GIMP + логото на gimp - замъглено
9) GIMP + логото на gimp - нормално

Анимацията започва отново от 1)

Надявам се ,че сте схванали идеята.

Отворете нов документ със стандартен размер за банер 468 х 60 px. Поставете изображението което желаете, аз реших да сложа една клонка с мента в лявата част която ще остане статична. Тоест там няма да има анимация. От дясно си оставям място за текста.



След като оформите снимката от менюто в ляво кликнете с десен бутон на мишката върху името
на слоя и изберете Дублиране на слоя ...



Поставете му подходящо име с което ще си улесните работата за по късно. Въведете текста в новия слой.Аз ще използвам шрифта Adobe Utopia Bold 15px, като поставя отметка на Заглаждане в менюто с настройки на шрифта. Сега трябва да имате и трети слой който е съдържанието на текста.



Кликнете с десен бутон върху него и изберете Сливане на слоевете. Сега трябва да имате два слоя : Първия само със снимката и втория снимката с текста.



Сега отново с десен бутон върху слоя с текста изберете Дублиране на слоя



Изберете инструмента за Избиране на правоъгълни области(R) и маркирайте само зоната с текста:



От менюто изберете Филтри --> Замъгляване --> Гаусово Замъгляване



Направете си настройките на филтъра както са на снимката и вече трябва да
се е получило замъгляването :



Сега дублирайте Дублиране на слоя отново първия слой без текст и го извлачете с мишката най отгоре...



... и въведете в него втората част от текста . За мен това е "когато твориш с" като се стремите да поставите текста на същото място където сте сложили и предишния текст...




... и отново с десен бутон слейте слоя на копирания фон и на текста Сливане на слоевете



Сега трябва да имате четири слоя.

1) фона - снимката без текст
2) снимката с текст 1 - толкова е лесно
3) снимката с текст 1 - толкова е лесно-с филтър(замъглена)
4) снимката с текст 2 - когато твориш с



Сега трябва да дублирате снимката с текст 2 с десен бутон върху слоя Дублиране на слоя и отново изберете инструмента за Избиране на правоъгълни области(R) и маркирайте само зоната с текста :



Отново от менюто изберете Филтри --> Замъгляване --> Гаусово Замъгляване





Предполагам че вече сте схванали самата последователност. Остава ни още малко работа. Вече трябва да имате 5 слоя ...



Сега с десен бутон върху най горния слой в менюто изберете Дублиране на слоя и
извлачете копирания слой с мишката на четвърта позиция.



Идеята е между слоевете с текст да поставите слоеве със замъглен текст за да се получи по качествено преливане от единия текст към другия. По същия начин дублирайте първия замъглен текст с филтър и го извлачете с мишката на втора позиция :



Нека си припомним началото на урока и видим реда по който ви бях описал анимацията :

1) Снимка без текст
2) толкова е лесно - замъглено
3) толкова е лесно - нормално
4) толкова е лесно - замъглено
5) когато твориш - замъглено
6) когато твориш - нормално
7) когато твориш - замъглено
8) GIMP+логото на gimp - замъглено
9) GIMP+логото на gimp - нормално

В момента сме направили всичко до позиция 7. Остава да добавим само позиция 8 и 9.
Сигурно се сещате , че трябва отново дублирайте Дублиране на слоя

Първия слой на фона без текст и го извлачете с мишката най отгоре. Преименувайте слоя и въведете текста в банера :



С десен бутон върху най горния слой в менюто и изберете Сливане на слоевете. Сега е момента да поставите изображението в случея логото на Gimp :



Когато сте готови със снимката дублирайте отново най горния слой, с десен бутон върху слоя Дублиране на слоя.



Изберете инструмента за Избиране на правоъгълни области(R) и маркирайте само зоната която ще замъглявате:



Отново от менюто изберете Филтри --> Замъгляване --> Гаусово Замъгляване

Тук нагласете стойностите според вида на изображението и по ваша преценка...



... и приложете филтъра. Сега извлачете най горния слой с мишката с един слой на долу.



Вече трябва да имате слоеве със следната посредба:

1) Снимка без текст
2) толкова е лесно - замъглено
3) толкова е лесно - нормално
4) толкова е лесно- замъглено
5) когато твориш - замъглено
6) когато твориш - нормално
7) когато твориш - замъглено
8) GIMP+логото на gimp - замъглено
9) GIMP+логото на gimp - нормално

( бележка : в менюто последователноста на слоевете върви в обратен ред, от долу на горе! Тоест слой 1) в менюто ви на Gimp трябва да е най отдолу!)

Ако всичко е наред остава само да нагласим скоростта на отделлни кадри от анимацията. На тези кадри където текста е ясен ще поставим по голяма пауза. Скороста се поставя във самото име на слоя по следния начин :

Име на слоя(2000ms) където ms е милисекунди .



Поставете пауза от (1500ms) на слой 3 и 6 , а на последния слой 9 пауза от (2000ms). Сега от менюто Файл --> Запази като



Запазете в gif формат...



Маркирайте Запазване като анимация.Натиснете Експорт...



Това са настройките за анимацията. Поставете отметка на Вечно превъртане и определете пауза между кадрите където не е посочена от 250 милисекунди.

Това е всичко.



От ТУК можете да си свалите файла на банера в .xcf формат и да го разгледате ако желаете. Надявам се , че не е било много объркващо това което обесних в този урок. На същия принцип можете да направите различни типове анимация като замените ефекта на филтъра Гаусово Замъгляване с някой друг.

Можете просто да движите текста и пак да направите сполучлив ефект. Можете да комбинирате поредица от няколко ефекта. Всичко е въпрос на въобръжение...



XCF файл




Ако урокът ви допада, споделете го в Twitter и Facebook или го запазете в Delicious.




Урокът е добавен от: stafex

Трябва да сте регистиран потребител за може да оставяте коментари! Направете своята безплатна регистрация още сега.