Lag en imponerende mock-up av en Grunge Box

Lær hvordan du lager imponerende mock-up design. I denne opplæringen lærer du hvordan du bruker Vanishing Point Filter for å få raske og profesjonelle presentasjonsresultater. Det endelige resultatet er en realistisk utseende boks som ser godt ut, som om den ble sendt over hele verden. Bruk disse teknikkene til å lage andre mock-ups i designarbeidet ditt også.

Endelig bildeforhåndsvisning

Før vi begynner, la oss ta en titt på bildet vi skal skape. Klikk på skjermbildet under for å se bildet i full størrelse. Som alltid er den fulllagede Photoshop-filen tilgjengelig via vårt Psdtuts + Plus-medlemskap.

Trinn 1

Vi starter med grunge bildet. Du kan bruke et webbanner, en disketikett eller noe du vil ha. Denne opplæringen handler om å skape en mock-up som skal forbedre den endelige presentasjonen av arbeidet ditt. Du er velkommen til å bruke et hvilket som helst bilde du foretrekker.

Først oppretter du et nytt blankt dokument 1000px ved 330px, RGB, 72ppi og lim inn dette bildet som bakgrunn. Lagre dokumentet med navnet "Min tekstur". Hold denne filen hendig, siden vi trenger det senere i opplæringen.

Steg 2

Juster bildetivåene ved hjelp av disse verdiene.

Trinn 3

Legg nå noen bilder for å lage en grunge collage. Lim inn dette bildet av en gitarist i et nytt lag over bakgrunnen. Deretter går du til Rediger> Transform> Vend horisontal. Sett blandemodus til mørkere. Endre størrelsen på den og plasser den i nærheten av bygningen. Endelig bruk Magic Wand Tool til å velge alle de hvite områdene på gitaristen og slette dem.

Trinn 4

Finn flere bilder og lim dem inn hvor du vil. Du kan bruke dette bildet. Velg Magic Magic Tool. Slett deretter all bakgrunnen og lim den inn i midten av collagen.

Trinn 5

Bruk en grunge skrift for å legge til litt tekst. Jeg brukte en font som heter Acid Label, lastet ned herfra. Deretter setter du type farge til (# 130900) og prøver å få noe som bildet nedenfor. Lagre dokumentet og flatt bildet.

Trinn 6

Opprett et nytt dokument som er 1024px ved 768px, RGB, 72ppi. Opprett en gradientbakgrunn som går fra (# 000000) til (# 302013) ved å bruke verdiene i bildet nedenfor.

Trinn 7

Skjul gradientlaget. Deretter oppretter du to lag over det og heter både "Dark Gradient 1" og "Dark Gradient 2". Trykk deretter D for å laste standardpaletten. Fyll begge lagene ved hjelp av Gradient Tool (svart til gjennomsiktig). Bruk verdiene i bildet nedenfor.

Trinn 8

Lim inn dette bildet i midten av dokumentet. Jeg valgte det fordi det er en fin håndlaget boks som ser ut som en fraktkasse, som er perfekt for å mocke opp en grunge design. Løsne feilene i bildet ved hjelp av Clone Tool og Healing Brush Tool. Alt-klikk for å velge klonkilden.

Tips: Photoshop CS3 Extended har et nyttig verktøy. klikk på Vindu> Klonekilde. Velg "Vis overlegg". Du vil se en gjennomsiktighet av bildet du kloner. Dette vil hjelpe deg med presis helbredelse.

Trinn 9

Velg all den hvite bakgrunnen med Lasso Tool og slett den deretter. Legg til en dropshadow og en indre skygge, ved hjelp av verdiene i bildet nedenfor. Bruk Dodge Tool og Burn Tools til å børste med disse innstillingene: 50px, hardhet: 0%, rekkevidde: midtoner og eksponering: 25%. Dette vil lysere og mørke noen områder av boksen.

Trinn 10

Nå vil vi legge til en rynket papirstruktur til vårt design. Jeg brukte dette bildet. Lim inn det inn i et nytt lag under "Box" -laget, og kaller det "Paper". Sett den i øvre margin, litt oppe på midten av dokumentet. Deretter justerer du Hue / Saturation ved hjelp av verdiene i bildet nedenfor. Still Blending Mode til Color Dodge. Endelig går du til Lag> Lagermaske> Skjul alt, og tegne en svart-hvitt Radialgradient.

Trinn 11

Skjul både "Box" og "Paper" lagene. Opprett to nye lag under "Paper" -laget, og oppgi dem henholdsvis "Light" og "Shadow".

Bruk Elliptical Marquee Tool til å lage en oval i hvert lag. Velg deretter> Endre> Feather og sett fjærradiusen til 25px. Fyll en med en lys farge som (# C6A478) og den andre med en mørk farge som svart. Vis de skjulte lagene og Free Transform ovaler for å få et bedre resultat. Til slutt, med "Light" -laget satte lagens opasitet til 35% og "Shadow" Layer Opacity til 95%.

Trinn 12

Åpne "My texture" -filen (grunge collagen vi opprettet tidligere). Deretter kopierer du det flattede bildet. Lag et nytt lag over "Box" -laget. Gi det navnet "Texture" og velg det.

Her kommer det beste. Vi vil bruke den nye funksjonen til Vanishing Point Filter for å lage flere perspektivfly til et enkelt filter. Klikk på Filtre> Vanishing Point. Deretter begynner du å lage et enkelt plan ved hjelp av Create Plane Tool, Ctrl + Drag (WIN) eller Command + Drag (MAC) et sidepunkt av flyet (ikke et hjørnepunkt) for å lage et vinkelrett plan. Deretter Alt + Dra for å redigere vinkelen til det nye flyet, og prøv å følge hver overflate av boksen.

Tips: Hvis du vil slette et fly, bare velg et hvilket som helst sidepunkt og trykk Slett. Hvis du dekker foran og venstre side, er det OK. Det er valgfritt å dekke toppsiden.

Trinn 13

Lim inn det flattede bildet i Vanishing Point-vinduet. Dra det deretter over overflatene og legg det der det ser bra ut. Du kan endre størrelsen på og rotere bildet hvis du trenger det. Hvis det er noen overlappende fly, Ctrl-klikk eller Kommando-klikk et fly for å endre overlappende rekkefølge. Klikk deretter OK når du er ferdig.

Trinn 14

Ctrl (Command) + klikk på Box-laget for å få den eksakte boksformen. Deretter Ctrl (Command) + Shift + I for å invertere valget. Velg deretter "Texture" -laget og trykk Slett. Endelig endrer du "Texture" -lagets blandingstilstand til Multiply.

Konklusjon

Eventuelt kan du lime inn flere objekter som tekst, bilder eller noe i boksens topp. Spill med blandemoduser og effekter. Du kan bruke denne teknikken til å lage mock-ups av alt du vil ha: CD-etiketter, produktbokser, DVD-deksler og mer. Prøv det!