Een kerstkaart met fotocollage ontwerpen in Photoshop

Ga verder dan het bewerken van foto's en stap in de wereld van grafisch ontwerp. Je leert enkele essentiële technieken om je afbeeldingen in collages te presenteren en hoe je de collage kunt opmaken als een bestand dat je naar een pro-lab kunt sturen voor afdrukken op de pers. Bonus: een kort overzicht van hoe deze veelzijdige technieken te gebruiken voor het presenteren van collages op het web en ook voor fotoprints.

Voorbeeld van de definitieve vakantiekaart

U maakt een persgedrukte vakantiekaart met de volgende specificaties:

  • Briefkaart van 4 inch x 5,5 inch
  • Voor- en achterkant ontwerpen
  • Volledige afloop (kleur afgedrukt op de rand van het papier)

Deze zelfstudie is geschreven voor mensen die bekend zijn met Photoshop-hulpmiddelen en fotobewerking, maar die net zijn begonnen met grafisch ontwerpen.

Download de PSD

Voordat u begint, is het vermeldenswaard dat u het originele PSD-bestand dat in deze zelfstudie wordt gebruikt, kunt downloaden als u dat wilt. Dit maakt het makkelijker om mee te volgen en te begrijpen hoe een deel van het proces werkt. Dat gezegd hebbende, het is geen vervanging voor het zelf uitvoeren van de stappen!

  • Download de Holiday Card PSD

Stap 1: assembleer uw activa

Download deze kerstillustratie van Vectortuts.

Verzamel vier zwart-witfoto's die u in uw document kunt plaatsen. Open ze in Photoshop.

Stap 2: uw document instellen

Dit is waarschijnlijk het belangrijkste onderdeel van deze zelfstudie, dus lees het volgende aandachtig door:

  1. Ga naar Bestand> Nieuw.
  2. Afmetingen: 4,25 inch x 5,75 inch. Let op de extra 0,25 cm aan elke kant. Dit moet worden toegevoegd omdat de printer het document te groot zal afdrukken en het papier zal snijden nadat het is afgedrukt. Ze doen dit zodat je de kleur kunt uitbreiden tot aan de randen van de kaart, die een bloeding wordt genoemd. Printers kunnen niet op de rand van het papier afdrukken, dus overdrukken en vervolgens bijsnijden, zodat u kunt lekken.
  3. Oplossing: stel deze in op 300 ppi, de perskwaliteit.
  4. Formatteer het bestand als RGB-kleur. De meeste drukkerijen drukken in CMYK, maar de meeste pro-fotolaboratoria die drukwerkproducten zoals kaarten, bladwijzers en boeken aanbieden, worden in RGB afgedrukt. Als u hier vragen over heeft, vraag dan eerst aan uw printer omdat het converteren tussen deze twee de manier waarop kleuren eruit zien, echt kan veranderen. Bespaar jezelf tot een paar hoofdpijnen en verspild geld door dit goed te krijgen om mee te beginnen.
  5. Voeg hulplijnen toe met het uiteindelijke afdrukformaat na het trimmen (zie de afbeelding hieronder). Zorg er eerst voor dat uw linialen zijn ingeschakeld (weergave> linialen). Stel ze in om inches weer te geven door met de rechtermuisknop te klikken op de liniaal en 'inches' te kiezen in het vervolgkeuzemenu. Klik met de muis over de verticale liniaal, klik met de linkermuisknop en sleep naar rechts en je ziet een blauwe lijn verschijnen. Sleep het zodat het 0,125 centimeter binnen de rechtermarge is. Sleep een andere, dus het is 0,125 centimeter in de linkermarge. Herhaal en maak twee horizontale hulplijnen. 125 centimeter van de boven- en ondermarge.

    Denk niet dat, omdat je je document met 25 cm te groot hebt gemaakt, dat de hulplijnen 0,25 cm van de marges verwijderd moeten zijn, anders heb je marges die twee keer zo groot zijn als ze zouden moeten zijn. U wilt 0,125 inch extra aan alle zijden, die bij elkaar opgeteld gelijk zijn aan de 0,25 inch die u hebt toegevoegd aan de horizontale en verticale afmetingen.

Opmerking: deze kaart is bedoeld om te worden afgedrukt in een Amerikaans pro-fotolaboratorium. Er moet niet veel verschil zijn voor andere landen, maar u moet de dimensies controleren en ervoor zorgen dat u RGB of CMYK goed hebt voor u begint.

Stap 3: voeg een achtergrondverloop toe

Oké, nu dat we allemaal achter ons hebben, laten we gaan!

Klik op de voorgrondkleur en maak deze # d71e25. Maak de achtergrond # 781214. Klik op het verloopgereedschap en kies een radiaal verloop van de voorgrond naar de achtergrond. Klik vervolgens in de linkerbovenhoek van uw document en maak een diagonale lijn die 3/4 van de weg naar de linkerbenedenhoek van uw document gaat.

Uw document zou er als volgt uit moeten zien:

Stap 4: Importeer de vectorillustraties

De vectorkunst van Kerstmis is een vector EPS-bestand. Voor mijn versie van deze kaart heb ik deze in Illustrator geopend, de achtergrond verwijderd en een aantal sneeuwvlokken aan de onderkant vervaagd. Daarna sleepte ik de boom en sneeuwvlokken naar PS zodat ik de PS-achtergrond kon gebruiken die ik heb gemaakt. Ter vereenvoudiging echter, ga ik de niet-gemodificeerde kunst gebruiken en leer je alleen met Photoshop te werken. De beste manier om met vectoren in Photoshop te werken, is door de functie Slimme objecten te gebruiken, die u het voordeel van vectoreigenschappen biedt, zoals het formaat wijzigen zonder de beeldkwaliteit te verliezen.

Om het EPS-bestand in Photoshop te importeren, gaat u naar Bestand> Plaatsen. Kies uw bestand en het zal in het werkdocument worden geïmporteerd met de gebruikelijke handvatten in elke hoek. Sleep de hendels om de grootte van de boom een ​​beetje groter en links van de kaart een beetje groter te maken. Klik op het vinkje om uw wijzigingen op te slaan. Merk op dat de boomstructuur een andere miniatuur heeft, wat aangeeft dat het een slim object is.

Stap 5: teken enkele vakken

Klik eerst op het Vormgereedschap en houd dit ingedrukt en kies Rechthoek. Een horizontale werkbalk verschijnt net onder het hoofdmenu bovenaan het venster. Aan de rechterkant is er een kleurvak. Klik erop om het kleurendialoogvenster te openen en voer # 911519 in. Dit is een diepe kastanjebruin gekozen uit de achtergrond met de pipet. Teken de verticale scheidingslijn voor de namen van de kinderen door deze ongeveer 0,4 centimeter breed en de volledige hoogte van het document te maken.

Nu tekenen we de vier horizontale rechthoeken die onze foto's omlijsten. We willen dat de rechthoeken worden gevuld met een lichtere roze kleur, dus verander de kleur in # e6dbda. Teken nu een rechthoek van ongeveer 7,5 centimeter lang x 2,4 inch breed. Als u de kleur later wilt wijzigen, dubbelklikt u op de miniatuur van de laag en wordt het standaardkleurenpalet weergegeven waaruit u kunt kiezen.

Dupliceer de rechthoek door driemaal op Ctr-J te drukken. Je hebt nu vier identieke lagen, ook al lijkt het er één, omdat ze allemaal op elkaar zijn gestapeld. Klik op het gereedschap Selecteren of gebruik de pijltoetsen omhoog / omlaag om ze verticaal of verticaal naar achter te verplaatsen, zoals in het uiteindelijke kaartbeeld.

Stap 5: Je foto's invoegen

Tenslotte! De volgende techniek is een "must-know" voor fotografen. Als u niets anders uit deze zelfstudie krijgt, onthoud deze stap dan. U zult merken dat dit nuttig zal zijn in alle soorten toepassingen die u tegen kunt komen.

Breng eerst al uw afbeeldingen naar uw kaartdocument. Ik doe dit door al mijn foto's als afzonderlijke documenten te openen en vervolgens elke fotolaag naar het werkdocument te slepen. Elke foto wordt geïmporteerd als een eigen laag. Plaats elke fotolaag direct boven de rechthoek waarin u deze wilt weergeven. U moet vier rechthoekige lagen hebben, elk met een foto erboven.

Klik vervolgens met de rechtermuisknop op de eerste foto en kies "Clipping Mask maken". Uw foto moet dan beperkt worden tot de rechthoek, zodat het enige deel van de foto dat zichtbaar is, het onderdeel is binnen de rechthoek. U kunt dan naar het gereedschap Selecteren gaan, op de foto klikken en het rondslepen terwijl het zich in de rechthoek bevindt. Clipping Masks zijn een manier om uw afbeelding niet-destructief bij te snijden. U kunt het gereedschap Bijsnijden gebruiken, maar knipmaskers zijn veel flexibeler omdat u het gebied kunt wijzigen dat wordt bijgesneden wanneer u maar wilt. Als u het gereedschap Bijsnijden gebruikt, is de uitsnede voor altijd verdwenen.

Maak nu knipmaskers voor alle foto's.

Je zou hier kunnen stoppen, maar als je verder wilt gaan, zoals wordt weergegeven in het eindresultaat, kun je een gedeelte van de achtergrond van je foto wegsnijden en boven de foto plaatsen en daar ook een knipmasker mee maken. Plaats het gewoon boven het eerste knipmasker, zodat elke rechthoek de foto erboven heeft en het onderliggende stuk daarboven. Plaats vervolgens het achtergrondvak links van de foto en laat een deel van de lichtroze achtergrond tussen de foto en de foto achter.

Stap 6: Uw tekst schrijven

Eerst zullen we de namen van de kinderen schrijven. Klik op het gereedschap Tekst en houd dit vast en kies dan voor het gereedschap Verticaal gereedschap. Het lettertype dat ik gebruikte is Rage Italic, wat niet gratis is, maar je kunt een leuk gratis lettertype kiezen zoals DearJoe Four. De grootte is 12pt.

Gebruik vervolgens ook Rage Italic en schrijf "Happy Holidays" in 14,5 ptn. Ik heb een Slagschaduw en een Outer Glow toegevoegd, waarvan ik vind dat deze er leuk uitzien tegen het felrood op de verloopachtergrond. Voor het jaar koos ik een lichter rood van de achtergrond met behulp van de pipet. Zorg ervoor dat u op de kleuroptie klikt in het horizontale lettertypenmenu dat boven in het venster wordt weergegeven wanneer het lettertype gereedschap is geselecteerd (niet de achtergrondkleur / voorgrondkleur).

Schrijf ten slotte links onderaan de aanhef en je bent klaar!

Stap 7: Vergeet de achterkant niet!

De download van het bestand bevat ook de achterkant van de kaart, die u hieronder kunt zien. Kopieer het "front" -bestand en verwijder alles behalve de achtergrond en de boom. Teken dan met het Vormgereedschap een wit kader, maar stel deze keer de Laagmodus in op Lineair ontwijken (toevoegen) en verminder de dekking naar smaak (ik gebruikte 87%).

Stap 8: Sommige gedachten over afdrukken

De pro-labs waar ik het meest vertrouwd mee zijn, zijn WHCC (White House Custom Colour) en MPixPro. Als u dit bestand naar een pro-labs wilt verzenden, kiest u Opslaan als en kiest u JPG in de vervolgkeuzelijst. Kies 10 voor kwaliteit. Je zou twee bestanden moeten hebben, één voor de voorkant en één voor de achterkant.

Deze labs bieden verschillende papiersoorten, waaronder een dikke, glanzende coverstock, linnen en pearl. Ze bevatten ook enveloppen.

Enkele suggesties zijn:

  • Plaats geen randen of logo's in het afloopgebied, die worden bijgesneden.
  • Plaats randen op een extra 1/8 inch (.125 inch) of meer vanaf de bijgesneden rand.
  • Door een beetje contrast te vergroten, kunt u uw ontwerp verbeteren.

Bonus: gratis knipmasker-collagesjablonen

U kunt de clipping-masktechniek gebruiken om uw afbeeldingen als storyboards of collages te presenteren - voor fotoprints of voor webweergave. Is het je ooit opgevallen dat verticale afbeeldingen er op het web vaak beter uitzien gegroepeerd met twee of drie? Clipping masks maken dit snel werk.

U kunt eenvoudig afgeronde hoeken toevoegen of een cirkel / ovale vorm maken om uw afbeelding weer te geven. Ik kreeg zojuist een brochure in de post waarin de ontwerper een blokletter gebruikte als knipmasker! Mogelijkheden zijn eindeloos.

Zie de blog van Jessica Hamlin voor voorbeelden van knipmasker-sjablonen die worden gebruikt om de blogportfolio van een fotograaf weer te geven.

Wil je dingen versnellen? Hier zijn enkele plaatsen om gratis sjablonen te vinden:

Coffeeshop

Rita op het CoffeeShop-blog biedt allerlei storyboard-sjablonen voor het web. Haar laatste is de Storyboard-set van de CoffeeShop Rounded Corners.

Dawn Mikulich

Dawn Mikulich's Moo-kaartsjabloon, die is bedoeld voor afdrukken bij Moo.com. Dawn deelt ook een 30 × 30 Photoshop-storyboard of -sjabloon met openingen voor 13 afbeeldingen.

GingerPixel

GingerPixel heeft er nog een paar.

Conclusie

Dat is het! Ga je voeten op en voel je trots op jezelf ... .en denk aan alle dingen die je met je nieuwe talent voor fotografie knipmaskers zult doen!