Share
Illustrerende scener fra den siste grensen kan gjøre noe vakkert arbeid. I denne opplæringen - den lengste vi noen gang har publisert - vil jeg gå deg gjennom å skape en spektakulær romscene med to planeter som kolliderer. Gjør deg selv i, Photoshoppers!
Før vi begynner, la oss ta en titt på bildet vi lager. Klikk skjermbildet under for å vise bildet i full størrelse.
Den fulle 55mb, 50-lags-photoshopfilen er som alltid tilgjengelig via vårt Psdtuts + Plus-medlemskap.
Før vi kommer til tegningen, først et ord på komposisjon. Det meste av bildet kommer til å være tomt rom med ett hovedfokuspunkt - planetene eksploderer. Derfor, hvor vi plasserer det fokuspunktet, vil være viktig. Jeg har fulgt det som er kjent som tredje orden.
Denne regelen - brukt i fotografering, film og illustrasjon - sier bare at hvis du deler lerretet ditt i tre lengderetninger og vertikalt, skal dine hovedfokuspunkter være i kryssene, eller langs linjene selv. Begrunnelsen er at å ha ting utenfor sentrum skaper mer visuell interesse.
Så jeg plasserer mine planetbilder i nederste venstre hjørne. Legg merke til at etter at jeg hadde lagt mine faktiske linjer på for dette diagrammet, skjønte jeg at det ikke var helt på det tverrsnittet, men nær nok :-)
Uansett, for denne veiledningens formål vil jeg zoome inn på venstre side slik at vi kan vise ting litt nærmere opp uten å bryte Psdtuts + rutenettet, så jeg trodde jeg skulle vise deg hovedkomposisjonen først.
Redaktørens merknad: Du kan laste ned planeten bildet nedenfor ved å følge denne lenken.
Jeg startet dette bildet i går morges etter at jeg oppdaget en lenke i vår brukerkoblingsmating til Layers Magazine's Back Page Design Contest. Konkurransen er å ta et bilde av en planet (se nedenfor) og gjøre noe med det. Det er noen gode premier, så klikk gjennom og skriv inn dere! Selv om du ikke skriver inn, vil du laste ned planetenes bilde.
(I tilfelle du lurer på, kom jeg ikke inn på bildet fra denne opplæringen, fordi det blir en opplæring i stedet.)
Ok, til slutt begynner vi å tegne!!
Først oppretter vi et nytt lerret. Gruven er 1920px bred ved 1200px høy. I et bakgrunnslag tegner vi en radiell gradient, med lysareområdet omtrent hvor vi skal tegne eksplosjonen (dvs. hvor lyset vil være!). Det skal være ganske subtilt, som skjermbildet.
Nå for å gi rommet vårt litt tekstur, må vi gjøre noen skyer. Gå til Filter> Render> Skyer med en svart og mørk brun farge valgt (som vist nedenfor). Nå, hvis du trykker Ctrl + Alt + F etter at du har gjort dette, vil det gjøre dem igjen, men med mer kontrast. Dette er nyttig fordi ellers på et så stort lerret, er skyene litt for tette.
Dessverre, selv med Ctrl + Alt + F-versjonen, fant jeg fremdeles behovet for å gå gjennom med en stor viskelbørste og forsiktig børste bort noen deler. Da satte vi skyskiktet på skjermen og 85% Opacity for å slippe gjennom noen av den bakgrunnsradiale gradienten vi gjorde. Resultatet er vist nedenfor. Det er litt vanskelig å se hvorfor jeg gjorde dette i dette lille skjermbildet, men på et større lerret er forskjellen merkbar.
Deretter tok jeg dette bildet fra iStockPhoto (se miniatyrbildet nedenfor). Jeg valgte det på grunn av himmelen, som så ut som det ville legge til tekstur til scenen min. Jeg kjøpte en 9-kreditt versjon fordi jeg trengte bildet ganske stort.
Da limte jeg bildet over toppen av lerretet mitt og roterte det slik at det løp i lengderetningen. Da trykker vi Ctrl + Shift + U for å desaturere bildet fordi jeg ikke er interessert i fargene, bare tekstur. Jeg tok en stor, myk viskelær og slettet det meste av det. Jeg dro en liten patch opp øverst som vist. (Faktisk er det en annen oppdatering rett på høyre side av det endelige bildet.)
Deretter satt jeg det laget til Color Dodge og 50% Opacity. Dette gir resultatet vist, en fin teksturert effekt som går bra med resten av bildet.
Forresten føler jeg at jeg bør nevne at da jeg opprinnelig laget dette bildet, gjorde jeg ikke alle trinnene i rekkefølgen som vises i denne opplæringen. Den fulle tingen tok omtrent 8 timer for meg å fullføre, og mye av det er å legge til noe, så ta det bort, og legge til noe annet, og innse at det er sammenstøt med en tidligere komponent og fjerner det, etc. Jeg har da forkortet prosessen slik at det høres veldig sammenhengende ut og at jeg planla alt (som egentlig ikke gjorde jeg :-)
Nå for å tegne stjerner skal vi bruke pensler. Det finnes andre metoder for å tegne stjerner, spesielt jeg demonstrerte en veldig rask og skitten metode i opplæringen A Slick Supernatural Text Effect, som bruker et støyfilter. Dessverre virker dette ikke så bra i et større bilde hvor stjernene kommer ut og ser litt for små og jevnt fordelt.
Så i stedet ta en pensel og hvite som fargen, og klikk deretter på børstene øverst til høyre og følg de viste innstillingene. Det er ikke mye for dem, bortsett fra at vi vil ha mange små utsparte prikker.
Når jeg hadde min "stjerne" børste, malt jeg over alt og grep en myk stor viskelær og slettet ut noen deler. Jeg dupliserte stjernelaget, dreide det 180 'og bleknet ut til 30%. Dette gir litt mer dybde til vårt stjernefelt, med noen av dem ikke like lyse som andre.
Nå bestemte jeg meg etter mange forskjellige eksperimenter at en lilla farging ville se best ut, så jeg fylte et nytt lag med en lilla farge og satt blandingsmodus til Overlay. (Merk at hvis du bruker fargemiks-modus, gir det et veldig hardt og fryktelig resultat, så overlegg er definitivt veien å gå her).
Så nå har vi sortert vår bakgrunn (for det meste). Jeg legger da alle lagene i en fin laggruppe som heter Bakgrunn!
I en ny laggruppe, kalt Planet, klistret jeg og endret størrelsen på planetbildet mitt som jeg fikk fra Lag Magazine-siden.
Nå fordi eksplosjonen kommer til å ligge i det øverste venstre området, vil dette være den letteste delen av planeten, og bunnen til høyre vil være det mørkeste området. For å lette planeten, dupliserte jeg først det, og med en viskelær slettet bort alt, men toppkanten. Jeg satte dette laget til skjerm og 50%.
Da dupliserte jeg laget og slette bort litt mer, så det er enda mindre kanten igjen. Deretter dupliserte jeg det igjen, slettet litt mer, og kjørte deretter en Gaussian Blur (Filters> Blur> Gaussian Blur) på den med en avstand på 2px. Da dupliserte jeg det laget og gjorde det samme igjen med en avstand på 4px. Da gjorde jeg det igjen to ganger med 8px og 16px avstander. Du kan se de seks lagene til høyre for bildet nedenfor og kompositten til venstre.
Jeg har en følelse jeg brukte også Burn Tool og brente bunnen litt, men jeg kan ikke helt huske! I hvert fall plasser planetlaget og disse siste lagene i en undergruppe som heter The Planet.
Nå limer vi inn på den samme planeten igjen, men krymper den slik at den er enda mindre (som vist). Dette kommer til å bli kometen / planeten som vil kollidere.
Forresten, hvis noen av dine lesere er astronomer eller astrofysikere, bør jeg påpeke (hvis det ikke er blindingly tilsynelatende) at jeg ikke på noen måte strever for realisme i dette bildet - bare noe som ser kult ut.
For å få denne planeten til å se annerledes ut enn den andre, har jeg tatt det veldig klare trinnet med å gjøre det svart-hvitt - en teknikk! Bare trykk Ctrl + Shift + U for å desaturere den.
Deretter roterte jeg det rundt og brukte Dodge Tool (O) for å lette det hele, spesielt nederst til høyre.
Nå i en annen lagsundergruppe som vi kaller Planet Highlight. Ctrl-klikk deretter på det opprinnelige planetlaget for å velge piksler, og opprett deretter et nytt lag i undergrunnsplanen Planet Highlight.
Ved hjelp av Gradient Tool trekker vi en hvitt til gjennomsiktig gradient som går fra øverst til venstre til nederst til høyre.
Nå dupliserer vi det gradientlaget og bruker et Filtre> Uklarhet> Gaussisk uskarphet med en avstand på 1px. Deretter dupliseres igjen og bruker en annen uskarphet med avstand på 2px, og en gang til med 4px. Jeg satte det første laget til Screen, 50%, det andre til Overlay, 50%, det tredje laget til Soft Light, 100% og den endelige til Overlay, 100%.
Hvis du lurer på hvorfor jeg gjorde dette, gir gjentakelsen en fin, veldig myk uskarphet, og de forskjellige blandemodiene ble valgt bare for å få det til å se "riktig". Med et bilde som dette, bruker jeg mye tid på å prøve forskjellige ting for å finne innstillingen som føles mest riktig for meg.
Deretter oppretter vi en ny laggruppe som heter Light, og i det lager et nytt lag. Ta deretter en stor, myk børste og klikk en gang med musen for å få en hvit glød som vist.
Trykk Ctrl + T for å forvandle den. Forleng det og klem sidene inn, roter det så det er tangentielt til hovedplaneten.
Nå legger vi til et ytre glød til dette laget med innstillinger som vist. Når det brukes på noe med myke kanter, forbedrer dette bare mykheten og gir litt farge til kantene.
Neste dupliserer vi det laget og roterer det slik at det går bort og ned som vist. Tanken her er å lage noe som ser ut som en innvirkning.
For å legge litt farge i eksplosjonen tar vi en stor, myk børste igjen, og denne gangen males en gul farge som vist.
Sett dette siste laget til Overlegg, og du bør få et slikt resultat som vist.
Nå dupliserer vi det gule laget og bruker et Filtre> Blur> Motion Blur til det slik at det går diagonalt vekk fra planeten. (Merk jeg skjønte bare at vinkelinnstillingen i skjermbildet er litt av. Det skal nok være nærmere -45 grader).
Da dupliserer vi det laget, bruker et filter> uskarphet> Gaussisk uskarphet på ca 4px, gjør dette igjen (Duplicate + Blur), og så igjen, og en gang til lykke til!
På den siste versjonen, gå til Bilde> Justeringer> Fargetone / Metning, klikk på Fargelegg og lag laget et rødaktig kast.
Det er her vi er nå.
Deretter tok jeg et annet bilde fra iStockPhoto. Jeg valgte dette bildet fordi de lysende lysene gir en veldig god lyseffekt og vil gjøre vår eksplosjon gnisten.
(Jeg skal påpeke at jeg senere brukte dette bildet for noen av stjernene i bakgrunnen, selv om jeg ikke dokumenterer det i denne opplæringen.)
Jeg limte dette laget inn i bakgrunnssettet slik at det sitter bak de to planeter. Deretter slettet jeg alt med en myk viskelær, men den delen du ser på bildet nedenfor. Dette gjør at det ser ut som mange partikler blir kastet ut av eksplosjonen.
Opprett nå et nytt lag sett bak settet The Planet. Ring dette nye settet Backglow.
Ctrl-klikk deretter på det opprinnelige planetlaget for å velge piksler og lag et nytt lag i Backglow og fyll området med hvitt. Trykk deretter på venstre og opp pilene et par ganger for å flytte det hvite området den retningen som vist.
Kjør nå et Filtre> Blur> Gaussisk uskarphet og slør det hvite med ca 4px.
Sett denne uklare tilbake gløden til Overlegg, og dupliser den deretter, slør den igjen med 8px, flytt den opp og forlatt enda mer. Gjenta så dette igjen, men med 16px og enda mer opp og igjen. Du bør begynne å få et lyst lys (plukket opp fra bakgrunnen) som kommer fra toppen til venstre på planeten.
Nå legger vi til noen gnister som kommer opp. I utgangspunktet brukte jeg min "stjerne" børste fra tidligere unntatt under Shape Dynamics, satte jeg Control to Fade. Dette betyr at når jeg pusser blir det nærmere og nærmere.
Så i et nytt lag malte jeg noen få linjer som kom sammen til ett sted. Dette ser ut som gnister flyr ut og sprer seg fra hverandre. Jeg gjorde dette i hvitt.
Da la jeg til et ytre glødet med en gul farge og overlegg satt som gløymengningsmodus. Da plasserte jeg dette slik at gnistene kommer ut fra virkningen.
Så her er vår eksplosjon nå - ser ganske kul ut!
Nå, hvilken fotoshop plass scene ville ikke være komplett uten en linseflukt :-)
Så lager vi et nytt lag over de andre, fyller det med svart, og deretter går du til Filters> Render> Lens Flare. Her er min:
Still blendmodusen til linsebladet til Overlegg for å få en effekt som vist. Vi vil at hovedblussirkelen skal sitte rett rundt eksplosjonen. De fleste av de andre skal forsvinne i ingenting.
For å være sikker på at den forsvinner, setter vi Opacity til 50% og legger til en lagjustering og bruker Radial Gradient Tool til å tegne en hvit til svart gradient som vist i lagpaletten (Merk: ignorere de andre lagene, skjermbildet ble tatt etter hvert lag ble laget :-)
Deretter bestemte jeg meg for å bruke en subtil blur for å myke hele bildet. For å gjøre dette, flatt alt ned, trykk deretter Ctrl + A for å velge alt og Ctrl + C for å kopiere det. Deretter går du til historikkpaletten din og angir noen få trinn, slik at den ikke lenger er flatt, og du har alle lagene dine tilbake.
Oppdater: Takket være Jared i kommentarene som pekte på en fin kommando jeg ikke visste, trykker du på Cmd + Opt + Shift + E (Mac) / eller / Ctrl + Alt + Shift + E (Win), og du vil lage en flatt kopi av bildet i et nytt lag over resten. Takk jared!
Neste lim inn vårt lag over toppen av de andre, dupliser det, og slå av en. Med den andre, trykk Ctrl + Shift + U for å desaturere den.
Nå kunne vi bare bruke en Gaussian Blur for å myke ting, men i stedet tenkte jeg at vi ville bruke en Radial Blur siden det legger til eksplosjonen. Så gå til Filtre> Blur> Radial Blur. Fra dialogboksen velger du Zoom som metode for å ansette og angi beløpet til 100%. Deretter i diagrammet plasserer midtpunktet av uskarphetet å være omtrent hvor du tror at planeten vil være. Du må kanskje prøve dette trinnet et par ganger til du får det riktig plassert.
Du bør få noe som ser ut som skjermbildet nedenfor. Jeg tror jeg kan ha kjørt sløret filter to ganger.
Sett nå uklart lag til overlegg og 20% Opacity. Deretter ta tak i den andre versjonen av det flattede bildet og gjenta sløret prosessen med det (men ikke desaturere det). Sett denne til 10% Opacity.
Det første (desaturerte) laget tjener til å øke kontrasten litt og tynne fargene nedover. Den andre tjener til å lyse opp bildet og overdrive den radiale uskarpheten. Du kan se på bildet nedenfor hvordan det ser ut som lyset brister frem.
Deretter bestemte jeg meg for at jeg ville ha litt mer støy i eksplosjonen min, så jeg tok denne papirstrukturen fra Bittbox.
Jeg limte den inn rett over lyslagene og slettet alt, men delen du ser på bildet nedenfor.
Deretter setter jeg laget på overlegg og 75% Opacity. Du ser stort sett ikke effekten, men det legger til litt mer legging på bildene. På et bilde som dette. Det er de subtile detaljene som lager bildet. Også innstillingen til Overlay bidrar til å motvirke noe av lynet jeg gjorde i det siste trinnet.
Vi er nesten der nå!
For å fullføre bildet trodde jeg at en annen planet / månen ville være hyggelig, da det ville la oss reflektere eksplosjonslyset og gi bildedybden. Så jeg kjøpte et bilde av månen fra iStockPhoto.
Jeg brukte Magic Wand Tool (W) til å velge alt svart i månen bildet, deretter trykket Ctrl + Shift + I for å vende om mitt valg og Ctrl + C for å kopiere månedelen av bildet ut.
Tilbake i mitt hovedbilde klistret jeg inn månen og krympet den ned til den viste størrelsen.
Deretter tok jeg Brennverktøyet (O) og brente høyre kanten inn i mørket. Jeg så Ctrl-klikket på månelaget for å velge piksler og opprettet et nytt lag over toppen, og drev en lineær gradient fra høyre til venstre med svarte fading til gjennomsiktig. Sammen gav dette meg en mørkere mørke som vist med lys til venstre. Dette ser ut til at det blir tent av eksplosjonen.
For å virkelig få det til å virke, skjønte jeg at det skulle gjenspeile de samme fargene. Så ved å bruke øyedroppen valgte jeg en oransje fra bildet. Så Ctrl-klikket på månen for å velge piksler, opprettet et nytt lag, og med en myk børste malte noen oransje i en halvmåneform mot eksplosjonen. Jeg setter dette laget til Overlegg og dupliserer det to ganger, uskarphet hver gang med en Filtre> Uklarhet> Gaussian Blur.
Til slutt, for å fullføre bildet av, la jeg litt typografi over toppen som vist. Jeg prøvde å gjøre det rimelig subtilt og brukte skrifttypen Eurostile for sine kvadratiske hjørner som ser ganske futuristiske ut, men ikke over-the-top futuristiske.
Og vi er ferdige! En nydelig, stor bakgrunnsbilde til min laptop!
I de neste to trinnene vil jeg vise deg to faktiske mellombilder på skjermen (i motsetning til mine produserte opplæringsskjermbilder), så endelig det endelige bildet en gang til :-)
Jeg startet dette bildet i går morges, og etter ca tre timer var dette stedet jeg var opptatt av. Jeg forlot det da og kom tilbake i dag for å fullføre bildet. Du kan se her jeg hadde ikke høydepunktene på planeten, det er mye mer "gnister" og bildet ser litt mer ut som en formørkelse med en mørkere planet med lys bak den. Jeg hadde heller ikke bestemt meg for å bruke en purplish farge og brukte en veldig varm gul på dette punktet.
Det er ofte enda viktigere å vite når du skal stoppe og fjerne elementer som det er å vite når du skal legge til ting. I denne iterasjonen ble jeg lagt til noen glødende bølgete linjer på bildet som lignet på det vi gjorde i den super populære Psdtuts + opplæringen Advanced Glow Effects.
Da jeg viste dette til min kone, fortalt hun omgående at jeg hadde gått for langt og overdriver bildet. Hun hadde rett :-) Så jeg fjernet linjene og gikk med månen i stedet. Jeg hadde også en dum plassering av teksten min - den er for nær høyre side og ser ubalansert med planeten.
Og så fortsatte jeg å gå og slå opp med dette bildet. Jeg håper denne opplæringen har vært nyttig som det tok for alltid å skrive! Tenker det vil vare en stund før jeg prøver en annen opplæring med 50 trinn!
Accentsconagua