Animált banner készítése

Egyszerű bannert készítünk animációs "kép bemuatóval". A leírás végén a "psd"fájlt is letöltheted.

1.Nyiss új fájlt.(kb 400X70)
Az én bannerem Jégkorszakos lesz.Így a színeket is ehhez igazítom.
-Töltsd ki valamilyen színnel vagy színátmenettel ezt a hátteret.

-Keretezd

2.Nyiss új réteget.Készíts rá ellipszis kijelölést.Ezt tölsd ki színnel vagy színátmenettel.

adj hozzá vetett árnyékot

-picit méretezd át hogy a háttér kerete látszódjon fölül és oldalt.(szerkesztés>szabad
alakítás/CTRL+T)

Erre írhatsz szöveget.

3.Nyiss új réteget,készíts rá lekerekített téglalapot.Duplázd meg kétszer.(réteg>réteg
másolása/CTRL+J)

Rétegstílussal színátmenet és körvonal.

 

4.Nyisd meg az első képed.(ha nagy méretezd át.(ctrl+t)
-Húzd az első alakzatra.
-jelöld ki ezt az alakzatot.(ctrl+klikk rá a réteglistán)
-Adj a képedhez rétegmaszkot.

A többi képet is készítsd így el.
(adhatsz még belső árnyékot a képekhez)

5.Nyiss új réteget és készíts nyílat (jobb)

rétegstílus>színátmenet

duplázd meg kétszer.(ctrl+j)

6.Új rétegre megint nyíl.(bal) (de egyszerűbb ha meg duplázod a már ott lévő nyílat és vízszintesen tükrözöd)
rétegstílus>színátmenet.

7.Ablak>animáció
képkockák készítése rétegekből

képkockák sorban:

 

 

 

 

 

 

 

Mentés :fájl>mentés webre és eszközökre (gif)

PSD  fájlt letöltheted innen!

Hozzászólások

Köszönet

Nagyon jó leírás, köszönöm szépen!

Itt az én verzióm: http://public.bay.livefilestore.com/y1p_VbFTCnVDDR8SrMnBQKT5_EXx3jhAYb2p...

Mint látható totál kezdő vagyok, mégis sikerült létrehoznom. :o)

Nagyon jó az oldal, sok segítséget nyújt nekem is!

:o)

Köszönöm nekem is hasznos volt, én is kezdő vagyok és meg tudtam csinálni.
Mégegyszer köszönöm. :-)

Hozzászólás

  • A webcímek és email címek automatikusan linkekké alakulnak.
  • Engedélyezett HTML elemek: <a> <em> <strong> <cite> <code> <ul> <ol> <li> <dl> <dt> <dd>
  • A sorokat és bekezdéseket a rendszer automatikusan felismeri.

További információ a formázási lehetőségekről

CAPTCHA
Ezzel a kérdéssel teszteljük, hogy ember vagy e vagy gép :)
Image CAPTCHA
Írd be ide a fenti karaktereket. FIGYELJ A KIS ÉS NAGYBETŰKRE!

Photoshop oktatás