Share
Denne opplæringen består av å lage en digital illustrasjon i Photoshop av en boks med kamper. Vi skal lage kampboksdekseldesignet, angriperen på kampboksen fra et mønster og legge kartongtekstur på esken. Vi lager også kampene og justerer alt inn i et 3D-perspektiv.
Før vi begynner, la oss ta en titt på bildet vi skal skape. Klikk skjermbildet under for å vise bildet i full størrelse. Som alltid er den lagrede Photoshop-filen tilgjengelig via vårt Psdtuts + Plus-medlemskap.
Opprett et nytt dokument med en bredde på 525 tommer med 750 tommer. Still oppløsningen på 300 piksler per tomme. Deretter oppretter du et nytt lag, heter det "Texture" og fyller det med hvitt. Bruk et mønsteroverlagslagsstil med disse innstillingene: Blandingsmodus for normal, Opacity på 60% og Mønsteret satt til Charcoal Flecks (det er i gråskala papiret).
Opprett et nytt lag, nev det "Border", og fyll det med svart. Bruk deretter en Stroke Layer Style med disse innstillingene: Størrelse på 10, Stilling innstilt på innsiden og en hvitfarge. Nå må vi rasterisere lagstilen. For å gjøre dette, opprett et nytt lag. Velg det nye laget og "Border" -laget, og fusjonér dem med Command + E. Sett deretter lagsmeltingsmodus for å multiplisere.
Få Magic Wand Tool og klikk på det svarte området. Opprett nå et nytt lag, og fyll ut valget med "baa36d" -farge. Navn dette laget "Color." Skjul det for nå, siden vi kommer til å trenge denne senere. Gå nå tilbake til "Border" -laget. Kontrakt utvelgelsen. Gå til Velg> Endre> Kontrakt. Kontrakt med 5 piksler og klikk Slett. Kontrakt igjen med 10 piksler og fyll ut valget med svart. Kontrakt utvalget en gang til med 2 piksler og trykk Slett. Nå er grensen klar. Vend "Farget" laget synlig og sett blandemodus til linjær brenning.
Lag et nytt lag. Velg et rektangulært område og fyll det med svart. Dra og snap en vertikal retningslinje til senteret. Plukk opp Elliptical Marque Tool. Med utgangspunkt i denne retningslinjen, hold nede Alt-tasten, velg et valg og trykk Slett. Deretter lager du to svarte rektangler på samme lag.
Få typeverktøyet. Velg din favoritt skrifttype og legg litt tekst på designen din. Du kan gå til Edit> Transform> Warp for å bøye teksten.
Nå skal vi ta en skjermdump av Photoshop-verktøykassen og bruke pennverktøyet i vårt design. Du kan følge instruksjonene nedenfor og gjøre det selv, eller hopp over dette trinnet og last ned en kopi av Pentool.png.
Ta et skjermbilde med hvilket verktøy eller snarvei du helst foretrekker (Hit PrintScrn på tastaturet i Windows). Dette vil kopiere skjermbildet til utklippstavlen. Opprett et nytt Photoshop-dokument og gå til Rediger> Lim inn. Zoom 1600% til verktøykasseområdet for å se nærmere på pennverktøyet vårt.
Trykk Alt + PrntScrn for kun å fange det aktive vinduet. Lag et nytt dokument og lim inn. Gå til Bilde> Justeringer> Nivåer og tweak for å øke kontrasten. Du kan bruke Magic Wand eller Rectangular Marque Tool til å rydde opp rundt pennen. Deretter drar du og plasserer den i kampboksutformingen. Nå, hvis du er fornøyd med designen, flat bildet ved å gå til Lag> Flatt bilde. Lagre det som "Design.jpg."
Opprett et nytt dokument med en bredde på 35 piksler og en høyde på 42 piksler. Se oppløsningen til 300 piksler / tommer. Hit kommando + A for å velge hele lerretet, og dra og snap guider til alle kanter og midt på valget. Deretter slår du på Command + D for å fjerne markeringen.
Velg # 551100 som forgrunnsfarge. Deretter tar du polygonverktøyet, og bruker disse innstillingene: sett det til Fyll piksler og sett sidene til 6. Lag et nytt lag og betegn det "Hexagon." Deretter klikker du og drar fra midten av laget til høyre kant.
Gå til Bilde> Lerret størrelse. Pass på at Relative er merket. Skriv inn 200 prosent for Bredde og Høyde. Dupliser "Hexagon" -laget. Flytt den opp og klem nederst på sekskanten til den øvre styringen. Dupliser laget igjen, denne gangen beveger du det ned og klikker toppen av sekskanten på den nedre styringen. Slett de to dupliserte lagene ved å velge dem begge og gå til Lag> Flett lag. Gi navnet det fusjonerte laget "Hex2."
Dupliser "Hex2" laget og roter det -60 grader. Dupliser "Hex2" -laget igjen og denne gangen roterer det 60 grader. Navn dette laget "Hex60." Gå til Vis> Fjern guider. Ta nå Polygonal Lassoo Tool og gjør et valg som dekker den nedre, venstre sekskant.
Høyreklikk inne i valget, og velg Lag via kutt. Den valgte sekskanten er nå plassert i et nytt lag. Dra vertikale og horisontale guider til midten av denne sekskanten. Gå tilbake til "Hex60" -laget og dra to guider til midten av øvre høyre side. Flatt bildet og foreta et valg med Rectangular Marque Tool. Gå til Rediger> Definer mønster, navnet på mønsteret "Hexagon", og klikk OK.
Opprett et nytt dokument 750 piksler bredt med 210 piksler høyt med en oppløsning på 300 piksler / tommer. Opprett et nytt lag kalt "Striker" og fyll det med hvilken som helst farge. Påfør lagstilene som vises nedenfor.
La oss legge til litt tekstur. Jeg brukte denne gratis tekstur fra Urban Dirty nettsiden. Last ned denne filen, åpne den i Photoshop, og dra tekstur inn i dokumentet ditt foran "Striker" -laget.
Gå til Bilde> Justeringer> Terskel, og endre verdien til du får noe som ligner på det som vises nedenfor. Inverter bildet ved å gå til Bilde> Justeringer> Inverter. Deretter går du til Filter> Blur> Gaussian Blur, og angir en radius på ca. 1,5.
Gå til Bilde> Justeringer> Nivåer, og prøv å få noe som vist i bildet nedenfor. Sett lag Blending Mode til skjerm. Hvis du er fornøyd med angriperen, flater du bildet ved å gå til Lag> Flatt bilde. Lagre det som "Striker.jpg."
La oss lage en fin kartongtekstur nå. Lag et nytt dokument igjen med de samme innstillingene som vi gjorde for angriperen, som er en bredde på 750 piksler, en høyde på 210 piksler og en oppløsning 300 piksler / tommer. Lag et nytt lag og fyll det med hvitt. Påfør et mønsteroverlagslagsstil og velg "Charcoal Flecks" -mønster. Flatt bildet.
Hit Command + U for å få opp Hue / Sauration kontrollene. Bruk disse innstillingene: Colorize sett til kontrollert, Hue of 30, Saturation of 20 og en Lightness of 0. Hvis du er fornøyd med angriperen, flat bildet ved å gå til Lag> Flatt bilde. Lagre bildet som "Cardboard.jpg."
Nå har vi alle delene vi trenger for boksen. Fordi vi skal gi et perspektiv, se vår boks, er det en god idé å bruke et referansebilde. Du kan bruke et bilde av en kampboks eller lage en enkel modell i ditt favoritt 3D-program for å bruke som referanse. Jeg modellerte tre bokser og gjengitt wireframe. Du kan laste ned referansebildet her. Gå videre og åpne referansebildet i Photoshop. Dupliser "Bakgrunn" -laget, betegne det "3D Reference" og fyll "Bakgrunn" -laget med hvitt.
Åpne filen "Design.jpg". Velg alt ved å gå til Velg> Velg alt. Gå deretter til Rediger> Kopier. På dette tidspunktet slår jeg på forstørrelsesglasset i operativsystemet. Jeg bruker Windows XP. Forsterkeren kan være svært nyttig i de følgende trinnene. Du kan få informasjon om forstørrelsesglasset fra denne lenken.
Opprett et nytt lag og kaller det "Design." Gå nå til Filter> Vanishing Point. Klikk på 4 poeng for å lage et perspektivplan. Deretter slo Kommando + V for å lime inn bildet. Hit Command + T for å forvandle bildet, skala det litt ned, roter det CCW 90 °, og dra det inne i flyet.
Plasser den, skala den for å passe perspektivplanet, og klikk OK. Sett lagets opasitet til 50% slik at du kan se referansebildet fordi vi vil gjenta dette trinnet noen ganger mer.
Gjenta nå det forrige trinnet for angriperen. Lag et nytt lag og nev det "Striker." Åpne filen "Striker.jpg". Velg alt og Hit kommando + C for å kopiere. Gå til Filter> Vanishing Point, og opprett et annet fly for å matche siden av boksen. Lim inn bildet og juster størrelsen og posisjonen.
Gjenta prosessen med "Cardboard.jpg" for alle fire sider av den indre boksen. Legg merke til at lagrekkefølgen er viktig.
Alle kartongbitene ser flatt ut nå. Vi legger til litt dybde for dem ved å bruke et Gradient Overlay til disse lagene. Bruk følgende innstillinger for alle kortlag: en gradient som går fra svart til hvitt, en stil satt til lineær.
Følgende er noen andre parametere som skal endres for hvert lag:
Brikkene i kampboksen har ingen tykkelse, så la oss fikse det. Velg "Card03" -laget, Dupliser laget, og flytt originalen (ikke kopien) 1 pixel opp. Hit Command + U og ta lysstyrken opp for å gjøre den lettere til du har tykkelseseffekten, som vist nedenfor.
Gjenta dette for alle delene bortsett fra den nederste delen av boksen som er "Card04" Layer. Velg nå hvert lag og det er duplikat, og slå sammen dem. Kommando-klikk på "Card03 copy" -laget for å laste inn valget. Bruk deretter børsteverktøyet til en myk børste, og far kanten til svart. Juster deretter Opacity.
Endelig, gjør et valg ved hjelp av "3D Reference" -laget. Opprett et nytt lag over "3D Reference" -laget og fyll ut valget med mørkegråt. Boksen er nå ferdig. Lagre filen som "Matchbox.psd."
Opprett et nytt dokument 32 piksler bredt med 750 piksler høyt med en oppløsning på 300 piksler / tommer. Fyll bakgrunnslaget med fargefefecc. Hit D på tastaturet for å bytte til standardfarger. Lag et nytt lag og fyll det med svart.
Gå til Filtre> Render> Fibre, og sett Variansen til 55, Styrke til 40, og bruk den. Deretter går du til Filter> Blur> Motion Blur, deretter angir du vinkelen til 90 og Avstand til 40. Gå til Velg> Fargevalg. Markøren vil vende seg til en Eye Dropper. Klikk hvitt på fargepanelet for å velge hvite områder i bildet. Ta Fuzziness opp til 200.
Opprett et nytt lag og fyll ut valget med fargen "ffeecc" igjen. Bruk påstand og emboss med disse innstillingene: Innstilt stil, Retning sett til Ned, Størrelse 1, Dybde 510, og Skygge modus satt til Color Burn.
Slett fibrene laget og flatt bildet. Hit Command + A for å velge alt og Command + C for å kopiere. Hvis du ikke vil at alle kampene dine skal være de samme, kan du gjenta dette trinnet så mange ganger som du ønsker. Ved å klikke på Randomize-knappen når du bruker Fibers-filteret, vil det produseres forskjellige teksturer.
Gå nå tilbake til "Matchbox.psd." Dra "3D Reference" -laget til toppen av lagstakken. Hit Command + V for å lime pinnen over "3D Reference" Layer. Slå av ved å åpne Vis-menyen og fjerne merket for Snap. Hvis du slår av Snap, blir det enklere i neste trinn. Gå til Rediger> Transform> Forvreng. Sett perspektivet til pinnen til perspektivet i referansebildet ved å dra hjørnene.
Først gjør du toppen av staven. Hit kommando + V igjen. Denne gangen oppretter du den stående siden av staven. Denne siden skal være litt mørkere, så trykk Command + U og senk Lightness-verdien. Bruk et overføringsoverlegg til begge stavelagene med disse innstillingene: Blendmodus satt til Linjær brenning, Opacity satt til 40 og en Angle satt til -140.
Velg begge stavelagene og slå dem sammen. Gi navnet "Matchstick" navnet. Lag "3D Reference" -laget usynlig. Dra "Matchstick" -laget ned under "Card02" -laget. Opprett et nytt lag og nev det "Tips". Få Elliptical Lassoo Tool og velg et utvalg for tipset til kampen. Fyll utvalget med fargen # 410000. Gå til Filter> Støy> Legg til støy. Påfør med disse innstillingene: Antall 22%, Ensartet og Monokromatisk merket.
Gå til Filter> Forvreng> Spherize. Bruk disse innstillingene: Antall 100% og Modus satt til Normal. Bruk nå en gradvis overlay-lagstil: Blend-modus satt til mykt lys, Opacity of 75, Gradient svart til hvitt, Reverse-kontrollert, Radial-stil og Scale ved 150%.
Legg nå ellipsen på spissen av matchesticket og gå til Rediger> Transform> Skew. Gjør det parallelt med pinnen og juster skalaen og posisjonen. Til slutt velger du "Matchstick" og "Tips" lagene og fletter dem sammen.
Befylle kampspillet ved å holde Alt-tasten og dra. Gå til Rediger> Transform> Forvreng. Forvreng laget for å matche stavens perspektiv til boksens perspektiv. Nå skal vi lage skyggen av boksen på kampene. Nå Kommando-klikk på "Card04" -laget for å laste inn valget. Kommando + Skift-klikk "Card01 copy" -laget for å legge til valget. Deretter Kommando + Alt-klikk "Card02 copy" -laget for å trekke fra. Deretter Kommando + Alt-klikk "Card03 copy" -laget for å trekke fra. Du bør ha et valg som dette.
Lag et nytt lag over matchestikkene. Mal det med svart, som du kan se på bildet nedenfor. Deretter gir det litt Gaussisk uskarphet.
Det er nå på tide å gjøre refleksjonen og skyggen av boksen vår. Gjør laget "Bakgrunn" usynlig. Kontroller at laget "3D Reference" også er slått av. Med et av de synlige lagene som er valgt, går du til Lag> Merge Synlig. Navngitt det sammenslåtte laget "Refleksjon". Hit Command + T og skala ca 70%. Dupliser "Refleksjon" -laget og navnet det "Matchbox". Slå på "Bakgrunn" -laget på.
Velg "Refleksjon" -laget og bruk en bevegelsesskarphet med en vinkel på 90 og avstand på 270 piksler. Hit Command + T for å skala "Reflection" -laget horisontalt for å rette opp refleksens kanter med kantene på boksen. Velg og fjern den øvre delen av refleksjonen, og fjern deretter Avmarkering ved å trykke på Kommando + D. Gå til Filter> Uklarhet> Gaussisk uskarphet og still radien til 5.
Lag et valg, som i bildet nedenfor. Kommando + Alt + Skift-klikk på "Matchbox" -laget for å få krysset valgt. Lag et nytt lag over "Reflection" -laget og fyll det med svart. Fravelg ved å trykke på Command + D og påfør en Gaussisk uskarphet med en radius på 8.
Ja, vi er ferdige! Du kan endre bakgrunnsfargen hvis du vil. Jeg fylte den med en gradient. Håper du likte opplæringen. Resultatet er under og du kan se den større endelige versjonen her.
Accentsconagua