Анимиран банер с 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
 

eXecuteR

Active Member
Joined
Nov 21, 2008
Messages
342
Reaction score
165
Оле страхотен урок !!! FeliX имаш моя голям респект !!! :)
 

acriman

New Member
Joined
Oct 3, 2008
Messages
56
Reaction score
55
Пич мерси за гайда ето го и резултата от първия ми банер направен с Ps:
 

ludlud

Active Member
Joined
Jun 27, 2008
Messages
917
Reaction score
101
Добър урок не го знаех ;)
 

c3ck0o0o

New Member
Joined
Jul 9, 2009
Messages
32
Reaction score
3
Моята теория е друга...

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

Поправете ме ако греша, но моят начин е по-лесен. И все пак, 10/10 за старанието!
 

FlameFenix

Member
Joined
Nov 22, 2008
Messages
105
Reaction score
7
както в по горните постове се казва Respect :)
 

w1nn3r

New Member
Joined
Nov 10, 2009
Messages
190
Reaction score
35
мс много ми помогна Thanks 51 :)
 

enemysss

New Member
Joined
Jan 27, 2009
Messages
392
Reaction score
54
на мене не ми се получава като дам за нов layer не ми е с картинка ами едно на квадратчета CS3
 

MaZaRa7

New Member
Joined
Apr 27, 2010
Messages
251
Reaction score
22
Абе невиждам резултата нещо :d
 

misho_rb

Well-Known Member
Joined
Feb 1, 2010
Messages
1,146
Reaction score
98
Браво, Felix.
@MaZaRa7 ма кат' си тъп (nqh)
 

VirtualMu

New Member
Joined
Jul 13, 2010
Messages
76
Reaction score
0
Всичко добре ама как да ги правя Layerite че да са на едно място всичките ? Как става Layer 1 - 1.jpg и т.н.
 

misho_rb

Well-Known Member
Joined
Feb 1, 2010
Messages
1,146
Reaction score
98
Всичко добре ама как да ги правя Layerite че да са на едно място всичките ? Как става Layer 1 - 1.jpg и т.н.

Ctrl+s :D
 

-UnknowN-

New Member
Joined
Apr 14, 2008
Messages
185
Reaction score
42
...

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