I den här grundläggande handledningen lär du dig hur du skapar en 3D-kopp från början i Illustrator, hur du applicerar lite textur på den i Photoshop, och hur du använder filtret för vanishing Point för att mocka ett scenario och tillämpa realistiska skuggor.
Innan vi börjar, låt oss ta en titt på bilden vi ska skapa. Klicka på skärmbilden nedan för att se bilden i full storlek. Som alltid är den lagrade Photoshop-filen tillgänglig via vårt Psdtuts + Plus-medlemskap. Du kan se den sista bilden förhandsvisning nedan eller se en större version här.
Detta är en nybörjare handledning, för det här kommer vi att använda två av de mest populära filtren Displace och Vanishing Point. Vi använder också Illustrator för att göra 3D-koppen.
Låt oss börja. Först av allt öppet Illustrator använder jag Illustrator CS3 för att göra koppen. Skapa ett nytt webbdokument som är 1024 pixlar med 768 pixlar. Dra sedan en form med Pen-verktyget, som i bilden nedan. Kontrollera att förgrundsfärgen är ljusgrå (# E6E6E6) och ställ in Stroke Color som Ingen.
Vrid vår form så att den snurrar från vänster eller höger sida. Du kan se en detaljhandledning om hur du använder den här tekniken på VECTORTUTS: Arbeta med 3D-objekt och OH-film för att göra en Vector Cola-flaskdesign, men eftersom det här är en Photoshop-handledning I Jag kommer att hålla det enkelt.
Gå till Effekt> 3D> Revolve, i popupdialogrutan klicka på Fler alternativ och ställ in följande värden: Vinkel vid 360º, Offset 0px från högerkanten, Plastplattans yta och blandningssteg inställda till 100. Använd följande bild som en guide. När du har klickat på OK ser du hur vår fula 2D-form blir till en fin 3D-kopp.
Koppens hål måste ha samma diameter som koppens botten. När du är klar med koppen, kopiera (Command + C) vektorgraden.
Öppna sedan Photoshop, skapa ett nytt dokument 1024 pixlar med 768 pixlar satt till RGB 72 dpi, och klistra in klippbordet i ett nytt lager (var noga med att klistra in koppen som ett smart objekt). Gör objektet lite större och tryck på Enter.
Duplicera vektorobjektet genom att dra lagminminaturen över miniatyren New Layer och gå till Layer> Render> Smart Object för att göra kopian.
Nu ska vi skapa en förskjutningskarta med hjälp av koppens djupa nivåer. Välj "Kop kopi" lagret och Högerklicka (Alt-klicka) över det och välj sedan Kopiera lag. I popup-dialogrutan under dokumentalternativet välj Ny från rullgardinsmenyn och skriv ett namn som "karta". Spara det nya dokumentet någonstans.
Skapa ett nytt dokument 1024 pixlar med 768 pixlar och klistra in den här bilden i ett nytt lager. Du kan skapa en textur från början om du vill. Jag använder lager den här gången.
Gå till Filter> Liquify för att göra några kurvor i trästrukturen, som visas nedan.
För att applicera förskjutningskartan, gå till Filters> Distort> Displace, ställ in både Horisontal och Vertikal skala till 10, välj sedan Stretch to Fit och Repeat Edge Pixels. Markera alla (Command + A) och Kopiera (Command + C) valet.
Klistra in (Kommandot + V) dokumentet i ett nytt lager över alla andra lager i vårt huvuddokument, så namnge det "Wood1". Ändra också skiktets blandningsläge till Multiplicera. Vid denna tid måste du se koppen.
Kommandot-klicka på miniatyren "Kopiaxemplar", sedan Kommandot + Skift + I för att invertera valet. Välj "Wood1" -laget, gå till Lag> Lagermask> Avvis alla och fyll ut valet med svart med Fyllverktyget (G). Slutligen lägg till ett nytt fyllnadslag som en svart bakgrund.
Skapa ett nytt lager under "Cup" -laget, namnge det "Golv" och välj det. Gå till filter> Vanishing Point och dra ett plan med koppens bas som en guide, expandera planet så mycket som du vill. Vi kommer att klistra in "Golv" -texturen i det här planet, ta den här bilden eller någon annan och klistra in den i spetsplanet.
Det finns en bra träyta att arbeta med. Dölj ytan längst bort, visa linjalen (Command + R) och dra en horisontell guide. Välj "Golv" -lagret och lägg till en lagermask> Avslöja alla. Använd en stor mjukt svart pensel, måla några områden av skiktmasken gömma några ytor. Du kan använda guiden för att få en rak linje. Du kan också gömma en liten bit av ytan på framsidan.
Nu ska vi lägga till en bakgrundsbild, en gardin. Först, vrid bilden horisontellt och klistra in den i ett nytt lager med namnet "Gardin". Använd samma idé som föregående steg, lägg till en lagmask> Reveal all till "Curtain" -laget. Använd samma stora borste och dra några svarta områden på skiktmasken. När du är klar med att dölja huvudområdena byter du borstens opacitet och flöde till 50% och döljer fler områden.
Nu för några Dodge och Burn! Våra två bästa vänner. Välj "Cup copy" -laget och använd sedan Burn-verktyget (O) till 100px, hårdhet 0% och exponering 20%, bränn några områden mot ljusriktningen. Gör det här inne i koppen också. Gör det mycket försiktigt, och om du behöver Dodge några delar av koppen också.
En snabb spets för att bara bränna insidan av koppen. Välj "Kop kopi" lagret. Gör ett elliptiskt val som täcker hela hålet, välj sedan Burn-verktyget och börja måla. Det bränns bara inuti urvalet, som du kan se nedan. Om du vill undvika valet, Kommandot + Skift + I för att invertera valet, välj sedan Dodge-verktyget och börja måla.
Kopiera "Kopkopi" -lagret och placera det ovanför "Golvlagret" och under "Kopkopi" -laget. Tryck på Kommandot + U för att justera nyans / Mättnad och sätt ljusvärdet till 100. Markera allt och klippa (Command + X) den svarta kopian.
Gå till Filters> Vanishing Point och klistra in bilden över planet. Förvräng skuggan så att den ser ut som bilden nedan. Därefter raderas några områden i skuggan bredvid gardinen genom att använda en lagermask eller raderingsverktyget.
Välj skiktet "Kopia 2" (Skugga) och gå till Filters> Blur> Gaussian Blur och ställ in Radius-värdet i 6px. Ställ in skuggans blandningsläge till Multiplicera och opacitet till 85%.
Som du kan se finns det en liten del över koppens bas utan någon skugga. För att fixa denna dubblett "skugg" -lagret och klistra in det ovanför skiktet "cup", ta bort allt utom den lilla skuggan av koppens ben.
Klistra in den mörka koppen igen, men den här gången till ett nytt lager under golvskuggan. Tryck på Kommando + F för att återanvända Gaussian-oskärpa, och använd sedan en mjuk Eraser eller en Layer-mask bort alla extra skuggor. Vi behöver bara skuggan över gardinen. Ändra ändå blandningsläget till Multiplicera och opacitet till 75%.
Nu för en extra skuggdetalj, duplicera skiktet "golvskugga", gör det bredare och byt opacitet till 20%.
Lägg nu lite vätska i vår design - vinet är perfekt. Visa guiderna och dra två horisontella och två vertikala styrningar som är tangentiella till koppens hål. Använd sedan Eliptical Marquee-verktyget en ellips med tangentguiderna som gränser.
Välj Gradient Fill-verktyget, ställ in Radial-gradientläget och ändra sedan Bakgrunds- och bakgrundsfärgerna till # 980015 respektive # 4C000F. Fyll också markeringen med gradienten.
Flytta "Vin" -lagret några pixlar neråt. Gör samma val igen, Command + Shift + I för att invertera valet. och klicka på Ta bort för att ta bort valet. Ändra ändå lagrets blandningsläge till "Överlagring".
Nu kan du lägga till mer information på vinet, jag lade till två krusningar genom att använda en mjukvit penselopacitet och flöde under 50%.
Det är allt! Naturligtvis kan du försöka skapa din egen scen, designa olika objekt, tillämpa andra texturer och få enastående resultat. Försök! Du kan se den slutliga bilden nedan eller se en större version här. Anmäl dig också till Psdtuts + RSS-flödet för att hålla dig uppdaterad med de senaste handledningarna.
.