Web Typografie

Tijd: 3 uur

Letters en tekst hebben eigenschappen die je wel kent, zoals bold of italic. Met css kunnen we deze (en nog veel meer) teksteigenschappen aanpassen. In deze oefening nemen we aan de hand van een songtekst een korte duik in de mogelijkheden.

Lees verder “Web Typografie”

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”

Portfolio met FA

Duur: 16u

Headshots van Marilyn Monroe

MV studenten gaan samenwerken met FA studenten. De FA studenten hebben een portfolio in WordPress nodig om zichzelf mee op de markt te zetten. Zij zijn in deze samenwerking de klanten van de MV studenten. Er is dus een duidelijke rolverdeling. De FA studenten zullen als klant een duidelijke vraag formuleren. De MV studenten denken hierin mee en geven advies op gebied van vormgeving en techniek. Het doel is natuurlijk om een mooi portfolio neer te zetten, maar je leert ook samenwerken in de relatie opdrachtgever/opdrachtnemer.

Lees verder “Portfolio met FA”

Tien keer kleur

Duur: 90 min

Er zijn verschillende manieren in Photoshop om kleuren te corrigeren. De beste manier is afhankelijk van de eigenschappen van je foto. Hieronder vindt je een aantal foto’s waar iets mis is met de kleuren.

Lees verder “Tien keer kleur”

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”

FlyOut Menu

Duur: 2 uur

Een FlyOut menu is een navigatiemenu dat tevoorschijn komt wanneer je op een menuknop klikt. Dit menu bevat meerdere knoppen en links naar overige onderdelen (pagina’s) van een wesite of app. Met behulp van Components kunnen we dit menu opzetten zodat het kan worden hergebruikt en we aanpassingen in het origineel kunnen doen. Dit scheelt een hoop werk bij het aanmaken van interacties (links).

Lees verder “FlyOut Menu”

Components

Tijd: 1 uur

In Adobe XD kun je eenvoudige animaties maken die lijken op de mogelijkheden van CSS. Zo kun je een prototype van een site of app aankleden met zogenaamde ‘micro-interacties’. Dit zijn korte animaties rondom knoppen, formulieren, voortgangs-indicators, etc. Deze animaties maak je in XD met zogenaamde Components. Dit zijn groepen van objecten waar je verschillende ‘states’ (statussen) aan geeft. Een trigger zorgt er vervolgens voor dat van de ene naar de andere state wordt geanimeerd.

Lees verder “Components”

Art Brushes

Duur: 45 min

De Paintbrush Tool (Penseel) is een van de oudste tools naast de Pen Tool. De Pen Tool werkt met Bézier-curves en dat geeft strakke curves, maar lijkt niet op tekenen zoals dat met de hand gaat. De Paintbrush lijkt wat dat betreft meer op tekenen: de lijn volgt gewoon de penseelpunt. Er zijn verschillende soorten brushes die je zelf kunt vormgeven. In deze les kijken we naar de zogenaamde Art Brush (Kunstpenseel).

Lees verder “Art Brushes”

Width Tool

Duur: 30 min

De Width Tool (Breedte) kun je gebruiken om de lijndikte van een lijn te laten variëren. Met behulp van een soort ankerpunten kun je op verschillende plekken op een lijn een specifieke breedte instellen. Je kunt hiermee bijvoorbeeld mooie sierlijke ornamenten (versieringen) maken, of tekst in kalligrafisch script maken.

IntroOefening 1Oefening 2Theorie

Wanneer je met de Width Tool een pad aanklikt en de muis ingedrukt houdt, dan kun je door zijwaarts te slepen het pad op die plek een bepaalde dikte geven. Dit kun je op meerdere plekken op een lijn herhalen.

Door klik-sleep geef je een pad aan beide zijden een gelijke dikte

Wanneer je los laat tekent Illustrator het pad. Je kunt daarna de linker en rechterzijde nog individueel bewerken door Option/Alt ingedrukt te houden tijdens het slepen.

Met Option/Alt kun je één zijde afzonderlijk een waarde geven

Door met de Width Tool te dubbelklikken op een lijn krijg je een dialoogvenster waarin je een exacte waarde kan invoeren. Dit is handig voor oefening 2.

Laten we eens oefenen met het maken van een aantal verschillende lijnen met variaties in lijndikte.

  1. Download de Training Width Tool en open deze in Illustrator.
  2. Bekijk eerst de uitleg video (4’23”) onder tabblad Theorie.
  3. Maak de lijnstukjes na.
    TIP: zet in het Properties paneel de Opacity van je objecten op 50%, zodat je kan ‘overtrekken’.
  4. Het vijfde lijnstukje heeft een bolvormig einde. Maak dit met behulp van de instelling ‘Round Cap’ in het Stroke paneel (zie afbeelding hieronder).
  5. Maak het zesde lijnstuk “CBM” zo precies mogelijk na. Je mag hiervoor twee lijnen gebruiken.
Round Cap betekent dat je lijn in een bolvorm begint en eindigt.
  1. Gebruik de Width Tool om op de lijn te dubbelklikken. Hiermee opent een dialoogvenster waar je de precieze breedte kan instellen.
  2. Kijk naar het voorbeeldplaatje. Zet een breedtepunt op de plekken van de rode stippen en gebruik hiervoor de waarden die erbij staan.