Marketing & Communicatie Digitale Vormgeving

1

Marketing & Communicatie – Digitale Vormgeving

Inhoud Voorwoord - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -> pag. 3 Opdracht 1 Polaroid - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -> pag. 4 Opdracht 2 Kleurenpalet - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -> pag. 7 Opdracht 3 Logo - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -> pag. 9 Opdracht 4 Visitekaartje - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -> pag. 11 Opdracht 5 Patronen en Texturen - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -> pag.14 Opdracht 6 App / Avatar - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -> pag. 18 Opdracht 7 Reclameprints - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -> pag. 22

2


Voorwoord Als ondersteuning voor het project Pimp Your Bar houden we ons in deze reader bezig met huisstijl en huisstijldagers. Een huisstijl is een reeks communicatie-uitingen die als doel hebben de identiteit van een organisatie naar de buitenwereld toe op uniforme wijze te verbeelden. Een huisstijl is het gezicht van een onderneming. Zonder duidelijk gezicht weet niemand met wie hij zaken doet. Op de momenten dat de eigenaar / werknemer er zelf niet is om over het bedrijf te vertellen moet de huisstijl het even over kunnen nemen. Waarom is een goede huisstijl belangrijk?

-

Zorgt voor recall & recognition (herkenning en herinnering) van het merk / bedrijf Beinvloedt de houding ten opzichte van het merk / bedrijf Draagt bij aan imago en de reputatie van het merk / bedrijf Beinvloedt gedrag ten opzichte van het merk / bedrijf

Een huisstijl moet

- Consistent (samenhangend, niet tegenstrijdig) zijn. - Onderscheidend en zichtbaar/opvallend zijn. Bij huisstijldragers kun je denken aan: Advertentie Affiche Agenda Ansichtkaart Ballonnen Banieren Banner Bar Bedrijfsfilm Bierviltje Beleidsnota Beurs Billboard Blog Boek Brief Brochure Buitenkant café Busreclame Cadeau Commercial (Radio, tv, internet) Direct mail Displays DVD E-mail Gadget Gordijnen Flyer Folders Jaarverslag Kalender Kerstkaart Kleding (petten, jacks, T-shirts) Koffiebeker Mededelingenbord Menukaart Poster Nieuwsbrief Persbericht Personeelsblad Presentatie (Powerpoint of Prezie) Relatiemagazine Schilderijen Stoelen Toiletten Sponsoring Stickers Vlaggen Waterflesjes Website

Voorafgaand aan het ontwerp …

3


Uitgangspunt voor alle opdrachten in deze reader is de nieuwe huisstijl voor de horecagelegenheid uit je project.

Opdracht 1 Polaroid Omdat je deze eerste week van je project waarschijnlijk nog niet alle benodigde gegevens hebt voor een huisstijl, starten we met een wat algemenere opdracht. Wellicht kun je deze techniek ook nog toepassen als wanddecoratie voor je café of als uitnodiging voor een speciaal feestje. Maak een uitnodiging in ‘Polaroid’stijl Foto inkleuren

-

-

Zoek een foto in kleur of zwart-wit van een persoon, waarvoor je een uitnodiging gaat maken. Neem je een kleurenfoto, dan maak je hem zwart-wit door Afbeeldingen – Aanpassingen (CTRL+U) - Minder Verzadiging. Ga naar Afbeelding - Afbeeldingsgrootte. Pas de foto aan, niet groter dan 10 cm breed en zet het aantal pixels op 300 pixels inch. Klik onder in het palet Lagen op de knop Nieuwe Laag voor de selectie van het haar. Kies voor het gereedschap Lasso - Magnetische Lasso. Selectecteer het haar. Als je te veel geselecteerd hebt kun je met de Alt-toets + Magnetische Lasso weer stukjes wegselecteren. Bij de Magnetisch lasso zie je het min-teken verschijnen. Klik op de Voorgrondkleur instellen en selecteer een kleur voor het haar. Gebruik Alt-Backspace om de selectie met de voorgrondkleur te vullen. Wijzig boven in het palet Lagen de Overvloeimodus van de optie Normaal naar Kleur. Verander de Dekking (Opacity) naar een waarde tussen 60 en 70%. Maak een Nieuwe Laag voor het Gezicht. Selecteer het gezicht met de Magnetische Lasso. Selecteer daarna met Shift-toets ingedrukt het oor. Met de Shift-toets voeg je iets aan de selectie toe. Bij de Magnetisch lasso zie je het plus-teken verschijnen. 4


-

Zoek een portretfoto in kleur. Sla deze op en open in Photoshop de foto. Selecteer de huidskleur van de nieuwe foto met het gereedschap Pipet. Met Alt-Backspace vul je de selectie. Gebruik daarna Ctrl-D om de selectie op te heffen.

-

Wijzig boven in het Lagenpalet de optie Normaal in Kleur. Verlaag de Dekking naar een zelf te bepalen waarde. Maak weer een Nieuwe Laag, voor de Lippen. Maak met het gereedschap Magnetische Lasso een selectie rond de lippen. Selecteer de boven en onder lip apart en gebruik bij de tweede selectie de Shift-toets om de selectie toe te voegen. Klik vaak met de linkermuisknop zodat je meer controle hebt over de selectie. Bedenk een leuke lipstickkleur. Gebruik Alt+Backspace om de lippen rood te maken. Verander in het lagenpalet de overvloeimodus Normaal in Kleur. Verlaag de Dekking naar een zelf te bepalen waarde. Deselecteer of hef de selectie op met Ctrl+D.

-

-

Foto plaatsen in uitnodiging - Bestand, Nieuw, Grootte, 19,5 x 15,5 cm, resolutie 300 pixels/inch. - Klik op sneltoets V en verplaats, sleep de ingekleurde foto op het nieuwe document. - Gebruik Ctrl+T om de foto op formaat te maken. Druk op Enter om de transformatie vast te leggen. - Klik met Ctrl- toets op Nieuwe Laag om een nieuwe Laag te maken in het Lagenpalet. Door de Ctrl-toets komt de laag onder de laag met foto te staan. - Vul de achtergrond met een patroon: Klik op het Emmertje. Kies in de optiebalk voor Patroon. Selecteer een patroon. Klik met het emmertje in je achtergrondlaag. Polaroidrand en plakband maken Maak een Polaroidrand rond de foto. - Laagstijl toevoegen, Lijn, Grootte 16, Binnen, Kies een kleur bijv.Lichtgrijs. - Stel bij Laagstijlen de Slagschaduw in. Maak voor iedere hoek een stukje plakband. - Maak een Nieuwe Laag. -

-

Teken met Lasso - Veelhoeklasso. de vorm van een stukje plakband. Dit doe je niet door met de lasso te slepen maar op de gewenste hoeken te klikken. Als je weer bij je beginpunt bent krijg je een selectie. Vul de selectie met een ‘plakband’kleur. Verander de Overvloeimodus in Zacht licht. Geef het plakbandje een minimale slagschaduw d.m.v. Laagstijl. 5


Tekst(strook) - De onderkant van de afbeelding maak je groter met Afbeelding -Canvasgrootte. Markeer het vakje Relatief. Hoogte 1,5 cm, Klik op het bovenste vakje midden bij Plaatsing, - Zet in de zwarte strook je eigen naam met datum. - Zet tekst van de uitnodiging naast de foto.

Beoordelingscriteria Polaroid Onderwerp

Criteria

Foto

Formaat: 10 cm breed 300 dpi Kwaliteit; Scherp op 100% Kleur: Zwart - wit

Selectie haar

Kwaliteit selectie Nieuwe laag Kleur – Overvloeimodus -Dekking

Selectie gezicht

Kwaliteit selectie Nieuwe laag Kleur: Huidskleur -Dekking

Selectie Lippen

Kwaliteit selectie Nieuwe laag Kleur: Lipstickkleur - Overvloeimodus -Dekking Formaat: Grootte, 19,5 x 15,5 cm, resolutie 300 pixels/inch. Achtergrond: Patroon

Uitnodiging

Afvinken

Fotorand + Plakband

Rand om foto d.m.v. Laagstijl Plakband: getekend – gekleurd – overvloeimodus - slagschaduw

Tekst

Extra ruimte d.m.v. Canvas vergroten Naam en datum Uitnodigingstekst

Vormgeving

Layout Kleurgebruik Originaliteit Afwerking

6


Opdracht 2 Kleurenpalet Polaroid Ontwerp een kleurenpalet Betekenis van kleur Kleuren zorgen direct voor een associatie: vrolijk of triest, druk of rustig, warm of koud. Bij het bepalen van de kleuren van een huisstijl kiezen we ook vaak kleuren op gevoel. Als het goed is zijn de kleuren afgestemd op het publiek en het gevoel dat overgebracht moet worden. Maar hoe bepaal je de juiste kleur? Welke kleur past het beste bij jouw bedrijf? Welke kleurcombinaties passen goed bij elkaar en welke totaal niet? Hoewel vormgeving en kleurwetenschap vakken apart zijn, valt er in het algemeen best wat te vertellen over de betekenis van de diverse kleuren. Zie hiervoor : Kleuren-logo-wiel: http://www1.bikker.nl/Bikker/logowiel/04-02072009.swf Kleur en emotie: http://www.kleurenpsychologie.be/ Primaire kleuren De primaire kleuren zijn de kleuren die noodzakelijk zijn om, als ze door menging met elkaar gecombineerd worden, het grootst mogelijke kleurengamma verkrijgen. Welke kleuren primair zijn, hangt af van het gebruikte kleurmengsysteem: Kleurendruk In de kleurendruk gelden cyaan, magenta en geel (CMY - Y van yellow) als primaire kleuren. In het ideale geval levert het mengen van alle kleuren zwart op. In de praktijk blijkt dit niet het geval, daarom is dat er aan toegevoegd: Key (black). Beeldscherm- Lichttechniek In de beeldschermtechniek zijn rood, groen en blauw (RGB) de primaire kleuren. Secundaire kleuren Dit zijn kleuren die door menging van twee van de drie primaire kleuren worden verkregen. In de lichttechniek worden de secundaire kleuren gevormd uit lichtmenging van de primaire kleuren rood, groen en blauw. Rood + Blauw = Magenta Rood + Groen = Geel Groen + Blauw = Cyaan In de kleurendruk worden de secundaire kleuren worden dan gevormd uit de menging van cyaan, magenta en yellow. Wit - Magenta - Geel = Rood Wit - Cyaan - Geel = Groen Wit - Cyaan - Magenta = Blauw Complentaire kleuren De kleurendriehoeken van de primaire en de secundaire kleuren vormen samen de kleurenster. In de kleurenster zie je dat elke primaire kleur tegenover een secundaire kleur ligt. Deze kleuren die tegenover elkaar liggen noemen we complementaire kleuren. Complementaire kleuren versterken elkaar als ze naast elkaar gebruikt worden. Extra informatie: http://tomwesteneng.nl/kleurcombinaties.html (kleurnuances en kleurcombinaties)

7


Kleurenpalet - Maak een nieuw document: A4 staand of liggend - Neem een foto die aansluit bij de nieuwe huisstijl als basis. - Maak een kleurenschema van 5 kleuren die toonaangevend in je nieuwe huisstijl zijn. - Houd daarbij ook rekening met de betekenis van kleur. - Presenteer je kleurenpalet in combinatie met een foto, vormen en tekst. - Beschrijf voor de gekozen kleuren de betekenis en de codes in RGB (beeldscherm) en CMYK (print)

http://www.degraeve.com/color-palette/index.php (Kleurenwijzers voor kleurenseries, kleurthema’s en kleurstijlen)

Beoordelingscriteria Kleur Onderwerp

Criteria

Afvinken

Document

A4

Foto

Kwaliteit Formaat

KLeurenpalet

5 kleuren Samenhang met foto

Presentatie

Vormen Tekst

Beschrijving

Kleuren RGB Kleuren CMYK Betekenis 5 kleuren 8


Opdracht 3 Logo Ontwerp een logo Het logo is het meest herkenbare element van de huisstijl. Het logo bestaat uit een Beeldmerk en een Woordmerk. De kenmerken nog eens op een rijtje: Leesbaarbaarheid in verschillende maten, kleuren en media. Het moet er bijvoorbeeld ook goed uitzien als hij er zwart-wit wordt afgedrukt. Duidelijkl: Zorg dat de boodschap overkomt en probeer niet te veel tegelijk te vertellen. Kijk steeds of je elementen weg kunt laten. Één Element: Alle sterke logo’s hebben een enkel element dat ze helpt op te vallen. Niet te druk: Durf te schrappen en zet een paar variaties naast elkaar zodat je tot de juiste keuze komt. Eén geheel: De elementen die je gebruikt bij het maken van een logo voeg je samen tot één teken zodat het logo een geheel vormt en geen losse elementen. Logo: -

Maak een nieuw bestand (breedte: 10 cm – hoogte: 10cm – resolutie: 300 dpi) Ontwerp een logo voor je café / restaurant Houd je aan je kleurenschema uit opdracht 1 Stem je tekst en beeldmerk af op doelgroep, imago, kleur, sfeer, etc.

Logogebruik: - Maak een nieuw bestand(A4). - Maak een handleiding voor je logo: Wat zijn de do’s and don’ts? Zie hiervoor ook onderstaand voorbeeld uit de KW1C huisstijl Manual. Het lettertype

9


Beoordelingscriteria Logo Onderwerp

Criteria

Afvinken

Document

10 cm - 10 cm Resolutie: 300 dpi

Inhoud Logo

Afstemming Kernwaarden Afstemming Doelgroep Afstemming Imago

KLeur Logo

Menhang met kleurenpaletSa

Tekst Logo

Pakkende naam Passend lettertype

Vorm Logo

Vorm versterkt tekst Vorm is eenheid met de tekst

10


Opdracht 4 Visitekaartje Ontwerp een Visitekaartje Natuurlijk heeft jullie Café / Restauant ook een visitekaartje nodig. Visitekaartjes zijn er in verschillende soorten en maten. In de opdracht werken we met standaard maten. Je mag hier van afwijken. Inhoud Op een visitekaartje staan meestal de volgende gegevens: - Logo - Naam, adres en telefoonnummer bedrijf e-mailadres, website en social-media gegevens - Eventueel naam en functie van een werknemer / directeur Je kunt ook kiezen voor extra informatie zoals in het voorbeeld hierna.

Bepaal welke informatie je op de voorzijde en welke informatie je op de achterzijde plaatst. Voorzijde - Formaat: Breedte: 8,5 cm; Hoogte: 5,5 cm; Resolutie: 300 pixels/inch - Hulplijnen: Verticaal: 0,5 en 8 cm en 8,5 cm; Horizontaal: 0,5 en 5 cm. Een hulplijn kun je maken door met je cursor in een liniaal te klikken en dan met ingehouden cursor te slepen. Heb je geen linialen ... Klik dan op Ctrl + R. Met de toetsencombinatie Ctrl + H kun je de hulplijnen tijdelijk verbergen en weer terughalen. - Tekst: Gebruik de hulplijnen om de tekst uit te lijnen. Als je het tekstgereedschap gebruikt zie je in de Optiebalk (bovenbalk) mogelijkheden zoals Lettertype, Lettergrootte en Uitlijnen. Voor nog meer mogelijkheden open je de Vensters (Windows) Teken (Character) en Alinea (Paragraph).

11


-

-

Lettertype: Stem je lettertype af op de gekozen stijl. Kijk voor extra lettertypes op: http://losttype.com/browse http://www.fontspace.com http://www.dafont.com http://www.searchfreefonts.com/ Logo: Open het bestand met het logo dat je wilt gebruiken. Selecteer alle lagen in dit document en sleep ze naar je nieuwe document. Het kan zijn dat je logo een andere maat wilt geven. Selecteer de lagen van het logo. Klik op CTRL+T

Achterzijde - Canvasgrootte: De rechterkant van het kaartje verbreden we met 8,5 cm. Ga in de optiebalk naar Afbeelding, Canvasgrootte. Zet een Vinkje bij Relatief Breedte: 8,5 cm, hoogte: 0 cm. Bij Plaatsing klik je op het linkse pijltje in het midden. - Ga hetzelfde te werk als bij de voorzijde. Probeer variaties te maken maar wel in dezelfde stijl te blijven.

Beoordelingscriteria Visitekaartje 12


Onderwerp

Criteria

Afvinken

Inhoud

-

Logo Naam, adres en telefoonnummer bedrijf E-mailadres, website en social-media gegevens Eventueel naam en functie van een werknemer / directeur Extra informatie

Voorzijde

-

Formaat: Breedte: 8,5 cm; Hoogte: 5,5 cm; Resolutie: 300 dpi Hulplijnen Tekst: uitlijnen

Achterzijde

-

Canvas vergroten naar 17 cm breed Hulplijnen Tekst uitlijnen

Vormgeving

-

Afstemming huisstijl Variaties met logo en kleur Originaliteit

13


Opdracht 5 Patronen en Texturen Maak 6 Patroon- en Textuurvariaties voor de styling van je bedrijf In het kader van je huisstijlmetamorfose wil je ook het meubilair onder handen nemen. Hiervoor moet je uiteraard eerst wat ontwerpjes maken om aan de eigenaar / bedrijfsleider voor te leggen. Make-over-document

-

Maak een nieuw bestand(A4).

-

Plaats hierop een foto van een neutrale (effen) bank of stoel. Verwijder de achtergrond.

Patroon maken Om de neutrale bank te voorzien van een andere stof gaan we eerst een patroon maken.

-

Bedenk welke stijl je meubilair gaat krijgen. (romantisch, strak, stoer, vrolijk, basic, retro,etc.). Uiteraard sluit je aan bij de gemaakte stijlkeuzes in de vorige opdrachten. Maak een nieuw document (200px – 200px). Maak of zoek vormen of afbeeldingen die bij deze stijl passen. Plaats de afbeelding die je hebt gemaakt of gevonden in je nieuwe document. Selecteer de afbeelding door te klikken op Selecteren – Alles. Ga naar Bewerken/Edit – Patroon definiëren/Define pattern – type een naam – ok

14


Patroon verwerken - Ga terug naar je Make-over-document. - Selecteer de bank of stoel. Dit kun je doen door op het icoontje van de laag te klikken met de CTRLtoets ingehouden. - Klik op het emmertje. - Kies in de optiebalk voor patroon.

-

Kies voor het juiste patroon. Maak een nieuwe laag Klik met het emmertje in de selectie. Je ziet nu het patroon in vorm van je bank of stoel.

Het patroon moet nu nog onderdeel gaan worden van de stof. Dit doe je als volgt: - Verander de Overvloeimodus (bovenin het lagenmenu) van normaal naar bijvoorbeeld Kleur doordrukken. Het is moeilijk exact aan te geven welke overvloeimodus het best werkt. Dat is afhankelijk van de afbeelding van de stoel of bank en van het patroon. - Om de uiteindelijke kleur aan te passen aan je kleurenpalet gebruik je CTRL+U.

Textuur Met een patroon kun je een afbeelding kleuren, strepen, bloemen en andere illustraties geven. Met een textuur of structuur geef je een afbeelding een specifiek materiaal. Je bank of stoel kun je veranderen in bont, leer, canvas, etc. Hiervoor hoef je niet eerst een patroon te maken. Je moet wel de afbeelding van een structuur exact dezelfde vorm als de bank geven: - Plaats de afbeelding van een textuur in een nieuwe laag boven je bank of stoel in je Make-overdocument. - Maak de afbeelding groter dan de stoel of bank. (CTRL+T) - Selecteer de bank of stoel door met de CTRLtoets ingedrukt op het laagicoon te klikken. - Ga op de laag met de textuur staan en klik op CTRL+J. De selectie wordt nu gekopieerd en geplakt op een nieuwe laag. - Verwijder de oorspronkelijke textuurlaag. Je hebt nu een textuur in de vorm van je stoel of bank. - Verbind de textuurrafbeelding met de bank door de overvloeimodus te veranderen. - Om de uiteindelijke kleur aan te passen aan je kleurenpalet gebruik je CTRL+U.

15


Experimenteer met minimaal 3 texturen/structuren en 3 zelfgemaakte patronen.

16


Beoordelingscriteria Patronen en Texturen Onderwerp

Criteria

Afvinken

Make-overdocument

-

A4 Effen bank of stoel Achtergrond van stoel of bank goed verwijderd (strak en vloeiend)

Patroon maken (3x)

-

Document (200px – 200px of afgestemd op bank). Afbeeldingskwaliteit Afbeelding geschikt als patroon Stijl (romantisch, strak, stoer, vrolijk, basic, retro,etc.) sluit aan bij de gemaakte stijlkeuzes. Afbeelding omzetten naar patroon

Patroon verwerken

-

3 x Zelfgemaakt patroon toepassen op bank 3 x Overvloeimodus toepassen 3 x Kleur aanpassen aan kleurenpalet

Textuur verwerken

-

3 x Textuur toepassen op bank 3 x Overvloeimodus toepassen 3 x Kleur aanpassen aan kleurenpalet

17


Opdracht 6 App/Avatar Ontwerp een app en de bijbehorende pagina’s Apps zijn kleine programmaatjes die je op je telefoon kunt installeren. Er zijn er honderdduizenden. De toepassingen zijn eindeloos: Om een idee te krijgen van het gebruik in de horeca zie je hierna enkele voorbeelden.

De App: Apps zijn vaak gemaakt met afgeronde hoeken en een glazige look. Afgeronde Rechthoek - Formaat is 100 x 100 pixels, resolutie 72 pixels/inch, RGB. - Kies in de gereedschapsbalk onder rechthoek Afgeronde rechthoek. Ga naar de optiebalk en kies daar een Straal van 5 px. Met de Voorgrondkleur afgestemd op je kleurpalet

Vierkant en Verloop - Teken met het gereedschap Afgeronde rechthoek. Houd de Shift-toets ingedrukt waardoor een Vierkant ontstaat met afgeronde hoeken. - In de Optiebalk kun je met het Transformatie–gereedschap de vorm in het Midden plaatsen door de X in 50 px te veranderen - Ga nu naar Laagstijl onder in het Lagenpalet en kies Verloopbedekking (Gradient Overlay). - Klik op het Verloop om het te bewerken. Klik aan de onderkant van het verloop op de rechtse kleur. Kies een verloop van een donkere kleur (uit je palet) naar een lichtere kleur. Zoals van donkerrood naar rood of zwart naar grijs. Als je de twee kleuren hebt ingesteld, klik je op Nieuw en daarna op OK. - Teken het verloop op het vierkant, van donker naar licht boven.

18


Verloop met Slinken - Klik met de Ctrl-toets ingedrukt op de Laag met het vierkantje. Rond het vierkantje zie je nu een selectie. - Maak een nieuwe laag boven de Laag met het vierkantje. - Ga in de optiebalk naar Selecteren daarna Bewerken (Modify) en Slinken (Contract). Slinken met 1 pixel, vervolgens OK. De selectie is 2 pixels naar binnen getrokken. - Vul de selectie. Zet de voorgrondkleur op wit. - Kies voor Verloop (Gradient) en klik in de Optiebalk op het Verloop. Je ziet in de Verloopbewerker nu een Verloop van Voorgrond, Wit naar Transparant. Selecteer deze en maak een verloop van rechtsboven naar links beneden in de selectie.

Glazige Look - Kies nu het Ovaal Selectiekader. - Zet de selectieoptie in de optiebalk op Verwijderen uit selectie. - Teken de ovale selectie zodanig dat in het bovenste gedeelte een mooie ronde curve komt. De bovenste selectie houd je over. - Met de rechtermuis klik je op de selectie en kies Selectie Omkeren (Inverse). Vervolgens klik je op Delete en Deselecteren (Ctrl+D). - Vervolgens verlaag je de Dekking van de Laag naar 65 %.

19


Slagschaduw - Tenslotte voeg je nog een kleine subtiele slagschaduw toe aan de Laag met het vierkant. Zet de afstand op 2 of 3. Je hebt nu een basis voor jullie eigen App. Je kunt je App natuurlijk ook gebruiken als Avatar voor Facebook of Twitter.

De pagina’s - Maak minimaal 3 pagina’s voor je App. - Neem hiervoor een foto van een Smartphone als basis. - Verwijder de achtergrond van de Smartphone. - Formaat: minimaal 600px breed; Resolutie: 72 dpi. - Bepaal de inhoud. Hierbij kun je denken aan: Menukaart, Routekaart, Openingstijden, Speciale evenementen

20


Beoordelingscriteria App Onderwerp

Criteria

Afvinken

App / Avatar

-

Formaat: 100px – 100px; Resolutie: 72 dpi Afgeronde hoeken - 10px Ovaal kleurvlak Effecten met verloop Kleuren afgestemd op kleurenpalet

Pagina’s

-

Kwaliteit Foto Smartphone Uitsnijden foto Smartphone Formaat: 600px breed; Resolutie: 72 dpi.

Inhoud

-

Inhoud:Passend bij het café. 3 Belangrijkste items

Vormgeving

-

Kwaliteit foto’s Afstemming huisstijl Variaties met logo en kleur Originaliteit

21


Opdracht 7 Reclameprints Ontwerp een reclameprint voor een bierviltje, een t-shirt of andere gadget en een bedrijfsauto Bierviltje: - Maak een bierviltje met een diameter van 10 cm. - Nieuw, formaat 12 x 12 cm, 300 pixels/inch, RGB. - Hulplijnen: Verticaal: 1, 6, 11 cm; Horizontaal: 1, 6, 11 cm. - Maak met ovaal selectiegereedschap vanuit het midden met Shift-Alt ingedrukt een cirkel. - Vul de selectie. Hef de selectie niet op. - Ga in de optiebalk naar Selecteren, Bewerken, Slinken, 50 pixels. - Nieuwe Laag, vul de selectie met dezelfde kleur. - Selecteer Laagstijl, Lijn, Grootte 20 px, Binnen, Kleur aanpassen.

Tekst rond buigen - Teken een Ronde Vorm (Shape). Zorg ervoor dat zowel de Vulling als de Lijn leeg zijn. Je tekent dus alleen een Pad (een dunne lijn). Plaats de vorm in het midden van je bierviltje. - Klik met je Tekstgereedschap in de ronde vorm (lijn). Typ je tekst. Deze zal nu de vorm volgen. Vormgeving - Plaats je logo en eventueel aanvullende afbeeldingen in je document. - Gebruik geen foto’s (zijn niet goed zichtbaar i.v.m. de viltige structuur van een bierviltje). - Stem kleuren, vormen en lettertypes af op je huisstijl.

Gadget: 22


-

Kijk op sites van bedrijven met gadgets, promotiemiddelen, relatiegeschenken. Bijvoorbeeld: http://www.fdspromotions.com/ https://www.gullegever.nl/ - Kies een item (pet , t-shirt, tas, etc.) waarop je een logo en een tekst gaat plaatsen. - Let op: Het logo mag niet recht geplaatst worden. Je moet gebruik maken van vervormen en perspectief. Dus: Niet: Vooraanzicht rechthoekige aansteker. Wel: Pet, schuin gefotografeerd. Logo plaatsen - Plaats je logo op het gekozen gadget. - Draai het logo in de juist richting (CTRL+T) - Laat het logo met de vorm meelopen. Hieronder staat een beschrijving om het logo rond te buigen en om het logo in perspectief te plaatsen. Afbeelding buigen - Klik op de laag van het logo - Kies in de optiebalk voor Bewerken (Edit), daarna Transformatie (Transform) en tenslotte Verdraaien (Wrap). - Photoshop legt een raster over het logo. Sleep met de cursor aan de Ankerpunten om de juiste vorm te bewerkstelligen. Als je klaar bent, druk je op Enter. - Geef het logo nog een slagschaduw.

Bedrijfswagen: - Verwerk het logo ook op een bedrijfswagen. - Zoek een passende bedrijfswagen. - Herhaal de handelingen zoals beschreven bij Gadget..

23


Beoordelingscriteria Reclameprints Onderwerp Bierviltje

Gadgets

Bedrijfsauto

Criteria

Afvinken

-

Formaat 12cm – 12cm Gebogen tekst Rand Logo Vormgeving originaliteit, kwaliteit en afstemming op huisstijl

-

Tekst en Logo op meerdere onderdelen van de auto Tekst en Logo in perspectief Tekst en Logo afgestemd op materiaal Vormgeving originaliteit, kwaliteit en afstemming op huisstijl

Gadget passend bij het café Tekst en Logo in perspectief Tekst en Logo afgestemd op materiaal Vormgeving originaliteit, kwaliteit en afstemming op huisstijl

24


Marketing & Communicatie Digitale Vormgeving

Recommend Documents