Demonstratie tekst door beeld vervangen

uit de cursus Grafische Vormgeving

Demonstratie tekst door beeld vervangen
Geef een waardering

Hallo vreemdeling,

wat leuk dat je onze site bezoekt. Bekijk gerust een paar video's en als het je bevalt kun je altijd abonnee worden.

Automatisch afspelen

Geef een reactie of stel een vraag

Geef een reactie

Registreer als je wilt reageren.

Deze website gebruikt Akismet om spam te verminderen. Bekijk hoe je reactie-gegevens worden verwerkt.

Grafische Vormgeving

perm_identity Belinda | video_library 52 video's | query_builder 04:24:38

Online cursus Grafische Vormgeving

Grafisch vormgeven is het visualiseren van de boodschap. Het is hét werkterrein van creatieve mensen die conceptueel kunnen denken en die concepten kunnen uitwerken in schetsen en praktisch toepasbare ontwerpen. In deze online cursus leer je wat grafische vormgeving precies inhoudt. Hoe je vanuit ideeën tot een concept komt. En hoe je je concept zo goed mogelijk weet te realiseren.

Conceptueel denken

Conceptueel denken is een vereiste om grafische vormgeving onder de knie te krijgen. Als vormgever dien je voor elk soort publicatie (analoog, digitaal, mobile) je te verdiepen in de mogelijkheden en de begrenzingen van de publicatievorm. In deze opleiding leer je hoe je tot ideeën komt en hoe je je idee omzet in een concept.

Communicatiekracht van typografie, layout, kleur, illustratie en beeld.

Alles communiceert, typografie, vormen, layout, kleur en beeld. Je leert hoe je hier mee om moet gaan en leert hoe en wanneer je gebruik moet maken van deze communicatiekracht.

Doel

Je leert op professionele wijze vorm te geven aan publicaties in de ruimste zin van het woord. Daarbij gaat het om het ontwikkelen van een concept, het maken van een ontwerp en het presenteren en motiveren daarvan. Vervolgens komen het voorbereiden en maken van de media uiting aan de orde. En daarnaast leer je hoe je opdrachtgevers kunt adviseren over de media uiting.

Doelgroep

Creatieve DTP-ers, webdesigners en vormgevers, die in hun werkzaamheden belast zijn met het professioneel vormgeven van creatieve- en grafische producties. En verder iedereen die zichzelf graag de kunst van het Grafisch Vormgeven eigen wil maken.

Ik heb voor mezelf een opdracht bedacht.

Het gaat om een kortingsactie op alle sportartikelen. Dit is de tekst.

In de kop Extra wil ik een letter gaan vervangen door een beeld.

Zoekende op sportafbeeldingen in Google ben ik deze afbeelding tegengekomen.

En naar mijn idee zou deze prima de letter X kunnen vervangen.

Maar dan moet ik haar natuurlijk nog wel eerst vrijstaand maken.

Normaliter zou ik deze afbeelding natuurlijk niet mogen gebruiken.

Want hier rust hoogstwaarschijnlijk copyright op.

Maar ik gebruik deze afbeelding nu enkel voor deze demonstratie.

Dus ik kopieer de afbeelding.

Open het programma Photoshop en kies bij File voor "New".

Omdat er een kopie op mijn klembord staat kan ik nu direct kiezen voor Clipboard.

De afmeting is namelijk afkomstig van het zojuist gekopieerde.

Dus klik ik op Create.

Met Commando V plak ik de kopie in het lege document.

Deze wordt als een nieuwe laag geplakt.

Ik zoom in op de afbeelding met Commando+.

De afbeelding heeft geen hoger resolutie.

Maar voor deze demonstratie is dat nu niet belangrijk.

Ik maak een selectie met het Veelhoek lassogereedschap.

Ik klik in en maak met klikjes rechte lijnverbindingen.

En zo maak ik een selectie van deze atlete.

Klik niet te snel want dan is de kans dat de selectie te vroeg gesloten wordt groot.

Zodra je namelijk dubbelklikt met dit gereedschap...

Dan wordt automatisch de selectie gesloten.

De selectie is gemaakt. Nu wil ik haar vrijstaand maken.

Daarvoor moet ik de huidige selectie omkeren bij Select > Inverse.

En dan kies ik onder het menu Edit voor Clear om de achtergrond te wissen.

Activeer het lagenvenster. Je ziet dat we gewerkt hebben in Layer .

De achtergrondlaag hebben we niet nodig, dus deze verwijder ik.

De renner staat nu vrijstaand op een transparante laag. Precies wat ik wil.

Ik bewaar dit bestand via File > Save as als een photoshop-bestand.

En ik noem deze renner-vrijstaand. Zorg dat de optie Layers aangevinkt staat.

En dan klik ik op Bewaar. Dan werk ik verder in illustrator.

Ik plaats de vrijstaande afbeelding via File > Place.

Selecteer mijn vrijstaande afbeelding. Kies voor Place.

Klik en sleep en daar is ze.

Ik zet haar voorlopig even hier aan de zijkant.

Ik moet eerst het lettertype bepalen dat ik voor de tekst wil gaan gebruiken.

Deze heb ik gevonden in de Lobster.

Ik zocht namelijk naar een schuin geschreven letter.

Omdat deze ook als het ware rennen. Dus daarmee wil ik meerennen in de vaart van de atleet.

De Lobster is ook een stevige en sterke letter.

De letters worden onderling op een mooie manier met elkaar verbonden.

Dankzij de ontwerpers.

Zij hebben diverse letterparen, zogeheten ligaturen...

apart ontworpen om zo goed mogelijk altijd de beste aansluiting tussen de letters te garanderen.

Experimenteer maar eens met dit font dan zul je zien dat dit behoorlijk speciaal is.

Je kunt de letter downloaden vanaf de Google fonts-site.

In het woordje Extra kan ik dan nu de X verwijderen.

Dan kun je nog kijken of je alle letters wilt omzetten in kapitalen.

Onderkast letters of gedeeltelijk kapitale en onderkast letters.

Als ik bedenk dat deze atlete zometeen tussen de letters E en T komt te staan.

Dan denk ik dat vooral een kapitaal T het goed zal doen.

Deze zal naar mijn idee ik de letters en de afbeelding mooi met elkaar verbinden.

Ik selecteer mijn selectie gereedschap.

En zet de letters om in lettercontouren via Type > Create Outlines.

De losse lettervormen worden dan wel standaard gegroepeerd.

Dan plaats ik de afbeelding tussen de lettervormen.

Ik vergroot de typografie, ongeveer tot hier.

En als ik de letters apart wil kunnen verplaatsen. Deze zijn gegroepeerd.

Dubbelklik ik erop. Dan kom ik in de isolatiemodus terecht.

En nu kan ik de letters apart oppakken en verplaatsen.

Dubbelklik dan ergens in het niets om weer uit de isolatiemodus te komen.

Ik teken twee vlakken.

Eentje om de achtergrond een kleur te geven. Ik zet hem eerst op wit.

En eentje als bodem waarop de atlete rent.

Die geef ik tijdelijk een ander kleurtje. Zo!

Beide kleurvlakken selecteer ik en plaats ik onderop met Commando Shift [.

Nu kan ik gaan kijken welke kleuren ik wil gaan toepassen.

Ik raad altijd aan om eerst naar de huidige aanwezige kleuren te kijken.

De atlete heeft een felgeel hesje aan.

En dat is voor een kortingsactie ook een mooie opvallende kleur.

Ik selecteer het achtergrondvlak en daarna het pipet.

En ik klik hiermee in de gele kleur van het hesje.

Totdat ik de kleur heb gevonden die ik oké vind.

Deze wat diepere en warme kleur die bevalt me wel.

Door de Commando-toets in te drukken...

wijzigt mijn cursor tijdelijk in het laatst gekozen selectiegereedschap.

En ditmaal selecteer ik de achtergrond en, met Shift ingedrukt, ook de tekst Extra.

Zo'n atletiekbaan is meestal donkerrood.

En omdat ik juist dat sportieve element wil versterken.

Kies ik nu voor een staal donkerrood.

Deze steekt ook mooi af tegen het warme en felle geel.

Dan kan ik de kortingstekst nog duidelijker laten opvallen door deze wit te maken.

Maar dat is misschien iets te opvallend.

Of ik geef hem dezelfde gele kleur als de achtergrond.

Dan kan ik de teksten nog iets beter positioneren. Zo wil ik bijvoorbeeld de letters Tr en a..

Netjes laten aansluiten met het rode vlak.

En ook de letter E. Dubbelklik ernaast om weer uit de isolatiemodus te keren.

Ik zet de vlakken nog even iets beter op de documentgrens.

Wat ik grappig vind aan dit beeld is dat voor mijn gevoel de atlete tegen de richting in rent.

Alsof ze de wedstrijd verlaat om naar die korting te rennen.

Kijk maar. Als ik haar ga spiegelen.

Dan rent ze nu in dezelfde richting als de typografie.

Dat levert een harmonischer geheel op.

Maar het is ook minder opvallend en spannend.

Juist door haar in de verkeerde richting te laten rennen valt ze veel meer op.

Zie je dat.

Ook nu is het aan te raden om meerdere variaties op hetzelfde thema te maken.

Hiervoor kun je het huidige tekengebied dupliceren met het altboard-gereedschap.

Houd dan de Alt-toets ingedrukt en sleep een kopie eruit.

Per tekengebied kun je dan nu kijken of je de compositie en de vormgeving nog meer kunt versterken.

Uiteindelijk maak je een keuze voor het ontwerp die wat jou betreft jouw idee en concept het beste visualiseert.