Share
I denne opplæringen skal vi utforme et enkelt visittkort i Photoshop og gjøre det klart for utskrift med avlinger og bløder. Vanligvis vil du gjøre noe av dette med et verktøy som InDesign, men det er faktisk mulig å komme forbi med bare vår trofaste gamle Photoshop.
Denne opplæringen vil vise deg hvordan du skal utforme et visittkort selv, men hvis du vil ha et enkelt, elegant visittkort designet av en profesjonell, kan du bestille en på Envato Studio. Her er noen av de tilgjengelige alternativene:
For bare $ 50 får du et moderne, unikt, enkelt og rent visittkortdesign i alle forskjellige formater. Den er klar til å skrive ut, med bløtmerker, illustratorvektorfil eller Photoshop-fil og høyoppløselig jpg.
Denne designeren har gjennomført over 1500 jobber på Envato Studio, med en 100% anbefaling fra kunder.
Leter du etter noe mer kreativt? Astralgirl vil designe visittkort som er veldig kreative, profesjonelle og snakker for virksomheten din. Tjenesten er bare $ 40, og kommer også med en 100% anbefalingskurs.
Hvis du leter etter en høy kvalitet, rask, pålitelig og problemfri tjeneste og vil sørge for at du får det beste resultatet for investeringen din, så er denne designeren for deg.
Med flere års erfaring innen designindustrien kan SAO Studio hjelpe deg med å få best mulig visittkort for virksomheten din.
Denne leverandøren vil designe deg et profesjonelt, glatt og moderne visittkort. Du vil motta utskriftsfile filer i forskjellige formater, med blørmerke og redigerbar PDF (Redigerbar i Adobe Illustrator). Du får også innesign-formatfiler.
Det er mange flere visittkortdesignere på Envato Studio, så ta en titt, og du er sikker på å finne den rette for deg.
Ellers les videre for trinnvise instruksjonene om hvordan du gjør det selv.
Ok, så det aller første vi må gjøre er å lage et nytt dokument. Avhengig av hvor du planlegger å få utskriftskortene dine, må du kanskje ha forskjellige dimensjoner. Skriveren jeg bruker her i Sydney har en standard kortstørrelse på 90mm x 55mm.
Når du sender ting til skrivere, må du imidlertid legge til en slags ramme rundt bildet som heter a Blø. Et bløt er i utgangspunktet plassen på kantene av designet der bildet fortsetter å gå forbi hvor skriveren skal kutte papiret. På den måten hvis kuttet lander en mm til hver side, slår du ikke opp med blankt papir på kantene. Hvor mye plass du forlater for blø avhenger også av skriveren din. Generelt sett er 3 mm - 5 mm en god mengde blødning.
På grunn av en quirk av Photoshop (som du vil se senere) skal vi bruke en verdi på 3mm. Så når du lager bildet, i stedet for å gjøre det 90 mm høyt, gjør vi det 90 mm + 3 mm bløder på venstre + 3 mm bløder på høyre = 96 mm. På samme måte som bredden, gjør vi det til 55 + 3 + 3 = 61 mm.
Vær også oppmerksom på at fordi vi gjør noe for utskrift, bør du sette oppløsningen til 300 dpi, og fargemodus skal settes til CMYK. Vi snakker mer om fargemodus senere, men med oppløsningen bør du være oppmerksom på at 300dpi i utgangspunktet betyr at det er mer bildeinformasjon tilgjengelig slik at du får en skarp utskrift.
Hvis du noen gang må lage en stor plakat, kan du noen ganger komme seg bort med så lite som 120dpi, men det avhenger egentlig hvor langt unna personen ser på arbeidet ditt fra. Hvis du skriver ut 120dpi, blir kvaliteten på tett ganske dårlig. Hvis det er en gigantisk plakat (tenk målere i stedet for centimeter), så kan du komme unna med den. Uansett fordi dette er et visittkort, bør vi gjøre det 300dpi, så det er en fin utskrift av høy kvalitet.
Når dokumentet er opprettet, er det første vi må legge til, noen guider for å vise oss hvor kantene på visittkortet er og hvor blødet begynner. Så først og fremst trykk Ctrl-R for å slå på linjene dine. Nå for å legge til guider, kan du enten klikke på linjalen og dra guider ut på dokumentet, eller for en mer presis metode, gå til Vis> Ny guide og gi den en horisontal posisjon på 3 mm. Gjenta igjen med en vertikal stilling på 3 mm. Gjenta deretter to ganger med Vertikal / 58mm og Horisontal / 93mm.
Du bør nå ha et blankt lerret som ligner på det nedenunder med fire guider, hver 3 mm vekk fra kanten.
Nå fordi jeg laget dette kortet til FreelanceSwitch Card-konkurransen, måtte jeg bruke et element fra Arsenals freebie-pakke vektorer og teksturer. Jeg valgte denne fine tekstur av betong fordi den ser fin og urbane ut! Du kan laste ned teksten selv ved å besøke Arsenals nettsted og klikke på Free-delen.
Så etter å ha klistret tekstur inn, slår jeg Ctrl-T for å forvandle den til omtrent den riktige størrelsen. Nå mens jeg vil at tekstur skal være skitten og grungy, akkurat nå er det litt for skitten og støyende. Så først og fremst vil vi bli kvitt de to gigantiske linjene som går langs fra venstre til høyre. Vi kan gjøre dette med Clone Stamp (S) Tool. Jeg diskuterte dette verktøyet for øvrig i magasinopplæringen, men bare for å oppdatere, trykker du Alt for å velge området du vil klone (i dette tilfellet jeg bare brukt området direkte over) og deretter børste området du vil klone over.
Bruk av en myk børste på en tekstur som denne betongen betyr at det er ganske vanskelig å oppdage om du ikke ser direkte etter kloning.
Så nå har vi det ser fortsatt grovt og urbane, men ikke helt så grovt.
På dette tidspunktet bestemte jeg meg for å mørke tekstur, så jeg la et lag over fylt med fargen # 797c82 og satt den til Multiply. Utseendet var imidlertid litt rart og har en slags blåaktig kast (se nedenfor) mens jeg vil ha det mørkere og gråere. Dette har å gjøre med fargemodusen vi er i - CMYK. Så tid til å snakke litt om fargemodi ... (minst som jeg forstår dem)
CMYK er i utgangspunktet de fire prosessfarger som de fleste skrivere skriver ut med. Ved å bruke disse fire fargene (Cyan, Magenta, Yellow og Black / Key) kan du lage de fleste andre farger. Du kan faktisk få spesielle blekk som Pantones som vi vil diskutere i en fremtidig opplæring, men for de fleste ting er det bare rett CMYK.
Nå, på skjermen, bruker du RGB, som du vet står for Rød, Grønn og Blå. Forskjellen kommer fordi på en skjerm ser du på lysblanding, så hvis du legger til alle fargene sammen, blir du hvit - det er derfor i RGB at fargekoden for hvit er R: 255, G: 255, B: 255 - dvs. full rød, full grønn, full blå.
På papir ser du på den annen side resultatet av lys interaksjon med et objekt. Fra min dårlige erindring av videregående vitenskapsklasse når lys skinner på et objekt - si en rød vegg - objektet absorberer faktisk lyset og reflekterer tilbake de som ikke kan absorbere, så den røde veggen reflekterer den røde, men spiser effektivt opp hvile, noe som gir det utseendet av å være rødt. Så i utgangspunktet på papir er det * motsatt * på skjermen der det er projisert lys. På papir som har full Cyan, full Magenta, full gul og full nøkkel produserer faktisk svart fordi den absorberer alt lyset (som er baksiden av RGB hvor det produserer hvitt).
Nå var alt dette bare litt nyttig informasjon som forklarer hvorfor det er forskjellige fargerom. Det viktigste å merke seg er at rekkevidden av farger du kan lage med CMYK er mindre enn hva du kan gjøre med RGB. Så når du bytter til CMYK, vil du oppdage at noen ting ikke fungerer også - ting som Overlays, eller får super sterke farger å vise. Når du faktisk skriver ut, ofte vil de fortsatt se bra nok, men noen ganger for å gjøre de tingene du kanskje har vært vant til i Photoshop, må du bytte mellom fargemodi. Husk at hvis du bytter til RGB, bør du bytte tilbake til CMYK før du sender den av for å skrive ut. For å bevare effektene vil vi flate alt ned på det tidspunktet (du vil se hva jeg mener senere).
Bytter fargemodus
Ok, håper du fortsatt er med meg - i utgangspunktet det som skjedde i dette trinnet, var at jeg bestemte meg for at jeg måtte bytte tilbake til RGB for å få den riktige mørkningen grå, og enda viktigere i neste trinn når jeg vil sette gule blokker overlappet , Jeg må også være i RGB.
Så du kan gjøre dette ved å gå til Image> Mode> RGB Color. Det vil spørre deg om du vil flate bildet - si nei! Du bør se en umiddelbar skift i fargen på mørkningseffekten.
Og ja, jeg kunne ha gjort dette trinnet mye kortere og bare fortalt deg å gå til RGB, men det er nyttig å lære om fargeområder :-)
Så her er vi i RGB-modus. Neste vil vi tegne noen diagonale blokker. Så ta tak i Polygonal Lasso Tool (L), og opprett deretter et nytt lag.
Nå vil du tegne formen vist nedenfor. For å gjøre dette pent, bør du holde ned Shift slik at det tvinger vinklene til å være flere ganger på 45 'og gi deg en fin jevn form.
Når du har formen, fyll den med Farge: # c4b10f, som er en stygg gul farge, og sett deretter blandingsmodusen til Color Dodge. Nå bør du ha en lys gul som ser ut som den nedenfor. Merk at hvis du bytter tilbake til CMYK, vil du se hvordan denne effekten ikke virker i det hele tatt, og hvorfor vi måtte bytte til RGB tidligere.
Uansett dupliser dette laget et par ganger til du har seks gule barer og bare omtrent plass dem ut slik at man er til høyre og en annen til høyre med resten klumpet i mellom (vi plasserer dem nøyaktig i neste trinn ).
Nå, i stedet for å prøve å plassere for øyet eller ved å trykke på piltasten samme antall ganger (som jeg er flau for å si jeg ofte gjør), vil vi bruke justeringsverktøyene. Så hold først Shift nede og velg alle lagene med gule stolper i dem. Deretter øverst klikker du på Justeringsverktøyet som er merket nedenfor. Dette vil automatisk plassere dem nøyaktig!
(Merk at jeg tror i Photoshop-versjoner tidligere enn CS2, du må koble lagene med de små papirklippene fordi Shift-Selecting-lagene bare ble vist i CS2 - versjonen jeg bruker. CS3-brukere som jeg forventer, ligner på CS2.)
OK, nå har vi et pent utspilt lite merking som ser slags industrielt ut!
Deretter opprettet jeg et nytt lag over og med en stor, myk svart børste forsiktig børstet langs kantene. Husk at noe utenfor støttelinjene sannsynligvis ikke vil gjøre det til det endelige kortet (med mindre skriveren savner kuttet), så den svarte skal strekke seg rett over linjen hvis den skal være synlig i sluttproduktet.
Så bare for å diskutere bløder igjen, som jeg tidligere nevnte, er alt utenom disse guider bare ekstra materiale for at skriveren skal kutte bort. Så det er viktig på ingen måte å sette viktige ting som tekst hvor som helst i nærheten av kantene, med mindre du ikke har noe imot det som potensielt blir kuttet. Etter min erfaring går de fleste skrivere i praksis ikke veldig langt fra kuttlinjen, men det kan skje, spesielt hvis du bruker en billig skriver.
Et problem med å gjøre dette i Photoshop er at det ikke er mulig å skjule blødningsområdet automatisk, noe som ofte betyr at når man ser på designen, ser det ikke helt riktig ut. I InDesign kan du bytte til en spesiell forhåndsvisningsmodus som skjuler blødet, men i Photoshop må vi gjøre dette manuelt. Så ofte vil jeg lage et lag over alle de andre og fylle blødningsområdene med hvitt. Da kan jeg slå av eller på dette laget slik at jeg kan se litt mer nøyaktig proporsjonene og området som faktisk vil gjøre det til det endelige trykte elementet. Bare vær sikker på at du slår dem av før du sender dem til skriveren!
Deretter plasserte jeg litt fin tekst på kortet. Dette er faktisk baksiden av kortet (vi gjør fronten på et sekund). Jeg brukte en uber kul skrifttype kalt DIN som er veldig minimal og som du vil se på et sekund har en fantastisk '@' karakter.
Jeg har satt typen til å være 8pt. Hvis jeg husker riktig, bør du aldri gå mindre enn 6pt hvis du vil ha noe å lese, og hvis du vil at det skal være Enkelt lesbar 7.5pt og over er best. Som med alle disse tingene, avhenger det av hvem publikum er. Når du lager visittkort, vil jeg gå med noe som en person raskt kan lese når han blar gjennom sin haug med kort. Når jeg gjør noe for meg selv, bruker jeg ofte liten type fordi jeg kan komme unna med det!
Jeg stiller også typen til å blande modus Linear Light, slik at det samhandler litt med bakgrunnen. Når dette er gjort, kan vi lagre dette dokumentet som Back.psd, og deretter gå til Arkiv> Lagre som og denne gangen lagre det som Front.psd, i hovedsak duplisere filen for å gjøre fronten.
Igjen på forsiden har jeg lagt til litt tekst med min webadresse og e-postadresse og navn. Og for de typene elskere blant dere, ta en titt på '@' karakteren - det er ikke pent! DIN er et industrielt skrifttype med opprinnelse i Tyskland som du kan lese om på Wikipedia.
Typografi - eller kunsten å bruke type / tekst i designene dine - er en av de super viktige designdelene. Hvis du kommer fra en nondesign utdannelsesbakgrunn som jeg gjorde, så er det veldig viktig å lese om det, fordi det er den enkleste måten å velge en god designer fra en dårlig. Jeg er ikke den beste typografen rundt, men John Boardley er, og han driver en av mine favorittblogger - iLoveTypography. Hvis du vil komme inn i type, les les bloggen sin, det er bomben!
Nå er det neste som vi vil gjøre, å slå av noen av de lagene som har de gule stolpene, så det er bare tre igjen. Jeg vil at det skal se ut som de gule stolpene begynner på forsiden og fortsetter rundt til baksiden.
Ved å bruke Polygonal Lasso Tool (L), trekk ut en triangulær form som vist.
Deretter lager du et nytt lag like over betong tekstur og fyll det med mørkegrå og sett blandemodus til Multiply. Nå dessverre gjør det de gule bitene kjedelig, så vi skal fikse det neste!
Så Ctrl-klikk på den første av de gule strekklagene, hold deretter Shift ned, klikk på den neste, deretter den neste, slik at du har piksler valgt for alle tre. Trykk deretter Ctrl + Shift + I for å omverve valget som vist. Mens det er valgt, klikker du på triangellaget og klikker på Legg til et lagmaskeikon på lagpaletten. Dette vil maske ut områdene av de gule stolpene slik at de skinner gjennom.
Og der har vi det! Ferdig…
Nå må vi gå til Lag> Flatt bilde og deretter til Bilde> Modus> CMYK for å bytte tilbake til CMYK og bli klar for utskrift. Legg merke til hvordan fordi vi flatt bildet vi opprettholder måten den gule samhandlet med veien bak den, selv om vi er tilbake i CMYK. Så i utgangspunktet har vi tatt fordel av RGB for å oppnå en effekt og deretter flatt ned den og byttet tilbake til CMYK slik at vi kan skrive ut.
Gå nå til Arkiv> Skriv ut med forhåndsvisning, og du bør se noe som vist nedenfor. Hvis du ikke har alle alternativene, klikker du på Flere alternativer, og de vises. Merk av i boksen som sier Corner Crop Marks, klikk deretter på knappen som sier Bleed og sett den til 3mm. Vær oppmerksom på at Photoshop ikke av en eller annen grunn lar deg gå mye høyere enn 3 mm for blødning. Jeg vet egentlig ikke hvorfor de har satt en kunstig hette på den, men kanskje det er en utrolig grunn til at jeg ikke forstår.
Uansett, en ting du bør gjøre (som jeg bare innså at jeg ikke gjorde i skjermbildet), er å avkoble Vis Bounding Box.
Når du er ferdig, bør du kunne skrive ut til en PDF, gjøre det samme for baksiden, og levere det til skriveren. Merk at for å skrive ut til PDF, må du ha en kopi av Acrobat installert (ikke bare den gratis Acrobat Reader, men fullversjonen). Hvis du har dette, så er du ferdig nå!
Hvis du ikke har Acrobat, aldri frykt ... alt er ikke tapt!
Hvis du ikke har Acrobat, må du glemme hvordan du gjør dette med Print and Preview, og i stedet kan du gå tilbake til dokumentet ditt, opprette et nytt lag øverst, og deretter bruke Enkelt kolonne markørverktøy til å gjøre valg rundt guider som vist.
Nå skal vi tegne i våre egne avlinger. For å gjøre dette må vi sørge for at vi bruker det som kalles Registration Black. Registrering svart er i utgangspunktet 100% av alle CMYK-fargene (som vist). Det er litt mer til det enn det, og du kan lese mer på Wikipedia hvis du er interessert.
Uansett så velg riktig farge og fyll deretter inn de valgene fra forrige trinn. Deretter kutter du linjene slik at det bare er små, enkle linjer i hver av de fire hjørnene igjen, dvs. fire par avlinger. Gå deretter til Lagre som og lagre filen som PDF ved hjelp av Photoshop. Dette burde være bra for en skriver, men for å være ærlig har jeg aldri prøvd å sende en fil med avlinger som dette til en skriver, så det er sannsynligvis best å spørre om det er greit før du skal skrive ut zillioner kort :-)
Uansett, så er det mine enkle små visittkort. De ser ganske pent ut og bør være klare til å skrive ut. I prøvefilene finner du både baksiden og forsiden, samt PSD-filen jeg pleide å gjengi dette lille bildet under, som er mitt hurtige forsøk på å fakse de trykte kortene.
Ikke glem at det på FreelanceSwitch er konkurransen om å lage visittkort med vektorer fra en spesiell Arsenal prøvepakke. Så hvis du vil Vinn $ 370 verdi av vektorgir, Hodet over og legg inn oppføringen din. Du trenger ikke å gjøre alle utskriftsklare biter, så det er fint og enkelt å skrive inn.
Leter du etter mer? Hvorfor ikke se på å designe profesjonelle visittkort med Tuts + kurs.
Hvis du er interessert i å få litt hjelp med visittkortdesign, har Envato Studio en flott samling av visittkortdesigntjenester du kanskje vil utforske. Du kan også ta en titt på visitkortmaler på Envato Market.
Accentsconagua