Docent
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”Tijd: 1,5 uur
In de basis is Illustrator een programma voor vector tekeningen. Maar het programma biedt ook een aantal (beperkte) mogelijkheden om 3D effecten toe te passen op je vector tekeningen. In deze les gaan we hier eens in duiken.
Lees verder “3D en Materialen”Tijd: 1 uur
Sinds versie 5.9 maak je menu’s in WordPress via het zogenaamde Navigation Block. Aangezien dit compleet anders is dan in de voorgaande versies, en er ook nog veel thema’s met de klassieke menu-interface werken wordt in deze les beide varianten uitgelegd. Daarnaast vind je ook een toelichting op het gebruik van de plugin Elementor.
De opdracht is simpel: maak een menu aan in je WordPress site.
Dit betekent in het geval van je portfolio dat je een navigatiestructuur als hieronder zou kunnen opzetten:
Gebruik de informatie in de tabbladen hiernaast om dit voor elkaar te krijgen.
Let op: voordat je een menu kunt maken heb je pagina’s en berichten nodig, welke zijn gepubliceerd (en dus niet in Draft of Concept modus staan). In het geval van berichten raad ik aan om deze ook allemaal in een categorie te zetten, zodat je hier gebruik van kunt maken bij het opzetten van je navigatiemenu.
Als voorbeeld neem ik hier het thema “Twenty Twenty-One”. Dit is een thema dat nog niet met het zogenaamde Navigation block werkt en dat dus een oude menu-interface heeft.
Ook een thema als “Hello Elementor” maakt op dit moment (januari ’24) nog gebruik van de oude menu-interface.
Je hebt nu een leeg menu aangemaakt. Het menu wordt getoond op een plek die in het thema is aangeduid als de locatie voor het “Primary Menu”, meestal in de header.
Wanneer je een menu hebt aangemaakt kun je deze vullen met de volgende type items:
Dit doe je door de betreffende items aan te vinken (1) en dan op Add to Menu te klikken (2). Vervolgens kun je ze ordenen door de items omhoog of omlaag te slepen (3). Je kunt ze ook laten inspringen (ietsje naar rechts slepen) waardoor dit een submenu wordt onder het item dat erboven staat. Bekijk de afbeelding hieronder.
Vergeet niet om na de aanpassingen op Save Menu te klikken.
In de nieuwere thema’s wordt gebruik gemaakt van het zogenaamde Navigation Block. Ik ben persoonlijk nog geen fan en het voelt nog erg beta aan. Toch is het zo dat je met deze nieuwe interface meer kan, en er een aantal problemen mee worden opgelost. Als voorbeeld neem ik hier het thema “Twenty Twenty-Four”.
Nu is het de bedoeling om een Navigation Block toe te voegen aan je header. Dit block kun je vinden onder het blauwe plusje linksboven. Typ in het zoekveld “nav” (1) en sleep het Navigation block (2) naar een plek in de header (3). Zie hieronder.
Bekijk het plaatje hiernaast. Selecteer het Navigation block dat je in de header hebt geplaatst (1) en klik op Edit (2). Je ziet nu aan de rechterkant de inhoud van je menu.
Indien je de bovenstaande stappen hebt gevolgd zit je nu op een plek waar je je menu kunt aanpassen. Mocht je hier later rechtstreeks naartoe willen dan kan dat via het hoofdmenu. Kies Appearance > Navigation > [menunaam] om hier te komen.
De onderdelen van je menu kun je toevoegen door op het plusje onderaan te klikken (1) of in het menu zelf (2). Wanneer je op dit plusje klikt zie je een aantal veel voorkomende menu onderdelen, maar je kunt meer plaatsen door op Browse All te klikken (3).
Je kunt page links en post links toevoegen. Je kunt de volgorde van de menu-items wijzigen door te slepen. Je kunt door te slepen ook “inspringen” (dat plaats je een item niet recht onder een ander item maar iets rechtsonder, zodat het een submenu wordt (zie het plaatje hiernaast).
Wanneer je op een menu-item klikt kun je deze bewerken en stylen. Om vervolgens weer terug te komen bij de lijst met items in je menu moet je het Navigation block in de header selecteren. In de afbeelding hieronder zie je hoe het menu-item “Over mij” is geselecteerd. Mijn pijl hangt boven het Navigation block en deze highlight met een dun blauw lijntje. Door hier te klikken kom ik weer bij mijn lijst met menu items.
Als je werkt met de plugin Elementor heb je de keuze uit de gratis en de betaalde versie van deze plugin. In de betaalde versie heb je toegang tot het Elementor WP Menu block dat je in de header kan zetten. Wanneer je werkt met de gratis versie hebben we een extra plugin nodig: de Elementor Header and Footer Builder. Deze plugin voegt een eigen Navigatie block toe aan Elementor dat je in de header kan plaatsen.
Belangrijk om te weten: zowel de gratis als de betaalde versie van Elementor werkt niet goed samen met thema’s die met de nieuwe WordPress Navigation Block werken.
TIP: gebruik thema “Hello Elementor” wanneer je met Elementor werkt.
Het vergt wat experimenteren om dit in je vingers te krijgen. Gebruik online informatie zoals de WordPress Hulp en video’s op youtube. En vraag je mede-studenten en de docent om het je uit te leggen.
Tijd: 2 uur
In deze oefening leer je om delen van foto’s samen te voegen door middel van maskeren en een beetje kleur correctie. Je maakt een reeks foto’s vanuit één camera positie en alleen het onderwerp staat telkens op een andere plek. Daarna voeg je al deze foto’s samen in één beeld. En het onderwerp? Dat ben je zelf!
Lees verder “Multi Me”Tijd: 2 uur
Maskers in Photoshop zijn bedoeld om delen van een laag te verstoppen, en andere delen juist te tonen. Met maskers kun je iets weggummen en ’terug-gummen’. Maskers zijn erg handig om te gebruiken bij het samenvoegen van twee of meer afbeeldingen.
Lees verder “Maskers 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”Tijd: 1 uur
We gaan een simpele collage maken door stukjes uit foto’s te knippen en te plakken in een samengesteld beeld.
Het doel is om deze plaat te maken:
Download eerst deze ZIP met bronbestanden.
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.
Als het goed is zie je nu een mooie strakke bril zoals in het plaatje hieronder
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”Tijd: 4 uur
Wanneer je een logo ontwerpt zijn er veel aspecten om rekening mee te houden, van ontwerp tot techniek. In deze opdracht maak je kennis met de belangrijkste technische eigenschappen van een logo en de juiste werkwijze bij het ontwerpen en opleveren.
Lees verder “Logo Design”
