Embedded Files
Welkom bij de eerste kennismakingsles van Adobe Photoshop. Vandaag ga je ontdekken hoe je met een paar eenvoudige tools al verrassend sterke ontwerpen kunt maken. Adobe Photoshop is één van de meest gebruikte programma's binnen de creatieve en grafische sector.
Het programma wordt gebruikt voor het bewerken van foto's, het maken van digitale illustraties, het ontwerpen van posters, advertenties, social media-uitingen, websites en nog veel meer. Photoshop is ontwikkeld om met afbeeldingen te werken en biedt ontwerpers veel mogelijkheden om hun ideeën visueel uit te werken.
Binnen de wereld van vormgeving wordt Photoshop gebruikt door grafisch vormgevers, fotografen, marketeers, webdesigners en kunstenaars. Je komt het programma tegen bij reclamebureaus, drukkerijen, uitgeverijen, fotografiebedrijven en communicatieafdelingen van organisaties.
Een belangrijk onderdeel van Photoshop is het werken met layers (lagen). Lagen zorgen ervoor dat je flexibel en overzichtelijk kunt werken. Daarom is het belangrijk om lagen altijd een duidelijke naam te geven en je bestand netjes te organiseren. Dit is een professionele werkwijze die je tijdens je opleiding én later in het werkveld veel tijd zal besparen.
Bij deze opdrachten wordt ervan uit gegaan dat de installatie van Adobe Photoshop in het Engels staat.
Les 1
Les 1
Leerdoelen
Leerdoelen
Wat ga je vandaag leren
In deze les werk je met de belangrijkste basistools van Photoshop:
Objecten selecteren – werken met selectietools om onderdelen van een afbeelding nauwkeurig te selecteren.
Maskers maken – delen van een afbeelding verbergen of zichtbaar maken zonder iets definitief te verwijderen.
Layers gebruiken – werken met verschillende lagen, deze ordenen, verplaatsen en combineren.
Adjustment Layers – kleuren, helderheid en contrast aanpassen zonder de originele afbeelding te wijzigen.
Blend Modes – experimenteren met verschillende overvloeimodi voor creatieve effecten.
Tekst bewerken – tekst toevoegen, vormgeven en aanpassen met verschillende lettertypes en instellingen.
Je leert hoe je afbeeldingen kunt bewerken met een niet-destructieve workflow. Door selecties, maskers, lagen en aanpassingen te combineren maak je een creatieve compositie en ontdek je de kracht van Photoshop.
Onthoud dat het niet gaat om direct het perfecte ontwerp te maken, maar om te experimenteren, te proberen en ervan te leren. Elke creatie die je maakt, helpt je om beter vertrouwd te raken met het programma.
Blijf nieuwsgierig, durf nieuwe dingen uit te proberen en wees niet bang om fouten te maken. Juist door te oefenen ontwikkel je jouw creatieve vaardigheden
Aanmaken document | Interface | Tools uitleg
Aanmaken document | Interface | Tools uitleg
Stap 1: Open Photoshop
Stap 2: In Photoshop kan je het zelfde als in Illustrator een nieuw bestand aan maken door op de blauw knop te drukken New file of via File--> New.
Stap 3: Nu wordt er een nieuw venster geopend. En hierin kun je dus ook weer verschillende themplates selecteren om te beginnen. Maar meestal heb je al een foto waar je gelijk mee wil beginnen. Kan klik op Open of via File--> Open.
Move Tool
Move Tool
Met de Move Tool kan je objecten verplaatsen binnen je canvas.
Remove Tool
Remove Tool
Met de Move Tool kan je objecten verwijderen uit de foto.
Selectie Tools
Selectie Tools
Met de Selection Tools kan je objecten selecteren. Zodat je daarna er eventueel iets anders mee kan doen zoals: Masker maken, kleur veranderen alleen op de selectie, filter toepassen op de selectie alleen, etc
Tekst Tool
Tekst Tool
Hiermee kan je tekst plaatsen in jou canvas. En uiteraard veranderen van grote, kleur en lettertype.
Onder de selectie tools kun je nog meer verschillende Tools vinden om te selecteren. Om deze te kunnen zien kilik je op het icoontje van een selectie tool en hou je de Linkermuisknop (LM) ingedrukt
Even oefenen
Even oefenen
Je hebt vast wel eens een vakantiefoto gemaakt waarop niet alles helemaal klopt. Misschien sta je met de verkeerde persoon op de foto, is de achtergrond minder mooi dan verwacht of zou je achteraf graag iets willen aanpassen. Gelukkig kun je met Adobe Photoshop veel van deze problemen oplossen.
Voor deze oefening krijg je een vakantiefoto die op de verkeerde locatie is genomen. Daarnaast sta je op de foto met z'n drieën, terwijl je er uiteindelijk met z'n tweeën op wilt staan. Met behulp van de verschillende gereedschappen in Photoshop ga je één persoon op een geloofwaardige manier verwijderen en de omgeving aanpassen zodat de foto eruitziet alsof deze op de juiste plek is gemaakt.
Wanneer de foto is aangepast, maak je er een echte ouderwetse ansichtkaart van. Op een ansichtkaart hoort natuurlijk een leuke vakantiegroet. Daarom voeg je tekst toe die past bij de sfeer van de afbeelding. Denk hierbij aan een korte boodschap die je naar vrienden of familie zou kunnen sturen.
Als laatste geef je de foto nog wat extra uitstraling door de kleuren te verbeteren. Je kunt bijvoorbeeld de foto warmer, zonniger of juist nostalgischer maken, zodat deze nog beter past bij het idee van een vakantiekaart.
Ansichtkaart
Stap 1: Openen van de foto.
Klik hier om de foto te downloaden (vakantiefoto.jpg)
Deze open je in Photoshop via File--> Open
Stap 2: Selecteren van objecten (Selection Brush Tool)
Om objecten te selecteren kun je verschillende selectie tools gebruiken vandaag ga je verschillende gerbuiken. Je begint met de Selection Brush Tool gebuiken deze is erg makkelijk te gebruiken.
Hiermee kun je met een brush over de objecten heen gaan om deze te (Adden) toe te voegen. Ook als je een fout gemaakt hebt weer (Subtracten) weg poesten. De brush kan je ook groter maken standaard staat hij op 15 maar dit kan je zelf bepalen.
Teken nu op de meest rechter persoon zodat deze helemaal rood geselecteerd is.
Stap 3: Verwijderen van objecten
Nu heb je het object in dit geval een persoon geselecteerd en deze wil je nu uit de foto gaan verwijderen. Dit ga je doen door de Remove. Als het goed is staat deze in een balk onder de foto
Wanneer je de Remove niet onder de foto staat in een bar, kan je het ook via de Remove Tool in de Toobar in de linkerkant.
AI in Photoshop
Sommige van vinden AI iets dat niet mag gebruikt worden als je iets moois wilt gaan maken. Want dan is het niet meer orgineel. Maar AI zit ook in photoshop dit zit er al jaren in om zo achtergronden weg te werken alleen dit is ook met de tijd mee gegaan en het wordt alleen maar beter. Het is een tool om te gebruiken om het proces van jou orginele idee/ontwerp alleen maar te versnellen en sommige dingen iets makkelijker te maken. Want als je vroeger iets wilde weg poesten kon je hier soms wel een week meebezig zijn als je dit goede wilde doen. En nu duurt het soms minder dan een minuut.
AI wordt dus nu ook gebruikt om de persoon uit je afbeelding te halen.
Stap 4: Selecteren van objecten (Object Selection Tool)
De volgende selectie tool die je gaat gebruiken is de Object Selection Tool hier meer kun je ergens op een object klikken of een selectie kader slepen over verschiilende objecten zodat deze samen geselecteerd worden.
In dit geval wil je de 2 dames selecteren zodat je straks de achtergrond weg kan halen zodat je straks de foto van het strand terug kan plaatsen.
Maak nu een selectie kader om de 2 dames heen zodat deze beide geselecteerd zijn
Maskers in Photoshop
Wat is een masker?
Wat is een masker?
Een masker in Photoshop is een hulpmiddel waarmee je delen van een afbeelding kunt verbergen of zichtbaar maken, zonder de afbeelding echt te verwijderen.
Hoe werkt een masker?
Hoe werkt een masker?
Photoshop gebruikt hiervoor zwart, wit en grijstinten:
Wit = zichtbaar
Zwart = verborgen
Grijs = gedeeltelijk zichtbaar (transparant)
Waarom gebruik je een masker?
Waarom gebruik je een masker?
Met een masker kun je:
Achtergronden verwijderen zonder pixels definitief te wissen.
Twee afbeeldingen mooi in elkaar laten overlopen.
Fouten eenvoudig herstellen.
Belangrijk om te onthouden
Belangrijk om te onthouden
Een masker verbergt pixels, maar verwijdert ze niet. Daardoor kun je altijd terugkomen op je wijzigingen.
Kort samengevat:
Een masker is een niet-destructieve manier om delen van een afbeelding zichtbaar of onzichtbaar te maken met behulp van zwart, wit en grijstinten.
Stap 5: Masker maken
Om een masker te maken zie je bij je Layers Panel verschillende icoontjes onderin staan. De gene met het witte vierkantje en zwarte rondje erin is de Layer Mask. Wanneer je iets gelesecteerd te heb zorgt deze ervoor dat je dat blijf zien en de rest verborgen wordt.
In dit geval zal de achtergrond verwijden en de 2 dames blijven staan.
Masker aanpassen
Wanneer je nog niet helemaal tevreden met bent wat je ziet kun je dit nog bijwerken met de Brush Tool met zwart of wit. Je moet dan wel alleen het Masker geselecteerd hebben in het Layers Panel
Brush Tool
Zwart/Wit
Stap 6: Plaasten van een foto
Klik hier om de foto te downloaden (strandfoto.jpg)
Om een foto te plaatsen binnen een bestand zijn er 2 manieren.
Place Embedded
Place Linked
Wat het verschil tussen deze 2 is:
Place Embedded de foto echt in het document plaatst, waardoor het bestand ook iets zwaarder wordt in MB's. Voordeel is dat als je het bestand weer opent de fotoe er ook altijd inzit.
Place Linked de foto zoals het wordt ook zegt Linkt naar de foto ergens op jouw computer. Voordeel is dat je photoshop bestand licht blijft in MB's. Nadeel is als je de foto verwijderd of verplaatst op je computer photoshop het bestand niet meer kan vinden en dus ook niet in jouw bestand terug te vinden is.
Jij kiest nu voor Place Embedded en zoek de foto op waar jij deze gedownload hebt en plaats deze in het bestand. File --> Place Embedded.
Stap 7: Lagen verplaatsen
Wanneer een nieuwe foto geplaatst wordt in een bestaand bestand word deze altijd boven aan geplaats. Dit wil je op dit moment niet. Selecteer de Standfoto laag in het LayersPanel en sleep deze naar beneden.
Stap 8: Harmonize
De kleuren van de 2 foto's en de belichting kloppen nu niet echt met elkaar. Dit wil je nu wel laten kloppen en dat doe je doormiddel van Hamonize.
Nu
Harmonize
Selecteer de laag waar de 2 dames in staan in het LayersPanel.
Nu kun je onder de foto in de balk op Harmonize kikken zie je deze niet kan je dat via Layer-->Harmonize doen.
In het Properties Panel zie je nu 3 verschillende versies waar je uit kan kiezen die jij het meest geschikt vindt voor de foto.
Nu wordt er nieuwe laag bij gemaakt die Harmonized Layer heet deze laag heeft dan geprobeerd de belichting en de kleuren zo aan te passen dat deze zodicht mogelijk bij de achtergrond komt.
Als je het verschil wilt zien kun je het oogje in de LayersPanel naast de foto aan en uit klikken.
In dit geval kan je eigenlijk ook de andere laag weg gooien of verbergen doormiddel van het oogje uit te zetten. Want deze zie je niet meer omdat de andere foto erboven zit.
Stap 9: Tekst plaatsen
Nu ga je met de Tekst Tool wat tekst op de foto plaatsen deze mag je uiteraard ook zelf verzinnen. Wanneer de Tekst Tool is geselecteerd klik je ergens in de foto om de tekst te typen die je wilt. In het Properties Panel aan de rechterkant boven kun je het letterype, grote en kleur aanpassen van de tekst.
Tekst Tool
Properties Menu
Zorg dat de tekst boven aan komt te staan bij de layers.
De ansichtkaart is bijna af hij is nog iets te donker dus deze ga je doormiddel van Adjustment Layers veranderen.
Adjustment Layers
Adjustment Layers
Met Adjustment Layers pas je kleuren, helderheid en contrast van een afbeelding aan zonder de originele foto te veranderen. Dit wordt ook wel niet-destructief werken genoemd. Je kunt de aanpassingen op elk moment wijzigen, verbergen of verwijderen.
Blend Modes
Blend Modes
Met Blend Modes bepaal je hoe een laag samenwerkt met de lagen eronder. Door verschillende blend modes te gebruiken kun je bijvoorbeeld kleuren versterken, schaduwen toevoegen of creatieve effecten maken. Experimenteer met opties zoals Multiply, Screen en Overlay om te ontdekken welke effecten ze geven.
Stap 10: Aanpassingen Kleur
De Adjustments kun je terug vinden naast het Properties Panel.
Er zijn 2 verschillende;
Presets
Single adjustment
Bij de Presets kunnen er verschillende adjusments gebruikt zijn die je dan toepast op de foto. Dit kan je uiteraard ook zelf doen met verschillende Single adjustments.
Probeer er eens wat uit deze kun uiteraard altijd weer verwijderen uit je Layers Panel
Aanpassen Adjustment Layers
Een Adjustments Layer kun je altijd nog aanpassen in het voorbeeld hiernaast zie je dat de Adjusment Layer - Brightness/Contrast is geselecteerd. En in het Properties Panel kan je deze waardes altijd nog wat veranderen tot het juiste gewenste resultaat.
OPSLAAN
De oefening die je nu gemaakt hebt wil je niet kwijt raken dus deze moet je nog even moeten gaan opslaan.
En waar moet je deze dan opslaan deze sla je op in de OneDrive van school en op je eigen computer.
Als het goed is heb je een goede mappen structuur al aangemaakt op de OneDrive en ook op je eigen computer.
TIP: Sla altijd eerst je werk op, op het bureaublad (Desktop) en verplaats daarna het bestand naar de OneDrive en naar jouw eigenmap op je computer.
TIP: Sla altijd eerst je werk op, op het bureaublad (Desktop) en verplaats daarna het bestand naar de OneDrive en naar jouw eigenmap op je computer.
Hoe sla je nu werk op?
Bij verschillende programma's zeker alle Adobe Pakketen vind je altijd links boven in File staan.
Hier vind je dan verschillende manieren om op te slaan Save, Save As.., Save a Copy
Save = Deze gebruik je als je aan het begin van het aanmaken jou bestand al een goede naam hebt gegeven. En als hij al een keer is opgeslagen dan vervang je als ware het vorige bestand waarin je gewerkt hebt.
Save As = Deze gebruik je als je nog geen goede naam hebt gegeven aan begin van het aanmaken van je document. Of om als je hem onder een andere naam wilt opslaan. Uiteraard kan je dit ook gebruiken als je meerdere versies van een bestand wilt opslaan.
Save a Copy = Deze gebruik je als je van je werkt bestand waar je aan in het werken bent ook eventueel een plaatje van wilt opslaan een .jpg bestand.
Stap 11: Bestand opslaan (werkbestand)
Om nu de Oefen opdracht op te slaan doen je dat nu 2 keer je wilt het werkbestand (.psd) hebben en een eindresultaat (.jpg)
Om het werkbestand op te slaan kies je voor File-->Save As.....
Geef de opdracht een naam zoals; WB_Ansichtkaart.psd
WB=werkbestand
Stap 11: Bestand opslaan (eindresultaat)
Om het eindresultaat op te slaan kies je voor File-->Save a Copy
Geef de opdracht een naam zoals R_Ansichtkaart.jpg
R=resutlaat
Wanneer het bestand op je bureaublad (Desktop) staat. Upload je deze naar de map in je Onedrive en sleep je deze naar jou desbetreffende map van jouw eigen computer.
En upload je de bestanden bij de opdracht op Teams.
Sneller willen werken (Shotcuts)
Sneller willen werken (Shotcuts)
Move Tool = V
Marque Tools = M
Selection Brush Tool = L
Object Selection Tool = W
Met de Shift + M L W kan je door de verschillende selectie tools heen
Remove Tool = J
Shape Builder = Shift + M
Rotatie = R
In/UIzooem = Ctrl/Cmnd + +-
Pannen = Spatiebalk
Tekst Tool = T
Brush Tool = B
Kleuren wisselen = X
Om nog meer Shortcuts te leren van Photoshop klik hier om de cheatsheet te downloaden
Les 2
Les 2
De opdracht - Filmposter "BABY ZILLA"
De opdracht - Filmposter "BABY ZILLA"
Wat ga je nu maken met de technieken die je net hebt geleerd?
In deze opdracht ga je een spectaculaire filmposter maken voor de fictieve film BABY ZILLA. Je krijgt hiervoor verschillende foto's aangeleverd in een map klik hier die je gebruikt om één overtuigende en creatieve compositie te maken. Je mag daarnaast ook zelf aanvullend beeldmateriaal zoeken via rechtenvrije websites, zoals Unsplash, Pexels of Pixabay. Zoek bijvoorbeeld op: city skyline, destruction, smoke, explosion, dramatic sky
Het doel van deze opdracht is om te laten zien dat je verschillende afbeeldingen op een manier kunt combineren. Je past hiervoor onder andere selecties en laagmaskers toe om onderdelen uit foto's vrijstaand te maken. Vervolgens zorg je ervoor dat alle afbeeldingen één geheel vormen door gebruik te maken van Adjustment Layers, Blend Modes en Harmonize. Let daarbij goed op kleur, contrast, belichting en sfeer.
Aan het einde van de les presenteren we de resultaten tijdens een korte gallery walk van ongeveer 15 minuten. Zet je Photoshop-bestand open en loop langs het werk van je medestudenten om inspiratie op te doen en feedback te geven.
Hieronder alle fotos die gerbuikt zijn voor de filmposter hierboven. Zo zie je dat je met weinig materiaal toch al iets tofs kan maken.
AI Prompt gebruikt voor het kapotte gebouw.
A severely ruined multi-story building in the middle of a collapse, with massive pieces of exterior walls and concrete slabs falling from upper floors. Thick dust clouds fill the air as debris rains down onto the street below. Dramatic action scene, cinematic perspective, photorealistic disaster scenario, ultra-realistic details, realistic physics, high-resolution, dynamic lighting, no people, no text.
Hoe begin je?
Hoe begin je?
Voor deze opdracht is het belangrijk om te weten met wat voor foto's je gaat werken. Hiervoor is al map aangemaakt klik hier waar verschillende foto's van steden, baby's, rook, explosies, voertuigen staan. Als eerste ga een achtergrond uitzoeken die je wilt gebruiken dit is ook gelijk je basis waarop je verder gaat werken. Hierna kies je alle andere fotos uit die jij denkt nodig te hebben. Uiteraard ben je zelf ook nog vrij om andere foto's te zoeken die bij jouw poster passen.
Misschien kun je nog naar verschillende filmposters kijken online voor wat inspiratie.
Gebruik van AI Prompt binnen photoshop.
Gebruik van AI Prompt binnen photoshop.
Soms zijn er geen goede afbeeldingen te vinden met de juiste composititie of samenstelling van hoe jij het wilt hebben. Hier kan AI dus soms een goede hulp bij zijn. Het wil niet altijd zeggen wat je krijgt wat je wilt. En zal je uiteindelijk altijd nog wat moeten doen voordat het goed is. Hiervoor moet je dus ook echt goed weten wat je wilt in de afbeelding en dit goed kunnen beschrijven in een prompt.
Wanneer je dit moeilijk vindt om een goede prompt te schrijven kan je dit ook laten doen door Copilot van Microsoft hierin beschrijf je een beetje wat je wilt en hij genereerd dan een prompt voor je die je kan gebruiken.
Om AI prompt te gebruiken in photoshop doe je als volgt;
Selecteer je eerst een laag van een object/foto.
Hierna maak je een selectie waar de gegenereerde afbeelding moet komen.
Ga dan naar Edit --> Generate Image
Voor de Prompt in en de afbeelding wordt gemaakt.
Er is nu een nieuwe laag aangemaakt met de gegenereerde afbeelding.
Selecteer de laag en maak een selectie
Ga naar Edit--Generate Image en voor de prompt in.
Een nieuwe laag is aangemaakt met de gegenereerde afbeelding
Gebruik van Vignette
Gebruik van Vignette
Om de poster nog iets meer diepte te geven en een meer als een filmposter kan je er nog een Vignette over doen. Dit zorgt ervoor de de randen van de afbeelding iets donkerder worden zodat alles waar de focus op moet liggen meer opvalt.
Het Vignette gebruiken in photoshop doe je als volgt;
Selecteer je eerst achtergrond laag. Of een laag waar je het vignette op wilt toepassen.
Ga dan naar Filter--> Camera Raw Filter
Opent nu een nieuw venster waar je het Vignette kan aanzetten en aanpassen hoe jij het wilt.
Klik daarna op OK en Vignette wordt toegepast.
Opslaan
Opslaan
Stap 11: Bestand opslaan (werkbestand)
Om nu de opdracht op te slaan doen je dat nu 2 keer je wilt het werkbestand (.psd) hebben en een eindresultaat (.jpg)
Om het werkbestand op te slaan kies je voor File-->Save As.....
Geef de opdracht een naam zoals; WB_Filmposter.psd
WB=werkbestand
Stap 11: Bestand opslaan (eindresultaat)
Om het eindresultaat op te slaan kies je voor File-->Save a Copy
Geef de opdracht een naam zoals R_Filmposter.jpg
R=resutlaat
Wanneer het bestand op je bureaublad (Desktop) staat. Upload je deze naar de map in je Onedrive en sleep je deze naar jou desbetreffende map van jouw eigen computer.
En upload je de bestanden bij de opdracht op Teams.
Page updated
Google Sites
Report abuse