Hoe om 'n Elegant Business Card Mockup te Ontwerp Met Behulp van Smart Objects in Photoshop
In hierdie handleiding sal ons 'n bewerkbare besigheidskaart-mockup skep met behulp van baie eenvoudige fotografie- en Photoshop-tegnieke. Jou sal u foto's in pasgemaakte templates kan verander om u ontwerp elegant te vertoon.
Jou kan my Besigheids Kaart mockups Bundel vind met 15 mockups op GraphicRiver.
Wat Is 'n Mockup?
'N Mockup is 'n bewerkbare sjabloon wat jou kan gebruik om 'n replika/model van u finale produk te vertoon. In die grafiese ontwerpveld is dit gebruik om jou kliënte 'n baie gedetailleerde voorskou te gee van wat hulle bestel het - in hierdie geval 'n foto van hulle gedrukte besigheidskaartjies.
Hierdie is die stappe wat ons vir hierdie handleiding gaan:
Hoe om jou kaart/flyer te ontwerp. Gebruik enige sagteware wat jy wil hê; Illustrator en InDesign word aanbeveel vir drukbare grafiese ontwerp.
Hoe om 'n Besigheids Kaart te Kopieer. Plaas leë kaarte of enige skryfbehoefteselement op 'n oppervlak en neem foto's van hulle.
Hoe om foto's te kies en te wysig in Photoshop. Kies die beste foto's en retoureer die samestelling.
Hoe om Smart Objects by Foto's te Voeg. Die kaartontwerp sal bygevoeg word met behulp van hierdie slimme sjablone wat transformasies en filters outomaties op 'n gegewe beeld toepas.
U kan die tegnieke wat in hierdie handleiding gebruik word, toepas wanneer u enige tipe skryfbehoeftes of handelsmerkmockup skep, sodat uu kliënte 'n foto van die finale gedrukte resultaat kan wys, sonder om dit werklik te druk.
Nie almal het toegang tot professionele foto skietgereedskap nie, maar ek sal jou wys hoe om 'n professionele soekskerm te bereik. Vir hierdie handleiding benodig jou Adobe Photoshop CS5 (of beter) en die beste kamera wat jou kan gebruik (selfs 'n goeie slimfoon kamera is verbasend doeltreffend).
1. Hoe om Jou Besigheids Kaart te Ontwerp
As jou 'n standaard visitekaartjie moet ontwerp, oorweeg die land waarheen jou dit moet lewer en bepaal met jou kliënt die afmetings voordat jou begin werk. Elke land het sy eie mees gebruikte afmetings; Jou kan verwys this guide for more information.
Jou sal waarskynlik u dokument opstel in Illustrator of InDesign, omdat dit spesifiek geskep is vir die drukproses. Photoshop kan egter ook 'n gedrukte dokument voorberei.
As jou graag in Photoshop wil werk met betrekking tot drukbare grafika, Jou kan dit gebruik useful Photoshop Actions: hulle skep outomaties dokumente in CMYK-modus, 300DPI, met die meeste internasionale standaardformate, insluitend bloeisels (wat nodig is vir die drukproses) .
As jou 'n bespot skep, hoef jou nie die bloeding en snygrootte te oorweeg nie, want jou kan net jou ontwerp in die korrekte posisie plaas. Jou moet egter altyd besigheidskaartjies in vektorformaat ontwerp, met drukkleurige kleure, en oorweeg die vereiste bedrag. Sien meer gedetailleerde handleiding oor hoe om besigheidskaartjies te ontwerp as jou meer inligting wil hê.
Vir hierdie handleiding gebruik ons ​​hierdie eenvoudige ontwerp wat ek voorberei het.
2. Hoe om die Toneel op te Stel en Foto's van Blou Visitekaartjies te Neem
Wat fotografie betref, is daar soveel gidse en boeke toegewyd aan die proses om foto's te skiet: verligtinginstellings, kamera-instellings, ens. Ek sal nie voorgee om jou 'n volledige verduideliking van hierdie breë onderwerp te gee nie. 'n paar lyne, maar ek sal jou eenvoudige sleutelstappe vertel wat jou foto waardig sal maak, selfs al is die instellings en ligte nie ideaal nie.
'N donkerder foto's is altyd beter as helderder foto's. Om 'n foto wat minder helder is, te hanteer, is makliker as te helder. Om donkerder foto's te verander, is beter as donkerder foto's, want in Photoshop kan jou inligting van 'n donkerder skaduwee area herstel en sommige ontbrekende besonderhede baie makliker onthul as wat jou kan van oormatige helder areas, waar soms al die pixels net wit.
Het Altyd Een of Meer Dominante Ligbronne. Probeer 'n duidelike ligte rigting hê om 'n aantreklike, gedefinieerde kontras tussen ligte en skadu's te skep wat jou ontwerp baie meer onderskeibaar sal maak.
As jou nie 'n kenmerkende lig in jou toneel het nie, sal die onderwerp baie dowwe en dowwe in die finale foto wees. Jou kan soveel ligte gebruik as jou wil. As jou dink die natuurlike beskikbare lig is te sterk en sal jou skoot verbrand, tik die blootstelling in jou kamera af: die korrekte blootstelling is altyd tussen 0 en -1.
Wees vrygewig met die vak agtergrond. Miskien is dit persoonlik, maar uit ervaring meen ek dit is altyd beter dat jy 'n foto neem wat meer agtergrond bevat as wat jy eintlik nodig het: jy kan die foto's in Photoshop versigtig versorg en fokus op die blootstelling en toneel terwyl jy die foto's neem.
Baie keer sal dit gebeur dat jou meer 'lug' op jou onderwerp wil hê, en jou sal dele van die agtergrond moet skep omdat ons die foto te naby aan die onderwerp geneem het.
Vir hierdie tutoriaal sal ons aan die voorbeeld hierbo werk: soos jou kan sien, het ek meer agtergrond ingesluit as wat ek nodig het, so in Photoshop het ons die makliker tyd om die onderwerp te snoei en meer ruimte om te werk. Hieronder kan u die werklike eindgebied wat gebruik word, sien.
Berei die toneel voor, ooreenstemmend met u opdrag. Neem jou tyd om jou element op die oppervlak te plaas en gebruik jou smaak om 'n redelike samestelling te probeer maak. Die vertoon van twee kante van die kaart is die voor die hand liggendste keuse, maar nie verpligtend nie.
Byvoorbeeld, dit is nie 'n vaste reël dat kaarte met geometrie geplaas moet word nie (soos ek in meeste van my fooie doen, aangesien hulle meer institusioneel/korporatief lyk): hulle kan eintlik oor die tafel versprei word, of selfs parallel as kaartkastele oor Jou dink dit is interessant vir jou of jou kliënte.
Eksperimenteer, en moenie ophou om ander posisies te probeer nie, beweeg elemente op die oppervlak. Neem baie foto's uit verskillende hoeke, verander rigting en ligintensiteit, ens. Altyd waarborg baie opsies aan die einde van die skiet.
3. Hoe om die Foto Seleksie en Retouchering te Doen
Nadat ons die fotografiese fase voltooi het, oordra foto's van kamera na rekenaar en maak Photoshop oop. As jou Lightroom verkies om beligting en kontras aan te pas, is dit ook 'n baie geldige alternatief, maar jou sal Photoshop nodig hê om slim voorwerpe te skep vir besigheidskaartontwerp.
Kom ons gaan voort met ons voorbeeld: ons het die punt bereik waar ons besluit het hoe om ons foto te sny om die onderwerp te verbeter. Gebruik die Crop Tool(C) of maak 'n Keuse met die Reghoekige Marquee Tool(M) en gaan dan na Image> Crop.
Kom ons gaan voort om die blootstelling, kleur en kontras aan te pas en verwyder die eindpunte en ongewenste besonderhede. Voordat ons iets doen, wil ons die stof en kolle wat soms sigbaar is op die oppervlak wat ons gebruik, verwyder, veral as dit donker is.
kies die Clone Stamp Tool(S), Alt-click In 'n skoon plek om na daardie deel van die prent te verwys, en dan op die plek wat jy wil sluit. ook, die Healing Brush Tool(J) kan doeltreffend gebruik word. Hieronder is 'n skoon foto.
Om die foto rooi toon te verminder, pas ek die "Black & amp; Wit" hierdie. As jy 'n nuwe aanpassingslaag wil maak, gaan na Layer> Nuwe aanpassingslaag> Swart & Wit ...
Ek het ook 'n sagte lig in die middel bygevoeg om die toneel effens op te lig. Om die sagte lig effek te skep, kies 'n groot Borsel(B) met hardheid op 0%, en verf 'n wit sirkel op 'n Nuwe Laag. Verander die Blendings Modus van hierdie laag na Soft Light, en ons dokument sal soos die onderstaande prent lyk.
Nou is dit tyd om 'n Smart Object te voeg wat ons kaartontwerp sal bevat. Eerstens benodig ons 'n sjabloon van dieselfde grootte as die kaart, sodat ons die keuse gemaak het om te gebruik die Rectangular Marquee Tool(M) in Fixed Ratio modus, en voer die deel van ons kaart in, wat in hierdie geval 3.5 x 2 is omdat die kaart self 3.5 in x 2 in is.
Dit is nie belangrik dat hierdie keuse ooreenstem met die werklike grootte van die kaartontwerp nie; Dit, is egter verpligtend dat ons dieselfde proporsies gebruik. In hierdie stap moet u 'n keuse maak wat so naby moontlik is aan die onderstaande kaartjie. Dit hang af van die afmetings van die foto.
Vul die keuse met enige kleur op 'n Nuwe Laag en noem hierdie laag Voor Kaart.
'N Bloukleurige laag met die naam Front Card sal ons voorkaarte ontwerp wees.
Regs Klik op dit in die Lae paneel en skakel na Smart Object.
Stel die Front Card Layer op Vermenigvuldig Blendingsmodus sodat ons kan sien wat gebeur, en verander die laag met behulp van die Free Transform Tool (Control-T). In die hoek van jou laag is daar 'n ankerpunt wat deur 'n klein boks aangedui word; terwyl jou hou Control, klik op elkeen om hierdie laag te posisioneer en pas die perspektief van die kaart aan.
Soms moet jou die Warp Tool ook gebruik om te transformeer, want die kaarte buig effens. (Die Warp Tool op Smart Objects is slegs beskikbaar vanaf Photoshop CS5 en hoër.)
Doen dieselfde proses met die kaart terug, skep 'n Nuwe Smart Object (ons gebruik hierdie keer 'n rooi kleur). Die vinnigste manier om dit te doen, is om 'n duplikaat van die Voor Kaart Smart Object te skep.
So Regs-kliek op die Front Card Layer en kies die opsie New Smart Object Via Kopie, wat 'n nuwe redigeerbare kopie van daardie Smart Object sal skep.
Tik in die nuutgeskepte Smart Object (Right Click> Inhoud Wysig) en vul hierdie een met 'n ander kleur (ek het rooi gebruik) sodat ons hulle beter kan onderskei. Laastens, noem hierdie rooi laag Terug Kaart. Pas dieselfde transformasies toe as wat ons met die blou laag gedoen het, en probeer die hoeke so presies as moontlik te pas. Die dokument moet so lyk.
In hierdie geval, vir die rooi Back Card Laag, sal ons ook 'n Laag Masker moet toepas omdat die kaart agterin gedeeltelik deur die een voorheen gedek word. Om dit te doen, hou Control en klik op die Voor Karte laag in die Laag paneel; Dit sal die keuse skep wat ons benodig.
Klik dan op die Back Card Laag en dan op die Layer Mask ikoon.
Ons moet net Invert die Laagmasker vir ons taak, kliek dit dan Control-l op die laagmasker.
Stel manuele aanpassings indien nodig; Hieronder kan jou sien hoe dit nodig was om 'n bietjie van die kaartspasie te dek wat nie ooreenstem met die begin seleksie nie. Met behulp van die Lasso Tool(L), kies ons die klein dele wat nog steeds maskering nodig het.
Nou moet ons die kaart glad in die foto meng. Die Multiply Blending Mode en die Layer Mask het 'n goeie werk gedoen, die illusie dat kaarttoppe nou blou en rooi is, maar daar is besonderhede wat die samestelling onrealisties maak, en dit is die diepte van die veld.
Om die illusie van diepte van die veld in sekere gebiede te gee, moet ons net die rande van die Smart Objects vervaag sodat dit ooreenstem met die hoeveelheid vervaag in die foto hieronder. Kies die Back Card Layer (en nie die Masker nie), gaan na Filter> Blur> Gaussian Blur, en kies 'n bedrag wat ooreenstem met die foto hieronder - vir ons foto, 'n waarde van 2/3 pixels.
Hieronder kan jou die rande voor en na die vervaging sien. Onthou om op die Smart Object te werk sodat dit die Blur Filter as 'n Slim Filtreer sal registreer en dit sal nie die beginafbeelding binne dit verander nie. Daarom word dit nie-vernietigend genoem, omdat dit nie die inhoud van die Smart Object regtig verander nie, maar werk op sy voorkoms.
Soos jou regs sien waar Blur toegepas word, voeg die hoeke en rande saam met die foto, wat 'n meer realistiese effek lewer. Maar nie net die rand nie - as jou eers die ontwerp op die kaart pas, sal dit uit sy plek lyk as dit regtig gefokus en skerp is, terwyl die omliggende area almal vaag is.
Die aantal vervaagheid moet konsekwent wees in die prentjie sodat die ontwerp die foto regtig kan integreer.
Kies Back Csrd, Regs Kliek op die laag, en dan Inhoud Wysig: dit sal 'n nuwe dokument (Smart Object) oopmaak waar jou ons rooi laag kan sien.
Die inhoud van Smart Object Moet so Lyk.
Op hierdie punt moet ons net ons ontwerpe in hierdie dokument plaas. Gaan na Lêer> Plaas en kies jou prentjie.
Maak nou die Smart Object nou en Photoshop sal jou vra om te Stoor. Kliek Ja en Smart Object sal die beeld outomaties opdateer, die transformasie en aanpassing handhaaf. In plaas van rooi het ons ons ontwerp nou.
Doen dieselfde proses met die Front Card Layer, en jou het 'n mooi, gereed om te gebruik, aanpasbare mockup.
Uitstaande! Ons Mockup is Gereed om te Gebruik
Toets hierdie mockup met 'n ander ontwerp: Smart Object sal al die werk vir ons doen, en ons kan hierdie sjabloon gebruik om soveel as wat ons wil voorskou. Hulle kan ook gebruik word om flyers en plakkate af te wys omdat die foto's geen verwysing gee na die werklike grootte van die vel papier nie. So kan hulle die grootte wees wat jounodig het, solank die verhoudings van die kaart en jou ontwerp min of meer gehandhaaf word.