Fons Goosen & Corrie van der Kroef 1
2
Maak een flyer voor een smartphone met een eigen foto waarin een reflectie/spiegeling is verwerkt. Naam: Flyer Formaat: A5 Kleur: CMYK Productfoto plaatsen Zoek een foto van een Smartphone naar keuze. Kies voor een foto van minimaal 4 mp (scherp op 100%). Sla de afbeelding op. Selecteer in de Menubalk in het menu Bestand / File de optie Open. Blader naar foto. Er zijn nu 2 vensters geopend: Klik in het venster met de foto. Sleep (met ingehouden muisklik) de laag met de smartphone in het lege document. Zorg dat de foto ongeveer ¼ van je totale document beslaat. Achtergrond verwijderen Om de achtergrond te verwijderen gaan we het product selecteren. Dit doe je met de Magnetische Lasso. In de Optiebalk zet je de Doezelaar / Feather op 0. Teken met de lasso om het product. Als je weer bij het begin van je tekening bent verandert de lijn in een Selectie. Klik op Ctrl + J om de selectie te plakken in een nieuwe laag. Verwijder de onderliggende laag: Klik op de juiste laag in het Lagenpallet Klik op Delete. Foto in het Displayscherm plaatsen Zoek een foto van jezelf en open deze in Photoshop. De foto mag uiteraard niet te klein zijn. Klik op de laag van je foto. Kies in het menu Selecteren, Alles Selecteren of Ctrl+A. Kies vervolgens Kopiëren in het menu Bewerken of Ctrl+C. Ga terug naar het document van je smartphone. Kies het gereedschap Rechthoekig Selectiekader / Rectangular Marquee. Maak een rechthoek op de display van je telefoon. Selecteer in het menu Bewerken de optie Plakken In / Paste into. De foto wordt nu in de telefoon geplakt. De kans is groot dat de foto te groot of te klein is. Het formaat kun je wijzigen met Ctrl+T. Met Shift-toets ingedrukt kun je de de foto kleiner of groter maken. Klik tenslotte op Enter om de wijziging vast te leggen. 3
Samenvoegen en Kopiëren Voeg de laag van de telefoon 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. Kopieer deze laag door er met de Rechtermuis op te klikken. Kies Laag dupliceren. Verticaal verplaatsen Klik op de gekopieerde laag van de telefoon. Kies Ctrl+T, daarna de Rechtermuisknop. Kies de optie Verticaal omdraaien / Flip vertical. Sleep met Shift ingedrukt de omgekeerde afbeelding recht omlaag. Enter. Laagmasker met Verloopeffect Klik onder in het deelvenster Lagen op de knop Laagmasker / Layer mask toevoegen. Zet je Kleuren in de Gereedschapsbalk op Zwart Wit. Kies in de Gereedschapsbalk voor Verloop / Gradiënt. Sleep met Ingehouden muis van beneden naar boven in de kopie van je smartphone. 4
Opmaak Maak de flyer compleet door het plaatsen van: Achtergrond Zoek en plaats een passende achtergrondafbeelding. De afbeelding moet op 100% scherp zijn. Gebruik eventueel het Filter Vervagen/Blur Slim vervagen/smart blur. Om de afbeelding geschikt te maken voor tekstplaatsing kun je o.a. gebruik maken van: - Verlagen van de Dekking / Opacity bovenin het lagenpallet. - Veranderen van de Overvloeimodus. Bovenin het lagenpallet naast dekking. - Veranderen van de Kleurtoon Verzadiging/Hue Saturation met Ctrl+U In plaats van een achtergrondfoto kun je ook gebruik maken van een Verloop / Gradiënt. Titel en Productinformatie Voor de titel gebruik je het merk en type van de smartphone. Probeer het officiële lettertype zo dicht mogelijk te benaderen. Geef een korte opsomming van de belangrijkste kenmerken. Gebruik hiervoor maximaal lettergrootte 10 punten. Logo s Plaats de logo s van de smartphone en van een mogelijke provider. De logo s moeten hun oorspronkelijke vorm, kleur en verhouding behouden! Ook mag er geen achtergrondvlak achter het logo zitten. Afbeeldingen met een transparante achtergrond hebben de uitgang GIF of PNG. Hulplijnen Gebruik de Linialen (Ctrl+R) om hulplijnen te slepen. Hulplijnen heb je nodig voor: - De marges (verloop) van de flyer: Zet deze op 5 mm. - Het uitlijnen van afbeeldingen en teksten (nauwkeurig onder of naast elkaar plaatsen). Afvinklijst Flyer Vul het onderstaande schema in voor je de opdracht laat beoordelen Onderwerp Criteria Afvinken Foto smartphone Foto in display Reflectie Achtergrond Informatie Logo telefoon en provider Lay-out Communicatief vermogen Naam: Flyer - Formaat:A5 - Kleur:CMYK Kwaliteit uitsnede Kwaliteit foto kwaliteit plaatsing Goedgeplaatste kopie - Laagmasker met verloop Passend bij Geschikt als tekstdrager Titel en productinformatie Lettertype - Lettergrootte Verhouding vorm kleur - achtergrond Evenwicht in compositie marges uitlijning - kleur Aandacht voor productnaam foto i nformatie, - logo s - 5
Maak een prijskaart met 2 verschillende achtergronden en een actiebutton. Naam: Prijskaart Formaat: Internationaal papier A5 Kleur: CMYK Productfoto plaatsen Zoek een foto van een product naar keuze. Sla de afbeelding op. Open de afbeelding in Photoshop. Sleep (met ingehouden muisklik) de laag met foto in het lege document. Achtergrond van het product verwijderen Om de achtergrond te verwijderen gaan we het product selecteren. Dit doe je met de Magnetische Lasso. In de Optiebalk zet je de Doezelaar / Feather op 0. Teken met de lasso om het product. Als je weer bij het begin van je tekening bent verandert de lijn in een Selectie. Klik op Ctrl + J om de selectie te plakken in een nieuwe laag. Verwijder de onderliggende laag. Product kopiëren en verplaatsen Maak één of meer kopieën van je product: Klik in de juiste Laag van het Lagenpallet. Sleep deze laag vervolgens met ingehouden muisklik naar het Icoon Nieuwe laag maken onderaan in het Lagenpallet. Verplaats het gekopieerde product / de gekopieerde producten met het Verplaatsgereedschap naar een plaats naar keuze in het document. Kader tekenen Teken rond de producten een kader met het Penseel. Klik op Penseel / Brush in de Gereedschapsbalk. Klik daarna op de Optiebalk rechts van penseel. Klik op het Uitrolmenu rechts in het palet. Je ziet dan een lijst met penselen. Selecteer een Penseel naar keuze. Bepaal de gewenste grootte. Teken een kader rond je producten. Geef de lijn eventueel een effect met Laagstijl onderin het lagenpallet. 6
Achtergrondfoto s Open een foto die je geschikt vindt als Achtergrond. Vergroot of Verklein de foto (Houd daarbij de Shifttoets ingedrukt om de verhoudingen te behouden). Open of kopieer een 2 e achtergrondfoto. Haal het gedeelte naast de geschilderde lijst weg met de gum. Actiebutton Maak een nieuwe laag: Klik op het icoon Nieuwe laag maken onderaan in het lagenpalet. Maak een Ronde Selectie. Geen Vorm / Shape!!! Selecteer het Ovaal selectiegereedschap. Maak met ingedrukte Shift-toets een ronde selectie. Vul de selectie met een kleur. Hef de selectie niet op! Maak weer een Nieuwe Laag. Vul de selectie nu met een andere kleur. Hef de selectie op : Control+ D Maak met Het Rechthoekig Selectiegereedschap een rechthoekige selectie ter grootte van de helft van de cirkel. Daarna druk op Delete. Zet in de bovenste helft de tekst: Actie en in de onderste helft de prijs. Selecteer de beide buttonlagen en de beide tekstlagen (met ingehouden Shift). Zet nu met Ctrl+T de button met tekst schuin. Opmaak Maak de prijskaart compleet door het plaatsen van: Titel en Slogan Voor de titel gebruik je de naam van het product. De slogan hoef je niet zelf te bedenken. Zoek een lettertype dat past bij het ontwerp. Logo Plaats een logo van een mogelijke winkel waar het product verkocht kan worden. Het logo mag niet in kleur, vorm en verhouding veranderd worden en mag geen achtergrondvlak hebben. Hulplijnen Gebruik de Linialen (Ctrl+R) om hulplijnen te slepen. Hulplijnen heb je nodig voor: - De marges (verloop) van de flyer: Zet deze op 5 mm. - Het uitlijnen van afbeeldingen en teksten (nauwkeurig onder of naast elkaar plaatsen). 7
Afvinklijst Prijskaart Vul het onderstaande schema in voor je de opdracht laat beoordelen Onderwerp Criteria Afvinken Foto product Kader Dubbele achtergrond Actiebutton Logo winkel Compositie, Uitlijning, Lay-out Communicatief vermogen Naam: Prijskaart - Formaat:A5 - Kleur:CMYK Kwaliteit uitsnede - kopie Gebruik penseel - effect Kwaliteit passend bij product passend bij elkaar binnen en buiten kader 2 selecties tekst schuin geplaatst Verhouding vorm kleur - achtergrond Gebruik linialen, Teksten en Foto uitlijnen, Hanteren van Marges Evenwicht in compositie marges uitlijning - kleur Aandacht voor productnaam foto prijs logo - sfeer 8
Maak een advertentie voor jullie product in het Helftheuvelmagazine (http://www.helftheuvel.com/magazine) met daarin belichtingseffecten. Naam: Advertentie Formaat: A5 landscape Resolutie: 300 dpi Kleur: Eerst RGB, uiteindelijk CMYK Landscape Kies voor Bestand Nieuw Internationaal papier A5 Klik op Afbeelding/Image Roteren - 90⁰ Kleur Als een ontwerp naar de drukker gaat werk je in principe met CMYK (inktkleuren) in plaats van met RGB (beeldschermkleuren). Het is echter niet mogelijk bepaalde filters toe te passen in CMYK. Daarom starten we het document in RGB en veranderen we dit als het ontwerp definitief is in CMYK. Achtergrondfoto Neem een achtergrondfoto die past bij de sfeer van je product. De foto moet groter zijn dan 4 MP. Plaats de foto in je document. Pas eventueel het formaat aan (Ctrl+T). Optimaliseer de kwaliteit van de foto (Ctrl+L). Verander de foto van kleur. Kies voor zwart wit of een duotoon. Dit doe je d.m.v. Ctrl+U. In dit venster kun je de Verzadiging / Saturation helemaal naar links schuiven (zwart-wit). Ook kun je kiezen voor Vullen met kleur/ Colourize (duotoon). Als je hiervoor kiest kun je bij Kleur/Hue de kleur bepalen. We maken de foto ook donkerder omdat we hierna met belichting gaan werken. Dit kun je doen door in hetzelfde menu Helderheid te verminderen. 9
Inhoud Plaats nu de teksten, het logo en een uitsnede van het product. - Heading Deze is niet te lang en wekt de nieuwsgierigheid. Soms verwoordt de heading de propositie de belofte aan de klant. - Foto van het product In deze opdracht gaan we uit van een een productfoto in kleur. Het product moet uitgesneden zijn / mag geen achtergrondvlak hebben. - Bodycopy In korte bewoordingen wordt een belofte gedaan. De tekst is persoonlijk (u of je) en direct geschreven - Logo en pay off De pay off is een korte, pakkende zin aan het einde om de kernboodschap te versterken. Bijvoorbeeld Just do it van Nike, Sence and simplicity van Philips en For successful living van Diesel - Adresgegevens Vergeet niet de website, het telefoonnummer en de verdure adresgegevens te vermelden. Denk bij het plaatsen van de inhoud aan marges en uitlijning!!!!! Belichting We gaan het product in de schijnwerpers zetten: Klik op de achtergrondafbeelding. Ga naar Filter Rendering Zon. Probeer wat mogelijkheden uit. Kijk ook bij Filter Rendering - Belichting Probeer het effect nog te versterken door het gebruik van Lightbrushes: Ga op internet op zoek naar Brushes / Penselen. Bijvoorbeeld bij http://myphotoshopbrushes.com/. Download een penseel naar keuze. Open je map Downloads Klik met Rechtermuis op de Zipmap die je gedownload hebt Kies voor Extract here / Alles uitpakken Dubbelklik op het bestand. Maak een Nieuwe Laag. Klik met je gereedschap Penseel / Brush op de nieuwe lag. Pas eventueel kleur en grootte aan. Kleurmodus Verander de kleurmodus van RGB naar CMYK: Afbeelding/Image Modus/Mode CMYK 10
Afvinklijst Advertentie Vul het onderstaande schema in voor je de opdracht laat beoordelen Onderwerp Criteria Afvinken Naam: Advertentie - Formaat:A5 / landscape - Kleur:eerst RGB, daarna CMYK Achtergrondfoto Teksten Belichting Logo Lay-out Communicatief vermogen Kwaliteit Duotoon of zw - Helderheid Heading Bodycoping Pay off Adres gegevens lettertype - lettergrootte Filter Zon of Belichting Brushes licht - Toepassing Verhouding vorm kleur - achtergrond Evenwicht in compositie marges uitlijning - kleur Aandacht voor sfeer - productnaam foto informatie - logo 11
Ontwerp een kortingskaart met afgeronde hoeken in de sfeer van de advertentie. Formaat Hoogte: Breedte: Resolutie: Kleur 6cm 9 cm 300 dpi CMYK Vorm De kortingskaart moet afgeronde hoeken krijgen: Plaats Hulplijnen op 0,5 cm van alle randen. Geef je bestand een achtergrondafbeelding of achtergrondkleur. Kies voor het gereedschap Vorm/Shape Afgeronde rechthoek / Rounded rectangle. Zorg er voor dat de waardes in de optiebalk de volgende zijn: Radius: 80⁰ (hiermee wordt de ronding van de hoeken bepaald. Hoe hoger de radius, des te ronder de hoeken.) Vulling (van de vorm): geen Omlijning: geen Teken de vorm met behulp van de de hulplijnen. Je ziet nu de vorm als dunnen lijn op je achtergrond. Klik met Rechtermuis Kies voor Selectie maken. Ga op de achtergrond laag staan. Kopieer de selectie met Ctrl+J op een nieuwe laag. Verwijder de oorspronkelijke achtergrond laag en de vormlaag. Behoud alleen de gekopieerde selectie. Inhoud - Product(en) waarop de korting van toepassing is - Kortingsbedrag of percentage - Periode waarin de korting geldig is - Inleverings- verzilveringsmogelijkheid - Website - Logo product of Winkel Logo Vraag aan de winkel het logo of zoek het logo op Internet. Het logo mag niet in kleur, vorm en verhouding veranderd worden en mag geen achtergrondvlak hebben. 12
Afvinklijst Kortingskaart Vul het onderstaande schema in voor je de opdracht laat beoordelen Onderwerp Criteria Afvinken Naam: Kortingskaart Hoogte: 6cm Breedte 9cm Resolutie: 300 dpi Kleur: CMYK Vorm Informatie Logo product of winkel Achtergrond Lay-out Communicatief vermogen Afgeronde hoeken waarop korting - kortingsbedrag of percentage - periode - inleverings- verzilveringsmogelijkheid - website Verhouding vorm kleur - achtergrond Look and feel advertentie Evenwicht in compositie marges uitlijning - kleur Aandacht voor korting en product / winkel 13
Ontwerp een eigen naamkaartje passend bij de winkel van je project. Naam: Naamkaartje Hoogte: 5,5cm Breedte: 9 cm Resolutie: 300 dpi Kleur: CMYK Eigen 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 hun logo op het naamkaartje mag staan. Vraag het logo van de winkel op. Het liefst als PNG-of GIFbestand. Het voordeel daarvan is dat het bestand een transparante achtergrond heeft. Kun je geen logo met transparante achtergrond vinden, dan verwijder je de achtergrond met de magnetische lasso of het 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 met dit ontwerp een kaartje voor alle leden. Gebruik het gekozen naamkaartje op de promotiedag in de Helftheuvel. 14
Afvinklijst Naamkaartje Vul het onderstaande schema in voor je de opdracht laat beoordelen Onderwerp Criteria Afvinken Naam: Prijskaartje Hoogte: 5,5cm Breedte 9cm Resolutie: 300 dpi Kleur: CMYK Eigen Naam Logo winkel/naam winkel Logo KW1C Achtergrond Lay-out Communicatief vermogen Passend Lettertype - Aandacht trekker Verhouding vorm kleur - achtergrond Verhouding vorm kleur - achtergrond Passend bij de winkel en/of artikel Evenwicht in compositie marges uitlijning - kleur Juiste volgorde in aandacht: 1. Naam, 2.Logo 15
Maak een afbeelding die volledig uit tekst bestaat met behulp van zelfgemaakte penselen. Afbeelding Zoek een afbeelding van goede kwaliteit (groter dan 4 MP), veel contrast, duidelijke vormen en interessante elementen die je mooi zou kunnen vervangen voor tekst. Open de afbeelding in Photoshop. Geef het bestand de naam Tekstafbeelding Meerdere lagen Selecteer de afbeelding met de magnetische lasso. Plaats een kopie in een nieuwe laag met Ctrl+J. Noem deze laag Modellaag. Verwijder de originele foto. Klik op de Modellaag. Kies voor Afbeelding /Image Aanpassingen / Adjustments Helderheid / Contrast / Brightness / Contrast. Verhoog het contrast en de helderheid om een zo duidelijk mogelijke afbeelding te krijgen. Ga naar het menu Selecteren Kleurbereik / Colour range Schaduwen / Shadows Kopieer de selectie naar een nieuwe laag met Ctrl+J. Noem de laag Schaduwen. Klik opnieuw op de Modellaag Ga naar Selecteren Kleurbereik / Colour range Middentonen Kopieer de selectie naar een nieuwe laag met Ctrl+J. Noem de laag Middentonen. Ga op de laag Schaduwen staan kies voor Bewerken / Edit Vullen / Fill Zwart / Black. Vink Transparantie aan - OK Ga op de laag Middentonen staan kies voor Bewerken / Edit Vullen / Fill 50% Grijs Transparantie aan OK. Selecteer de lagen MIddentonen en Schaduwen klik met rechtermuis kies voor Lagen samenvoegen / Merge Layers. Noem deze laag Schaduwen en Middentonen. 16
Tekstdocument Maak een Nieuw document A4. Typ een rijtje met 6 woorden die met je thema te maken hebben. Kopieer dit rijtje 3 keer. Verander in de 3 gekopieerde lagen het Lettertype. Plaats de teksten overzichtelijk op de pagina. Maak de regelafstand groter dan de letter zelf. Heb je bijvoorbeeld een lettergrootte van 11 punt, kies dan een voor een regelafstand van 15 punt. Dit kun je instellen in het Venster / Window Teken / Character. Verander alle Tekstlagen in Afbeeldingslagen: Klik met de Rechtermuis op een tekstlaag kies Omzetten in pixels. Penseel definiëren Selecteer met het selectiekader 1 woord. Kies voor Bewerken / Edit Voorinstelling penseel definiëren / Preferences define brush 17
Stempelen in Tekstafbeelding Je kunt de zelfgemaakte penselen nu gebruiken in het document Testafbeelding: Ga terug naar dit document Maak een Nieuwe Laag - Kies voor Penseel / Brush selecteer een zelfgemaakte penseel stel de penseel in: klik op Penseel in- uitschakelen. Probeer de instellingen uit. Met name Spreiding en Tussenruimte kunnen voor het gewenste effect zorgen. Stempel een aantal keren per penseel in de afbeelding (in de nieuwe laag!). Geef de laag de naam Tekst. 18
Tekstkopie Selecteer de laag Schaduwen en middentonen. Klik met ingehouden Ctrl-toets op het Laagicoon Kies voor Ctrl+C. Klik nu op de Tekstlaag - kies voor Ctrl+V. Maak alle overige lagen onzichtbaar door het Oogje voor de laag uit te vinken. Je hebt nu een Tekstlaag in de vorm van de Modelllaag. Noem deze laag Modeltekst. Laagstijl toepassen Geef de laag een Laageffect. In het voorbeeld is gekozen voor Slagschaduw / Drop shadow en Verloop / Gradiënt. Geef tot slot de Achtergrond een toepasselijke Kleur. 19
Afvinklijst Tekstafbeelding Vul het onderstaande schema in voor je de opdracht laat beoordelen Onderwerp Criteria Afvinken Naam: Tekstafbeelding Formaat: Groter dan 4 MP Afbeeldingskenmerken: Veel contrast, duidelijke vormen en interessante elementen. Modellaag Uitsnede originele foto Overige lagen Tekstdocument Tekstlaag Schaduwen Midddentonen Schaduwen en middentonen 4 x 6 woorden in verschillende lettertypes omgezet naar pixellagen gedefinieerd als penseel Laag gevuld met tekstpenselen Modeltekst Kopie van tekst in de vorm van de modellaag Vormgeving Toepassing laagstijl en kleurgebruik 20
Laat 2 zelfgemaakte foto s naadloos in elkaar overlopen met behulp van een laagmasker. 2 Foto s in 1 document Open twee zelfgemaakte foto s die je gaat samenvoegen. Verbeter de Kwaliteit van de foto s met de sneltoets Ctrl+L. Open de eerste foto die dient als achtergrond. Open de tweede foto die je aan de foto gaat toevoegen. Sleep de laag van foto twee in het bestand van foto één. De achtergrondfoto moet het hele document vullen, de voorgrondfoto vult slechts een gedeelte van het document. Laagmasker en Verloop Selecteer de lag van de 2 e foto. Klik onder in het lagenpalet op Laagmasker toevoegen. In het Lagenpalet naast de tweede foto staat nu een Laagmasker. Druk op de G-toets voor het Verloop / Gradiënt-gereedschap. Druk nu op Enter. Het venster met de verschillende verlopen wordt nu geopend. Kies 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. Zorg ervoor da de foto s Naadloos in elkaar overlopen. Afvinklijst Fotocombinatie Vul het onderstaande schema in voor je de opdracht laat beoordelen Onderwerp Criteria Afvinken Foto 1 en 2 Laagmaker Vormgeving Naam: Fotocombinatie - Formaat:vrij - Kleur: RGB Kwaliteit Plaats in document (geheel en gedeeltelijk vullend) Plaats en effect van laagmasker. Geen rand / rand zichtbaar. Combinatie van foto s / afstemming van kleuren / compositie 21