Day 2 Night

Tijd: 45 min

In Photoshop kun je aanpassingen maken aan bijvoorbeeld het contrast, de kleuren en de helderheid van een afbeelding. Dat kan door de originele pixels te veranderen, maar dat betekent dat je niet meer terug kan zonder Undo te gebruiken. Met behulp van zogenaamde Adjustment Layer kun je ervoor zorgen dat je deze aanpassingen kunt blijven tweaken, en dat ze dus niet je originele pixels veranderen.

IntroStappen

We gaan een afbeelding die is gemaakt op klaarlichte dag veranderen tot een nachtelijke scene met behulp van adjustment layers, zoals in het voorbeeld hieronder.

Adjustment Layers vind je in het paneel Layers.

Stap 1.

Zoek online naar een grote afbeelding van een locatie ergens buiten, waar het duidelijk overdag is.

Stap 2.

Voeg een Adjustment Layer Brightness/Contrast toe. Schuif zowel de brightness als het contrast omlaag, totdat je een soort schemering benaderd.

TIP: Experimenteer met de optie “Use Legacy”. Hiermee kun je volledig zwart/wit/grijs creëren.

Stap 3.

Voeg een Adjustment Layer Color Balance toe. Maak de kleuren een stuk blauwer (en misschien een beetje paarser) om een nachtelijk gevoel te creëren.

TIP: Je kunt de kleuren voor verschillende helderheden instellen: Shadows, Midtones en Highlights.

Stap 4.

Voeg een Adjustment Layer Hue/Saturation toe. Verminder de Saturation (verzadiging) van de kleuren tot het een nachtelijke waarde bereikt.

Stap 5.

Voeg een Adjustment Layer Levels toe. Schuif de grijswaarde naar rechts zodat de foto een stuk donkerder wordt (gevoelsmatig té donker).

Teken nu in het masker van de laag met een grote, zachte, zwarte brush een cirkel/ovaal die de randen van de foto net aan raakt. Wat je nu overhoudt is een zogenaamd vignette (donkere rand rondom je foto).

Stap 6.

Nu ga je alle Adjustment Layers tweaken, om een zo mooi mogelijk resultaat te verkrijgen. Klik op het icoontje van de Adjustment Layer om de waarden aan te passen.

Let op: de volgorde van de Adjustment Layers in je Layers paneel maakt uit!

Stap 7.

Sla je werk op als JPG (File > Export As > JPG op hge kwaliteit). Maak een screenshot van je layers paneel met alle lagen zichtbaar. Lever drie bestanden in: je originele foto (onbewerkt), de bewerkte foto en je screenshot.

Babysteps

Tijd: 3 uur

WordPress kan best uitdagend zijn, zeker wanneer je gaat werken met complexe plugins en thema’s. Dus voordat we daarin duiken beginnen we met deze reeks kleine oefeningetjes om te wennen aan de interface. Zo wordt je stap voor stap bekend gemaakt met een aantal basisfuncties. Elke oefening duurt niet langer dan 10 minuten.

Lees verder “Babysteps”

Wenskaart

Tijd: 4 uur

Bij de supermarkt of de boekhandel zie je ze staan: wenskaarten. Deze zijn in allerlei soorten en maten te koop. Veel mensen sturen een kaart voor een verjaardag, een geboorte, of om vanuit je vakantiebestemming de groeten te doen aan je vrienden of familie thuis. Wij gaan in deze les een gevouwen wenskaart ontwerpen.

Lees verder “Wenskaart”

Transformaties

Een transformatie is een bewerking waarbij de afmetingen of oriëntatie van een afbeelding wordt veranderd. Bijvoorbeeld vergroten, verkleinen of draaien, samendrukken, uitrekken, etc. Het komt erop neer dat je de pixels in de afbeelding verandert.

Lees verder “Transformaties”

Visitekaartje

Tijd: 4 uur

In een tijd van online kennismaken en elkaar linken is het nog steeds heel handig om een papieren visitekaartje te hebben. Wanneer je in het werkveld mensen ontmoet is een papieren product een tastbare herinnering aan de kennismaking. Bovendien is iemand een kaartje geven veruit de snelste vorm van je contactgegevens delen.

Lees verder “Visitekaartje”

Retoucheren Oriëntatie

Tijd: 1 uur

Het bewerken van foto’s wordt ook wel retoucheren genoemd. Letterlijk betekent dit “opnieuw aanraken”. Het doel is hierbij om kleine onregelmatigheden weg te poetsen en het bestaande beeld te verbeteren. Dit is iets anders dan wanneer het beeld wordt veranderd. In dat geval spreek je van (beeld)manipulatie.

Lees verder “Retoucheren Oriëntatie”

Collage Oriëntatie

Tijd: 1 uur

We gaan een simpele collage maken door stukjes uit foto’s te knippen en te plakken in een samengesteld beeld.

IntroStappen

Het doel is om deze plaat te maken:

Download eerst deze ZIP met bronbestanden.

Voorbereiding
  1. Pak de ZIP uit op een logische plek op je computer.
  2. Open Photoshop en kies File > Open
  3. Houdt CMD/CTRL ingedrukt en selecteer alle afbeeldingen
  4. Klik open. De afbeeldingen openen nu allemaal in afzonderlijke tabs.
Ananas
  1. Ga naar de afbeelding van de ananas en selecteer de tool “Object Selection Tool”.
  2. Hou je pijl boven de ananas. Wanneer je deze ziet oplichten in een roze tint klik je met de muis.
  3. Kies CMD/CTRL-C (copy)
  4. Ga naar de afbeelding van het strand en kies CMD/CTRL-V (plak).
Limoen
De move tool en de het vinkje om de ankerpunten te tonen
  1. Ga naar de afbeelding van de limoen en herhaal de procedure hierboven.
    LET OP: wanneer je de limoen plakt zie je dat deze te groot is.
  2. Selecteer de tool “Move”.
  3. In de eigenschappen van de tool vink je aan “Show Transform Controls”.
  4. Sleep de ankerpunten om de afbeelding te verschalen
  5. Wanneer je de cursor iets buiten een hoek-ankerpunt plaatst zie je het rotatie-symbool. Klik en sleep hiermee om de limoen te draaien.
De ankerpunten (vierkantjes) en de Move Tool in Rotatie
Koptelefoon
  1. Ga naar de afbeelding van de koptelefoon en herhaal de selectieprocedure met de “Object Selection Tool”.
  2. Sleep deze laag naar beneden in het Layers paneel, zodat deze achter de ananas staat.
  3. Gebruik de Move Tool om deze iets groter te maken en op de juiste plaats te zetten zodat het lijkt dat hij op de ananas zit.
Zonnebril

Nu wordt het iets ingewikkelder. Hier werkt de Object Selection tool niet goed. We gebruiken daarom de tool “Quick Selection”. Je kunt de grootte van deze tool instellen met de rechte haken [ en ]. Zoom goed in om de randen te bekijken, en werk dit eventueel bij met de tool “Lasso”. Voor beide tools geldt: hou Option/Alt ingedrukt om delen te verwijderen van de selectie.

Probeer een zo precies mogelijke selectie te maken van het montuur.
Zet in Select and Mask de view mode op “On White”
  1. Ga naar de afbeelding van de zonnebril en selecteer het montuur van de bril zonder de glazen met de tools “Quick Selection” en “Lasso”.
  2. Wanneer je een precieze selectie hebt gemaakt klik je bovenin op de knop “Select and Mask”.
  3. Zet nu rechts de View Mode op “On White”. Dit geeft je een indruk van de huidige selectie.
  4. Zet onder Global Refinements Smooth op 100 en Contrast op 50.

Als het goed is zie je nu een mooie strakke bril zoals in het plaatje hieronder

Overige instellingen Select and Mask
  1. Zet onder Output Settings de Output op “Selection” en klik OK. Dit sluit de Select and Mask interface.
  2. Kies nu CMD/CTRL-C (copy)
  3. Ga naar het tabblad strand, en plak hier de bril.
  4. Zet indien nodig de laag boven de ananas.
Zonnebril glazen
  1. Gebruik de tool “Lasso” om de glazen met enige ruimte te selecteren.
Kies de Blend Mode in het paneel Layers
  1. Kies nu Layer > New Fill Layer > Gradient, klik OK en kies een mooie Gradient uit de lijst en klik weer OK.
  2. Sleep nu deze laag onder de bril-laag in het paneel Layers.
  3. Zet in het paneel Layers de blend mode op Multiply.
  4. Als je wilt kun je ook aanpassingen doen aan de Opacity.
Inleveren
  1. Als je tevreden bent met het resultaat kies je File > Save As.
  2. Zorg ervoor dat je opslaat als een Photoshop document (*.PSD)
  3. Lever de PSD in.

Vrijstaand maken

Tijd: 1 uur

Een deel van een afbeelding losmaken van de rest noem je in Photoshop vrijstaand maken. Denk bijvoorbeeld aan een product dat is gefotografeerd in een studio, bijvoorbeeld een blikje Cola, en dat nu in Photoshop moet worden geplaatst tegen een blauwe wolkenlucht. Dan moet de achtergrond van de studiofoto er dus vanaf worden gehaald.

Lees verder “Vrijstaand maken”

Wireframe it

Tijd: 1 uur

Een wireframe is een schetsmatig ontwerp van de layout van een app of een website of andere digitale interface. Deze schets bestaat uit simpele vlakjes en lijnen om aan te geven welke onderdelen waar zitten. In deze opdracht ga je oefenen met het maken van een wireframe van een bestaande website.

Lees verder “Wireframe it”