Docent
Tijd: 4 uur
Wanneer je de gratis versie van Elementor voor WordPress gebruikt kun je geen headers en footers maken. Om dit te omzeilen kun je gebruik maken van de Header en footer plugin. In deze oefening ga je een header maken met behulp van Flexbox containers.
Lees verder “Header in Elementor”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.
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.
Zoek online naar een grote afbeelding van een locatie ergens buiten, waar het duidelijk overdag is.
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.
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.
Voeg een Adjustment Layer Hue/Saturation toe. Verminder de Saturation (verzadiging) van de kleuren tot het een nachtelijke waarde bereikt.
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).
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!
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.
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”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”
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”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”Tijd: 90 minuten
Je kunt in PSD bestanden op heel veel manieren een geheime tekst coderen, bijvoorbeeld je wachtwoord. Je kunt de geheime tekst zelfs op zo’n manier coderen dat je een “sleutel” bestand–een ander plaatje–nodig hebt om het te decoderen. Deze oefening is een reeks puzzels waarmee je je Photoshop Detective Skills kunt oefenen.
Lees verder “Hidden Messages”Tijd: 2 uur
Symbols kun je opvatten als ’tekeningetjes’ waarvan je er meerdere gebruikt in een illustratie. Bijvoorbeeld icoontjes op een kaart. Of belletjes in een glas. Illustrator heeft een aantal handige tools om hiermee te werken.
Open het Symbol Panel via Window > Symbols. Via de knop links onderin vind je een lijstje met presets (libraries).
Je kunt een symbool zelf maken door een object in het panel te slepen. Je kunt vervolgens via het contextmenu je eigen library opslaan via Save Symbol Library.
Illustrator biedt een aantal tools om met symbolen te werken. Dit zijn de volgende:
Download training_symbols.ai en open dit bestand in Illustrator.
Vul het glas met bubbels zoals in dit voorbeeld:
TIP: Je kunt de Symbol Set veranderen in individuele objecten via Object > Expand. Zo kun je bijvoorbeeld individuele bubbels verplaatsen of bewerken.
Maak de onderstaande gezichtsbeharing na met behulp van symbols. Let op: het resultaat moet er goed uitzien, er mogen geen haren op vreemde plekken zitten en ze moeten in de juiste richting staan.
Bij deze laatste oefening ga je een illustratie van een festival terrein afmaken door slim gebruik te maken van symbolen. Ontwerp graphics en iconen voor de volgende elementen:
Ontwerp deze illustraties:
Ontwerp deze iconen:
Zet de iconen minimaal het aantal keer dat tussen haakjes staat in de afbeelding. Je mag zelf weten waar.
Zet de iconen ook in de legenda met een tekst ernaast, zodat je kunt zien wat alles betekent.
Als laatste plaats je labels boven de verschillende podia en soorten kampeerterreinen.
Bekijk ook het onderstaande voorbeeld ter inspiratie:
Tijd: 2u
Illustrator heeft een aantal tools om met perspectief te werken. De simpelste is gewoon een Transform / Distort tool, zoals je deze misschien ook kent van Photoshop. Maar Illustrator heeft ook een uitgebreide perspectief functie waarbij je je objecten in perspectief kunt plaatsen én tekenen.
Lees verder “Perspectief”Tijd: 1,5 uur
Opacity is Engels voor dekking, oftewel het omgekeerde van transparantie. Een Opacity Mask is dus een ‘masker’ dat de mate van dekking (of transparantie) uitdrukt in zwart/wit. Zwart betekent dat je niets ziet (volledig transparant) en wit betekent dat je alles ziet (volledig dekkend). Dit werkt dus hetzelfde als maskers in Photoshop.
Lees verder “Opacity Masks”
