Gewapend met een schaar knipte je foto's uit tijdschriften om een persoon of object op een andere achtergrond te plakken?
Dat gaan we nu ook doen!
Alleen doen we het nu met Paint Shop Pro!
Met de selectiegereedschappen kan je de contouren van wat je wilt uitknippen verbazingwekkend nauwkeurig definiëren.
Kijk maar naar de onderstaande afbeelding, dan krijg je een idee waar we het over hebben: links de foto waar we mee beginnen.
Rechts dezelfde foto nadat we de contouren van de auto eruit hebben gehaald.
Laten we een ritje maken.
Sla eerst de foto op je vaste schijf op, zodat je de oefeningen in deze les kunt doen.
(even rechtsklikken en opslaan als...)
Allereerst gaan we de contouren van het object definiëren waarvan we een silhouet willen uitknippen.
We gebruiken hiervoor het selectiegereedschap Freehand.
Activeer de optie Toggle Tool Options Window zodat je toegang hebt tot de opties voor dit gereedschap:
- Freehand. Hiermee maak je een selectie met de muis.
- Point-to-Point. De contouren worden overgetrokken met een reeks muisklikken waarbij elk punt met het vorige wordt verbonden door middel van een rechte lijn.
Met dubbelklikken sluit je de selectie. - Smart Edge. Paint Shop Pro maakt gebruik van verschillen in helderheid tussen twee gedeelten om de contouren te definiëren.
Gebruik dit alleen voor objecten die duidelijk te onderscheiden zijn van de achtergrond.
De contouren van de auto definiëren
We gebruiken het gereedschap Freehand met de modus Point-to-Point omdat de randen van de auto niet duidelijk afsteken tegen de achtergrond. Open eerst de afbeelding in Paint Shop Pro en ga hierna als volgt te werk:
[list=][*]Vergroot de weergave van het object met het gereedschap Zoom zodat je nauwkeuriger kunt werken.
[*]Klik op het gereedschap Freehand en vervolgens op Toggle Tool Options Window.
Loop door de lijst Freehand en selecteer het type Point-to-Point.
[*]Trek de contouren over met een aantal klikken, zoals in afbeelding 3.
Je krijgt mooie rondingen als je de punten dicht bij elkaar houdt.
Neem rustig de tijd, want je moet helemaal overnieuw beginnen als je een fout maakt.
[*]Als je klaar bent met de contouren dubbelklik je op het beginpunt om de lijn te sluiten en het gereedschap Freehand af te sluiten.[/list]
Het silhouet van de auto uitknippen en bijsnijden.
We gaan nu over tot het uitknippen van het silhouet. Eerst moeten we nog iets controleren. Als het kleurenpalet niet zichtbaar is, geef je dit weer door te klikken op de knop Toggle Colour Palette. Controleer of de achtergrondkleur wit is. Dit is de kleur die verschijnt na het uitknippen van het silhouet. Bovendien wordt deze kleur gebruikt als transparantiekleur, wat we later zullen zien.
- Klik op Selections, Invert, of druk op Shift+Ctrl+I.
De selectie bevindt zich nu om de omgeving en niet om het object. - Klik op Edit, Cut of druk op de toetsencombinatie Ctrl+X.
Het object is nu een silhouet.
Meestal moet je nog wel een beetje bijwerken.
Je moet soms een paar overbodige pixels weghalen aan de randen.
Je kunt hiervoor de gereedschappen Paint Brush en Dropper gebruiken.
Er is geen speciale methode om deze bijwerkingen uit te voeren.
Het is meer een kwestie van smaak en inschatting.
Nu moet je alleen nog de afbeelding bijsnijden zodat de achtergrond tot een absoluut minimum wordt beperkt:
- Klik op het gereedschap Selection en teken een rechthoek om het object.
- Klik hierna op Image, Crop to Selection.
Perfecte integratie in je webpagina's
Als de afbeelding de GIF- of PNG-indeling heeft, kan je de achtergrond transparant maken zodat de afbeelding perfect opgaat in de achtergrond van je webpagina's.
De transparantiekleur moet nergens anders in het object voorkomen anders krijg je een heel lelijk effect (door een koplamp of weerspiegeling is dan de achtergrond van de webpagina te zien, niet echt fraai...).
Daarom moet je je keus zorgvuldig maken.
De exacte RGB-code van de kleur direct boven die van het gereedschap Dropper wordt real-time weergegeven in het kleurenpalet.
Als we de auto nemen, die geen enkel stukje wit bevat, gebruiken we zuiver wit (RGB-code= 255,255,255) wat we ook hebben gebruikt voor het uitknippen van het silhouet.
- Klik op Colours, Set Palette Transparency.
- Schakel de optie Set the transparency value to the current background colour in.
- Klik op de knop Proof.
Je ziet nu een grijs-wit raster in de transparante zones.
Controleer of er geen transparante zones in de auto zijn.
Zoom eventueel nog wat in. - Klik op OK om de transparantiekleur te accepteren en sla de afbeelding op.
Hieronder zie je de afbeelding met silhouet op een webpagina.
De afbeelding gaat perfect op in de achtergrond van de pagina dankzij het gebruik van transparantie.