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.
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.
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.
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.
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.
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.
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).
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.
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).
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.