Steps icon-picto-logo Illustrator

30
ICON PICTO LOGO LEERJAAR 1 VORMGEVING

Transcript of Steps icon-picto-logo Illustrator

Page 1: Steps icon-picto-logo Illustrator

ICON PICTO LOGOLEERJAAR 1 VORMGEVING

Page 2: Steps icon-picto-logo Illustrator

ONTWERP EEN LOGO-PICTO MET ILLUSTRATOR

van schets tot logo-picto

Page 3: Steps icon-picto-logo Illustrator

auteur: Raoul PostelICON PICTO LOGO DESIGN ILLUSTRATOR

BRIEFING EN OPDRACHT

▸ Schrijf kort op wat de opdracht inhoudt.

▸ Maak een lijst van de producteisen en specificaties, zoals: formaat, kleur of zwartwit, diapositief.

▸ Omschrijf het doel/thema of, bij een huisstijl, de Unique Selling Points (USP)

▸ Omschrijf de doelgroep.

▸ Krijg antwoord op vragen die je nog hebt, bij de opdrachtgever.

▸ Stel de deadline vast.

V

Page 4: Steps icon-picto-logo Illustrator
Page 5: Steps icon-picto-logo Illustrator
Page 6: Steps icon-picto-logo Illustrator

auteur: Raoul Postel

IDEE & SCHETSEN

▸ Bekijk het aangeleverde materiaal.

▸ Google eigen icoontjes / logos / pictogrammen ter inspiratie met het doel/thema als zoekterm.

▸ Maak een lijstje van onderdelen die er zeker in moeten komen, zoals: beeldmerk, naam, unique selling-points (USP), uitstraling.

▸ Maak met potlood of pen op papier kleine schetsen van het icoon / picogram of logo (min. 20).

V

ICON PICTO LOGO DESIGN ILLUSTRATOR

Page 7: Steps icon-picto-logo Illustrator

auteur: Raoul Postel

WAARNEMING EN ABSTRAHEREN

▸ Google het woord Gestalt en bestudeer de afbeeldingen.

▸ Neem in je schetsen de volgende elementen op:- ritme- overlapping- uitsparen- vereenvoudigen

V

ICON PICTO LOGO DESIGN ILLUSTRATOR

Page 8: Steps icon-picto-logo Illustrator
Page 9: Steps icon-picto-logo Illustrator
Page 10: Steps icon-picto-logo Illustrator
Page 11: Steps icon-picto-logo Illustrator

auteur: Raoul Postel

OPZET ADOBE ILLUSTRATOR

▸ Maak een nieuw document voor drukker aan op A3 formaat in CMYK-modus.

▸ Start met het tekenen in zwart, vanuit de gemaakte schetsen.

▸ Baseer (live-trace) de vormen op bestaande onderwerpen/vormen/foto’s en vereenvoudig deze tot minimaal noodzakelijke vorm (abstraheren).

▸ Maak een 10-tal geabstraheerde variaties.

▸ Kies een 5-tal lettertypes passend bij uitstraling van vorm en doel.

V

ICON PICTO LOGO DESIGN ILLUSTRATOR

Page 12: Steps icon-picto-logo Illustrator
Page 13: Steps icon-picto-logo Illustrator
Page 14: Steps icon-picto-logo Illustrator
Page 15: Steps icon-picto-logo Illustrator
Page 16: Steps icon-picto-logo Illustrator

auteur: Raoul Postel

FEEDBACK OPDRACHTGEVER

▸ Maak vanuit Illustrator een PDF voor Print en voeg daar een scan/foto van de schetsen aan toe.

▸ Bespreek deze voorstellen in PDF met de opdrachtgever en noteer de gemaakte opmerkingen.

V

ICON PICTO LOGO DESIGN ILLUSTRATOR

Page 17: Steps icon-picto-logo Illustrator
Page 18: Steps icon-picto-logo Illustrator

auteur: Raoul Postel

UITWERKING ADOBE ILLUSTRATOR

▸ Maak een nieuw document aan.

▸ Stel 3 vierkante art-boards in.

▸ Plaats de 3 beste resultaten vanuit de voorstellen, elk op een eigen art-board.

▸ Werk deze 3 variaties uit op een vierkant raster (grid), zodat alles precies uitlijnt.

V

ICON PICTO LOGO DESIGN ILLUSTRATOR

Page 19: Steps icon-picto-logo Illustrator
Page 20: Steps icon-picto-logo Illustrator
Page 21: Steps icon-picto-logo Illustrator
Page 22: Steps icon-picto-logo Illustrator
Page 23: Steps icon-picto-logo Illustrator

auteur: Raoul Postel

VARIATIES VOOR DIVERSE MEDIA

▸ Kopieer de 3 art-boards. Voeg bij de kopieën 1-2 kleuren toe. Kopieer meerdere keren indien er meer kleur-variaties nodig zijn.

▸ Kopieer weer de 3 art-boards. Verklein de kopieën tot 50%.

▸ Kopieer een laatste keer de 3 art-boards. Plaats een zwart vlak achter de kopieën en pas de kleurstelling aan voor een goede diapositieve weergave.

V

ICON PICTO LOGO DESIGN ILLUSTRATOR

Page 24: Steps icon-picto-logo Illustrator
Page 25: Steps icon-picto-logo Illustrator
Page 26: Steps icon-picto-logo Illustrator
Page 27: Steps icon-picto-logo Illustrator

auteur: Raoul Postel

BEWAREN VOOR DRUKWERK

▸ Kies 1 de beste kleur variatie uit en bewaar als nieuw document.

▸ Zet de document-kleurmodus op CMYK. Wijzig alle kleuren naar CMYK als dit op RGB stond.

▸ Bewaar als AI, versie CMYK.

V

ICON PICTO LOGO DESIGN ILLUSTRATOR

Page 28: Steps icon-picto-logo Illustrator

auteur: Raoul Postel

BEWAREN VOOR BEELDSCHERM

▸ Kies 1 de beste kleur variatie uit en bewaar als nieuw document.

▸ Zet de document-kleurmodus op RGB. Wijzig alle kleuren naar RGB indien dit op CMYK stond.

▸ Exporteer als PNG, versie RGB.

V

ICON PICTO LOGO DESIGN ILLUSTRATOR

Page 29: Steps icon-picto-logo Illustrator

Het logo van CreativeHubs is gemaakt met een stempel. Eenvoudigweg een school-gum die met een mesje is uitgesneden en via een stempelkussen en inkt op papier is gedrukt.

De orginele stempel was oorspronkelijk een beetje anders dan in het huidige logo te zien is:

Het meest kenmerkende is de witte, uitgespaarde balk-vorm. Dit is de Hub en staat voor de box of ruimte (3D) waar dingen mogen ontstaan. De 'korrel' die ontstaat door inkt op wat grover papier geeft een creatieve uitstraling. Wat nog miste was de mens, die centraal staat in het CreativeHubs concept. Door met het kleine vlakje rechtsonder te schuiven, samen met het vierkante vlakje bovenin te combineren, vormt zich een mensvorm voor een box.

LOGO CONCEPT & PROCES CREATIVEHUBS.NL

Page 30: Steps icon-picto-logo Illustrator

Door de rechte geometrische vormen behoud het geheel wel een creatief, technisch karakter. Dit representeert de media waar CreativeHubs mee werkt.

Door de vorm in Photoshop vrijstaand te maken kan het op diverse achtergrondkleuren worden gebruikt. Voor de kleurstelling is gekozen voor de drukkleur Magenta. Een vriendelijke en warme kleur met een toegankelijke uitstraling.

Door de domeinnaam als merknaam bij het logo te plaatsen is CreativeHubs.nl, als hoofdzakelijk online initiatief, snel te vinden.

Als font is gekozen voor de Avance-letter van de Nederlandse letterontwerper Evert Bloemsma. Een krachtige, maar subtiele schreefletter die door zijn licht extended karakter speels en vriendelijk communiceert, zonder het serieuze te verliezen. Een belangrijke kernwaarde van van CreativeHubs.