Ontwerp visitekaartje sjabloon voorzijde Photoshop CC

• Mei 18, 2024

In deze zelfstudie voegen we de ontwerpelementen toe aan onze sjabloon voor visitekaartjes. In de laatste tutorial hebben we al de basis gelegd voor de sjabloon voor visitekaartjes in Photoshop CC, resulterend in een sjabloon met een afzonderlijk tekengebied voor de voor- en achterkant van het visitekaartje. We hebben ook lijnen toegevoegd voor de afloop-, snij- en veilige gebieden.

Maar de sjabloon bevat geen ontwerpelementen (zie screenshot), zoals een achtergrondafbeelding, tekst of vormen. In deze zelfstudie beginnen we met het toevoegen van een achtergrondafbeelding voor een tijdelijke aanduiding als een slim object, waardoor het eenvoudiger wordt om de tijdelijke aanduiding te vervangen door de grafische afbeelding. Vervolgens voegen we tijdelijke aanduidingen toe voor tekst die meestal op een visitekaartje staat. Op de voorkant van de kaart zullen we de persoonlijke / bedrijfsnaam en tagline plaatsen en op de kaart kunnen we contactgegevens plaatsen.

Naarmate we ontwerpelementen toevoegen, kan het deelvenster Lagen ongeorganiseerd worden. We zullen dus enkele lagen in groepsmappen organiseren. De tekstlagen kunnen bijvoorbeeld worden gecombineerd tot een groepsmap. Als u meer dan één achtergrondafbeelding hebt, zoals verschillende texturen, kunnen we deze combineren in een groepsmap. Ten slotte kunnen we deze lagen en mappen een kleurcode geven. Natuurlijk kunt u elke kleurencombinatie gebruiken, maar voor dit voorbeeld gebruiken we rood voor tekst, groen voor afbeeldingen en vormen en blauw voor de instructies.

Achtergrondontwerp of textuurafbeelding toevoegen

Ik gebruik een eenvoudige rasterafbeelding als achtergrondafbeelding voor mijn tijdelijke aanduiding. De sjabloongebruiker kan de afbeelding eenvoudig wijzigen omdat het een slim object is. Laten we de achtergrondafbeelding voor de kaartvoorzijde toevoegen.

1. Selecteer het tekengebied Voorzijde visitekaartje.
   
   
2. Voeg je tijdelijke afbeelding toe (zie screenshot).
   
   
3. Sleep de nieuwe laag onder de Lijnenlaag, zodat we de lijnen kunnen zien terwijl we ontwerpelementen toevoegen.
   
   Omdat de kunstenaar deze afbeelding misschien zelf wil veranderen, laten we hen vertellen dat dit mogelijk is door het label dat we aan deze laag geven.
   
   
4. Hernoem de laag naar [UW ACHTERGRONDONTWERP HIER].
   
   
5. Klik met de rechtermuisknop op de laag en kies Converteren naar slim object uit het pop-upmenu.
   
   

Voeg tekst toe

Nu zijn we klaar om onze zakelijke of persoonlijke naam en slogan toe te voegen aan de voorkant van de kaart. In het voorbeeld gebruikte ik het Raleway Typekit-lettertype, dat gratis is bij elk Creative Cloud-lidmaatschap of gratis proeflidmaatschap. Omdat de naam de belangrijkste informatie is, laten we de letterstijl instellen op Vet en de grootte op 18 pt (zie screenshot). We zullen ook de tekst centreren.

Opmerking: de uiteindelijke plaatsing, het lettertype en de stijl van de tekst worden gewijzigd omdat deze worden beïnvloed door het achtergrondontwerp.

1. Selecteer het gereedschap Tekst en voeg de plaatsaanduidingstekst toe Bedrijfsnaam (zie screenshot).
   
   
2. Wijzig de naam van de laag in [UW NAAM HIER]
   
   
3. Herhaal de vorige stap om de plaatsaanduidingstekst voor de slogan of het beroep toe te voegen. Stel het lettertype in op een kleinere grootte van 14 pt en voeg de plaatsaanduidingstekst toe Tag.
   
   
4. Verander de naam van de laag in [UW TAGLINE HIER] (zie screenshot) en sleep deze onder de laag [UW NAAM HIER].
   
   Vervolgens zullen we de tekst centreren.
   
   
5. Selecteer beide tekstlagen en schakel over naar het gereedschap Verplaatsen. Gebruik in het optiepaneel (zie screenshot) de knoppen Verticale centra en Horizontale centra verdelen om de tekst horizontaal en verticaal te centreren.
   
   Beide tekstregels staan ​​op dezelfde positie. Laten we de naam boven de slogan plaatsen (zie screenshot).
   
   
6. Selecteer de laag [UW NAAM HIER] en gebruik het gereedschap Verplaatsen om de naam boven de slogan te verplaatsen.
   
   Laten we tot slot de tekstlagen combineren in een groepsmap (zie screenshot).
   
   
7. Voeg een nieuwe groepsmap toe aan het deelvenster Lagen en geef deze een naam Tekst.
   
   
8. Sleep beide tekstlagen naar de map.
   
   

Optioneel: u wilt misschien een vorm achter de tekst toevoegen, zoals een witte rechthoek met een zwarte lijn. We zullen een vectorvorm toevoegen, zodat de gebruiker de opvul- en lijnkleuren naar behoefte kan wijzigen in het deelvenster Eigenschappen (zie screenshot).

1. Selecteer de achtergrondlaag, zodat de nieuwe laag hierboven wordt toegevoegd.
   
   
2. Teken een rechthoek op het tekengebied met het gereedschap Rechthoek. U wilt het volgende instellen in het paneel Opties (zie screenshot).
   
   Modus: vorm
   Vormvulling: Wit
   Vorm Stroke: Zwart
   Vorm Slagbreedte: 5 px
   Vorm Slagtype: Vast
   
   
3. Hernoem de laag [ADJUST BOX FILL & STROKE COLOR]
   
   

Optioneel: we kunnen onze lagen kleuren coderen (zie screenshot).

1. Selecteer de groepslaag met instructies en klik met de rechtermuisknop op het oogpictogram. Zet de kleur op blauw.
   
   
2. Selecteer de laag Lijnen in de map Voorkant visitekaartje en stel de kleur in op blauw.
   
   
3. Selecteer de map Tekstgroep in de map Voorkant visitekaartje en stel de kleur in op rood.
   
   
4. Selecteer de vorm- en achtergrondlagen en zet de kleur op groen.
   
   

In de volgende zelfstudie ontwerpen we het visitekaartje terug.

Terug | Volgende

Copyright 2018 Adobe Systems Incorporated. Alle rechten voorbehouden. Schermafbeeldingen van Adobe-producten herdrukt met toestemming van Adobe Systems Incorporated. Adobe, Photoshop, Photoshop Album, Photoshop Elements, Illustrator, InDesign, GoLive, Acrobat, Cue, Premiere Pro, Premiere Elements, Bridge, After Effects, InCopy, Dreamweaver, Flash, ActionScript, Fireworks, Contribute, Captivate, Flash Catalyst en Flash Paper is / zijn ofwel [a] gedeponeerd handelsmerk [s] of een handelsmerk [s] van Adobe Systems Incorporated in de Verenigde Staten en / of andere landen.

Video-Instructies: Hoe maak je een eigen kader in InDesign? (Mei 2024).