Hvordan lager man fin skygge bak en ting?

[Torjus]

Hei, holder på å lage meg en ny hjemmeside nå og prøver å få til en fin overgang fra den hvite boksen i midten til den mørke bakgrunnen. Jeg har sett mange bruker sånne fine skygger, hvordan lager man disse?

 

Noe ala effekten daniel forsbakk har fått til her:

http://www.danielforsbakk.com/

 

...eller som "Eple" har fått til her:

http://epleweb.com/

 

Jeg bruker Adobe Photoshop CS2

[grebnord]

Hei, holder på å lage meg en ny hjemmeside nå og prøver å få til en fin overgang fra den hvite boksen i midten til den mørke bakgrunnen. Jeg har sett mange bruker sånne fine skygger, hvordan lager man disse?

 

Noe ala effekten daniel forsbakk har fått til her:

http://www.danielforsbakk.com/

 

...eller som "Eple" har fått til her:

http://epleweb.com/

 

Jeg bruker Adobe Photoshop CS2

7126556[/snapback]

 

Hey.

Hvis du høyreklikker på bakgrunnen i eksempel-linken og trykker "vis kilde" får du opp html teksten. Der ser du noe med "border". Hvilket program bruker du til Web-siden?

Eventuelt kan du legge på rammen i PSCS2...

[Torjus]

Hei, mulig du misforstod meg, tenkte du på daniel sin hjemmeside? For jeg mener skyggen/overgangen han har laget, denne:

 

 

Hvordan kan jeg lage noe lignnede?

 

Jeg skulle hatt en lignende effekt på denne overgangen:

 

 

 

Hvis noen har bry til å lage et eksempel for meg så hadde jeg blitt lykkelig

 

Men har dere noen tutorialer eller noe lignende?

[grebnord]

Oki

Du kan jo prøve "gradient tool" (Foresten så er denne siden helt genial)

Lag ramme og bruk "gradient-tool"..?

 

Greb

[Torjus]

Prøvde meg frem nå, men blir ikke fornøyd med resultatet. Har prøvd å gjøre den enten tynnere eller tykkere, men blir ikke fornøyd

 

Noen som kunne tenke seg å hjelpe meg med å lage en fin skygge/gradient?

[Marvil]

Bruk "Outer Glow" (sett til normal på ett av de valgene), evt "Drop Shadow" på layer styles på de layerene du vil ha dette på..

[Torjus]

Bruk "Outer Glow" (sett til normal på ett av de valgene), evt "Drop Shadow" på layer styles på de layerene du vil ha dette på..

7127390[/snapback]

 

Oi... det ble mye bedre Takk!

[Lovskogen]

Denne er også kanskje litt kjekk:

 

[Torjus]

Hvordan får man den fine effekten som er på "Elegant"?

[mikk-]

Mindre distance, mindre opacity, større size.

 

Selv liker jeg å kjøre distance=0.

[TSP]

Kan man ikke få til en slik enkel skygge med html/css?

[Velmont]

Om du skal gjera det i CSS, må du bruka små bilete for å laga kant-skuggar. Du kan ikkje i den CSS-versjonen me hev no laga slike flotte skuggar. Du må laga det som bilete, og bruka CSS for å byta ut biletet.

 

t.d. taggen

 

<h1><a href="/">Min fine overskrift</a></h1>

 

Så kan du byta ut teksten med bilete i css:

 

h1 a {
 display: block;
 text-indent: -9000px;
 background-image: url('teksten-med-skugge.png');
 height: 50px;
 width: 400px;
}

 

Enkelt og greitt! Det er mellom anna gjort på http://velmont.net/xhtml/

Endret 24. oktober 2006 av Velmont