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