Ontwerp een Eye-Catching Voucher in Photoshop

Wat je gaat creëren

Welkom bij een andere zelfstudie voor het afdrukken van Photoshop-afbeeldingen. In deze zelfstudie leren we hoe u een mooi, schoon ogend ontwerp kunt maken voor een huidige tegoedbon. Volg mee en leer nieuwe technieken en basiskennis bij het ontwerpen van kunstwerken voor drukwerk.

Lesmateriaal 

Deze tutorial maakt gebruik van afbeeldingen uit het Envato Resource Pack en enkele op maat gemaakte vectorpictogrammen die ik heb gemaakt in Illustrator, die u kunt downloaden via de link aan de rechterkant:

  • natuur-12.jpg 
  • icons.ai
  • streep-pattern.pat

Ook worden er de Lexia en Effra Font Family gebruikt die worden geleverd met een Typekit of Adobe Creative Cloud-abonnement: https://typekit.com/

Document en gidsen instellen 

Stap 1

Maak een Nieuw document met afmetingen 105 X 216 mm. Dit formaat komt overeen met een derde van het A4-papierformaat. set Resolutie naar 300 en Kleur mode naar CMYK.

Stap 2

creëren Nieuwe gidsen. Verplaats elke gids 3 mm van elke rand. Dit vertegenwoordigt het afloopgebied van het document. Volg en voeg ook een verticale gids in het midden toe.

Achtergrond maken 

Stap 1

Pak afbeelding van Resources Pack "nature-12.jpg" en plaats deze in het document.

Stap 2

Laten we de afbeelding een beetje aanpassen. We zullen een reeks gebruiken Aanpassingslagen om dit te doen. Toevoegen Kleur balans En instellen middentonen naar +46, +1, +10.

Stap 3

Nu toevoegen levels en pas de schuifregelaars overeenkomstig aan de hieronder getoonde afbeelding aan om de achtergrondkleuren op te voeren.

Stap 4

Gebruik Helderheid / Contrast aanpassingslaag en stel in Helderheid naar -4 en Contrast naar 35

Stap 5

Maak een Nieuwe laag (Shift-CMD-N) en vul het met Rode kleur. Verandering Overvloeimodus naar Scherm en voeg een nieuwe toe Laagmasker. Gebruik Radiaalverloopgereedschap (G) om de rode kleur in de linker bovenhoek van de voucher uit te faden. Hierdoor worden enkele warme tonen op de foto geplaatst.

Stap 6

kiezen Rechthoekgereedschap (U) en maak een nieuwe witte langwerpige rechthoek. Grijp de rechterbovenhoek van de rechthoek en verplaats deze naar beneden in het onderste gedeelte van de voucher. Vergeet niet om in te stellen ondoorzichtigheid naar 50%.

Stap 7

Volg dezelfde stappen om een ​​nieuwe rechthoek boven aan de vorige te maken. Deze tijd ingesteld ondoorzichtigheid naar 60%. Om de vorm er interessanter uit te laten zien, voeg je een toe Laagmasker. Activeren Penseel (B) en verwijder met zachte penseel een witte kleur uit het middelste gedeelte van die rechthoek.

Stap 8

Maak opnieuw een nieuwe rechthoek. Verwijder de linkerbenedenhoek om een ​​driehoek te maken. Plaats de driehoek tussen de rechterrand en de eerste rechthoek. Laag instellen ondoorzichtigheid naar 35%.

Stap 9

Duplicaat (J) de laag met driehoek en stel in ondoorzichtigheid naar 65%. Stel de driehoek lichtjes bij volgens de onderstaande afbeelding. Voeg een nieuwe toe Laagmasker en gebruik opnieuw zachte penseel om een ​​beetje witte kleur uit het middengebied van de driehoek te verwijderen.

Stap 10

Maak een Nieuwe rechthoek (U). Verplaats de linkerbovenhoek iets naar beneden. Vul het met Bruin verloop en instellen Overvloeimodus naar Lineaire Burn.

Stap 11

Duplicaat (J) de bruine rechthoek. set Overvloeimodus terug naar normaal. Verandering ondoorzichtigheid naar 65%. Gebruik Laagmasker en zachte borstel om het onderste gedeelte van de laag uit te faden.

Stap 12

Met de laag nog steeds geselecteerd voeg toe Slagschaduweffect. set ondoorzichtigheid naar 35%, Afstand naar 10 en Grootte naar 40.

Een kopgebied maken 

Stap 1

Maak een Nieuwe rechthoek (U). Schuif de rechterbovenhoek iets naar links. Vul het met Bruin verloop. Toevoegen Slagschaduweffect met ondoorzichtigheid op 20%. set Afstand naar 2 en Grootte naar 7.

Stap 2

Gebruik hetzelfde proces als beschreven in de eerste stap om een ​​nieuwe rechthoek te maken. Vul deze keer in met Wit kleur en plaats deze onder de bruine kop. Activeren Gratis Transformeren (CMD-T) en schuif een beetje naar rechtsonder. set ondoorzichtigheid naar 80%.

Stap 3

Toevoegen Laagmasker en gebruiken Penseel (B) om de bovenste delen van de witte rechthoek te vervagen. Plaats deze laag onder de bruine rechthoek.

Stap 4

Activeren Type Tool (T) en schrijf een "X". In dit geval heb ik Effra Bold Italic gebruikt. Vul het met Wit En instellen blending mode naar Zacht licht. Schaal de "X" op tot deze dezelfde hoogte heeft als de bruine kop en plaats deze erin.

Stap 5

Duplicaat (J) de "X" -laag en zet het Type om in de vorm. Speel rond met Pad Tool (P) en verwijder ankerpunten van de "X" totdat u een pijlvorm krijgt. Verschuif het iets naar links.

Stap 6

Gebruik Type Tool (T) om koptekst toe te voegen. In dit geval heb ik Lexia Thin en Lexia Bold-lettertypen gecombineerd om de tekst te maken. Vul het dunne type met Donker Bruin en vetgedrukt met Wit.

Badge maken 

Stap 1

Maak een Nieuwe Ellipse (U). Vul het met Bruin. Voeg een ... toe Slagschaduweffect. set ondoorzichtigheid naar 60, Afstand naar 7 en Grootte naar 12.

Stap 2

Maak een ander Ellips. Maak het iets kleiner en plaats het in het bruine gebied. Vullen Beroerte met Wit En instellen Gewicht naar 1 pt. Laat de streep vallen.

Stap 3

Maak opnieuw een nieuw Ellips. Vul het met wit naar zwart verloop. Plaats het boven de bruine ellips overeenkomstig de onderstaande afbeelding en converteer het naar Knipmasker. set Overvloeimodus naar bedekking en ondoorzichtigheid naar 35.

Stap 4

Gebruik Type Tool (T) om de tekst "65%" te schrijven. In dit geval heb ik het Effra Bold-lettertype gebruikt. Speel met lettergrootten en andere voorkeuren om het resultaat er esthetisch uit te laten zien.

Stap 5

Gebruik hetzelfde type methode in "Uitverkoop". Vul tekst in met Oranje kleur en set kapitalisatie naar Kleine doppen.

Stap 6

Gebruik Lijngereedschap (U) om oranje scheidingstekens te maken naast de tekst 'Verkoop'. Regel instellen Gewicht naar 5 pt.

Hoofdtekst toevoegen 

Stap 1

Maak een nieuwe tekst en typ "Voucher". Gebruik Lexia Bold Italic-lettertype en vul tekst in met Geel. aanpassen Karaktervolging naar -40. Toevoegen Inner Shadow Effect. set ondoorzichtigheid naar -40, Afstand naar 1 en Grootte naar 1.

Stap 2

Voeg vervolgens een toe Patroon overlay. Laad het "streeppatroon" van items. set Mengmodus naar Levendig licht.

Stap 3

Nieuwe tekst toevoegen "Presenteren". Vul het met Bruin en hetzelfde toepassen Innerlijke schaduw Effect van de vorige tekst.

Stap 4

Gebruik Type Tool (T) om wat dummy tekst toe te voegen of welke gewenste tekst dan ook. Vul het met Wit kleur en voeg een toe Slagschaduweffect. set ondoorzichtigheid naar 30, Afstand naar 3 en Grootte naar 8.

Onderste tekst toevoegen 

Stap 1

Volg dezelfde technieken om ondertiteling toe te voegen. Combineer witte en gele kleuren om te passen bij de voucher-stijl. Omdat ze levendige kleuren hebben, maken ze de tekst leesbaar.

Stap 2

Importeren de vectorpictogrammen van de activa. Plaats de overeenkomstige afbeelding gelijkmatig over de voucher. Voeg verklarende tekst naast elk pictogram toe, zoals: Adres, Telefoonnummer van e-mailadres.

Stap 3

Laten we nog een wit scheidingsteken toevoegen. Maak een Gestippelde nieuwe lijn (U) En instellen Gewicht naar 3 pt.

Conclusie

In deze zelfstudie hebben we enkele basisstappen besproken voor het maken van een eenvoudige voucher. Als je dit hebt gedaan, moet je een mooi ontwerp hebben dat je als sjabloon voor je klant of een ander project kunt gebruiken. Gebruik je fantasie om met kleuren en achtergrondafbeeldingen te spelen om een ​​aantal alternatieve ontwerpen te krijgen.

Snelle tip

U kunt de uiteindelijke illustratie als sjabloon gebruiken om alternatieve ontwerpen te maken. Speel rond met kleuren en achtergrondafbeeldingen om verschillende resultaten te bereiken.