Snabbtips Skapa ett realistiskt kreditkort i Photoshop

I dagens snabba tips handledning visar vi hur man skapar ett realistiskt utseende kreditkort med Photoshop och Illustrator på bara några korta steg. Låt oss börja!

Steg 1

För att påskynda processen börjar vi genom att lägga ihop en del grundläggande grafik i Illustrator. Gör en 3,5in med 1,9 i rundad rektangel, fyll sedan objektet med en färg eller en gradient efter eget val.

Rita några kurvor som visas med hjälp av Pen Tool. Gå sedan till Objekt> Blanda> Blanda> Blandningsalternativ> Specifika steg, skriv 30 och klicka på OK. Gör två olika linjer med olika färger.

Välj linjekonst som du just skapat och använd en urklippsmask med hjälp av formen på kreditkortet. Se till att kreditkortsformen placeras ovanpå din linjekonst och att du har duplicerat din kreditkortsbakgrund också.

Obs! Om du använder Illustrator CS5 väljer du kreditkortet och klickar på alternativet Draw Inside för att klistra in (Cmd / Ctrl + V) inuti objekten.

Använd pennverktyget för att dra bandet som visas.

Steg 2

Vi är nu färdiga med Illustrator. Låt oss börja med att öppna Photoshop, skapa en ny duk som är lite större än ditt Illustrator-dokument och sedan genom att kopiera och klistra in varje element som du skapade i Illustrator individuellt. I detta skede borde du redan ha några logotyper och grafik som du skulle vilja placera på kortet. Om inte, fortsätt och skapa några. Lägg till din grafik till kortet, som visas. Använd också följande teckensnitt i ditt kort. Ladda ner dem här och här.

Steg 3

Nu är det dags att lägga till din text. Välj det ovala typsnittet med # f1efed. Skriv ut några slumpmässiga nummer och ett namn. Lägg sedan till följande lagerformat.

Steg 4

Nu börjar det se ut som ett kreditkort, låt oss lägga till några skuggor så att det ser mer realistiskt ut. Duplicera varje lager, ändra teckensfärg till svart och stäng av lagstilar, detta ger oss basskuggan. Flytta nu skuggnummeret om 3-5 pixlar till höger och 3 pixlar neråt (gör samma sak med namnet också), gå nu till Filter> Blur> Motion Blur och skriv sedan in Vinkel: -34 och Avstånd: 10px; sätt lagblandningen att multiplicera och 50% opacitet. För sista handen på framsidan, fortsätt och kolla på ditt referenskreditkort och lägg till ett utgångsdatum var du än vill ha den placerad och du kommer att göra med framsidan, skapa en ny mapp och släpp alla lager inuti och namnge det FRÄMRE.

Steg 5

Nu ska vi arbeta på baksidan av kreditkortet. Duplicera kreditkortsbasen, flytta skiktet till FRONT-mappen, högerklicka på skiktet och rasterize, gör ett urval av det och fyll det med en färg du använde på framsidan (jag använde den ljusa röda på toppen kvar på kreditkorts framsida). Obs! Använd inte gradienter för baksidan.

Gå till FRONT-mappen, duplicera textlagren som du använde Lagstilar (kreditkortsnummer, namn och utgångsdatum i mitt fall) och dra dem till BACK-mappen, vrid dem sedan Horisontellt och ändra textens färg till samma som kreditkortets tillbaka.

Nu behöver vi ändra lagstilarna i textlagren så att de ser ut som om de stämplades och ser som referenskreditkort, dubbelklicka på lagret och ändra värdena som visas nedan, gör samma för de andra lagren.

Steg 6

Nu ser kreditkortet ut som din referens, fortsätt och ordna resten av de element du gjorde på baksidan av kreditkortet.

Vissa element som signaturrektangel kan göras i Photoshop. Om du har en egen logotyp kan du rotera den 45 grader och duplicera flera gånger och göra ett mönster, välj sedan varje och ändra färgen på den med färgton och mättnad ( Cmd / Ctrl + U), och slå sedan samman dem i ett annat lager, gör en rektangel den storlek du vill ha för signaturen och fyll i den med vit, gör ett urval av rektangel> välj mönstret och klicka på (Cmd / Ctrl + Shift + I) för att inversa valet och radera, slå sedan samman båda lagren.

För att göra signaturen till ett annat lager, välj en hård svart pensel och gör en slumpmässig signatur. Slutligen lägg till säkerhetskoderna.

Steg 7

Om du vill kan du avsluta handledningen här men nu ska vi lägga till lite perspektiv på kortet. Kopiera varje mapp, högerklicka på gruppmappen och välj Merge Group, gör samma för varje mapp. Nu har vi 2 lager, en av framsidan och en bakom kreditkortet, välj båda lagren och klicka Cmd / Ctrl + T för att transformera och göra dem mindre, rotera sedan lite och högerklicka för att välja perspektiv och transformera som önskad.

Steg 8

Välj ett lager av kreditkortet (oavsett om det är framåt eller bakåt) och duplicera, gör ett urval av det och fyll det med en ljusgrå och flytta den sedan om 2px till höger. För att göra kortets skugga, Kopiera kreditkortet och gör ett urval av det och fyll i det med svart, klicka sedan på Cmd / Ctrl + T för att transformera> Högerklicka och välj Förvräng och omvandla som önskat; Gå till Filter> Blur> Gaussian Blur> 10 px radie; sätt lagblandningen att multiplicera med 30% opacitet.

För att göra Reflektion, Kopiera båda kreditkortslagren, välj båda lagren och vrid dem vertikalt (Cmd + T> Högerklicka> Flip Vertical) och ordna dem på spetsen på kreditkortet. välj en mjukbrännborste med 30% opacitet och radera varje lager för att göra reflektionen.

Steg 9

Låt oss göra lite ljus och skuggor, göra ett urval av kreditkortet, gör sedan ett nytt lager, välj en vit mjuk borste, Normalläge med 20% opacitet och lägg upp lite ljus i det övre vänstra hörnet, ändra färg till svart och lägg till några skuggor i nedre högra hörnet.

Slutlig bild

Gör en bakgrund och du är klar! För att göra bilder på varje sida av kreditkortet bara stänga av framsidans lager, kom ihåg att släcka eller stänga av motsvarande reflektionslager också; Du kan använda denna handledning för att göra en kreditkortsikon; kom ihåg att du kan göra olika färgkreditkort genom att spela med färgton och mättnad.