Studio Artist X
 
Sitemap Copyright © Studio Artist X 2004-2010, KvK nr. 34202110

Afbeeldingen vervormen & Smart-objects Photoshop tutorial

Auteur: Sandra van Zonneveld - van der Veen
Datum publicatie: 04-10-2005
Software versie: CS2
Moeilijkheidsgraad: Gemiddeld / gevorderd
Doelgroep: Ontwerper / DTP-er / webdesigner
Het vervormen van afbeeldingen is op zich niet zo moeilijk. Er zijn allerlei prachtige, creatieve, en artistieke kunstwerkjes mee te fabriceren in de vrije expressie. Lastig wordt het pas, wanneer er wordt gevraagd om perspectieven in een foto recht te zetten, of een (lens)vervorming eruit te halen.

Afbeelding vervormen met Smart-object en de beeldkwaliteit

Gebruikers van oudere Photoshop versies, kennen het probleem dat wanneer je een foto eenmaal schaalt of vervormt er veel beeldkwaliteit verloren gaat. Photoshop CS2 biedt de mogelijkheid om zgn. Smart-objects te maken, waardoor de beeldkwaliteit beter blijft en de foto na het verkleinen zonder verlies weer vergroot kan worden tot het oorspronkelijke formaat. Wat een uitvinding! Een Smart-object is te maken door met de rechter-muisknop te klikken in de Layer, vervolgens “group into new smart-object” te kiezen. (Let op! Niet elke transformatie is beschikbaar als je Smart-object gebruikt!).

Photoshop smart-object image Er verschijnt dan een piepklein icoontje in de layer thumbnail, dat aangeeft dat dit een smart-object is.

In de voorbeeld afbeelding staan de gebouwen wel erg scheef! De getrokken verticale hulplijn geeft dat verschil duidelijk aan. Een hulplijn wordt geplaatst door in de liniaal (ViewRulers [de afbeelding moet eerst geopend zijn]) links of boven in het werkblad, met de muis te klikken en slepen.



Foto roteren

Eerst moet de foto geroteerd worden, zodat de gebouwen gelijk staan aan de loodlijn. Klik op EditTransformRotate. Het resultaat is dat de gebouwen nu rechter staan, maar door het roteren zal er in de hoeken van de afbeelding een leegte ontstaat. Bovendien is de horizontale lijn in de foto nog niet goed! De lantaarnpaal in de foto staat nog steeds scheef, en die zullen we dan ook maar even recht zetten! Kies EditTransformWarp.
Er staat nu een raster van lijnen over de afbeelding. Aan deze lijnen zitten zogenaamde Beziër-hendels, waarmee de rasterlijnen in bepaalde curves kunnen worden gedrukt. De afbeelding vervormt mee met de lijn. Hierdoor kunnen de overige vervormingen in de afbeelding worden recht getrokken.

De overgebleven ruimtes in de hoeken worden dan ook gedeeltelijk weer opgevuld. Daarna kan met de Crop-tool het geheel worden bijgesneden. Het beeldverlies aan de randen is dan minimaal.
En zie hier…alles staat weer recht!

Het werken met de warp-functie vereist wel enig inzicht en oefening. Maar zoals voor alles geldt, oefening baart kunst!

Afbeelding openen in Photoshop image

Afbeelding roteren smart-object image

Afbeelding warp smart-object image


Tips

1. Wanneer er een GIF afbeelding voor internet verkleind moest worden, was het gebruikelijk eerst het originele Photoshop document te openen, die te verkleinen en vervolgens op te slaan als GIF. Dit omdat het geheel vreselijk onscherp werd als het rechtstreeks verkleind werd.
Maar wat als het snel moet gebeuren of het origineel is zoek?

Geen probleem! Open het GIF bestand. Zet het om naar RGB! Maak er een Smart-object van, en verklein het naar het gewenste formaat. Sla het weer op als GIF. En klaar. Het resultaat is haarscherp!

Image Resizer tutorials van Sandra
ImageResizer, afbeelding roteren en bitmap bewerking Datum publicatie: 31-01-2006
Mihov Image Resizer, afbeelding formaat aanpassen Datum publicatie: 18-12-2005

Photoshop tutorials van Sandra
Afbeelding lens-vervorming corrigeren Datum publicatie: 12-11-2005
Afbeeldingen vervormen & Smart-objects Datum publicatie: 04-10-2005
Foto filter Datum publicatie: 11-09-2005

Macromedia publicaties van Sandra
Exclusief interview met Patricia Bosselaar (Promate training BV) ...over Macromedia en Studio 8 Datum publicatie: 01-12-2005
De laatste presentatie Promate Macromedia Studio 8 - De kracht van 8 Datum publicatie: 25-11-2005

Dreamweaver MX tutorials van Sandra
Navigatie met Imagemap hotspots Datum publicatie: 25-01-2006
Links & navigatie Datum publicatie: 25-01-2006




Niet gevonden hetgeen u zocht? U vind het met Google...
Google