Create et batteri Core-ikon i Photoshop

I denne opplæringen vil du være å skape en semi-realistisk, sci-fi-ikonet som kunne brukes som et batteri eller dock-ikonet. La ’! S komme i gang

Trinn 1

Opprett en 256 x 256 dokument på 72 DPI. Dette er en svært vanlig bildestørrelse for en dock-ikonet. Bakgrunnsfargen kan settes til enten hvitt eller gjennomsiktig.

Trinn 2

La oss sette opp lerretet ved å opprette en hvit bakgrunnslaget hvis du ikke allerede har. Du finner dette nyttig senere når du trenger å se bakgrunnen kontrasten ved å snu bakgrunnslaget Cmd /Ctrl + I. Display your linjaler og drar en ny guide til sentrum.

Trinn 3

Bruke Ellipse (U) verktøyet, tegne en oval øverst på midten av lerretet med denne fargen # e1e1e1. Du kan sentrere det ved å velge hele dokumentet Cmd /Ctrl + A og bruke Move Tool (V) og klikk på ikonet i øverste linjen som viser i diagrammet. Dette kaller " Circle Top ". Duplisere dette laget fjorten ganger ved å holde nede Alt + Ned med Move Tool (V). Fusjonere de fjorten duplisert lag kan kalle det " Circle Body ". Plasser dette laget under " Circle Top ".

Trinn 4

Bruk følgende stilen til " Circle Top " for å gi den et metallisk utseende. Inner Glow tendens til å gi den frensel effekt mens Gradient Overlay gir den dimensjonen

Bruk følgende stilen til ". Circle Body "..

Du bør ha noe som ser ut som dette

Trinn 5

Lag et nytt lag over " Circle Top " og kaller det " Edge ". Cmd /Ctrl-klikk " Circle Top " thumbnail for sitt utvalg. Fyll den med hvit hjelp av Paint Bucket Tool (G). Dytte utvalget opp av 1px og trykk Delete. Bruke Eraser Toll (E) på ca 60px i diameter og 0% hardhet, klikk en gang på venstre og høyre side av sirkelen. Lag et nytt lag over og bruke samme metode for å få valget av " Circle Top ". Kalle dette laget " Shine ". Bruke og hvit myk børste på 60px diameter, klikk en gang på bunnen midten av sirkelen. Ta opacity ned til 80%. . Dette vil gi den en sprø og skinnende utseende

Lag et nytt lag, og kaller det " Refleksjon ". Bruk Rectangular Marquee Tool (M) og tegne et rektangel på siden av " Circle Body " og Fill (G) det med hvitt. Jeg invertert bakgrunnsfargen, slik at du kan se det tydeligere. Få utvalget av " Circle Body " og Snu det Cmd /Ctrl + Shift + I. trykker Nå sletter og sett Opacity til 10%. Dette kan neppe se ut som noen forskjell, men hele dette trinnet gjør en veldig stor innvirkning på utformingen

Trinn 6

Lag et nytt lag, og kaller dette ".. Bulb " Få utvalget av " Circle Top " og Fill (G) det med # 80fa96. Du kan bruke hvilken som helst farge du vil, men for denne opplæringen, vi skal gå for en litt gulaktig grønn. Angi Free Transform Cmd /Ctrl + T og mens du holder nede Shift + Alt, dra et av hjørnene innover til du finner ut at det er størrelsen på pære du vil.

Nå gjelder følgende stil for en glød effekt .

Trinn 7

Du kan gruppere alle lagene vi jobber med akkurat nå, bortsett fra bakgrunnen, og gi den et navn. Jeg ringte min " head ". Opprett en ny gruppesamtale " Top Body ". Lag et nytt lag i denne gruppen og kaller det " Top ". Bruk Pen Tool (P) og tegne det du ser på diagrammet. Husk å holde perspektivet i bakhodet når du tegner 3D-ikoner. Nå Fill (G) i form med # d7d7d7 av Right Click > Fyll Path.

Når du er ferdig, gjelder følgende stil.

Trinn 8

Det er på tide det legge glans og refleksjon. Nå er et godt tidspunkt å gjøre bruk av en svart bakgrunn. Velg deg bakgrunnslaget og Snu det Cmd /Ctrl + I. Vi begynner med kantene. Lag et nytt lag, og kaller det " venstre kant. &Quot; Få utvalget av " Top " lag og Fill (G) det med hvitt. Dytte utvalget opp og rett ved 1px og trykk Delete. Få Eraser Tool (E) av 70px diameter, 0% hardhet, og klikk en gang litt vekk fra det venstre hjørnet. Sjekk ut diagrammet for å se hva jeg mener

Ved hjelp av den samme teknikken, tegne en 1px kant nederst til høyre på et nytt lag kalt ". Høyre kant. &Quot; Slett begge ender av linjen med Eraser Tool (E).

Vi bruker Pen Tool (P) å trekke refleksjon. Følg diagrammet så Fill (G) den med hvit og satt Opacity til 20%.

Med tanke på realisme, vil vi legge til en refleksjon av seg selv. Få utvalget av " Circle Body " og Fill (G) det med svart. Dytte den ned rett under kroppen. Sette sitt Opacity til 20%. Jeg vet at ved å høyre bør vi ta det originale bildet i stedet for å bruke en svart en. Men noen ganger er det godt å bryte reglene for å få det du ønsker

Trinn 9

Opprett en gruppe kalt ". Body Face ", og et nytt lag inne kalt ". Face " Bruk Pen Tool (P) og trekke ut følgende. Husk å justere punktene med toppen metallplate og holde kurven så symmetrisk som mulig. For å tegne en rett linje, trykker du Shift når du oppretter et nytt punkt.

Bruk følgende lag stil.

Trinn 10

Det er på tide å legge til refleksjon og glans til dette området som vi gjorde for de andre. Bruke valgmetoden jeg lærte deg tidligere, opprette en 1px, hvit kant på høyre side av " Face ". Bruk en myk Eraser (E) på ca 100px og børste de to endene av linjen. Still Opacity til 70%. Lag et nytt lag, og kaller dette ". Dark &​​quot; Få utvalget av " Face " og bruker en svart Lineær Gradient (G) og dra det fra topp til bunn som vist. Så Erase (E) bunnen med 0% Hardhet og om 100px. Bare gå rundt kanten når børsting, holde kanten langt fra utvalget, slik at det ser ut som det. Deretter satt Opacity til 10%

Lag et nytt lag kalt ". Brush Shine ". Få utvalget av " Face " og Brush (B) øverst og nederst med hvit slik at området ser noe sånt. Deretter satt Opacity til 20%

Etter det, opprette et nytt lag kalt ".. Mørk Refleksjon " Bruk Pen Tool (P) og tegne formen vist og Fill (G) det med svart. Slett området utenfor utvalget av " Face " som jeg har lært tidligere. Sett Opacity til 4%. Gjenta prosessen, skape en hvit " Refleksjon " lag med en Opacity på 10% på toppen. Du bør ha noe sånt under

Trinn 11

Videre til neste del, opprette en ny gruppe kalt ". Inne ", deretter et nytt lag kalt ". Ramme " Du kan enten bruke en polygonal lasso verktøyet (L) eller Pen Tool (P) å trekke rammen på innsiden. Bruk # 777777 som fargen. Prøv å holde en jevn bredde hele

Bruk stilen til dette laget

Nå opprette et nytt lag kalt ".. Mørk Edge " og skape en 1px svart kant på venstre side av " Ramme ". Still Opacity til 20%. Deretter oppretter du en ny layer kalt " Corner ". Vi vil gi dette ikonet en innfelt utseende slik at det ikke ser så flat. Igjen, kan du enten bruke polygonal lasso verktøyet (L) eller Pen Tool (P) for å tegne dette. Bruk # 5c5c5c som fargen

Bruk følgende lag stil til ". Corner ".

La oss legge skygge til det. Lag et nytt lag kalt " Darkness ". Bruk en sort Lineær Gradient Tool (G) med åpenhet å male i utvelgelsen av ". Corner " Deretter satt Opacity til 10%

Trinn 12

Nå opprette et nytt lag kalt ".. Indre Body " Tegn et rektangel område for innsiden med # 161616. En rask tips er å bruke Guides som strategisk punkt for å tegne objekter, og bruke utvalg av andre lag for å slette uønskede områder. Jeg har invertert bakgrunnsfargen for deg å se klart.

Bruk dette laget stil, og vi er halvveis der! Mørk Indre skygge og gradient overlegg bidrar til å gi en sterk dybde.

Trinn 13

Det er på tide å forberede noen endring i belysning for høyre side av ikonet uten å måtte gjøre hele delen på nytt . Opprett en ny gruppe kalt " For på høyre side Changes ". Lag et nytt lag inne og kalle det hva du vil, jeg kalte det " mørkere For Høyre side. &Quot; Benytt deg av tidligere lag og Fill (G) det med svart da satt Opacity til 20%.

Dette er en for hvert lag sammen med Opacity.

Her er hvordan det skal se ut etter innstilling Opacity.

Trinn 14

Vi må dupliseres en kopi av dette laget og bruke den for høyre side. Først skjule bakgrunnslaget og " head " gruppe ved å klikke på øyeikonet ved siden av dem. Lag et nytt lag og Merge Visible Cmd /Ctrl + Shift + E. Enter Free Transform Cmd /Ctrl + T og Vend den horisontalt på høyre Reference Point Sted av Right Click > Vend vannrett og dra center pivot til høyre. Skjule gruppen " For Høyre side Changes " og unhide de tidligere grupper og lag

Trinn 15

Opprett en ny gruppe kalt ". Høyre " og plasser duplisert lag inni den. Vi har noen belysning for å legge til det. Inverter Cmd /Ctrl + I bakgrunnen og opprette et nytt lag kalt ". Floor Shadow " Tegn skyggen som så.

Enter hurtigmaskemodus (Q) og bruke Lineær Gradient Tool (G) for å fylle inn noe sånt. Prøv å justere gradient med skyggen. Deretter avslutter hurtigmaskemodus (Q) og påfør en 3px Gaussian Blur under Filter > Blur > Gaussian Blur.

Slett de områdene av som berører ikonet og still Opacity til 30%. Legg en Vector Mask ved å klikke på ikonet til høyre i bunnen av laget panel. Det ser ut som et rektangel med en sirkel i det. Bruk et sted rundt en mid-grå Lineær Gradient Tool (G) for å fylle på den andre siden av skyggen slik at den fades ut

Trinn 16

Lag et nytt lag kalt ". Side " og tegne et svart rektangel som showet med enten Rectangular Marquee Tool (M) eller rektangel Tool (U). Påfør en 5px Gaussian Blur, varierende det hvis du vil. Still Opacity til 30% og slettet de områdene som ikke skal berøre høyre side av ikonet

Trinn 17

Lag et nytt lag kalt ".. Edge Stroke " Tegn en hvit linje langs den indre kanten av metall (" Corner ") bruker 1px Linje Tool (U). Deretter bruker du en myk Eraser (E) på ca 40px i diameter til å slette begge ender av linjen. Nå opprette et nytt lag kalt " Edge Blur ". Ved hjelp av enten en Rectangular Marquee Tool (M) eller Linje Tool (U), tegne en 1px hvit linje i midten av skjermen ved hjelp av en guide hvis nødvendig. Da gjelder Gaussian Blur av 1px og satt Opacity til 20%

Trinn 18

Opprett en ny gruppe kalt ". Rings ", en annen gruppe inne kalt " Glass " og et lag inne kalt ". Glass " Først må vi gjøre noen skisser for å få en idé om hvordan vår 3D sirkulært rør vil se ut. Her skal jeg vise deg hvordan jeg får om omrisset av formen ved hjelp sirkler, deretter en Pen Tool (P) å spore den venstre halvdelen av røret.

Fyll formen med hvit deretter kuttet av uønsket halvparten av formen. Kopiere det og snu den til høyre og deretter slå det sammen med den andre siden.

Sett Fyll til 3% og bruke disse stilene.

Trinn 19

Det er på tide å legge refleksjon og glans, og dette er vanligvis den harde delen, så jeg anbefaler å lete rundt etter glass og rør, og se hvordan refleksjon og opasitet fungerer. Først opprette et nytt lag kalt " Top Half Shine ". Få utvalget av " Glass " og fyll den med hvitt. Dytte utvalget ned ca 10px eller halvveis ned i røret. Legg en Vector Mask og Brush (B) kantene på skinne så det ser noe sånt så. Bruk et sted rundt 25px i diameter. Still Opacity til 30%. Tips, hjelp Vector Mask hjelper deg å eksperimentere uten å ødelegge bildet ditt

Lag et nytt lag kalt ". Upper Top Shine ". Vi vil gjenta prosessen, men med en tynnere glans. For dette Erase (E) kantene slik at det harmonerer godt og sett Opacity til 30%

Lag et nytt lag kalt ".. Tykk linje " bruke en Pen Tool og tegn en kort kurve som ligner på kurven av røret. Sett din pensel til å 3px i diameter, 100% hardhet og hvitt. Stroke banen ved hjelp av Pen Tool (P) Høyreklikk > Strek opp bane, velger Brush og sjekk Simulator Trykk klikk deretter OK. Still Opacity til 30%. Du kan bruke Move Tool (V) for å flytte linjen din hvis du ikke tegne det nøyaktig tidligere på

Lag et nytt lag kalt ".. Tynne linjer " Igjen bruker samme teknikk, men denne gangen med en 1px Brush (B) og uten Simuler Trykk. Så enten Erase (E) eller Mask de to endene av linjen og satt Opacity til 90%. Påfør en 4px hvit Ytre glød med opacity på 40% for Layer stil.

Trinn 20

Vi er halvveis gjennom refleksjon. Lag et nytt lag kalt " Side Shine ". Bruk pennen (P) for å trekke en kurveform, som følger formen av røret. Høyreklikk deretter > Fyll Sti med hvitt. Legg Vector Mask og begynne Børsting (B) med en myk børste rundt sidene av glansen slik at den blekner i til bunnen og høyre. Still Opacity til 40%. Få utvalget av " Glass " og Invert Selection Cmd /Ctrl + Shift + I og trykk deretter slette.

Nå skal vi lage felger /kantene av røret så det ser ikke så flat. Lag et nytt lag, og skape en 2px, hvit kant på venstre side av " Glass ". Deretter gjøre det samme for høyre side og slå sammen de to lagene sammen. Still Opacity til 40%. Påfør Skråkant og preg av størrelse 0px og 100% Opacity for høylys og skygge.

Trinn 21

Vi må forberede en annen viktig detalj til røret. Lag et nytt lag kalt " Grønn Reflection ". Bruk valget av " Glass " og Fill (G) den nederste halvdelen av området med # 3bf75f. Deretter legger Vector Mask og Brush (B) toppen og sidene av området slik at det forsvinner i litt. Still Blending Mode til Linear Dodge (Legg til) og Opacity til 25%. Dette vil legge realsim som glødende grønne ringene under det vil skape en refleksjon på ringen over den.

Trinn 22

Nå er det på tide å forberede disse bildene for duplisering. Vi trenger ett glass med grønn refleksjon, så opprette et nytt lag i denne gruppen deretter Alt-klikk øyeikonet av gruppen. Merge Visible Cmd /Ctrl + Shift + E. Alt-klikk øyet igjen og skjule den grønne refleksjon deretter gjenta duplisering prosessen. Nå gjør det samme uten " Glass ", også. Så nå skal du ha 3 typer duplikater, glass med grønn refleksjon, glass uten grønn refleksjon, bare refleksjon, men ikke den grønne

Trinn 23

Lag et nytt lag kalt ". One Ring ", få valg av " Glass " og Fill (G) det med # 3cf760. Dytte det ned ved 80px ved Shift + ned. Du kan plassere denne i en ny gruppe og kaller det hva du vil. Jeg ringte min " en " siden det kommer til å være på nivå 1. Påfør disse stilene for gløden og dimensjon.

Husk refleksjon lag vi opprettet tidligere i dag? Duplisere den og legger den rett over den grønne ringen. Senere duplisere den med grønn refleksjon og plassere den i midten. Duplisere den hvite glass og du bør ha dette.

Trinn 24

Gjør det samme for hvert nivå, plassere dem i grupper eller flette dem hvis du vil.

Step 25

Lag et nytt lag kalt " Shadow " nederst i " Rings " gruppe. Bruk valget av " Glass " til Fill (G) det med svart. Nudge (V) det ned med ca 15px. Velg en halvdel av skyggen og Skew den opp slik at den berører siden av røret. I Free Transform Cmd /Ctrl + T-modus, Høyreklikk > Skew. Du kan isolere utvalget bedre, ved å flytte den ut av sted så tilbake, etter å ha valgt den med Rectangular Marquee Tool (M). Gjør det samme for den andre halvparten. Duplisere det for tre rør deretter satt Opacity til 20%. Bruk polygonal lasso Tool (L) for å slette de områdene som ikke berøre ikonet.

Trinn 26

Vi er nesten ferdig. Vi vil legge til noen utvikling av detaljer. Først unhide bakgrunnslaget og " Floor Shadow " lag i " Høyre " gruppe. Deretter oppretter du en ny layer og Merge Visible Cmd /Ctrl + Shift + E. skjul disse lagene som du nettopp har skjult. Lag et nytt lag på toppen og kaller det " Noise " få valg av det flettede laget og Fill (G) den med 50% grått. Påfør 10% Gaussian, Monokromatiske Noise under Filter > Noise > Legg til støy. Still Blending Mode til Overlay og Opacity til 10%. Du kan nå slette den sammenslåtte laget. Du vil ikke merke mye forskjell, men det bidrar til å skape den ufullkommen titt

Lag et nytt lag like over bakgrunnslaget, og kaller det ".. Shadow " Bruk det mangekantede lasso Tool (L) for å tegne noe sånt, skisserte bunnen av ikonet omtrent. Påfør en 6PX Gaussian Blur og satt Opacity til 60%. Endelig er du ferdig

Final Bilde

Nå som du ’! Ve ferdig med ikonet, bare eksportere ikoner hver med forskjellig nivå ved å skjule og unhiding nødvendige ringer
.