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

FeliXcat

Active Member
Joined
Aug 18, 2008
Messages
947
Reaction score
218
Ето един лесен начин да си направите сами банер с помоща на photoshop:

1.Избирате си подходяща картинка.

1_11.jpg

2.Изписвате някакъв текст върху нея.

2_7.jpg

3.Отивате в Blending Options и си правите каквото искате по текст-а.

3_7.jpg

4.Слагате Opacity на 10 %
4.jpg

5.Save-ате картинката със име 1.jpg (за да може да не се обърквате по-нататък)

5_10.jpg

6.Отново отивате във Blending Options и сменяте Opacity на 20 % и отново save-ате, като 2.jpg и така докато не стигнете 100 %.
След това ако искате може да смените текста с друг и правите същите стъпки.Не забравяйте след всяка стъпка на save-ате!
6_5.jpg

7.След като вече имате всичките стъпки save-нати отваряте 1.jpg и правите нов слой (layer)
8.jpg


8.Всеки нов слой трябва да е друга картинка.
Например:
Layer 1 - 1.jpg
Layer 2 - 2.jpg и т.н
По този начин слагате всичките картинки които сте save като layer-и.
9.Сега отваряте animation menu-то:

10.jpg


10.В дясно, където са ви layer-ите махате "окото" от всички освен от background-а.

11_8.jpg


11.След това слагате "око" на Layer1 и я добавяте във animation menu-то.
12.jpg


След това правите същото със Layer2,Layer3 и т.н
След като добавите всичките трябва да получите нещо такова:
13.jpg

12.Избирате всичките които сте добавили във animation менюто и им задавате време на смяна 0.1 секунда (или както прецените вие)
14.jpg

Можете да натиснете бутона play за да видите какво сте измайсторили :)

13.Save-ате по следния начин:

File>Save for Web & Devices и там в горния десен ъгъл кликвате бутона Save и сте готови :) От там също може да промените дали да повртаря анимацията завинаги, или само веднъж.

Ето какво се получих аз :)
1_1.gif
 
Оле страхотен урок !!! FeliX имаш моя голям респект !!! :)
 
Пич мерси за гайда ето го и резултата от първия ми банер направен с Ps:
 
Добър урок не го знаех ;)
 
Моята теория е друга...

Правиш да кажем 10 фона и 10 текста с различно Opacity.
След това съединяваш 1 по 1 всеки фон със всеки текст с инструмента Merge Vissible
Получават се 10 Layer-а, които вкарваш във Animation, гласиш на по 0.1 (препоръчително), после си го сейфаш като .gif и си пиштов!

Поправете ме ако греша, но моят начин е по-лесен. И все пак, 10/10 за старанието!
 
както в по горните постове се казва Respect :)
 
мс много ми помогна Thanks 51 :)
 
на мене не ми се получава като дам за нов layer не ми е с картинка ами едно на квадратчета CS3
 
Абе невиждам резултата нещо :d
 
Браво, Felix.
@MaZaRa7 ма кат' си тъп (nqh)
 
Всичко добре ама как да ги правя Layerite че да са на едно място всичките ? Как става Layer 1 - 1.jpg и т.н.
 
Всичко добре ама как да ги правя Layerite че да са на едно място всичките ? Как става Layer 1 - 1.jpg и т.н.

Ctrl+s :D
 
...

Като цяло урока е добър, но има много по-лесни и бързи методи. Както и да е урока е загуба на време, но е добро начало за инициативните новаци да се интегрират в тази област. ;)