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”

CSS Basis

Tijd: 30 min

CSS is de taal waarmee je vormgeving vastlegt voor onderdelen van een webpagina. Bijvoorbeeld hoe groot de letters zijn, welke kleur en welk lettertype. Of welke achtergrondkleur een pagina heeft. Maar je legt er ook een belangrijk deel van de layout in vast: links of rechts uitlijnen, witruimte, lagen, etc. Maar ook interactie, animaties, en responsiveness: hoe je layout zich aanpast op de breedte van het scherm.

Lees verder “CSS Basis”

Smoelenboek

Tijd: 4 uur

Ook al leven we in een digitale omgeving, soms is een print op papier van heel veel waarde. Wanneer je bijvoorbeeld een oude klassenfoto vindt van tien jaar geleden. Of een boekje waaruit je werd voorgelezen.

De games, apps en websites die je nu gebruikt zijn over tien jaar waarschijnlijk helemaal anders. De ervaring die je nu hebt is dan niet meer te beleven, omdat de hardware dan ook allemaal anders is.

Daarom gaan we een print maken. We maken een ‘smoelenboek’ met daarin van iedere klasgenoot een paar foto’s en een verhaaltje. Dit is namelijk over 10 jaar goud waard.

Lees verder “Smoelenboek”

Nieuwsbrief

Tijd: 4 uur

Veel grafische ontwerpen, zoals een tijdschrift of een krant, worden opgemaakt volgens een stramien. Hiermee wordt een basis voor een ontwerp of layout vastgelegd. Er worden afspraken gemaakt over bijvoorbeeld lettertypes, kolommen en kleurgebruik. Dit is om eenheid te bewaken.
In deze oefening leer je een aantal basistechnieken in InDesign. Je maakt kennis met de eisen aan beeld voor drukwerk en je leert een ontwerp druk-klaar aan te leveren.

Lees verder “Nieuwsbrief”

Layout in XD 1

Duur: 45 min

XD is gemaakt om snel een layout in te ontwerpen, en deze te finetunen richting een definitief ontwerp. Maar voordat je gaat finetunen moet je dus snel verschillende prototypes kunnen bouwen. XD geeft je een aantal hulpmiddelen om snel een layout op te zetten.

Lees verder “Layout in XD 1”

Layout in XD 2

Duur: 45 min

XD is gemaakt om snel een layout in te ontwerpen, en deze te finetunen richting een definitief ontwerp. Maar voordat je gaat finetunen moet je dus snel verschillende prototypes kunnen bouwen. XD geeft je een aantal hulpmiddelen om snel een layout op te zetten.

Lees verder “Layout in XD 2”