Inset Lines

Info 
Door: Onbekend lid Moeilijkheidsgraad: 1/3
Views:11.186Reacties: 4(Bekijken)
  Log in om zelf te reageren
 Waardering:8.3/10 (3 stemmen)



Deze tutorial leert je hoe je eenvoudige inset lines kan maken. Deze kunnen een leuk detail van je interface zijn. Inset lines geven je de indruk dat het lijntje ingekerfd is.

In deze tutorial gebruik ik de inset lines in een menu balk, maar het toepassingsveld is eindeloos.

Open je interface. (Ctrl + O, File > Open).

http://users.pandora.be/skralan/webnation/inset_lines/menu.jpg Fig. 1. Menu balk.

We gaan verdelingen aanbrengen op de menubalk tussen de verschillende menu-items. We nemen de Single-column-marquee tool (rechter muisknop op de rectangular marquee http://users.pandora.be/skralan/webnation/tools/selection.png en kies single column) uit de toolbox.

Op een nieuwe layer tekenen we nu een kolom tussen 2 menu items, en vullen deze met een gepast kleur. In dit geval een soort donker groen. Naast deze lijn tekenen we nog een kolom en vullen deze met een heel licht groen..

http://users.pandora.be/skralan/webnation/inset_lines/inset.jpg Fig. 2. Inset Lines.

Kopieer nu deze layer, en plaats ze telkens tussen 2 menu items.
Voila, dankzij de simpele lijntjes ziet je menubalk er meteen veel beter uit.

http://users.pandora.be/skralan/webnation/inset_lines/menueind.jpg Fig. 3. Menu balk met inset lines.

Je kan natuurlijk deze techniek voor andere dingen ook gebruiken. Als je bijvoorbeeld een horizontale verdelingslijn voor tussen je tekst wil ofzo. Wees creatief!

Zo, dat was het dan al weer. Hopelijk een informatieve tutorial waar je veel aan gehad hebt :wink:. Vragen kan je in het forum stellen. Je creaties mag je altijd tonen adh van een reactie op deze tutorial.

4 reacties
huub8 Geplaatst op 10-01-2008 om 21:14
 

Regular
Weet iemand ook waar ik een lege menubalk kan vinden, zodat ik er zelf inkepingen in kan maken en mijn eigen tekst op kanzetten?
Hawkic Geplaatst op 02-08-2005 om 16:17
Avatar van Hawkic

Regular
Idd
Netto Geplaatst op 25-07-2005 om 12:17
 

Regular
1234 Geplaatst op 28-09-2004 om 19:42
 

Regular
handige tutorial, het is simpel en ziet er mooi uit.

Pagina 1 

Om te reageren moet je ingelogd zijn.
Nog niet geregistreerd? Doe dat dan nu!


Terug naar gewone pagina

Websitemaken wordt gehost door Nucleus.be, uw Hosting Solution Builder