Voorwoord Flyer Smartphone In deze oefening voor het maken van een flyer voor jouw Smartphone gaan we heel veel techniek leren die je in het vervolg van je opleiding goed kunt gaan gebruiken. We maken in Google gebruik van zoekhulpmiddelen. In Photoshop leren gebruik te maken van speciaal plakken, plakken in, het gebruik van een rechthoekige selectiekader, een reflectie maken met verloop op een laagmasker Tenslotte plaatsen we informatie over het abonnement van je Smartphone bij de afbeelding. De compositie moet een eenheid vormen en zodanig dat de aandacht in de juiste volgorde naar de verschillende delen gaat. Opdrachten Helftheuvel Om je producten op de Helftheuvel goed te promoten en te presenteren ga je in de lessen Digitale Vormgeving een aantal promotiemiddelen maken. Allereerst een prijskaart die je in je kraam kunt plaatsen in een houder zodat meteen duidelijk om welk artikel het gaat. Om het contact met de klant te verbeteren heb je een naamkaartje vastgespeld op je kleding. De klant kan daarop zien wie je bent en voor welke organisatie je werkt. Dit bevordert het vertrouwen en zal de verkoop bevorderen. Je gaat een advertentie maken voor het magazine van de Helftheuvel. In een advertentie kun je meer informatie kwijt als een prijskaart. En tenslotte nog een kortingskaart met een percentage korting en de termijn van geldigheid van de korting. Veel plezier en succes met alle opdrachten. Digitale Vormgeving-Helftheuvel-2
INHOUDSOPGAVE Voorwoord blz 2 Inhoudsopgave blz 3 Flyer Smartphone blz 4 8 Zoekhulpmiddelen, Toverstaf blz 4 Speciaal Plakken, Plakken In blz 5 Samenvoegen Lagen, Reflectie, Laagmasker, Verloop blz 6 Tekst, Informatie abonnement, AIDA blz 7 Afvinklijst Flyer Smartphone blz 8 Foto s naadloos samenvoegen blz 9-10 Laagmasker, verloop blz 9 Extra opdrachten blz 10 Opdrachten Project Helftheuvel Prijskaart blz 11--13 Foto s en Filter, blz 11 Lijst, tekst, prijs, button blz 12 Afvinklijst Prijskaart blz 13 Advertentie blz 14 14 Van prijskaart naar advertentie, Gegevens winkel blz 14 Informatie product, Rendering blz 15 Afvinklijst Advertentie blz 16 Kortingskaart blz 17 Foto met afgeronde hoeken, informatie blz 17 Naamkaartje blz 18 Naam, Logo winkel, Logo KW1C, Achtergrond blz 18 Informatie Kraam Helftheuvel blz 19 Tafel, tafelrok, blz 19 Decoratiemateriaal, prijskaarthouder blz 19 Kleding, naamkaartje blz 19 Tekstafbeelding blz 20-23 Afvinklijst blz 23 Beoordeling Periode 3 blz 23 Planning Periode 3 blz 24 Digitale Vormgeving-Helftheuvel-3
1.FLYER SMARTPHONE Opdracht: Ontwerp een flyer voor je smartphone met eigen foto, spiegeling, officiële logo, informatie over je abonnement en een passende achtergrond. Google, Zoekhulpmiddelen In Photoshop open je een nieuw bestand. Nieuw, Formaat A6, breedte 10,5 cm, hoogte 14,8 cm, 300 pixels/inch, CMYK. Zoek een zo groot mogelijke foto van je Smartphone bij Afbeeldingen op Google. Ga naar Zoekhulpmiddelen en stel de het formaat op groter dan 1024-768 px. Open de foto in Google, sla deze op en open in Photoshop. Achtergrond verwijderen van foto, Toverstaf Dubbelklik in het Lagenpalet op de Achtergrondlaag (hierop zit een slotje). Verander in het venster Nieuwe Laag de Naam in Smartphone. En klik op OK. Verwijder nu de witte achtergrond van de foto van je smartphone. Gebruik het gereedschap de Toverstaf of sneltoets W. Het wit wordt geselecteerd, druk nu op Delete en er ontstaat een transparante achtergrond van blokjes (heb je het slotje niet verwijderd wordt de achtergrond zwart). Slepen Digitale Vormgeving-Helftheuvel-4
Haal je Smartphone uit de optiebalk. Ga naar het Lagenpalet en Sleep de laag met je Smartphone naar het formaat van je flyer. Plaats de foto in het linker deel van de flyer zodat rechts en boven informatie geplaatst kan worden. Eigen Foto Open een foto van jezelf in Photoshop. Kies in het menu Selecteren, Alles Selecteren, Ctrl+A. Kies vervolgens Kopiëren in het menu Bewerken of Ctrl+C. Plakken In Ga terug naar de foto van je Smartphone. Kies het gereedschap Rechthoekig Selectiekader. Maak een rechthoek op de display van je Smartphone. Selecteer in het menu Bewerken de optie Speciaal Plakken, vervolgens Plakken In. De foto wordt nu in het mobiel geplakt. De kans is groot dat de foto te groot is. Formaat aanpassen Het formaat ga je aanpassen met Ctrl+T. Met Shift-toets ingedrukt maak je de foto kleiner. Als je de ankerpunten niet ziet maak je het formaat van je afbeelding kleiner met Ctrl+- (min) Totdat de foto op het scherm van het Smartphone past. Druk tenslotte op Enter om de wijziging vast te leggen. Samenvoegen Lagen Digitale Vormgeving-Helftheuvel-5
Voeg de laag van je Smartphone en de laag met de ingeplakte foto van jezelf samen. Selecteer in het Lagenpalet met de Shift-knop ingedrukt de twee Lagen. Klik dan op de rechtermuisknop, kies Lagen samenvoegen. Dupliceer de laag van je Smartphone. Klik met de rechtermuisknop op de Laag die je wilt dupliceren. Kies Laag dupliceren. Reflectie Kies Ctrl+T, daarna de rechtermuisknop. Kies de optie Verticaal omdraaien. Sleep met Shift ingedrukt de omgekeerde afbeelding recht omlaag. Enter Laagmasker Nu willen we de reflectie nog een verdwijneffect geven. Klik onder in het deelvenster Lagen op de knop Laagmasker toevoegen. Verloop Klik op het gereedschap Verloop (sneltoets G). Klik op de Verloopkiezer in de optiebalk, klik op het Verloop zwart-wit. Klik op het Laagmasker in het palet Lagen. Digitale Vormgeving-Helftheuvel-6
Sleep het Verloop van onder naar boven waar je de afbeelding wilt laten oplossen in de achtergrond. De reflectie lost op. Naam, Logo, Slogan, Info en Uitlijnen Zet de naam van je Smartphone erboven. Plaats het Logo van het merk van je Smartphone erbij. Plaats de slogan van je Smartphone op je flyer Informatie over je abonnement Vermeld de prijs van je abonnement met het aantal belminuten, internetgebruik, MB s en sms jes. Vermeld de prijs in een speciale button. Achtergrond: Zoek op internet een achtergrond met structuur. Aandachtsvolgorde De aandacht moet als eerste gaan naar de afbeelding van je Smartphone en het merk, daarna naar de informatie over de Smartphone (AIDA). Digitale Vormgeving-Helftheuvel-7
Afvinklijst Flyer Smartphone Vul het onderstaande schema in voor je de opdracht laat beoordelen Onderwerp Criteria Afvinken Bestandsgrootte 10,5 x 14,85 cm 300 pixels/inch, CMYK Kwaliteit foto Smartphone Eigen foto Zoekhulpmiddelen Grootte, Scherpte Opwaardering met aanpassingen / niveaus Eigen afbeeldingen of copyright Selectie en Plakken In Rechthoekig selectiegereedschap Plakken In Formaat foto aanpassen in juiste verhoudingen Reflectie, Laagmasker Verloop Informatie Compositie Uitlijnen Communicatief vermogen Verloop in de juiste richting aangebracht op het laagmasker zodat een reflectie ontstaat Logo van het merk van de Smartphone Informatie over abonnement, prijs, belminuten, sms, mb Evenwicht in de compositie Informatie en Smartphone uitgelijnd Juiste volgorde in aandacht: 1. Beeld en Merk, 2. Informatie abonnement Digitale Vormgeving-Helftheuvel-8
2. FOTO S NAADLOOS SAMENVOEGEN LAAGMASKER Opdracht Voeg twee foto s naadloos samen met behulp van een laagmasker en een verloop. Open twee (zelfgemaakte) foto s die je gaat samenvoegen. Open de eerste foto die dient als achtergrond. Open de tweede foto die je aan de foto gaat toevoegen. Zorg dat beide foto s even groot zijn. Laagmasker en Verloop Klik onder in het lagenpalet op Laagmasker toevoegen. In het Lagenpalet naast de tweede, bovenste foto staat nu een Laagmasker. Druk op de G-toets voor het Verloop-gereedschap. Kies in de optiebalk het verloop van Zwart naar Wit. Kies in de optiebalk het eerste verloop: Lineair verloop. Trek met de cursor het verloop over de twee foto s. Probeer korte en lange strepen uit. Digitale Vormgeving-Helftheuvel-9
Extra Combineer een foto uit twee verschillende jaargetijden. Verschillende Verlopen: Gebruik eens een ander verloop als Lineair verloop. Drie foto s Voeg drie foto s bij elkaar Digitale Vormgeving-Helftheuvel-10
3. PRIJSKAART Opdracht: Ontwerp een prijskaart voor het artikel dat je gaat promoten op de Helftheuvel. Het formaat van de prijskaart is A4 staand: 21cm (breed) x 29,7cm (hoog), 300 pixels/inch, CMYK. Productfoto Zoek een foto of maak zelf een foto van het product dat je op de Helftheuvel gaat promoten. De afbeelding moet een resolutie hebben groter dan 800 x 600 pixels. Open de afbeelding in Photoshop. Verwijder de achtergrond met Snelle Selectie. Klik op Ctrl+J om de selectie te kopiëren naar een Nieuwe Laag. Sleep nu de foto van het artikel naar het A4-formaat. Achtergrondfoto en Filter Plaats een achtergrondfoto passend bij het product. De achtergrond kun je vervagen zodat het product beter opvalt. Ga naar Filter in de optiebalk. Kies Vervagen, Gaussiaans Vervagen. Bepaal zelf de Straal. Prijs Button Ronde selectie of Aangepaste vormen Maak een Ronde Selectie. Klik op de knop Een nieuwe Laag maken onderin het palet Lagen. Selecteer het Ovaal selectiegereedschap. Maak met ingedrukte Shift-toets een cirkel, ronde selectie. Digitale Vormgeving-Helftheuvel-11
Vul de selectie met een Kleur uit de foto. Hef de selectie op. Zet tenslotte de Tekst in de button. Aangepaste Vorm Je kunt ook gebruik maken van Aangepaste vormen om de prijs extra nadruk te geven in de prijskaart. Geef de vorm nog een Laagstijl, zoals een gloed buiten. Zet onderaan het logo van de winkel. Logo Vraag het logo van de winkel op. Bij voorkeur een PNG-bestand. Het voordeel van een PNG-bestand is dat het bestand een transparante achtergrond heeft. Je hoeft dan de achtergrond niet te verwijderen wat vaak rafelige randen geeft of soms heel moeilijk is. De blokjes geven aan dat het transparant is. Enkele voorbeelden van afgelopen jaren. Digitale Vormgeving-Helftheuvel-12
Afvinklijst Prijskaart: Vul het onderstaande schema in voor je de opdracht laat beoordelen Onderwerp Criteria Afvinken Bestandsgrootte Kwaliteit foto Achtergrond Compositie, Uitlijning, Kleurgebruik Prijs button Compositie Uitlijnen Communicatief Vermogen A4-formaat, 21 x 29,7 cm Resolutie in 300 pixels/inch, CMYK Grootte, Scherpte Opwaardering met aanpassingen / niveaus Eigen afbeeldingen of copyright Passend bij het artikel Gebruik linialen, Teksten en Foto uitlijnen, Hanteren van Marges Gebruik van kleur uit de foto voor tekst en kader Eenheid van kleur Selectie of Aangepaste vorm Laagstijl Uitlijning van artikel met tekst Evenwicht in compositie Juiste volgorde in aandacht: 1. Beeld en. Artikelnaam, 2. Info prijs, 3. Logo Digitale Vormgeving-Helftheuvel-13
4. ADVERTENTIE voor het Helftheuvelmagazine Opdracht 3 Maak een advertentie voor jullie product in het Helftheuvelmagazine (http://www.helftheuvel.com/magazine). Bestandsinfo Naam: Formaat: Resolutie: Kleur: Hulplijnen: Advertentie A5-landscape 300 pixels inch CMYK horizontaal: 0,5 cm, verticaal: 0,5 en 20 cm. Kies voor Bestand, Nieuw, Internationaal papier, Grootte A5. Klik op Afbeelding/Image, Afbeelding roteren, 90 Van Prijskaart naar Advertentie Sleep een aantal onderdelen van je prijskaart in het nieuwe bestand, Advertentie. De onderdelen: naam product, uitgesneden product, logo product, logo winkel, tekst, prijs Selecteer met Ctrl ingedrukt de verschillende bestanden en sleep ze in het bestand Advertentie. Gegevens Winkel Pas de onderdelen met Ctrl+T aan, aan het formaat Plaats een gekleurde balk aan de onderkant. Verlaag de Dekking boven in het Lagenpalet zodat je de foto door de balk ziet. Vermeld daarin de gegevens van de winkel: Logo. Website, Naam, adres, telefoonnummer. Digitale Vormgeving-Helftheuvel-14
Informatie Product Zoek op internet minimaal drie kwaliteiten van het product. Plaats deze informatie bij het product. Plaats de informatie in een blok met een passende kleur. Kop Bedenk een korte, positieve kop met de naam van het product om boven de advertentie te plaatsen. Achtergrond Geef je product drie verschillende passende achtergronden zodat je een keuze kunt maken. Rendering We gaan het product in de schijnwerpers zetten. Klik op de achtergrond Ga naar Filter, Rendering, Zon. Dupliceer de Laag van de achtergrond in het lagenpalet. Probeer een andere Rendering uit. Ga naar Filter, Rendering, Belichtingseffecten. Verplaats de cirkel, zodat het licht op het product valt. Filter, Rendering, Zon en Belichtingseffecten: Digitale Vormgeving-Helftheuvel-15
Afvinklijst Advertentie Vul het onderstaande schema in voor je de opdracht laat beoordelen Onderwerp Criteria Afvinken Bestandsgrootte A5- landscape 300 pixels/inch, CMYK Achtergrond foto Teksten Gegevens winkel Informatie product Blokken kleur Compositie Uitlijnen Communicatief vermogen Met Belichting via Rendering Kop, Pay-off Logo, website en adresgegevens Minimaal drie kwaliteiten van het product Blok gekleurd voor gegevens winkel Blok gekleurd onder de informatie product Blok met verlaagde Dekking Evenwicht in de compositie en kleur Informatie uitgelijnd Marges Juiste volgorde in aandacht: 1. Product, 2. Koptekst, 3 Andere informatie Digitale Vormgeving-Helftheuvel-16
5. KORTINGSKAART Opdracht: Ontwerp een kortingskaart (voor het product dat je gaat promoten) met afgeronde hoeken in de huisstijl van de advertentie Formaat van de kortingskaart is: 9 cm breed x 5,5 cm hoog, 300 pixels/inch, CMYK. Plaats 4x hulplijnen op een 0,5 cm van de rand. Foto met afgeronde hoeken Om de foto afgeronde hoeken te geven, maken we eerst een vlak met afgeronde hoeken. Kies in de gereedschapsbalk bij Rechthoek, Afgeronde rechthoek. In de optiebalk stel je de Straal in op 80 px (let op geen cm maar px). En rechts moet je het woord Pixels zien staan. Maak dan nog eerst een Nieuwe Laag. Maak de rechthoek met afgeronde hoeken vanuit de linkerbovenhoek. De achtergrond heb ik uitgezet zodat je de transparante blokjes ziet. Product, Kortingskaart, Datum, Korting, Gegevens, Logo Op de kortingskaart het volgende zijn verwerkt: Afbeelding van het product; Kortingskaart op een balk met verlaagde dekking; Datum of periode van geldigheid; Button met een kortingspercentage; Gegevens van de winkel: logo, website, adres, telefoonnummer. Logo Vraag aan de winkel het logo of zoek het logo op Internet. Zorg dat je een transparante achtergrond hebt, zodat er geen wit vlakje omheen zit. Plaats het logo op de balk. Digitale Vormgeving-Helftheuvel-17
6. NAAMKAARTJE Opdracht: Ontwerp het naamkaartje passend bij de winkel van de Helftheuvel. Formaat: 9 cm (breed) x 5,5 cm (hoog), 300 pixels/inch, CMYK. Op je naamkaartje moet de volgende informatie staan: Je naam. Je naam moet het meeste opvallen, dus het grootste, ten opzichte van de andere informatie. Logo winkel / naam winkel informeer bij de winkel of de logo van de winkel op het naamkaartje mag staan. Vraag het logo van de winkel op. Het liefst als PNG-bestand. Het voordeel van een PNG-bestand is dat het bestand een transparante achtergrond heeft. Kun je geen logo met transparante achtergrond vinden, dan verwijder je de achtergrond met de toverstaf of snelle selectie of pengereedschap. Student Koning Willem I College De opdracht maak je voor het Koning Willem I College; door de naam op het kaartje te plaatsen weet iedereen die je aanspreekt voor welke organisatie je werkt. Tevens maak je reclame voor het College. Let op geen 1 in Koning Willem I College maar een hoofdletter I. Gebruik ook hier het logo met de transparante achtergrond. Achtergrond Kaartje Zoek een achtergrond voor het kaartje passend bij de winkel of het artikel dat je gaat promoten. Kies uit je projectgroep het beste ontwerp en maak deze voor alle leden. Gebruik het gekozen naamkaartje op de promotiedag in de Helftheuvel. Digitale Vormgeving-Helftheuvel-18
Informatie Kraam Helftheuvel Bij het inrichten van je kraam moet je op onderstaande onderdelen letten:. Kleed, tafelrok Spreek met de winkelier af, hoe je kraam eruit gaat zien. Het mooiste is een tafel met een tafelrok tot aan de grond (zie afbeelding). Decoratiemateriaal Gebruik decoraties om het artikel nog beter uit te laten komen of in een bepaalde sfeer te plaatsen. De decoratie is een hulpmiddel, het artikel is en blijft het belangrijkste. Hoe kom je aan decoraties? Je kunt de decoraties gaan lenen bij een andere winkelier. Je kunt ze kopen. Je kunt ze ook zelf maken (harten, bladeren van karton of uit vloerbedekking gesneden). Van thuis meenemen: champagneglas, kaarsen, herfsttakken, wijnranken... Decoraties uit de vrije natuur zoals bladeren, zand, dennentakken. Promotiemateriaal Als promotiemateriaal gebruik je de ontworpen prijskaart en flyer. De prijskaart presenteer je in een standaard. Bedrijfskleding, Kleding en Naamkaartje Maak afspraken over de kleding die je op die dag draagt. Als de winkel bedrijfskleding gebruikt, vraag of je die bedrijfskleding mag gebruiken. Is dat niet het geval, spreek met elkaar af welke kleding je aantrekt. Let op afstemming van kleur. Gebruik het naamkaartje in een hoesje op je kleding. Twee kramen van het afgelopen jaar Twee kramen met veel sfeer. Digitale Vormgeving-Helftheuvel-19
7. TEKSTAFBEELDING Opdracht: Verander een afbeelding van een bekende persoon met zelfgemaakte penselen in een afbeelding die alleen nog uit tekst bestaat. Groter dan 2 MP Zoek op Google bij Afbeeldingen een afbeelding van een persoon met een hoge resolutie (groter dan 2 MP). Kies bij Zoekhulpmiddelen elk formaat, Groter dan 2 MP (megapixels). Open in Photoshop en geef het bestand de naam Tekstafbeelding. Selectie Selecteer de afbeelding met de snelle selectie. Kopieer de selectie naar een nieuwe laag met Ctrl+J. Noem deze laag Modellaag. Zet het oogje uit van de originele laag. Klik op de Modellaag. Kleurbereik Klik op de Modellaag. Ga nu naar Selecteren, Kleurbereik/Color range, Schaduwen/Shadows. Kopieer de selectie naar een nieuwe laag met Ctrl+J. Noem de laag Schaduwen. Klik opnieuw op de Modellaag. Ga weer naar Selecteren, Kleurbereik/Color range, Middentonen. Kopieer de selectie naar een neiuwe laag met Ctrl+J. Noem de laag Middentonen. Vullen Ga op de laag Schaduwen staan. Digitale Vormgeving-Helftheuvel-20
Kies voor Bewerken, Vullen/Fill, Zwart/Black. Vink Transparantie aan. OK Ga op de laag Middentonen staan. Kies voor Bewerken, Vullen/Fill, 50% Grijs. Vink Transparantie aan. OK Selecteer de twee lagen Middentonen en Schaduw met Shift- of Ctrl-toets, zodat ze beide aanstaan. Klik met de rechtermuisknop op de Laag. Kies voor Lagen samenvoegen/merge Layers. Noem deze Laag Schaduwen en Middentonen. Tekstdocument Maak een nieuw document, formaat A4. Type een rijtje van vijf woorden die met de persoon te maken hebben. Kopieer dit rijtje drie keer. Geef ieder rijtje een ander lettertype zodat vier verschillende lettertypes heb. Open in Venster/Window het palet Teken/Character Maak daar de regelafstand groter dan de letter zelf. Heb je en lettergrootte van 14 pt, dan maak je de regelafstand 18 pt. Tekst omzetten naar Pixels Verander alle Tekstlagen in Afbeeldingslagen. Klik met de rechtermuis op een tekstlaag en kies Tekst omzetten naar Pixels. Penseel definiëren Selecteer met het rechthoekig selectiekader één woord. Kies voor Bewerken/Edit, Voorinstelling penseel definiëren/preferences define brush. Stempelen in de afbeelding Je kunt nu de zelf gemaakte penselen gebruiken in het document. Maak een Nieuwe Laag. Kies voor in de gereedschapsbalk Penseel (B). Digitale Vormgeving-Helftheuvel-21
Klik in de optiebalk op het venster onder het woord Bestand om de verschillende penselen te openen. De nieuwe penselen staan altijd als laatste in het venster penselen. Kies een penseel die je zelf gemaakt hebt. Stempel met verschillende woorden op het woord nu op een Nieuwe Laag Tekst in een vorm van de afbeelding kopiëren Selecteer de laag Schaduwen en Middentonen. Druk de Ctrl-toets in en klik tegelijkertijd op de Laagminiatuur. De afbeelding wordt nu geselecteerd. Selecteer nu de Laag Tekst. Kopieer de selectie naar een Nieuwe Laag met Ctrl+J. Maak alle Lagen onzichtbaar door het oogje voor de Laag uit te vinken. Digitale Vormgeving-Helftheuvel-22
Afvinklijst Tekstafbeelding Vul het onderstaande schema in voor je de opdracht laat beoordelen Onderwerp Criteria Afvinken Bestandsinfo Lagen Tekstdocument Laag Tekst Vormgeving Formaat groter dan 2 MP Schaduwen en Middentonen Minimaal vier passende woorden in verschillende lettertypen passend bij de persoon Laag gevuld met woorden gemaakt zelfgemaakte penselen Open karakter Beoordeling Periode 3 De beoordeling. De opdrachten wordt beoordeeld op de volgende onderdelen: Alle opdrachten Alle opdrachten moeten zijn gemaakt. Voor iedere opdracht kun je 10 punten krijgen afhankelijk van het resultaat. De beoordeling vindt plaats op basis van de afvinklijst die na iedere opdracht in de reader te vinden is. Bij de beoordeling kunnen we een onderscheid maken naar het gebruik van Photoshop en de Vormgeving. Photoshop Hier wordt vooral gekeken of je de verschillende technieken van Photoshop die bij iedere opdracht staat aangegeven, hebt toegepast. De vormgeving Onder compositie wordt verstaan het ordenen van elementen in een bepaalde ruimte. Met name compositie, kleurgebruik, evenwicht, eenheid en afwisseling worden hier beoordeeld. Digitale Vormgeving-Helftheuvel-23
PLANNING: Week 06, 02 febr. Week 07, 09 febr. Week 08, 16 febr. Week 09, 23 febr. Week 10, 02 mrt. Week 11, 09 mrt. Week 12, 16 mrt. Week 13, 23 mrt. Week 14, 30 mrt. Week 15, 06 apr. Week 16, 13 apr. Flyer smartphone Foto s combineren Voorjaarsvakantie Prijskaart Prijskaart, Advertentie Advertentie Kortingskaart Naamkaart Tekst in afbeelding Inleveren Toetsweek Digitale Vormgeving-Helftheuvel-24