Design visitkort Front Template Photoshop CC

• Kan 5, 2024

I denne tutorial vil vi tilføje designelementerne til vores visitkortfrontskabelon. I den sidste tutorial har vi allerede bygget grundlaget for visitkortskabelonen i Photoshop CC, hvilket resulterer i en skabelon med et separat artboard til forsiden og bagsiden af ​​visitkortet. Vi tilføjede også linjer til blødning, trim og sikre områder.

Men skabelonen er tom for alle designelementer (se skærmbillede), f.eks. En baggrundsgrafik, tekst eller figurer. I denne tutorial begynder vi med at tilføje en pladsholderbaggrund som et smart objekt, hvilket gør det lettere at erstatte pladsholderen med designgrafikken. Dernæst tilføjer vi pladsholdere til tekst, der normalt er inkluderet på et visitkort. På forsiden af ​​kortet lægger vi det personlige / virksomheds navn og tagline, og på kortet tilbage kunne vi placere kontaktoplysninger.

Når vi tilføjer designelementer, kan panelet Lag blive uorganiseret. Så vi vil organisere nogle lag i gruppemapper. For eksempel kan tekstlag kombineres i en gruppemappe. Hvis du har mere end en baggrundsgrafik, såsom flere forskellige strukturer, kan vi kombinere disse i en gruppemappe. Endelig kan vi farvekode disse lag og mapper. Selvfølgelig kan du bruge enhver farvekombination, men til dette eksempel bruger vi rødt til tekst, grønt til grafik og figurer og blåt til instruktionerne.

Tilføj baggrundsdesign eller teksturgrafik

Jeg bruger en simpel gittergrafik som min pladsholder baggrundsgrafik. Skabelonbrugeren kan let ændre grafikken, fordi det vil være et smart objekt. Lad os tilføje baggrundsbillede til kortfronten.

1. Vælg visitkort foran tegnebræt.
   
   
2. Tilføj din pladsholdergrafik (se skærmbillede).
   
   
3. Træk det nye lag under linjelaget, så vi kan se linjerne, når vi tilføjer designelementer.
   
   Da kunstneren måske ønsker at skifte denne grafik til deres egen, lad os fortælle dem, at dette er muligt ved den etiket, som vi giver dette lag.
   
   
4. Omdøb laget til [DIN BAGGRUND DESIGN HER].
   
   
5. Højreklik på laget, og vælg Konverter til Smart Object fra pop op-menuen.
   
   

Tilføj tekst

Nu er vi klar til at tilføje vores forretnings- eller personlige navn og tagline til kortfronten. I eksemplet brugte jeg skrifttypen Raleway Typekit, som er gratis med ethvert Creative Cloud-medlemskab eller gratis prøvemedlemskab. Da navnet er den vigtigste information, lad os indstille skrifttypen som fed og størrelsen til 18 pt (se skærmbillede). Vi vil også centrere teksten.

Bemærk: Den endelige placering, skrifttype og stil på teksten ændres, da den påvirkes af baggrundsdesignet.

1. Vælg værktøjet Type, og tilføj pladsholderteksten Virksomhedsnavn (se skærmbillede).
   
   
2. Skift lagets navn til [DIT NAVN HER]
   
   
3. Gentag det forrige trin for at tilføje pladsholderteksten til taglinjen eller erhvervet. Indstil skrifttypen til en mindre størrelse 14 pt, og tilføj pladsholderteksten slogan.
   
   
4. Skift navnet på laget til [DIN TAGLINE HER] (se skærmbillede) og træk det under [DIT NAVN HER] -lag.
   
   Dernæst centrerer vi teksten.
   
   
5. Når begge tekstlag er valgt, skal du skifte til Flyt-værktøjet. I panelet Indstillinger (se skærmbillede) skal du bruge knapperne Lodrette centre og vandrette centre for at centrere teksten vandret og lodret.
   
   Begge tekstlinjer vil være i samme position. Lad os flytte navnet over taglinjen (se skærmbillede).
   
   
6. Vælg laget [DIT NAVN HER], og brug Flyt værktøjet til at flytte navnet over taglinien.
   
   Endelig, lad os kombinere tekstlagene i en gruppemappe (se skærmbillede).
   
   
7. Føj en ny gruppemappe til panelet Lag, og navngiv den Tekst.
   
   
8. Træk begge tekstlag ind til mappen.
   
   

Valgfrit: Det kan være nødvendigt at tilføje en form bag teksten, f.eks. Et hvidt rektangel med et sort strejke. Vi tilføjer en vektorform, så brugeren kan ændre udfyldnings- og stregfarver efter behov i egenskabspanelet (se skærmbillede).

1. Vælg baggrundslaget, så det nye lag tilføjes ovenfor.
   
   
2. Tegn et rektangel på tegnebrættet med rektangelværktøjet. Du ønsker at indstille følgende i panelet Indstillinger (se skærmbillede).
   
   Mode: Form
   Formfyld: hvid
   Formslag: Sort
   Formstrækbredde: 5 stk
   Formstrygtype: Fast
   
   
3. Omdøb laget [ADJUST BOX FILL & STROKE COLOR]
   
   

Valgfrit: Vi kan farvekode vores lag (se skærmbillede).

1. Vælg gruppelaget Instruktioner, og højreklik på ikonet Øje. Indstil farven til blå.
   
   
2. Vælg Lines-laget i Business Card Front-mappen, og indstil farven til blå.
   
   
3. Vælg mappen Tekstgruppe i Business Card Front-mappen, og indstil farven til rød.
   
   
4. Vælg form og baggrundslag, og indstil farven til grøn.
   
   

I den næste tutorial vil vi designe Business Card Back.

Tilbage | Næste

Copyright 2018 Adobe Systems Incorporated. Alle rettigheder forbeholdes. Adobe-produktskærmbilleder (r) genudtrykt med tilladelse fra 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, fyrværkeri, Bidrage, Captivate, Flash Catalyst og Flash Paper er / er enten [a] registreret varemærke [er] eller et varemærke [s] fra Adobe Systems Incorporated i USA og / eller andre lande.

Video Instruktioner: Adobe InDesign : How to create a business card in InDesign CC 2017 (Kan 2024).