Les 9

Aanleveren drukwerk:

Gebruik als kleurmodus CMYK. RGB kleurmodus leidt tot onverwachte kleurverschillen. De RGB kleurmodus wordt bij het verwerken van uw drukwerk omgezet naar de CMYK kleurmodus.

Afbeeldingen en foto's moeten minstens 300 dpi zijn. Lagere resoluties geven slechtere resultaten en hogere resoluties geeft zwaardere documenten.

Laat bij het ontwerp de afbeeldingen tot 2 mm buiten het documentkader vallen. Dit voorkomt bij het schoonsnijden van uw drukwerk witte randjes

Zorg bij het ontwerp er voor dat teksten, logo's en dergelijke een afstand van minimaal 5 mm met het documentkader hebben.

De drukker heeft geen weet van hoe uw beeldscherm ingesteld is. Als u een kleur aanmaakt op uw beeldscherm betekent dat dus niet, dat dit automatisch de kleur op het drukwerk wordt. De drukker kan alleen de kleurwaarden in het door u aangeleverde document drukken. De drukker geeft alleen een herdrukgarantie als de kleuren op uw drukwerk niet overeenkomen met de kleurwaarden in het aangeleverde bestand.

Bestandsformaat
Het beste kun je aanleveren in PDF formaat, ingesteld als drukwerk. Mocht je gewoon .AI aanleveren dan wel alle text converteren naar outlines.

 Nog wat over live trace en live paint:
http://www.youtube.com/watch?v=PBJLla0bu_c
http://www.duoh.com/varia/illustrator_livepaint/

Les 8

Vanavond doen we 2 dingen.

We kijken even kort naar live trace:
http://www.youtube.com/watch?v=fvnd3m5aYBs&feature=related

http://www.tutorial9.net/tutorials/illustrator-tutorials/adobe-illustrator-tip-1-intro-and-livetrace/

Zoek allemaal een foto van het internet en voer een live trace uit.

 poster tutorials

Snowboarder

Les 7:

Laat maar eens zien die logo's cq visitekaartjes?

Vanavond kijken we naar brushes:

Overview van de bestaande brushes:

Filmpje caligraphic brush:
Filmpje art brush:
Filmpje pattern brush:
Filmpje scatter brush:

Oefening brushes:
http://vector.tutsplus.com/tutorials/tools-tips/a-comprehensive-guide-illustrators-paintbrush-tool-and-brush-panel/

Symbols:
http://www.youtube.com/watch?v=pTD037AnsXc
http://www.youtube.com/watch?v=j-OrtrBXKoU
http://www.youtube.com/watch?v=PSBzZlHU9bU

Simpele poster
http://layersmagazine.com/retro-adobe-illustrator.html

Les 6

Logo's











Logo quiz


Van wiki:

Een beeldmerk of logo is een grafische uiting die met een bedrijfs- of productnaam geassocieerd wordt. Het woord "logo" is afgeleid van het Griekse woord "λογος", dat kan worden vertaald als "woord".
Het is een teken dat symbool staat voor een woord of combinatie van woorden.

Een beeldmerk is een beeld dat overeenkomt met het merk. Zo is bijvoorbeeld het beeldmerk van Puma ook daadwerkelijk een poema.

Een vignet is een abstract (beeld zonder herkenbare voorstelling) teken dat pas na associatie met het merk herkend kan worden als merkteken, zoals de drie strepen van Adidas.

Tegenwoordig is een logo gevormd door een combinatie van bovenstaande.

Het kleurgebruik bij al deze varianten is erg belangrijk, ook de vormentaal en lettertypes.
Logo ontwerp is een belangrijk onderdeel van het werk van een grafisch ontwerper.
Hier wat tips omtrent logo ontwerp(geleend van David Airey http://www.davidairey.com/5-vital-logo-design-tips/)

1. Leer wat een logo is en wat het representeert

Voordat je een logo gaat ontwerpen moet je begrijpen wat een logo is, wat het representeert en wat de functie van een logo is. Een logo is niet alleen een merk, het weerspiegelt het commerciële label van een bedrijf dmv vorm, lettertype, kleur en / of afbeeldingen.

Een logo geeft vertrouwen, herkenning en bewondering voor een bedrijf of product en het is de taak van de ontwerper om een identiteit te creëren die dit daadwerkelijk doet.

 

2. Ken de regels en principes van logo design

Nu je weet wat de functie van een logo is en wat het moet representeren is het tijd om te kijken naar waar een goed logo aan moet voldoen: de basis regels en principes.

• Je moet een logo goed kunnen omschrijven


• Het logo moet zowel in kleur als in zwart-wit effectief zijn
• Het logo moet goed te onthouden zijn (herkenbaar)
• Het logo moet schaalbaar zijn

3. Leer van het succes en falen van andere logo's

Nu je weet wat de basisregels voor een goed logo zijn kun je goede en slechte logo's van elkaar onderscheiden. Weten welke logo's succesvol zijn, en waarom, geeft je meer inzicht in wat een goed logo is.

Als voorbeeld kijken we naar het Nike logo. Het logo is in 1971 ontworpen door Caroline Davidson voor niet meer dan $35,-. Vandaag de dag is het nog steeds sterk, herkenbaar, goed bruikbaar zonder kleur n goed schaalbaar. Het is simpel, vloeibaar, snel en representeert de vleugel van het beroemde standbeeld van de Griekse Godin van de overwinning, Nike. Het Niks is slechts één van de vele goede ontwerpen.

Voor meer goede logo's zou je eens kunnen kijken op Logopond, of één van de vele boeken over Logo design kunnen lezen.

De minder succesvolle logo's

Van minder goede logo's kun je ook veel leren. Zoals de middelste en rechtse in bovenstaande afbeelding.
Of deze:
http://logodesignerblog.com/bad-ugly-worst-logo-designs/


4. Ontwikkel je eigen logo ontwerp proces

Nu je weet wat een logo is, wat de basisregels en principes van logo design zijn en wat een goed logo maakt zijn we klaar om te starten met het ontwerp proces. Dit is het moeilijkste gedeelte en een onderwerp op zich. Iedereen heeft weer een andere werkwijze en veel ervaring is vaak een belangrijke factor bij het ontwikkelen van je eigen ontwerp proces.

In het kort moet een ontwerp proces uit de volgende onderdelen bestaan:

• Briefing


• Onderzoek en brainstormen


• Schetsen


• Schetsen en ideeën uitwerken tot een eerste (of meerdere) concept


• Voorleggen aan de opdrachtgever


• Herzien en puntjes op de i zetten


• Bestanden aanleveren aan de opdrachtgever

Speedy logo design

Hier een fimpje met logo ontwerp tips.
Een illustrator tool die echt ontzettend handig kan zijn bij het maken van logo's:

De blend tool:
Eerst als filmpje......alleen kijken:
http://layersmagazine.com/adobe-illustrator-blend-tips.html
Nu stap voor stap:
http://vector.tutsplus.com/tutorials/tools-tips/illustrators-blend-tool-a-comprehensive-guide/


Blend tool
Blending lines

Blending
Colour blending

Om uit te printen:
http://www.bittbox.com/illustrator/fun-with-illustrators-blend-tool

Een andere geweldige tool die handig kan zijn bij logo ontwerp:

De pathfinder:
http://www.youtube.com/watch?v=5z9l9-W7V64
http://veerle-v2.duoh.com/blog/comments/using_the_pathfinder_and_align_tool_in_illustrator/
Aligning and Pathfinder:

Zelf een logo maken:
http://dryicons.com/blog/2009/02/28/logo-design-process-tutorial/


Opdracht voor volgende week:
Ontwerp een Logo en maak een visitekaartje.

Les 4

Lettertypen (fonts)

Een lettertype is in de typografie een stilistisch samenhangende set tekens die meestal letters, cijfers en leestekens uitbeelden. De set kan ook andere symbolen bevatten of geheel daaruit bestaan, zoals in het geval van wiskundetekens.

Er zijn verschillene classificatiesystemen voor lettertype, de meest bekende en gebruikte is die van Vox. De "Vox"-classificatie is ontworpen door de Franse typograaf Maximilien Vox
Onze vriendin over type classificatie.
Gratis boekje over verschillende type classes.
Lettertypen volgens wiki.
Lettertypen zijn zelfs zo spannend, dat men er een film over heeft gemaakt.

Hoe kies je een font
Schreef of geen schreef?
Kwestie van smaak. Persoonlijk vind ik schreef lettes bij een beperkt aantal woorden niet mooi. Bij zinnen cq paragrafen leest een schreef letter wel prettiger, omdat de schreef je mee voert langs de zin.

Respecteer de inhoud (boodschap)
Dit is iets wat eigenlijk (als het goed is) instinctief wordt geregeld. Niemand zal een overlijdensadvertentie in comic sans(bah wat een gore lettertype is dat) zetten.

Lees de boodschap, leef je in.
Probeer zoveel mogelijk feeling te krijgen met het onderwerp van de desbetreffende tekst. Dit zal je meer betrokkenheid geven en zal de keuze voor een bepaald lettertype zeker helpen.

Wat is je doelgroep.
Voor kinderen gebruik je een ander lettertype dan voor een wetenschappelijk document. Voor een heave-metal concert kies je andere letters dan voor een strijkkwartet.

Smoelt het goed?.....dan is het goed.
Als je de tekst hebt gezet, kijk er eens van een afstand naar. Laat andere er naar kijken. Als het op een bepaald medium moet worden gedrukt, maak een proefdruk.

En.....
Typografie is een kunst......dus alles wat hier boven staat is subjectief. Als het werkt om de mal te breken, breek hem Typeface give us signals.

Hier kun je zien dat bepaalde lettertypen het best bij bepaalde boodschappen passen. http://www.youtube.com/watch?v=qU830I2k2ug

Anatomie van letters

Ligaturen en glyphs
De betere fonts hebben ook een assortiment aan ligaturen en glyphs.

In typografie is een glyph eigenlijk hetzelfde als een karakter. Je komt dit woord tegen in het woord hieroglyph. Voorbeelden:

ı

€

§ ¶
De beter lettertypen hebben eigen glyphs. Ligaturen zijn voorbeelden van samengestelde glyphen, vaak letters die aan elkaar zijn gegroeid. Bijvoorbeeld:
æ

œ

Een voorbeeld van een commercieel font met glyphs.
Een lijst met mooie profesionele typefaces

Gratis fonts:http://www.acuitydesigns.net/50-freely-available-professional-fonts-for-your-designs/ http://www.1001freefonts.com/
http://www.dafont.com/
http://www.urbanfonts.com/
http://www.extremefonts.com/
http://www.101fonts.com/
http://www.highfonts.com/
http://www.downloadfreefonts.com/
http://www.acidfonts.com/
http://www.getfonts.com/

Commerciele fonts:http://www.houseind.com/freedownload/

http://www.fonthaus.com/http://www.letterheadfonts.com/

Wat is het verschil tussen TrueType-, PostScript- en OpenType-lettertypen?

TrueType-lettertypen kunnen naar elk formaat worden vergroot of verkleind en zijn duidelijk en leesbaar in alle formaten.

TrueType-lettertypen kunnen worden verzonden naar elke printer of elk ander uitvoerapparaat dat door Windows wordt ondersteund.

OpenType-lettertypen zijn verwant met TrueType-lettertypen, maar omvatten een grotere aanvulling op de basistekenset, met bijvoorbeeld klein kapitaal, cijfers in oude stijl en gedetailleerdere vormen, zoals symbolen en ligaturen.

OpenType-lettertypen zijn ook duidelijk en leesbaar in alle formaten en kunnen worden verzonden naar elke printer of elk ander uitvoerapparaat dat door Windows wordt ondersteund.

PostScript-lettertypen zijn vloeiend, gedetailleerd en van hoge kwaliteit. PostScript-lettertypen worden vaak gebruikt voor professionele afdrukken van hoge kwaliteit, zoals boeken en tijdschriften.

Welk lettertype kan ik het beste gebruiken?
Dat hangt er vanaf.
Als u slechts op zoek bent naar een lettertype dat goed kan worden afgedrukt en goed leesbaar is op het scherm, kunt u waarschijnlijk het beste een TrueType-lettertype kiezen.

Als u een grote tekenset nodig hebt voor afdrukken in een bepaalde taal en met een fijne typografie, is een OpenType-lettertype mogelijk de beste keuze. A

ls u publicaties met een professionele afdrukkwaliteit wilt afdrukken, zoals tijdschriften gedrukt op glanzend papier, of als u een commerciële drukker bent, is een PostScript-lettertype een goede keus.

Hoe installeer je een font
http://www.youtube.com/watch?v=Icuq5Fz-eKU

Voor de mac:
http://www.youtube.com/watch?v=dokthvGmRXc

Links:

Een typografie blog

Tenslotte nog even lachen om de strijd tussen Serif en Sans Serif

Even kijken naar visitekaartjes:
http://www.webdesignerdepot.com/2009/05/100-really-creative-business-cards/
Tips voor visitekaartjes:
http://naldzgraphics.net/tips/10-tips-in-designing-effective-business-cards/
Nog meer tips:
http://www.communicatie-centrum.nl/visitekaartjes-tips.html

OK nu gaan we weer eens met Illustrator aan de slag:

http://www.websonic.nl/tutorials/illustrator/illustrator_lettervanwoordschuiven.php
http://www.websonic.nl/tutorials/illustrator/illustrator_lettervanwoordroteren.php
http://www.rdesignonline.com/design/creating-3d-text-in-illustrator/
http://vectips.com/tutorials/create-an-editable-metal-type-treatment/
http://vectips.com/tutorials/creating-editable-letterpress-styled-text/

Typografie

Les4

Typografie omvat het zetten, drukken en vormgeven van teksten, voor functionele en esthetische doeleinden.

Typografie dient rekening te houden met het medium en doel van de geschreven teksten. Deze stellen verschillende eisen voor leesbaarheid en opvallendheid.

Deze week kijken we vooral naar zaken als leesbaarheid, volgende week gaan we dieper in op de verschillende lettertypes.

Typografie is dus tekstuele vormgeving.

Daarbij let een typograaf op (van wiki):

• de zetbreedte (regellengte): de breedte van een tekstblok of kolom. De typograaf let daarbij op het maximum aantal tekens of woorden per regel. Bij een tekst met te lange regels moet het oog van de lezer namelijk een te grote afstandssprong maken van het eind van de regel naar het begin van de volgende. In het algemeen worden maxima gehanteerd van gemiddeld ca. 85 tekens (inclusief spaties en leestekens) of van gemiddeld twaalf woorden.

• de diverse lettergroottes (corpsen) en -soorten. Door een combinatie daarvan (naast onder andere kleurgebruik) kan de typograaf de diverse tekstelementen visueel onderscheidend maken en daarmee de inhoudelijke hiërarchie goed visualiseren en ordenen. Letterfamilies bestaan uit diverse lettersoorten, meestal minimaal :
  -romein (normaal)
  -vet
  -cursief
  -vet-cursief.
  Er zijn ook uitgebreide letterfamilies, die dan bijvoorbeeld als extra lettersoort vet-cursief, halfvet, extra vet, versmald en verbreed hebben.
• de interlinie: het wit tussen twee regels.
• de regelafstand: de grootte van de letter (het corps) opgeteld bij de grootte van de interlinie. (Voorbeeld: corps 10 punt + 4 punt interlinie geeft een regelafstand van 14 punt.)
• de spatie-breedte: het wit (de ruimte) tussen twee woorden.
• het gebruik van initialen = al dan niet sier-kapitaal van een groter corps aan het begin van een hoofdstuk, in een andere (traditioneel rode) kleur.
• het gebruik van kapitalen (hoofdletters), kleine kapitalen en onderkast (kleine letters als deze)
• de letterspatiëring: het wit tussen de letters onderling
• de gebruikte letterfamilie(s) (lettertypen).
• de leestekens
• de verhoudingen tussen de marges rond het tekst-blok
• het vaste (verticale) tussenwit (bij meerdere kolommen)
• het bijeenblijven van inhoudelijke 'eenheden'

Voor verschillende doeleinden, gebruik je andere lettertypen.
-Krant is vaak gedrukt in een schreef letter (Times New Roman)
-Op een scherm leest een schreefletter niet prettig, omdat het dan lijkt alsof de letters aan elkaar vast gegroeid zijn. Dus een schreeflose letter voor het scherm (Arial, Tahoma)......
-Een poster mag opvallend zijn en kan dus gebruik maken van de vreemdste lettertypen.

Typografie filmpje:
Typografie volgens de Wiki.
Indeling van een pagina:
Bladspiegel












Verder kan een pagina nog worden onderverdeeld in kolommen en een kolom in paragrafen.














Enkele begrippen:

Kerning

Kerning (overhang in het nederlands) is visueel aanpassen van de witruimte tussen twee letters.

Voorbeeld van slechte kerning




Tracking:

Tracking is de algehele horizontale spatiëring van een stuk tekst. Met tracking beïnvloed je de densiteit van een tekst in de breedte.













Leading is interlinie:






















Wat regels voor goede typografie en prettige leesbaarheid:
-Lange zetregels zijn overbodig en ongewenst. Lange zinnen zijn vermoeiend voor de ogen. gebruik kolommen
-Zorg voor voldoende contrast met de achtergrond.
-Wees zuinig met KAPITALEN (hoofdletters). Lezen irritirend
-Zorg voor duidelijke verschillen in Titels, subtitels en het artikel zelf.
-Gebruik niet teveel (liefst 1) font per pagina/ontwerp.
-Vermijdt zo veel mogelijk het centreren van complete stukken tekst.




















-Hoerenjong en weeskind zijn uit den boze.
-Respecteer het font(typeface) en blijf van de verhoudingen af.

Slecht
Goed
Wat typografie voor een website kan doen.
Kunst met Typopgrafie:
Typografie in vogelvlucht



Typografische animaties:
Pulp Fiction
Fear Loathing


OK genoeg even over typografie.....volgende week meer.
Nu gaan we oefenen:


Eerst het laatste deel van de basis:
Lagen en groepen (layers and grouping)

Dan nu lekker freubelen met tekst:
Alle basisbegrippen typografie binnen illustrator
http://www.tutorialized.com/view/tutorial/Distorting-Text-in-Illustrator/61861
http://www.tutorialized.com/view/tutorial/Wrap-the-Text-in-Illustrator/61583

Medium
http://www.tutorialized.com/view/tutorial/Using-the-Appearance-palette-on-Text/60894
http://www.tutorialized.com/view/tutorial/Illustrator-Tutorial-on-Text-Treatment/60665

Moeilijk
http://www.tutorialized.com/view/tutorial/Create-a-Blood-Text-Effect/61072
http://www.tutorialized.com/view/tutorial/Bring-Life-to-Text-using-Light-and-Shade/60249

Geplaatst door Jena_Mu6 op 23:17 Geen opmerkingen:

Les 3

Kleur en....kleur in Illustrator.





Kleur volgens Wiki

De mens reageert op allerlij manieren op kleur.
Soms psychologisch, soms zelfs lichamelijk.
Meestal onbewust.

Bij vormgeven is het noodzakelijk om kennis te hebben, van de reactie die kleuren oproepen.

Kleuren roepen emoties op en beinvloed op een onderbewust niveau.
Het is dus een integraal deel van de manier waarop we ‘spreken’ tegen de toeschouwer.

Hoe ervaren wij kleuren?
Kleuren die we zien, worden door onze hersenen geïdentificeerd en er worden automatisch associasities gelegd. We zien gras en onze hersenen vertellen ons dat het groen is, andersom werkt dat ook.

Als we uit een vliegtuig grote vlakken groen zien, denken we onderbewust.......he, gras.

De hersenen koppelen ook een waarde oordeel aan kleuren, vaak verbonden aan het menselijk instinct.

Rood is gevaar, blauw is koud, grijs is saai.


Verkeerde kleurkeuze kan een ontwerp er goedkoop uit laten zien.

Kleur kan in een ontwerp op twee manieren worden ingezet:
• Decoratief
• Functioneel

Decoratief kleurgebruik
Kleur brengt het ontwerp tot leven. Hoe overzichtelijk een ontwerp ook is in zwart-grijswit, het is ook meestal vrij saai.

Functioneel kleurgebruik
Kleurgebruik kan helpen bij het inzichtelijker maken van een ontwerp(bv website, festival programma of een verkeerbord).

Kleur gebruik kan ook zorgen dat je de aandacht trekt.

Hier kun je zie hoeveel impact kleur heeft op een website:
http://www.csszengarden.com/


Mooie kleur gebruik op websites
Even mooie poster zonder kleur
Kleurloos extreem doorgevoerd



Kleuren werken vooral door de combinatie met andere kleuren.
Kleur wordt ook sterker of zwakker door de combinatie met andere kleuren. Rood
gecombineerd met roze werkt namelijk heel anders dan rood gecombineerd met
grijs. In het laatste geval springt het rood er veel meer uit.

Goede kleuren bestaan niet, alleen goede kleurcombinaties.


Welke kleuren u ook kiest, het ontwerp moet voor alles prettig zijn voor het oog.
Gebruik nooit meer kleuren dan absoluut noodzakelijk.

Hoe bepaal je een een goed kleuren pallet?

Een kleurenpallet moet passen:
-bij de boodschap (een uitvaartfolder in vrolijke pastel kleuren.....dat past niet)
-De doelgroep. Roze past niet bij een site over motoren


Een kleurenpallet moet in harmonie zijn of in ieder geval in relatie tot elkaar staan.
-Groen en Oranje.....is hoofdpijn. Maar kan ook een aandachstrekker zijn.

Een veel gebruikte en handige truck is het gebruik van een foto:
Pallet uit foto

Geweldige palletgenerator:
Kuler.adobe.com
Online pallet generator:
http://www.colorotate.org/

Gratis kleurpalleten:
http://www.colourlovers.com/

OK.....aan de slag.


Gebruik van kleur in Illustrator.

Swatches:

Pattern swatches:

Live paint

Wat is nou eigenlijk grafische vormgeving?

Deze man vraagt het op straat:

Zoals je ziet, weet niemand het eigenlijk echt ........dat is raar, want het is overal.


Grafische vormgeving is overal om ons heen aanwezig. Posters, tasjes, cd's, visitekaartjes, internet, supermarkt, tshirts, tv.........
Zowat de hele wereld om ons heen is vormgegeven.......vaak door grafische vormgevers.


Waar? Overal:
http://www.youtube.com/watch?v=T0dwXgYuvoA





Grafische vormgeving heeft een praktische en esthetische functie.
Praktisch:
Het geeft je informatie.....brengt een boodschap.
Estetisch:
 De vormgegeven moet de boodschap/info op een zo efficient mogelijke manier aanbieden.
Overal is over nagedacht. Er moeten tijdens een ontwerpproces constant keuzes gemaakt worden in kleur, plaatsing, lettertype, vorm, compositie enz.


De mens heeft vanaf het allereerste begin de behoefte gehad zich visueel uit te drukken, denk maar aan de wandtekeningen die in sommige grotten gevonden zijn.

Of bijvoorbeeld de grote kapitalen in oude bijbels

Na de uitvinding van de boekdrukkunst komt veel in een stroomversnelling en wordt het fundament voor wat wij nu kennen als "grafische vormgeving", snel gelegd.

Door de opkomst van de industriële revolutie en daardoor dus massaproductie, komt grafische vormgeving steeds vaker in het straatbeeld....de reclame.
Samen met de opkomst van de "art nouveau" en "Jugendstil", welke ook terug te vinden waren in de affiches van die tijd....begint de "grafische vormgeving" aan zijn opmars.

Affiches

Tegenwoordig is alle grafische vormgeving in het straatbeeld niet meer weg te denken en kunnen we ook niet meer zonder alle informatie die we verkrijgen via deze vormgeving.

Grafische vormgeving volgens wiki:

Grafische vormgeving is het visueel vormgeven van ideen in verschillende media met als doel om mensen iets mee te delen. Dit vereist de inzet van zowel artistieke als technische vaardigheden. Bij grafische vormgeving wordt zowel visuele expressie als creativiteit nagestreefd in de presentatie van tekst en afbeeldingen.


Het begrip "grafische vormgeving" is voor het eerst benoemd door William Addison Dwiggins (1880-1956) in 1922. In zijn tijd waren drukker, typograaf, schrijver, graficus en ontwerper vaak nog één en dezelfde persoon. In de 20ste eeuw hebben al deze beroepen zich ontwikkeld tot een specialisme.

Leuk geschiedenis filmpje

Ontwerpers die ik erg waardeer:

Dick bruna
Toorop
Muccha
Eijffinger

Opdracht voor volgende week:
Zoek 1 grafisch vormgever die jou inspireert, laat ff zien en weten waarom.

OK...dit is wel even genoeg, tijd voor Illustrator.

Verleden week hebben we gezien wat het verschil is in fills en strokes:
Strokes and fills

Ook hebben we een aantal tools bekeken:
Selection tool

Als je wilt in of uitzoomen, is daar de:
Zoom Tool
Inzoomen CTRL +
Uitzoomen CTRL -
Hele tekenvlak CTRL 0

Line Tool
Rectangle tool

Text doen we met de text Tool:
Text Tool

Voor het uitlezen van kleuren, gebruiken we de:
Eyedropper tool

Voor verplaatsen:
Handtool





Pen tool
http://vector.tutsplus.com/tutorials/tools-tips/illustrators-pen-tool-the-comprehensive-guide/
Om de pen tool beter te begrijpen en te beheersen, gaan we nu eerst een oefening doen. Deze oefening wordt verspreidt als een .ai file, welke te gebruiken is in Illustrator.

Voor kleurverlopen gebruiken we de:
Gradient tool

Dit zijn de basictools.......nu de wat geavanceerdere tools:
Scale, Shear and reshape Tools
Rotation and reflect Tool

Les1

Goedenavond...............en welkom bij de cursus Grafisch Ontwerpen op de VAK.


Mijn naam is Jean Schouten, 41
Vader van 2 kindjes.
Heb een aantal jaren als multimedia ontwikkelaar gewerkt pas nog de "Digital Media" opleiding aan de SAE afgerond.
Daar heb ik o.a. geleerd:
-Video editing
-Webdesign
-Illustrator
-Photoshop
-Flash


Op de VAK ben ik o.a. docent Flash, Webdesign, Web voor kinderen, electronische muziek en Gamemaker.
Tevens ben ik hier de coordinator van de afdeling beheer.
Verder ben ik gek van analoge synthesizers.......kijk maar eens op:
http://www.youtube.com/user/jenamu6?feature=mhw5



Mailadres:
jschouten@delft.nl


Genoeg over mij....wie zijn jullie?

-Graag even je naam en interesses/werk.
-Heb je al vaker grafisch werk of vormgeving gedaan?
-Ben je al bezig met grafisch ontwerpen met de computer?
-Zo ja, welke software gebruik je?
-Waarom heb je voor deze cursus gekozen, wat verwacht je?











Cursus bestaat uit 2 delen.

80 % is het leren omgaan met Adobe Illustrator
20 % theorie omtrent Grafisch Ontwerpen



Het theoretische gedeelte zal gaan over:

-Grafisch ontwerp door de geschiedenis
-Typografie
-Kleur en het gebruik van kleur
-Vlakverdeling
-Verschillende stylen


Het praktijk gedeelte zal bestaan uit:
-Kennismaking Illustrator
-Basishandelingen Illustrator
-Maken van een logo
-Maken van een visitekaartje of huisstijl.
-Maken van een CD-hoesje/poster





Onderstaande overzicht staat niet geheel vast en kan in de loop van de cursus worden aangepast.
Ook zijn er nog wat open ruimtes, die we aan de hand van het niveau van de groep zullen invullen.

Beknopt cursus overzicht:

Les1
Voorstel ronde.............check
Vertellen waar de cursus over gaat.................ben ik nu aan het doen.
Vertellen over Illustrator
Wat zijn vector graphics?
1e kennismaking illustrator

Les2
Geschiedenis grafische vormgeving
2e kennismaking illustrator.
Simpele tutorial

Les3
Kleur en kleurgebruik
Kleuren in illustrator
Swatches, fills en patterns
3e kennismaking met illustrator
Simpele tutorial

Les4
Logo ontwerp
Grafische onderdelen en kleur
Verschillende Illustrator technieken. (brushes, patterns)
Tutorial logo maken

Opdracht maak een logo

Les5
Typografie
Verschillende fonts, termen en geschiedenis
Tekst en fonts in illustrator
Tussentijdse opdracht beschouwing.

Les6
Grafisch design nu na DTP
Stylen
Werken met lagen
Style tutorial

Opdracht maak een visitekaartje

Les7
Gebruik van foto's binnen illustrator
Tutorial poster
Bekijken van visite kaartje

Maak een poster/cdhoesje

Les8
Modern grafisch design
3D in Illustrator
3D tutorial

Les9
Het ontwerp naar de drukker?
Tussentijdse bespreking poster
Advanced tutorial

Les10
Bekijken/bespreken poster
Advanced tutorial



Huishoudelijke mededelingen:
-Gelieve niet te drinken bij de computers
-Graag een USB stick meenemen, volgende keer.
-In het midden is er pauze van ongeveer een 15 min. Vroeger was de les korter, maar wilde mensen toch graag een pauze, daarop hebben we de lessen een half uur langer gemaakt, zodat er voldoende ruimte is voor een pauze.
-We stoppen strak om 22:00 (ik rond omstreeks 21:55 de les af)......ik ga dan rennen voor de trein, zodat ik geen half uur op Delft CS zit te wachten.


Wat is een illustrator:


Wat is Adobe Illustrator?
Adobe of Adobe Illustrator

Illustrator is gebaseerd op vector graphics

Het verschil tussen bitmaps en vectors.

Ok we gaan Illustrator even opstarten.




3 belangrijke Illustrator begrippen:
Path
Een path is een (on)zichtbare lijn die 2 punten met elkaar verbindt. Met paths maak je vormen(shapes).
BV een vierkant bestaat uit 4 paden, 1 voor elke zijde.

Stroke
Is de vormgeving van het pad oftwel de outline van de vorm (shape)
BV een vierkant kun je weergeven met als stroke een lijn van 4 punten dik in rood.
je kan hetzelfde vierkant ook met bijvoorbeeld kleine cirkeltjes laten tekenen.

Fill
Is de vulling van een vorm(shape). Dit kan een egale kleur zijn, of een kleurverloop of patroon.


De werkruimte.
We lopende gereedschappenbak door.


Strokes and fills
Selection tool
Zoom Tool
Pen tool
Eyedropper tool
Line Tool
Rectangle tool

Text doen we met de text Tool:
Text Tool