De afbeeldingsgrootte wijzigen

Laten we het hebben over hoe je de grootte van een afbeelding in Photoshop wijzigt. Ik stel voor dat je begint met deze afbeelding uit de downloadbare oefenbestanden voor deze zelfstudie. Ik wil de afmetingen van deze afbeelding instellen, zodat die geschikt is voor een bepaalde website, waar de ideale breedte van afbeeldingen 900 pixels is. Voordat we de afmetingen wijzigen, kijken we eerst hoe groot hij nu is. Doorgaans begin je met een afbeelding die groter is dan of in elk geval niet veel kleiner is dan de aangepaste afbeelding. Als je een afbeelding namelijk sterk vergroot, kan die er op een bepaald moment wazig uit komen te zien. Ik ga naar de statusbalk onder aan het documentvenster en houd de muisknop ingedrukt op de info over de documentgrootte. In het kleine venster dat verschijnt, zien we dat dit bestand 1800 pixels breed en 1200 pixels hoog is. Omdat het op een plek komt die maar 900 pixels breed is, op onze website, moeten we het kleiner maken. Om de afmetingen te wijzigen, ga ik naar het menu Afbeelding, en kies ik Afbeeldingsgrootte... Het dialoogvenster Afbeeldingsgrootte wordt geopend. Eventueel kun je dit venster groter maken door de hoek rechtsonder te slepen. Links zie je een voorvertoning van de afbeelding. Rechts staan regelaars om de afbeeldingsgrootte te wijzigen. Er staat hier heel veel informatie, maar die hoef je niet allemaal door te nemen, met name als je de grootte wijzigt van een afbeelding die op het scherm wordt bekeken en niet wordt afgedrukt, zoals we in dit voorbeeld doen. Je hoeft hier maar een paar dingen te controleren. Controleer eerst of deze koppeling is ingeschakeld. Zo ziet het eruit als het is ingeschakeld. Als ik erop klik, ziet het er zo uit als het uitgeschakeld is. We willen dat het aan staat, zodat de breedte is gekoppeld aan de hoogte. Als we dan de grootte wijzigen, wordt de oorspronkelijke hoogte- breedteverhouding behouden en ziet de afbeelding er niet samengeperst of uitgerekt uit. Controleer ten tweede of er een vinkje staat in het vak Nieuwe pixels berekenen. Als dit vak is ingeschakeld, geef je aan dat er pixels mogen verdwijnen als de afbeelding wordt verkleind, of, als je de afbeelding wilt vergroten, dat er pixels mogen worden toegevoegd. Kijk ten derde rechts van de velden Breedte en Hoogte. Daar zie je de maateenheid waarin de afmetingen worden aangegeven. Dit staat standaard op inches. Als je de grootte wijzigt voor gebruik op het scherm, zoals we in dit voorbeeld doen, gebruik je als maateenheid geen inches, maar pixels. Ik klik dus op een van deze twee menu's, en wijzig het van Inch in Pixels. Het andere menu verandert nu ook, omdat de breedte en hoogte zijn gekoppeld. Het is nu tijd om de grootte te wijzigen. Ik ga naar het veld Breedte en in plaats van 1800 typ ik 900. Je ziet dat het veld Hoogte automatisch proportioneel wordt aangepast. Ik heb nog een extra tip: Als je de verhouding van een afbeelding wilt wijzigen, bijvoorbeeld 900 bij 400, in plaats van 900 bij 600 in dit geval, kun je daarvoor het beste een ander gereedschap gebruiken: Uitsnijden. Dat gereedschap komt in een andere video aan bod. Voordat ik op OK klik, vraag je je misschien af waarom ik de resolutie niet heb gewijzigd. Dit veld Resolutie is alleen maar relevant als je een afbeelding klaarmaakt om te worden afgedrukt. Als je de grootte wijzigt voor schermgebruik, zoals in dit voorbeeld, is de waarde in dit veld niet echt van invloed op de afmetingen van de afbeelding. Je kunt het dus laten staan op de waarde die het nu heeft. Nu we die wijzigingen in het dialoogvenster Afbeeldingsgrootte hebben opgegeven, kunnen we onderaan op OK klikken om het dialoogvenster Afbeeldingsgrootte te sluiten en terug te gaan naar het documentvenster. Eventueel kun je teruggaan naar de statusbalk en de grootte van de aangepaste afbeelding controleren. Ik klik en houd de muis vast op die informatie. Je ziet dat we nu een afbeelding van 900 bij 600 pixels hebben in plaats van het origineel van 1800 bij 1200. Het enige wat we nog moeten doen, is de afbeelding opslaan. Ik ga naar het menu Bestand en ik kies Opslaan als... in plaats van Opslaan, omdat ik de originele versie van 1800 bij 1200 pixels niet wil overschrijven. In het dialoogvenster Opslaan als geef ik deze versie daarom een andere naam. Je kunt hier typen wat je wilt. Ik typ "Resize-web.jpg" voor mijn webversie van het bestand. Ik laat al het andere zoals het was en klik op Opslaan. Ik klik op OK in het venster JPEG-opties, en nu zijn we klaar. Zo wijzig je dus de grootte van een afbeelding voor gebruik op het scherm in het dialoogvenster Afbeeldingsgrootte van Photoshop. 

Als je graag afbeeldingen afdrukt, kan het handig zijn om te weten wat afbeeldingsresolutie in Photoshop inhoudt, en hoe je de resolutie van een afbeelding wijzigt voordat je die afdrukt. Dat doe je in het dialoogvenster Afbeeldingsgrootte. Als je zelf meedoet, open dan deze afbeelding uit de oefenbestanden voor deze zelfstudie. Ga dan naar het menu Afbeelding en kies Afbeeldingsgrootte… In het dialoogvenster Afbeeldingsgrootte zie je de afmetingen van de afbeelding aangegeven in pixels. Zolang een afbeelding op je computer staat, meten we de grootte in pixels. Als we deze afbeelding zouden afdrukken, wordt de afdrukgrootte gemeten in inch en niet in pixels. In het veld Resolutie hier onderaan zie je dat de resolutie voor deze afbeelding nu 100 is. Er is niets bijzonders aan een resolutie van 100; het is gewoon een rond getal dat ik heb uitgekozen toen ik het bestand voor deze les klaarmaakte. Wat houdt resolutie hier in? Als je deze regel leest, van links naar rechts, krijg je waarschijnlijk wel een idee. Het geeft aan dat de resolutie een bepaald aantal pixels per inch is, in dit geval 100 pixels per inch. Anders gezegd: als je deze afbeelding afdrukt, worden 100 pixels van de in totaal 1800 horizontaal en in totaal 1200 verticaal aan elke afgedrukte inch toegewezen -- horizontaal en verticaal. Als je niets met wiskunde hebt, kun je het volgende gedeelte overslaan, maar als je dit wiskundig wilt bekijken, is hier een eenvoudig voorbeeld. De opgave is: deel 1800 door 100 en je krijgt 18. Dat houdt in dat de afdruk bij een resolutie van 100 pixels per inch 18 inches breed zal zijn. Voor verticaal geldt hetzelfde. Als we het totaal, 1200 pixels aan hoogte, verdelen in groepen van 100, krijg je 12 groepen of 12 inch. De hoogte van de afdruk zal daarom 12 inch zijn. Als je het basisprincipe begrijpt, vraag je je nu waarschijnlijk af welk getal je het beste bij Resolutie kunt opgeven als je een afbeelding wilt afdrukken. Helaas bestaat er geen ideaal getal, omdat dat afhangt van de printer die je gebruikt. Als je thuis op een gewone inkjetprinter afdrukt, geldt in het algemeen dat een resolutie van ongeveer 300 pixels per inch goed is. Als ik de afbeelding zou afdrukken met maar 100 pixels per inch, zou het er wel goed uitzien, maar zou het er van dichtbij niet zo fraai uitzien. Mijn desktop-inkjetprinter heeft namelijk echt ongeveer 300 pixels per inch nodig. Hoe ga je dan de resolutie van een afgedrukte afbeelding wijzigen in 300 pixels per inch in dit dialoogvenster? Eerst controleer je of het vakje Nieuwe pixels berekenen is uitgeschakeld. Omdat we alleen de resolutie wijzigen, willen we waarschijnlijk niet het totale aantal pixels in het bestand wijzigen. En dat is wat er met Nieuwe pixels berekenen gebeurt. Laten we dus zeggen dat we het totale aantal pixels op 1800 bij 1200 willen houden. We willen ze alleen verdelen in groepen van 300 in plaats van in groepen van 100. Ik ga nu dus 300 typen in het veld Resolutie. Let wel op: als ik dat doe, wijzigt ook het aantal inches voor de breedte en hoogte. Laten we dan nu hier 300 typen. En inderdaad, de breedte en hoogte zijn gewijzigd van 18 inch en 12 inch in 6 inch bij 4 inch. Dat is de grootte waarop deze afbeelding wordt afgedrukt met de resolutie die nodig is voor een optimale afdruk. Ik ben hier klaar, dus ik klik nu op OK. Het dialoogvenster Afbeeldingsgrootte wordt gesloten en ik keer terug in het documentvenster. En nu heb ik een afbeelding die klaar is om te worden opgeslagen en afgedrukt op 6 inch bij 4 inch, met 300 pixels per inch. 

Het gereedschap Uitsnijden is een van de handigste gereedschappen van Photoshop, met name als je veel foto's neemt. Je kunt het gebruiken om een compositie te verbeteren en om scheve foto’'s recht te trekken. Ik heb deze foto uit de oefenbestanden geopend. Ik zal je de basisbeginselen van het gereedschap Uitsnijden laten zien. Ik selecteer eerst het gereedschap Uitsnijden in de gereedschapset. Zodra ik dat doe, zie je deze rand rond de hele afbeelding. Dat is het uitsnijdvak. Ik zet mijn cursor op een van de hoeken of randen van het uitsnijdvak en sleep om de vorm van het vak te wijzigen. In dit geval sleep ik het ver naar binnen om een heel andere compositie te maken. Terwijl je de uitsnede maakt, zie je een voorvertoning, waarbij de weggesneden gedeelten grijs worden weergegeven. Op die manier kun je zien wat je gaat wegsnijden voordat je de uitsnede afrondt. Voordat ik deze uitsnede afrond, ga ik naar de optiebalk om je een belangrijke optie te laten zien. En dat is Bijgesneden pixels verwijderen. Deze optie is standaard ingeschakeld. Ik schakel die doorgaans liever uit, want als Bijgesneden pixels verwijderen is ingeschakeld en je het bijsnijden afrondt en de afbeelding opslaat, worden de weggesneden pixels permanent verwijderd. Als deze optie is uitgeschakeld, kun je de weggesneden pixels altijd weer terughalen. Laten we het proberen. Ik ga deze uitsnede afronden door op het vinkje in de optiebalk te klikken. Er zijn ook andere manieren om een uitsnede af te ronden, maar dit vind ik handig, omdat het zo eenvoudig is. Nu zie je dus de foto zoals die is uitgesneden. Laten we zeggen dat ik iets anders met de afbeelding doe en de afbeelding dan toch anders wil uitsnijden. Ik kan altijd teruggaan en Uitsnijden selecteren en weer op de afbeelding klikken. Alle pixels die ik heb weggesneden, worden weer zichtbaar en ik kan de uitsnede wijzigen. Dit keer wil ik wat van die weggesneden pixels opnemen. Wellicht heb je gezien dat er een raster met verticale en horizontale lijnen over mijn foto heen ligt wanneer ik de foto uitsnijd. Dit is het raster van een klassieke compositietechniek die de "regel van derden" heet. Het idee van deze techniek is dat als je het belangrijkste gedeelte van een afbeelding op het snijpunt van een van deze lijnen zet, dit een betere compositie oplevert. Laten we het met deze afbeelding proberen. Ik ga het boeket precies hier op dit snijpunt zetten door op de afbeelding te klikken en deze hiernaartoe te slepen. Ik zou de uitsnijdgrens wat kunnen aanpassen, zodat die dichter bij het boeket ligt. Vervolgens klik ik op het vinkje. Ik klik weer op de afbeelding met mijn uitsnijdgereedschap om de uitsnede verder aan te passen. Ik zie dat deze afbeelding een beetje scheef is, met name hier bij de tafel. Een van de dingen die je met het bijsnijdgereedschap kunt doen, is een afbeelding rechttrekken. Je kunt dit op een paar manieren doen. Je kunt de cursor buiten een van de hoeken zetten en zelf slepen om de afbeelding recht te trekken. Dit raster verschijnt om je daarbij te helpen. Ik gebruik liever de automatische methode. Ik ga dit dus ongedaan maken, met Command + Z op de Mac en Ctrl + Z op een pc. De afbeelding is nu weer scheef. Ik ga nu naar boven naar de optiebalk en ik ga het gereedschap Automatisch rechttrekken gebruiken. Ik klik daarop om het te selecteren in de optiebalk voor het bijsnijdgereedschap. Ik ga naar de afbeelding en dan klik ik langs de rand van deze tafel, houd mijn muis ingedrukt, en sleep nog iets verder langs die rand. Je hoeft niet de hele rand langs te gaan. Soms is een klein beetje al genoeg, zoals dit. Photoshop gebruikt je lijn als leidraad om de afbeelding zo te draaien dat de inhoud recht lijkt. Ik ga deze uitsnede nog iets aanpassen. Ik breng deze rand iets omhoog en verplaats het boeket een stukje, zodat het precies in het midden staat. Dan ga ik naar boven naar de optiebalk en klik op het vinkje om de uitsnede af te ronden. Dat waren enkele basisbeginselen van het uitsnijdgereedschap. Ik hoop dat je deze technieken uitprobeert in je eigen composities in Photoshop. 

Soms wil je je documentcanvas groter maken, zodat er meer ruimte is om elementen, zoals tekst en afbeeldingen, aan je ontwerp toe te voegen. Dat kun je doen met de opdracht Canvasgrootte die in deze les aan bod komt. Als je zelf meedoet, kun je dat doen met deze afbeelding uit de oefenbestanden of met een van je eigen afbeeldingen. Om het canvas rond deze afbeelding groter te maken, ga ik naar het menu Afbeelding, en daar zie je de opdracht Canvasgrootte..., net onder de opdracht Afbeeldingsgrootte... Voor de duidelijkheid, de opdracht Afbeeldingsgrootte..., die we in een andere video hebben besproken, werkt anders dan de opdracht Canvasgrootte... Anders dan met Afbeeldingsgrootte..., verander je met Canvasgrootte... niet de grootte van de foto's, illustraties of afbeeldingen in een compositie. Je voegt alleen ruimte rond die elementen toe. We selecteren dus Canvasgrootte… Het dialoogvenster Canvasgrootte wordt geopend. Boven aan dit dialoogvenster zie je de breedte en hoogte van de afbeelding aangegeven in inch. Daaronder kun je het canvas breder maken, hoger maken, of beide. Die velden staan ook standaard ingesteld op Inch. Als je de afbeelding online gaat gebruiken, en niet gaat afdrukken, kun je deze maateenheid beter wijzigen in Pixels. Dat is namelijk hoe we de grootte van afbeeldingen op het scherm meten, zoals je eerder in deze zelfstudie hebt geleerd. Ik ga daarom nu een van deze menu's wijzigen in Pixels. Het andere menu verandert mee. Als je weet hoe breed je de afbeelding in pixels wilt hebben nadat je het canvas hebt uitgebreid, kun je dat getal hier in het veld Breedte typen. Vaak is het echter gemakkelijker om gewoon aan te geven hoeveel pixels je aan het canvas wilt toevoegen zonder dat je je druk hoeft te maken over het totale aantal. Klik daarvoor hier in het selectievakje Relatief. Hiermee worden de breedte en hoogte ingesteld op 0. Nu kan ik het aantal pixels typen dat ik aan het canvas wil toevoegen. Laten we zeggen dat ik 400 pixels wil toevoegen aan de breedte van het canvas. Ik typ hier 400. Als ik het canvas hoger wil maken, kan ik dat ook doen. Ik laat het voorlopig gewoon op 0 staan. Ik klik op OK om dat toe te passen. In het documentvenster zie je dat Photoshop canvas heeft toegevoegd aan zowel de linker- als rechterkant van deze foto. Wat is er gebeurd? De 400 pixels aan gevraagde extra breedte zijn opgesplitst in 200 pixels aan de rechterkant en 200 pixels hier aan de linkerkant. Wat als ik maar aan één kant canvas wil toevoegen? Laten we zeggen hier aan de rechterkant? Dat doe je op een iets andere manier. Laten we ongedaan maken wat we tot nu toe hebben gedaan en dat proberen. Ik druk op Command + Z op de Mac of Ctrl + Z op een pc om de acties ongedaan te maken. Ik ga terug naar het menu Afbeelding en kies weer Canvasgrootte... Het eerste wat ik hier ga doen, is controleren of de velden Breedte en Hoogte nog op Pixels staan. Dat is niet het geval; ze staan weer op inch, de standaardwaarde. Ik wijzig die menu's dus weer in Pixels. En ik controleer ook weer of Relatief is ingeschakeld. Zoals ik al zei, wil ik dat het extra canvas alleen aan de rechterkant komt. Daarvoor ga ik naar dit plaatsingsdiagram en ik klik op het middelste vakje aan de linkerkant van dit diagram. Hiermee geef je aan dat de afbeelding aan de linkerkant van het canvas moet worden vastgemaakt of verankerd, en dat het extra canvas rechts ervan moet komen. Nu ga ik naar boven naar het veld Breedte, en ik typ het aantal pixels dat ik aan de rechterkant wil toevoegen. Laten we 800 pixels toevoegen. Klik op OK. Dat is precies het effect dat ik wilde. Het is je waarschijnlijk opgevallen dat mijn canvasuitbreidingen allemaal wit zijn geweest. Je kunt de kleur van je canvasuitbreiding aanpassen. Dat doe je hier in het dialoogvenster Canvasgrootte, met het menu Kleur canvasuitbreiding hier. Als je trouwens aan een andere afbeelding werkt, en je niet in een speciale achtergrondlaag zit, zoals in deze afbeelding, is het menu Kleur canvasuitbreiding niet beschikbaar en is het canvas dat je toevoegt transparant. Het ziet eruit als een grijs/wit dambord in Photoshop. Ik klik nu gewoon op Annuleren. Als ik deze afbeelding wil opslaan, ga ik naar het menu Bestand en kies ik Opslaan als..., zodat ik het origineel niet overschrijf. Dat is hoe je ruimte toevoegt aan je documentcanvas, zodat je meer ruimte hebt om elementen toe te voegen.