Quick Tips: Lag en Stitched Web Ribbon i Photoshop
Du trenger ikke å søke på nettet etter svært lang tid å finne en web-bånd i hjørnet av et bilde. I denne rask spiss opplæringen vil vi vise deg hvordan du kan lage dine egne. La oss komme i gang!
Instruksjons Eiendeler
Følgende eiendeler ble brukt under produksjonen av denne opplæringen.
PSD Tuts + Screen
Trinn 1
Opprett et nytt dokument og gi den navnet "Ribbon". For dette eksempelet, vil vi gjøre en 600x600 pikslers lerret.
Trinn 2
Lag et nytt lag og gi den navnet "Bakgrunn Texture". Nå fyller den med en lys farge (jeg brukte #cccccc). Nå går Filter > Noise > Legg Støy og legg til litt støy til laget for å bidra til å skape litt tyggemotstand. Jeg brukte følgende innstillinger:
Beløp: 10%
Distribusjon: Gaussian
Monokromatiske: Sjekket
Nå setter " Texture Bakgrunn "lag opacity til 15%
Trinn 3
La oss nå lage boksen hvor vårt bilde går. For dette eksempelet, jeg bruker rektangel verktøyet med en fast dimensjon på 300x200 piksler.
Bare plasser den i midten av lerretet og lagnavnet "klipping Mask"
Trinn 4
Legg følgende lagstiler til "klipping maske" for å gi den en fin skygge og omriss.
Trinn 5
Ved hjelp av det bildet du liker (jeg brukte PSD Tuts skjermbilde) plasserer det i dokumentet, på toppen av "klipping Mask" lag og gå til Layer > Lag Clipping Mask
Trinn 6
Nå har vi fått vårt bilde hvorpå vi setter vår bånd. Start med å bruke rektangel verktøyet og tegne båndet. Du vil deretter ønsker å rotere det rundt 35 grader. Bruk verktøyet for fri transformering (hurtigtast for free transform (Kommando /Ctrl + T) eller gå til Rediger > Gratis Transfrom). Sørg for at båndet hjørner går utover bildemaskestørrelsen.
Båndet farge spiller ingen rolle akkurat nå fordi vi vil sette en gradient overlay i laget innstillinger. Lagnavnet "Ribbon".
Trinn 7
Vi kommer til å lage en lagmaske for "Ribbon" lag. Dette vil skjule den delen av båndet som strekker seg utover bildet. Gjør følgende:
- Med din nåværende valg, velg "Ribbon" lag og skape en lagmaske. Du kan gjøre dette på to måter:
Layer > Lagmaske > Avslør Utvalg
Klikk på "Legg til lagmaske" nederst i Lag-panelet (se bilde)
Trinn 8
La oss bruke noen lag stiler til våre bånd form. Disse stilene bidra til å gi våre bånd noen skygger, høydepunkter, og tekstur for å bedre det ser ut. Vi skal gjelde følgende:
Drop Shadow (ytre skygge)
Inner Glow (tekstur)
Skråkant og preg (edge høydepunkter)
< li> Gradient Overlay (ribbon fargelegging)
Stroke (bidra til å definere ytterkanten av båndet)
Vi har nå noe som ser slik ut:
Trinn 9
Nei, vi ønsker å skape foldene i båndet. Husk hvordan vi sørget båndet utvidet utover bildets kanter av ca 4 piksler? Det er der vi vil legge bretten på båndet, som om den er bøyd bak bildet.
Lag et nytt lag som heter "Ribbon Fold" og plassere den over "Bakgrunn Texture" og under "klipping Mask"
Velg en mørk farge for forgrunnsfargen (jeg brukte # 240500)
Velg penselverktøyet justere innstillingene til en liten størrelse børste (om 9px) med 100% hardhet.
Nå bruker penselen til å male en liten sirkel på begge de nedre kant. Fordi laget er under klipping maske, vil du bare se den mørke delen av børsten rundt bånd hjørner som overlapper bildet.
For å illustrere dette poenget, se på bildet nedenfor. Dette er hva våre PSD ville se ut hvis vi slått ned opacity på alle lagene over "Ribbon Fold" der vi malt med vår pensel.
Trinn 10
La oss legge vår tekst. Jeg brukte følgende:
Chunk Fem
24 pkt
75 bokstavavstand
Color # 240500
Plasser teksten på bånd og rotere det 35 grader (bruk Transform verktøyet som vi gjorde med båndet formen i trinn # 6)
Nå la oss legge til noen lagstiler å gjøre vår tekst vises innrykket på båndet.
Nå bør du ha noe som ser slik ut:
Trinn 11
Til slutt vil vi legge sømmene til vårt bånd. Grip teksten verktøyet og skriv inn en haug med bindestrek. Deretter endrer innstillingene karakter som følger:
Chunk Fem
13pt
200 bokstavavstand
Color # 700404
Tekst Layer Opacity: 50%
Plasser teksten på bånd og rotere det 35 grader (bruk Transform verktøyet som vi gjorde med båndet form i trinn # 6 og # 10). Nå la oss legge til noen lagstiler å gjøre vårt sømmene virker mer realistisk.
Duplicate at tekst og flytte det ned til nedre kant av båndet. Nå bør du ha noe som ser slik ut:
Trinn 12
Det siste vi trenger å gjøre er å bruke en lagmaske til vår søm så det ikke går utover bildets kanter. For å gjøre dette, bare duplisere lagmaske på "Ribbon" lag og flytte den til den nye teksten bindestrek (søm) lag.
Bruk effekt til både søm lag og det er det! Du skal nå ha noe sånt som dette:
Final Bilde
Det er det! Nå vet du hvordan du skal lage en enkel sløyfe i Photoshop. Du kan leke seg med andre alternativer som å endre fargene. Eller, kan du prøve å lage avrundede kanter på båndet der den krysser bildet. Det kan oppnås ved å bruke en kombinasjon av pennen og de eksisterende lagmaskene. Lykke til! Anmeldelser
Next Page:Lag en Surreal, Politically
Kommando /Ctrl + Klikk på vektormaske av "klipping Mask" lag. Dette vil skape en rullende rundt klipping maske
Vi vil at våre bånd til å utvide litt utover grensene for bildet, så utvide valget ved å gå Select >.; Endre > Utvide og utvide utvalget ved ca 4 piksler.