Create en sfærisk 3D puslespill med Photoshop
I dag vil vi vise hvordan å skape en fin sfærisk 3D puslespill ved hjelp av Photoshop CS5 Extended ’ s 3D-verktøy. La ’ s komme i gang!
Instruksjons Eiendeler
Følgende eiendeler ble brukt under produksjonen av denne opplæringen.
Clouds and Water
hånd~~POS=TRUNC 32
Standard Photoshop Puzzle Texture (i tilfelle du ikke har det kan du søke etter noe lignende)
Trinn 1 - Opprette et nytt dokument
gå til fil > Ny og opprette et nytt tomt dokument, i dialogboksen satt Bredde og Høyde verdier til 600px, og oppløsning til 72. Sett bakgrunnsfargen til hvit, og trykk OK
Trinn 2 -. Color Fill Layer
på bunnen av Layers Panel, klikk på Opprett ny fyll eller justeringslag ikonet og velg Solid Color ... på fargevelgeren setter farge: # C7C7C7 som er en fin grå, og traff ok, nå er du har et fyll lag å jobbe med
Trinn 3 - Lag en 3D Sphere fra et lag
nå la oss starte med det viktigste elementet i denne opplæringen. selve sfære. Velg forrige «steg Fill Layer på Layers Panel, deretter på menylinjen klikk på 3D > Ny form fra lag > Sphere. Denne prosessen vil skape en fin grå sfære på dokumentet, kan du redigere det dette laget som et 3D-objekt, rotere det, skalere det, og mer ... vi vil se hvordan du gjør det fremover. Endre 3D Layer navnet til " Sphere " på Layers Panel
Trinn 4 -. Scale 3D Object
Nå vil vi skyver kula litt for å gjøre det ser nærmere oss bruker Slide Tool under 3D-verktøy. På verktøylinjen, se etter 3D-verktøy delen, som standard det aktive verktøyet er 3D Object Rotate Tool, klikk og hold over det å se de ulike alternativene, du kan se dem også på alternativpanelet som er på toppen av Photoshop arbeidsområdet. Velg 3D Object Slide Tool, klikk og dra dekke sfære å skyve det foran og bak, prøver å få noe sånt nederst på bildet nedenfor.
Hvis du ønsker å grave i 3D-verktøy, kan du ta en titt på denne grunnleggende guide som beskriver alle de forskjellige alternativene for Photoshop CS4 3D-verktøy.
Trinn 5
Vi vil legge til en reflektert tekstur til vår sfære, men først må vi redigere tekstur å ha den klar. Åpne " Skyer og Water " bilde. Vi vil endre dette bildet for å forlate den klar til å bli brukt som en tekstur, er dette et valgfritt trinn, kan du hoppe over det og gå til trinn 8 og bruke teksturen bildet som er.
jeg heller foretrekker å gjøre følgende utgaven før du oppretter en tekstur for å unngå uønskede skarpere områder med "linjer" på tekstur. Bruke Rectangular Marquee Tool, velg et perfekt kvadrat fra bildet (du kan holde Skift-tasten mens du drar for å ha en kvadratisk utvalg) deretter Kopier (Kommando /Ctrl + C) i utvalget.
Trinn 6
Opprett et nytt dokument, sette bredde og høyde verdier til 1200px og oppløsningen til 72 piksler per tomme. Lim inn det kopierte bildet og bruke Move Tool (velg Show Transform Controls boksen på toppen Alternativer Panel) skalere innlimte bildet for å nøyaktig matche nye dokument grensene
Deretter går du til Filter >.; Andre > Offset, i dialogboksen endre den horisontale verdi mellom 500 og 600. Du bør ha noe sånt nederst på bildet nedenfor.
Trinn 7
Neste vi trenger å skjule linjen dele bildet på Verktøy-Bar, velger Clone Tool, holder Tilvalg /alt-tasten, klikk på et sted som vil være kilden til kloning, deretter maling som om du bruker Brush Tool over hele sammenslåing linjen. Prøv å få noe som bildet nedenfor. Endelig lagre dokumentet med et beskrivende navn som " himmel texture.psd ".
Trinn 8 - Refleksjon
Velg den " Sphere " på Layers Panel, åpne 3D Panel (Vindu > 3D). Klikk på de tre-ikonet fra toppen for å vise bare de materielle alternativer, på listen nedenfor velger Sphere_Material, på alternativene nederst i panelet, sett følgende verdier: Refleksjon: 50, Glans: 80% og Shine: 50 %. Nå sfæren ser blankere
Trinn 9 -. Bump Texture
Likevel under valget Materials, Klikk på den lille mappen neste Bump verdi, velger du Last Tekstur og bla til teksturen mappe på Photoshop Installasjon, (Presets /Tekstur). I tilfelle du ikke har det, kan du google noen annen puslespill mønster, bare at det patter er svart og hvitt. Når du velger et mønster, trykk OK og se resultatet, kan du bruke 3D Object Rotate Tool til å se den Bump Texture blir brukt
Trinn 10 -. Polering Puzzle Texture
Klikk på nytt på den lille mappen ved siden av Bump verdi, det klikker på Åpne tekstur ... et nytt vindu åpnes med vanlig tekstur. På det nye vinduet, justere Levels (Kommando /Ctrl + L) og sette inn de verdiene viser skjermbildet nedenfor, lagre teksturen dokumentet og lagre det, og deretter tilbake til hoveddokumentet du vil se endringen.
< h2> Trinn 11 - Skalering av Bump Texture
brikkene ser litt stort, vil vi skalere teksturen litt, på Bump tekstur sin lille mappeikonet, velg Rediger egenskaper. På den åpne dialogen, satt U og V Scale verdier til 1,2. Dette vil redusere størrelsen mønsteret litt. Det ser bra ut så langt, la oss legge til flere detaljer i vår Sphere materialet
Trinn 12 -. Bilde Lys
På 3D Panel, klikk på den fjerde lille ikonet fra toppen for å vise Lights alternativer, og deretter på bunnen av panelet klikk på New Light-knappen og velg New Image Basert Light. På treet på toppen av lys panel, klikker du på den splitter nye bilde lys, og av tilleggsutstyr klikk på den lille mappen ved siden av bildet, velger du Load Texture alternativet og laste " himmel texture.psd " tekstur vi laget før. Sett Intensitet til 0,5.
Hvis du vil, tilbake til Materials Panel, og redusere intensiteten av Reflection til 30.
Trinn 13 - Sett den endelige størrelsen og plasseringen
Roter og Scale sfæren ved hjelp av 3D-verktøy. På 3D Panel, klikk på det første ikonet på toppen, vil du se scenen alternativer, der klikk på Scene på topplisten, og nedenfor angir Quality verdien til Ray Spores Endelig, vil dette alternativet gjengi bildet med høyest mulig kvalitet, og der vil du se om tekstur og refleksjon ser bra ut.
Trinn 14 - Legg hendene
Åpne " Hender " Bildet fra eiendelene, kopier den og lim den på et lag over 3D-sfæren (Tips: du kan dra bildet over dokumentet og vil automatisk bli opprettet et smart objekt av det). Resize det ved hjelp av Move Tool og transformeringskontroller prøver å matche hender "konkavitet med radius sfære
Pass på ". Hender " Layer er over 3D " Sphere " Lag, velger du laget og på Layers Panel, sett Opacity verdi til 50%, på denne måten vil du ha en bedre oversikt over hendene 'posisjon
Trinn 15 -. Circle Marquee
slå tilbake tettheten av " Hender " lag til 100%, med det laget valgt, Kommando /Ctrl + klikk over 3D " Sphere " Lag. Denne prosessen vil skape et sirkulært utvalg aktive " Hender " lag
Trinn 16 - Trekke Områder av Circular Selection
Uten å deaktivere sirkulær telt, ned Opacity av ". Hender " Laget til rundt 50%. Deretter, på Verktøy Panel, velg Lasso Tool, på Option panel på toppen klikk på Trekk fra markering alternativet. Deretter tegner et utvalg som dekker høyre tommel, en del av håndflaten og forgrunnen finger, lukke utvalg og dette området vil bli trukket fra den sirkulære utvalget. . Til slutt slår Opacity til 100% igjen
Trinn 17 - Maske Hands
Alltid med " Hender " laget valgt på Layers Panel, gå til Layer > Lagmaske > Skjul Utvalg. Hvis du gjør det riktig, vil kula opp pent plassert over hendene. Deretter slo Kommando /Ctrl + D for å fjerne utvalget
Trinn 18 -. Juster Hands Saturation
Nå Dobbeltklikk på hendene Layer, siden dette er lagt som et smart objekt vi kan ikke redigere den direkte, hvis du bare kopiere og lime det, det er ikke nødvendig å dobbeltklikk. Enten på et nytt vindu, eller på samme dokument, traff Kommando /Ctrl + U for å åpne de Hue metning Dialog, der satt de verdiene som vises på skjermbildet nedenfor og trykk OK, treffet Kommando /Ctrl + L for å åpne nivåer justeringsvinduet, satt de verdiene som er vist nedenfor, og trykk OK. Endelig Lagre dokumentet og lukker den (i tilfelle du arbeider over et smart objekt)
Trinn 19 -. Maske den hvite bakgrunnen
Nok en gang, velger Hands lag, deretter bruke magic Wand Tool og sette toleranseverdien til 16 på alternativer Panel, klikker over den hvite delen av bildet. Denne prosessen vil skape et raskt valg rundt hendene. Deretter Tilvalg /Alt - Klikk lagmaske miniatyr på Lag-panelet for å vise de faktiske maske, er det ved hjelp av Paint Bucket Tool fylle markeringen med svart (# 000000) og fjern valget (Kommando /Ctrl + D). Deretter klikker over " Hender " lag miniatyr for å se hvordan den ser ut, den beste måten å sjekke om utpakking er bra, er ved å endre bakgrunnsfargen for et øyeblikk for en mørkere variant, som mørk grå eller hvit, og deretter slå den på nytt som viser bunnen av . bildet nedenfor
Trinn 20 - Justere Lights
Velg 3D " Sphere " nok en gang, på 3D-panelet, velger Scene Valg og finne under sceneelementene Infinite Lights, som standard to lysene er lagt til. Velg det første lyset og på sine alternativer stille inn intensiteten til 0,9. Hvis du må, kan du flytte Lyset posisjon med de spesielle verktøy for dette elementet, ved å klikke på roteringsverktøyet, men ikke den på Verktøy-Bar, men lite verktøy på panelet Alternativer på 3D Window.
For Infinite Light 2, stille inn intensiteten til 0,4 og rotere sin posisjon bak hendene
Trinn 21 -. rastrere Sphere
Klikk på Scene og henhold Render Settings velger Ray spores finalen. Deretter kopiere 3D-laget ved å dra den på Lag-panelet til den lille New Layer ikonet nederst, og velg deretter kopiere, Alternativ Klikk over det og velge Raste, deretter skjule den opprinnelige 3D Layer.
Trinn 22 - Fjern noen Pieces
Arbeide med rastrert kopi av 3D-sfæren, velg Lasso Tool fra Verktøy Panel og trekke en markering rundt en brikke i puslespillet (det kan være en hvilken som helst brikke). Deretter Cut (Kommando /Ctrl + X) utvalget og lim (Command + V) stykket over " Sphere kopi " lag, gjenta dette trinnet med så mange brikker som du ønsker
Trinn 23 - Fyll innsiden av Sphere
Kommando /Ctrl + Klikk over den skjulte 3D ". Sphere " Lag for å skape et sirkulært utvalg. Deretter oppretter du en ny layer bak " Sphere Copy " lag og gi den navnet " Sphere BG ", med Paint Bucket Tool fylle markeringen med følgende color: # 292929 og trykk Kommando /Ctrl + D for å fjerne utvalget
Trinn 24 - Polsk Cut <. br>
Velg Eraser Tool og på alternativpanelet satt en penseltupp størrelse på rundt 2 px, deretter på " Sphere Copy " lag slette alle mulige feil på de manglende bitene 'hull
Trinn 25 -. Lag en Shadow for Floa Pieces
Velg en av de utpakkede stykker, på Lag-panelet, drar stykket lag over det nye ikonet nederst til å kopiere den, deretter bruke Move Tool, flytte kopien noen få piksler ned og til venstre (eller høyre hvis gjelder). Deretter, fortsatt med " Piece Copy " laget valgt å gå til Layer > Lagstilen > Color Overlay og sette dette color: # 262B2F. Nå gjentar denne handlingen med alle de andre utpakkede stykker
Trinn 26 -. Dodge og Burn
Arbeide over stykker, velger Dodge Tool og sette en myk børste Tips på alternativpanelet, så starte merking av enkelte områder på den utpakkede stykke, gjenta denne prosessen uansett hvor du anser det nødvendig
Trinn 27 - Legge til en effekt til Sphere Inside
Velg den ". Sphere Bg " Layer, og gå til Layer > Lagstilen > Gradient Overlay, satt en Radial Gradient ved hjelp av følgende farger:. # 2C2D31 og # 606165
Trinn 28 - Puzzle Indre Shadows
Noen ganger bruker en vanlig Filter er ikke nok til å skape en determinate effekt, i dette tilfelle legge til en indre skygge til hullene i de manglende stykker. Bruke Magic Wand Tool gjør et utvalg av hullet på " Sphere kopi " lag, og velg " Sphere bg " lag og kopiere utvalget og lime det like over " Sphere bg " lag. Deretter Kommando /Ctrl klikk over nylig limt lag miniatyr på lag-panelet velger Marquee Tool på verktøypanelet og flytte valg noen få piksler ned til venstre (eller høyre hvis gjelder) og slette det merkede området. Gjenta denne prosessen med alle hullene i flytende stykker
Trinn 29 - Hender 'Shadows
La oss legge hendene' skygger, opprette et nytt lag som heter ". Hånd Shadows " over " Sphere kopi " lag. Ved hjelp av en 40px Brush Tool (hardhet 0%) Farge: # 292929 og Opacity og Flow til 50% male skygger over kulen som viser bildet nedenfor
Trinn 30 - Dodge og brenne Hands
.
Velg " Hender " lag og bruker både Dodge og Burn Verktøy for å justere lys og skygger prøver å matche den generelle scene
Trinn 31 - Gradient Bakgrunn
Gå til Layer >.; New Fill Layer > Gradient ... bak alle de andre lagene. Sett graderingsfarger til #FFFFFF og # D8DCDF og stil: Radial. Flytt plasseringen av graderingen som du foretrekker
Trinn 32 - Curves
Åpne justeringspanelet. (Windows > Justeringer), og legg først et Curves justeringslag over alle de andre lagene på designet. Bruk verdiene som er vist på de følgende skjermbilder, er vi justere de generelle RGB-farger, og en bestemt fikser på både røde og blå kanal
Trinn 33 -. Levels
Nå, la oss legge til Levels justering lag for å øke intensiteten av de mørke farger. Bruk verdiene som er vist på følgende bilde
Trinn 34 -.. Hue Saturation
Neste legge et Hue /Saturation justeringslag, velger du Reds farger og justere verdiene som vises på bildet nedenfor
Trinn 35 - gradient Map
til slutt for å gi bildet en dramatisk look, legg en gradient Map justeringslag, satt en sort - hvit gradient. På Layers Panel, velg Gradient Map justering, setter sin Blending Mode til Overlay og dens Opacity til 50%.
Konklusjon
På slutten bør du ha noe som dette, er nå din vende å skape noe nytt å spille med forskjellige former og farger.
.