Share
I dag lager vi et bakgrunnsbilde i Vista-stil. En svart bakgrunn vil bli fylt med stilige gradienter dekorert med blå og grønne abstrakte buede former. Teknikkene som brukes i denne opplæringen er skalerbare. Det er enkelt å slå det endelige designet i forskjellige størrelser for å passe til forskjellige skjermer. La oss lære å gjøre det.
Redaktørens merknad: Denne opplæringen ble opprinnelig publisert på tsjekkisk språk på Grafika Online. Grafika har gitt lov til Vaclav for å publisere her på Psdtuts + for de av oss som ikke har mestret Tsjekkia ...
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.
Start et nytt skjermstørrelsesdokument i Photoshop. I dette tilfellet valgte jeg 1024px ved 768px oppløsning så jeg kan se hele greia uten å bla. Fyll bakgrunnen med svart farge. Velg deretter Polygonal Lasso Tool, og velg en del av dokumentet. Bruk deretter gradient Verktøy å tegne en gradient fra hvit til gjennomsiktig til nytt lag. Gjenta dette flere ganger (alltid til nytt lag).
For å gjøre bakgrunnen mindre uttrykksdyktig, slå på opacity ned.
Slå sammen lagene (Ctrl + E). Deretter slør dem med Gaussian Blur filter. En liten forhåndsvisning av hele dokumentet følger.
For å gjøre det mer uttrykksfulle på noen steder fortsett å tegne radiale gradienter fra hvit til gjennomsiktig.
Snu den opasitet til et bemerkelsesverdig nivå.
Vel, det er aldri nok hvite til gjennomsiktige gradienter, rett?
Bare ikke glem å slå opasitet ned klokt.
Du kan gjøre bakgrunnen mer interessant ved å kopiere alle lagene og
vende dem (Ctrl + T), eller flytte dem litt.
256 gråtoner er ikke nok for denne milde manipulasjonen.
Det er derfor vi burde slå sammen lagene og sløre dem litt igjen. Det er det som løser de grove gradienter, men et annet problem oppstår - bildet mørkner på sidene, og de mørke delene gjør merkelige "bølger".
Dette kan løses med et større dokument enn skjermoppløsningen, eller legge til en ramme som er bred nok. Og husk det for neste gang. Slik løste vi tilfeldige gradienter på bakgrunn.
Nå kan vi begynne å gjøre forgrunnen med blå og grønne kurver. Begynn med å tegne en stor ellipse med Ellipseverktøy. Velg Path Selection Tool (A). Velg deretter ellipsen, kopier den (Ctrl + C), sett deretter inn det (Ctrl + V), og transformer den deretter (Ctrl + T) for å gjøre det mindre. Still tegningstilen for denne banen til trekke fra, så vi ser bare hva som er mellom disse to ellipser.
Fyll laget med en blå farge (# 62AAF4). Deretter kopiere, flytte, forstørre, gjøre det mindre, og slå på opacity ned eller oppover. Gjør dette et par ganger.
Gjenta deretter disse handlingene med grønt (# 20EDC4) figurer.
Deretter bestemte jeg meg for å mørke gradienter i bakgrunnen litt, da de får for mye oppmerksomhet. Dette burde være bedre.
Fortsett med å skape større buede figurer. Deretter slør de formene, noe som vil gi den ekstra glødseffekten. Legg merke til at de store blå kurver blir opprettet i bildet nedenfor.
Deretter skal vi lage store kurveformer for greenene også. De store figurene er de tidligere ellipser kopiert. Så med Path Selection Tool, Vi velger en mindre ellipse som blir mindre igjen. Se bildet nedenfor.
Fargene på disse figurene er fortsatt de samme, bare opacity er skrudd ned. Noen ganger er opaciteten nedjustert til et knapt merkbart nivå av (5-10%), som vist under.
Plasser alle de blå og grønne lagene i en ny mappe. Kopier så den mappen, flytt den sidelengs, og skru den litt.
La oss begynne med belysningsdelen. Det første trinnet er å endre lagets interaksjon til Lineær Dodge .
Det andre trinnet er å legge til lagseffekten av Drop Shadow. Sett den til en stor størrelse med fargen den samme som formen i laget (blå, grønn). Sett også samspillet til Lineær Dodge en gang til.
Jeg har ikke nok grønne lag i dokumentet, så jeg kopierer litt mer.
Kopier lag stilene til hvert blått lag (bare endre effektfargen til blå). En del av designen er vist i følgende bilde, hvilket er resultatet vi vil ha så langt.
For å oppnå det lyse glødende lyset må vi gjenta de samme tingene igjen og igjen. Du kan bruke de forrige store lagene, slå sammen dem og sette samspillet til Lineær Dodge. Deretter kan du legge til et maskelag. Så gå til Filter> Render> Clouds i denne masken. Det gjør laget synlig på bare noen steder.
Hvis du lager alle lagene, blir resultatet mer uttrykksdyktig.
Vi kan også gjøre effekten manuelt. For eksempel, opprett en ny Justeringslag med Lysstyrke og kontrast dukket opp. Fyll lagmasken med en svart farge, noe som gjør effekten synlig ingen steder. Deretter begynner du å tegne i masken med en hvit, myk børste. Børsten oppdager effekten. Det øker lysstyrken bare der du vil. Denne teknikken kan brukes til den endelige lysingen av både de blå og grønne buede figurene.
Her er forhåndsvisningen på 100% størrelse. Ved å bruke justeringslaget genereres flotte overbrenninger.
Bildet ditt er fullført. Igjen, ikke nøl med å eksperimentere. Du er bare begrenset av datamaskinens ytelse. Klikk på følgende bilde for å se resultatet på 100% i 1024px ved 768px oppløsning.
Det er ikke vanskelig å endre den endelige oppløsningen fordi hvert enkelt lag var større enn dokumentvinduet. Enten kan du forstørre dokumentstørrelsen (figurer er i vektorer, så det er ingen kvalitetsfeil), eller du kan forstørre lerretets størrelse (lagene forblir de samme, men du gjør synlige delene som var skjult før).
Manuell størrelse manipulering ble brukt når du lagde følgende bilde på 1280px ved 1024px oppløsning. Denne fortjener litt justering, men det er opp til deg nå. Lykke til med arbeidet ditt!
Accentsconagua