Scanlines

Info 
Door: Onbekend lid Moeilijkheidsgraad: 1/3
Views:16.261Reacties: 10(Bekijken)
  Log in om zelf te reageren
 Waardering:8/10 (2 stemmen)



Je ziet ze tegenwoordig in bijna elke afbeelding op het net. De-over populaire scanlines. Je kan ze toepassen op headers, buttons of zelfs achtergronden. Scanlines zijn lijnen/patronen die over je image lopen en zo een soort televisie effect geven. Soms ook wel het effect dat je krijgt wanneer iets ingescand wordt, vandaar de naam.
Wil je weten hoe je ze maakt? Just sit back, relax and enjoy this tutorial.

http://users.pandora.be/skralan/webnation/scanlines/begin.png [size=1]Fig 1. Tijger[/size]
We openen eender welke afbeelding waarop we die scanlines willen zetten (Ctrl + O, of Bestand > Openen).
Hiernaast openen we ook nog een nieuw document (Ctrl + N of Bestand > Nieuw) met transparante achtergrond en volgende afmetingen; width: 10px en height: 2px. (Je kan de hoogte ook vergroten als je de scanlines verder uit elkaar wilt).

In dit nieuw document tekenen we een horizontale lijn met het potlood http://users.pandora.be/skralan/webnation/tools/pencil.png in zwart (je kan eigenlijk elk kleur gebruiken dat je wil, maar in dit voorbeeld gebruik ik zwart). Let er wel op dat de potloodlijn helemaal aan de bovenkant van het nieuwe document staat. (Zoom in met Ctrl + '+').

http://users.pandora.be/skralan/webnation/scanlines/scanlines_vb.png [size=1]Fig 2. Voorbeeld Scanlines[/size]
Dit gaan we opslaan als 'pattern'. 'T klinkt ingewikkeld, maar eens je t gedaan hebt kan je er niet genoeg van krijgen :wink:
We gaan naar 'Edit'in de menubalk en dan 'Define Pattern', en daar geven we een naam aan onze scanlines in wording. (vb, scanlines).

http://users.pandora.be/skralan/webnation/scanlines/define_pattern.png [size=1]Fig 3. Define Pattern[/size]

Mooi zo, we zijn nu al halfweg.

http://users.pandora.be/skralan/webnation/scanlines/fill.png [size=1]Fig 4. Fill[/size]
Ga naar je image waar je de scanlines op wilt toepassen, daarna ga je terug naar 'Edit'en dan 'Fill'.

We kiezen 'Pattern' > 'scanlines'.
Als je nu op ok drukt komen je scanlines op je figuur, maar dat zal waarschijnlijk veel te donker zijn.
Daarom gaan we de 'Opacity' aanpassen, zet dit op 50% of iets wat je zelf goed vind.

http://users.pandora.be/skralan/webnation/scanlines/final.png [size=1]Fig 5. Tijger met scanlines[/size]
Zo, nu ben je volledig klaar. Maar voor de fanatiekelingen gaan we nog iets verder.

Buiten gewone rechte lijntjes kan je ook meer creatieve scanlines maken (dit worden dan eigenlijk meer gewone patronen, maar het principe werkt hetzelfde). Kijk eens naar onderstaande voorbeelden en probeer het eens voor jezelf.

http://users.pandora.be/skralan/webnation/scanlines/final_ver.png [size=1]Fig 6. scanlines verder uit elkaar[/size]
http://users.pandora.be/skralan/webnation/scanlines/final_schuin.png [size=1]Fig 7. Schuine scanlines[/size]
http://users.pandora.be/skralan/webnation/scanlines/final_punt.png [size=1]Fig 8. Puntjes[/size]

Voor vragen en opmerkingen kan je altijd op het forum[/URL] terrecht.

10 reacties
invasionline Geplaatst op 12-06-2007 om 18:49
 

Regular
dorces koop het bij mij
Onbekend lid Geplaatst op 06-09-2004 om 08:51
 

Spammer
ja
rtj7 Geplaatst op 06-09-2004 om 00:08
Avatar van rtj7

Regular
lukt het wel met alle edities vanphoto shop?
Mirax Geplaatst op 16-08-2004 om 14:42
 

Moderator
Kopen.
Dorces Geplaatst op 16-08-2004 om 14:22
 

Regular
ik wil photoshop, hoe kom ik daar aan?

Pagina 1 2 

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