acreations.nl

WEBDESIGN BLOG

Categorie: Tips

Verdere toelichting op het EPS bestand

We spraken in een eerder artikel al over het EPS bestand en waarom je dit bestandsformaat zou moeten kiezen boven bijvoorbeeld een PSD bestand als het gaat om speciale drukwerk doeleinden. Er zijn verschillende sites waar je meer kunt lezen over het EPS bestand, maar wij proberen het in alle detail nog een keer hier uit te leggen.

Waarom heet het EPS?

Laten we beginnen bij het begin, waarom EPS en waar staat EPS bestand voor? EPS staat voor Encapsulated PostScript, simpel gezegd is het gewoon een grafisch bestand in de PostScript taal.

Waarvoor wordt het EPS bestand gebruikt?

We gaan even een situatieschets doen. Je bent een grafisch ontwerper (Photoshop geleerd) en krijgt een opdracht binnen voor een grandioos billboard. Je bent gewend om in Photoshop alles te doen en dit is helemaal prima. Echter kom je er bij het ontwerpen achter dat jouw pdf bestand wel heel erg groot wordt. Je krijgt een PDF bestand van groter dan een gigabyte! Behalve dat dit een logistieke ramp is is dit ook nog eens geheel onnodig.

Hoezo gebeurt dit?

Photoshop genereert pixels, waar een EPS-editor vormen genereert. Het grote verschil is dat pixels niet schaalbaar zijn, dus moet Photoshop de bestandsgrootte aanzienlijk vergroten bij grote bestanden. Dit resulteert in onmogelijk verstuurbare bestanden, een ramp voor niet alleen jou maar ook je opdrachtgever.

De oplossing: EPS bestand

Wanneer je jezelf aanleert om in Adobe Illustrator jouw grootschalige graphics te maken, kom je erachter dat wat er in een EPS bestand gegenereerd wordt veel schaalbaler is. De vorm die je maakt, neemt een minimale bestandsgrootte in beslag waardoor deze makkelijk te gebruiken is voor grote projecten als billboards.

Waar gebruik je EPS bestanden NIET voor?

Het is ook belangrijk om te kijken waar je een EPS bestand niet voor moet gebruiken. Grappig genoeg is dit hetgeen waar Photoshop juist voor gemaakt is, namelijk; foto’s bewerken.

Gebruik Photoshop en Illustrator voor je graphics

Wanneer we als designers aan de gang gaan, zijn er bepaalde standaarden die we moeten aannemen. Wanneer je bijvoorbeeld bezig bent met drukwerk is het belangrijk dat je vanaf een ai bestand converteert naar een EPS bestand. Waarom? Omdat dit het uiteindelijke formaat is wat ervoor zorgt dat er geen kwaliteitsverlies is. Dit zijn namelijk zogeheten Vector graphics, en het grote verschil met pixel editors is dat je dit onbeperkt groot kan maken, zonder kwaliteitsverlies. Echter kan een goede designer ook niet zonder een goede pixel editor, lees hieronder waarom.

raster-vector-art

Pixel editors zijn ook belangrijk

Wat zijn nou eigenlijk pixel editors ten opzichte van bijvoorbeeld programma’s als Illustrator? Nou, om een groot voorbeeld te noemen, Adobe Photoshop. De bewerkbare bestanden van Photoshop zijn PSD bestanden.

Waarom pixel editors?

Pixel editors worden vaak ingezet voor het maken van onder andere posters, logo’s en vooral online graphics. Wat we hiermee bedoelen is bijvoorbeeld een foto die op Facebook gedeeld gaat worden of een afbeelding die gebruikt gaat worden als achtergrond van een website. Wanneer je bijvoorbeeld een vrachtwagen moet bedrukken, lees dan even verder. We gaan er dieper op in waarom je voor dat soort (groot) drukwerk Illustrator-achtige programma’s moet gebruiken.

Vector-based software voor groot drukwerk

We hebben het hierboven al gehad over online graphics zoals logo’s, Facebook afbeeldingen en dergelijke. Echter komt het als grafisch ontwerper ook vaak voor dat je drukwerk moet ontwerpen voor iets grotere doeleinden, zoals bijvoorbeeld een vrachtwagen of billboard. Je kan je misschien wel bedenken dat je hiervoor niet moet kiezen voor raster software. Ten eerste krijg je onwijs grote bestanden (het exporteren van een PSD bestand ten grootte van een A4’tje kan toch al gauw oplopen tegen de 100MB). Ten tweede is het zo dat een geëxporteerd EPS bestand (dit is dus vector) qua kwaliteit veel hoger is dan een PSD (of PDF, JPG bestand).

Customize je eigen wordpress plugins

We hebben het in de artikelen hiervoor gehad over WordPress. Wil je een website starten dan is dit echt het CMS. Alles is overzichtelijk, eenvoudig en daarnaast worden er duizenden plugins aangeboden die je allemaal kunt gebruiken. Veel plugins zijn gratis, sommige zijn betaald.

Maaltijdbox tabelNu kan het zijn dat je een plugin download en dat deze niet helemaal aansluit bij het thema van je website. In dit geval heb je vaak de mogelijkheid om de css regels aan te passen en deze helemaal naar je hand te zetten, alles is dan aan te passen. Neen een voorbeeld aan http://www.maaltijdboxonline.nl, op deze website zijn een aantal plugins aangepast naar het thema. Zo opent op de homepagina een tabel met prijzen. Deze tabel bestaat uit de kleuren van de website, deze zijn aangepast. Ook op de kortingscode pagina staat een plugin die is aangepast, je ziet hier alle kleuren weer terugkomen en aansluiten bij het gebruikte thema.

Je ziet nu dat de beheersing van CSS heel belangrijk is voor het customizen van je website. Je kan een standaard thema dan helemaal naar je hand zetten en aanpassen. Dit is wat je wilt wanneer je wilt opvallen en echt iets wilt maken dat uniek is.

NU homepageJe hoeft natuurlijk niet altijd WordPress te gebruiken maar het is wel heel makkelijk om te beginnen. Grote bedrijven en websites als http://www.nu.nl hebben webdesigners in dienst en werken niet met WordPress. Ze hebben een website ontwikkelt die volledig naar de eigen wensen is omgezet, wordpress zou in dit geval een aantal nadelen voor ze hebben qua data-requests, en de hoeveelheid artikelen op de website.

De beste lettertypes voor webdesign

Als je een frisse website wilt maken kan je niet meer aankomen met lettertypes zoals Arial en Times New Roman. Alhoewel deze lettertype nog altijd zeer functioneel zijn, bijvoorbeeld tijdens het schrijven van een sollicitatiebrief, worden ze geweerd uit de wereld van webdesign. Toch kan je niet zomaar klakkeloos ieder lettertype gebruiken dat je mooi vindt. Het vinden van het juiste lettertype is dus essentieel.

Een paar tips

website-lettertypesHet vinden van het juiste lettertype is misschien wel het moeilijkste gedeelte van het webdesign. Toch is het belangrijk dat je hier voldoende tijd in steekt. Een font geeft een website namelijk een eigen karakter, waarmee je precies datgene kan overbrengen waarvan je hoopt dat de bezoeker het denkt.
Een andere tip is om te binnen met het vinden van je font. Het kan namelijk zo zijn dat je precies het juiste lettertype hebt gevonden dat exact dat over brengt wat jij wilt vertellen, maar totaal niet bij de rest van je website past. Op het moment dat je begint met je font kan je jou design nog aanpassen.
Hou het simpel. Eenvoud zorgt voor totaliteit. Uiteraard kan je voor je titels, kopjes, knopjes en andere verfraaiingen een ander lettertype gebruiken dan voor je tekst, maar voorkom het gebruik van meer dan 3 verschillende fonts.

Een font is overigens niet alleen een manier om jou stijl over te brengen, maar dient ook informatie te geven. Zorg er dus voor dat je lettertype leesbaar is. Niets is zo vermoeiend als het moeten uitpuzzelen wat er nu precies staat. Een duidelijk lettertype met de juiste grootte en een goed contrast is dus een echte must!

Stukje geschiedenis

Er zijn twee verschillende typen fonts. Schreef en schreefloos. De letters in schreefstijl hebben kleine strepen aan de boven en onder kant. Men is van gedachte dat dit soort lettertypes dateert uit de tijd van de Romeinen en de strepen een overblijfsel zijn van de lijnen waar tussen geschreven werd. Dit soort lettertypes komen zeer zakelijk over en worden dan ook onder andere gebruikt voor kranten, zakelijke websites etc. Schreefloze lettertypen, zoals comic sans, komen juist een heel stuk vrolijker en losser over. Dat maakt schreefloze lettertypes ideaal voor ontspanning etc.

Het vinden van fonts

Wanneer je een beginnende webdesigner bent, wil je waarschijnlijk beginnen met gratis fonts. De kans is groot dat je nog niet zover bent dat je bakken met geld verdient met het bouwen van sites. Dat wil dus zeggen dat alle aanschaffen die je moet doen uit jou portemonnee vandaan komen. Gelukkig is dat voor lettertypes niet nodig.

Dafont is mogelijk de meest bekende website als het gaat om gratis lettertypes. Deze database bevat verschillende stijlen die volledig gratis en rechten vrij zijn. Alles wat je van deze pagina haalt kan je dus met een gerust hart om je website neerzetten.

Behance is een geweldige plaats voor graphic designers. Je kan hier niet alleen veel inspiratie op doen, maar hebt ook nog eens de mogelijkheid om verschillende foto’s en fonts gratis te downloaden. Ook voor de designer die al wat langer bezig is, is Behance een geweldige website om eens te bekijken. Hou er overigens wel rekening mee dat niet alles gratis is.

Bij Losttype betaal je per licentie. Wanneer je van plan bent om het lettertype alleen maar voor eigen gebruik te houden kan je het gratis downloaden. Ga je het op een website plaatsen, dan betaal je per website een prijs. De bedragen zijn erg uiteenlopend dus snuffel vooral eerst even lekker rondt voor je een keuze maakt.
Je eigen lettertype

Wil je jouw website helemaal eigen maken, dan kan je er natuurlijk altijd nog voor kiezen om je eigen lettertype te maken. Omdat er best wel wat bij komt te kijken zijn er websites zoals Pepermunt en Fontlab die je aardig op web helpen. Fontlab biedt overigens ook professionele software, maar daar mag je dan ook wel gelijk een flinke duit voor neerleggen.

Natuurlijk kan je ook gewoon aan de slag met programma’s zoals Illustrator. Pak je tekentablet er maar bij. In combinatie met het programma Glyphs heb jij zo de gaafste fonts ontworpen. Characters legt je stap voor stap uit hoe je dit kan doen.

Als laatste

Wanneer je een font gekozen hebt, is het altijd verstandig deze nog even aan een laatste test te onderwerpen. Type de tekst “The quick brown fox jumps over the lazy dog.” In deze zin zitten alle letters uit het alfabet. Zo heb je een goed overzicht van de letters en kom je niet in eens voor onprettige verrassingen te staan. Vergeet niet om zowel hoofdletters als kleine letters te controleren.

Bezoek Dafont: http://www.dafont.com
Bezoek Behance: https://www.behance.net
Bezoek Losttype: http://www.losttype.com/browse/
Bezoek Pepermunt: http://www.pepermunt.net/games/lettertype-maken.html
Bezoek Fontlab: http://www.fontlab.com
Bezoek Characters: http://www.characters.nl/blog/maak-je-eigen-lettertype-met-illustrator-en-glyphs/

© 2017 acreations.nl

Thema gemaakt door Anders NorenBoven ↑