Design Realistisk Rustfritt Stål Bakgrunn og Tekst [Photoshop Tutorial]

Webdesignere og webmastere pleide å elske kjølig stål eller metallisk slags effekter før Web 2.0 stormer i og vasket alt bort; forlater WWW med glatt, misbrukende gradienter nettsteder. Apple.com har alltid vært knyttet til god Web 2.0-grensesnittdesign, men disse gutta har aldri mistet de sorte svarte og sølv-ish-effektene, heller ikke klarer å gjøre det bedre i deres design og typografi.

Inspirert av deres design, prøver jeg å bringe disse stilene tilbake i min personlige design og dermed opprettet noe noe solid, og ser litt ut som et stykke rustfritt stål metall. Full Photoshop opplæring etter hopp.

Rustfritt Stål Bakgrunn

Trinn 1

Lag et tomt nytt dokument i størrelsen 600 × 400. Lag et nytt lag, nev det 'bakgrunn' og fyll den med grå farge [# c0c0c0]. Duplisere 'bakgrunn' lag, navnet på det nye laget 'stålbakgrunn'og legg det på toppen av'bakgrunn'.

Steg 2

Med 'stålbakgrunn' laget valgt, gjelder Filter -> Legg til støy og skriv inn følgende innstillinger:

• Beløp: 14,21
• Distribusjon: Gaussisk
• Monokromatisk kontrollert

Trinn 3

Med 'stålbakgrunn'Lag fortsatt valgt, gå Filter -> Uklarhet -> Bevegelsesskarphet og skriv inn følgende innstillinger:

• Angel: 0
• Avstand: 34 piksler

Høyreklikk 'stålbakgrunn', å velge Blandingsalternativer og skriv inn følgende innstillinger for Gradient Overlay - Gradient Editor:

Fargestopp 1

• Farge: # 000000
• Opacity: 50%
• Sted: 0%

Fargestopp 2

• Farge: #ffffff
• Sted: 50%

Fargestopp 3

• Farge: # 000000
• Opacity: 50%
• Sted: 0%

Metalltekst

Trinn 4

Din rustfritt stålbakgrunn er i utgangspunktet ferdig, vi fortsetter derfra for å sette inn en metalltekst som skal se ut som matchende. Bruke Tekstverktøy, skriv noe i midten, helst med tankefet skrift (jeg bruker Myriad Pro Bold her). Høyreklikk (eller dobbeltklikk) tekstlaget for å starte Blandingsalternativer dialog.

1. Drop Shadow

• Opasitet: 38%
• Avstand: 1px
• Spredt: 1%
• Størrelse: 2px

• Dybde: 100%
• Størrelse: 0px
• Soppe: 0px
• Høydepunkt Opacity: 42%
• Skygge Opacity: 32%

Din tekst skal se noe som ligner på under.

Trinn 5

Her er noe du må følge tett. Hold kontrolltasten (Mac: Kommandotast) og venstre klikk på tekstlaget for å markere det er disposisjon. Pass på at omrisset fortsatt er der, velg 'stålbakgrunn'lag, og trykk på Control + J (Mac: Command + J)

Ved å gjøre dette dupliserer du stålbakgrunnen i form av teksten. Gi nytt navn til laget til 'tekst bakgrunn'og flytte den til toppen.

Trinn 6

Endring 'tekst bakgrunn' til Fargeforbrenning, ta med det opacity ned til 67%.

Din endelige utgang bør se noe som ligner på bildet nedenfor.

Last ned .PSD-fil.