Vienkārša navigācijas paneļa dizains, "draugiem.lv" navigācijas panelim līdzīgs

[Kjopiits]

Draugiem.lv līdzīgs paneļa dizaina tutorials by Kjopiits

Mēs mēģināsim izveidot apmēram šādu navigācijas paneli:



1) Izveidojam jaunu dokumentu (izmēru liekam pēc savas vajadzības, fons balts).

2) Izvēlamies Rectangle Tool.



3) Uzzīmējam vajadzīgā lieluma taisnstūri.



4) Iekrāso ar paint bucket iezīmēto teritoriju, taisnstūri ar oranžu krāsu, šajā gadījumā krāsa ir [color="#FF8C00"]f09006[/color] jeb [color="#FF8C00"]#FF8C00[/color]



5) Nodublējam slāni ar oranžo taisnstūri (Ctrl+J) un aizlejam to ar baltu krāsu. Slānim ar balto taisnstūri nomainām Opacity uz 38% un piemērojam Clipping Mask (Ctrl+Alt+G). Šā slāņa saturu pārbīdam uz augšu (ar Move Tool, pieturot Shift, vai ar kursora vadības taustiņiem), kamēr iegūstam šādu rezultātu.



6) Paņemam Brush Tool un ar Square Brush 2px, pieturot Shift,  sadalām taisnstūri nepieciešanā izmēra daļās.



7) Tagad varam vajadzīgajās vietās ierakstīt tekstus.



Tas tā kā viss no manas puses, bet no jūsu puses es vēlētos saņemt jūsu outcomes.

[Kjopiits]

Sorry par DP.
Ja gribat līdzīgāku effektu tad izmantojiet 'Verdana' fontu un uzlieciet 'BOLD'  /11px/.

[Markus]

Vai tu mājas lapas arī pats veido, vai tikai nodarbojies ar photoshop? Un ja ir kāds blogs vai mājas lapa, varam varbūt apstīties? Jautāju jo domāju tādam kā tev fanātiķim uz photoshop, noteikti ļoti labas weblapas iznāktu

[martins256]

Tavu variantu var uztaisīt ar css un html. Draugos gan tur ir gradients - http://img.draugiem.lv/img/mnu.gif :*

[Kjopiits]

N;e, mājaslapas pašam vēl nav.

[simonr]

Nav nekas grūts. Pats veidoju pats savu dizainu, bet tā ka viniem jau dizaineru ir pilna pēcpuse, maigi sakot, tad man pat neatbildēja.
Bija ari citās krasās, bet šita ir kas vēl stāv netā http://img26.imageshack.us/img26/5563/draugiemlv2.png

[Aigars]

šī ir normāla ādiņa. Tās, kas tagad draugos ir, tas ir vienkārši vājprāts...