Share
Noen måneder tilbake før de nyeste iMacene ble utgitt, snakket jeg om hva en svart iMac kan se ut. Å være en Photoshopper bestemte jeg meg for å prøve å lage en. Etter å ha lagt det inn på en blogg, ble bildet viralt og begynte å vises på Mac og teknologiblogger, og nettstedet mitt ble oversvømt av trafikk. I dag hvis du ser opp Black iMac i et Google-søk, ser du mange nettsteder som bruker bildet mitt. I dag skal jeg vise deg hvordan jeg laget det bildet.
Det første vi trenger for å lage vår svarte iMac er en vanlig en for å basere den av. Jeg brukte den forrige modellen fordi da jeg opprinnelig gjorde dette, var det alt som var tilgjengelig. Her er et bilde jeg fant av Google Bilder av en front som vender mot iMac. Det er et ganske vanlig produktbilde.
Nå er det første laget å lage et nytt lag på toppen, så ta tak i det avrundede rektangelverktøyet (U) og tegne et svart rektangel med en kurve som passer til basisbildet. (Jeg tror jeg brukte en 20px radius)
Nå for øyeblikket forlater vi skjermen og fokuserer på stativet. Så zoome inn og bruke pennverktøyet (P), trekk rundt stativet som vist. Med pennverktøyet er det en god idé å bruke så få poeng som mulig, da du får en jevnere linje. Dette kan ta litt øvelse og noen få forsøk. Prøv også å speile hvor du plasserer poengene, slik at selv om linjen er litt wonky, er den i det minste symmetrisk.
Når du har banen, høyreklikker du på den og velger Lag valg.
Nå før jeg går videre, ønsket jeg å merke seg at den sorten som Apple bruker, er en slags matt eller kjedelig svart. På bildene har den en litt blåaktig gjengivelse. Snarere enn å prøve å gjette hvilke nøyaktige farger som skal brukes, fant jeg bare et bilde av en vanlig svart Mac bærbar datamaskin og brukte deretter øyedråperen plukket ut noen nyanser (vist nedenfor).
Uansett, så tilbake til stativet, med valget fremdeles laget, opprettet jeg et nytt lag og brukte deretter den reflekterte gradienten og en mørk og lys svart fra forrige trinn og fylte inn stativet som vist. Du kan se at den lyse delen av graden er i midten. Jeg gjorde dette fordi når du ser på stativet i den hvite versjonen, har den samme type lys og skygge, men omvendt.
Faktisk, i nesten alle trinnene i denne opplæringen, er ideen å se på hvordan bildet ser ut og deretter etterligne effekten ved hjelp av mørke grå og svarte i stedet for hvite og lette grays.
Nå var graden ikke så sterk, så jeg tok en stor fett Dodge Tool (O) børste, så mens du holdt Shift nede for å holde penselen min nøyaktig horisontal, gikk jeg over et par ganger for å få det høydepunktet å se sterkere ut.
Etter å ha sluppet kurven brukte jeg Dodge Tool på selve bunnen av stativet slik at det blir lettere der også (som vist nedenfor). Det begynner allerede å se ut som et stativ nå: utrolig hva litt lys og skygge kan gjøre!
Deretter fikk jeg igjen pennverktøyet, og denne gangen tok en form som fanget området helt foran stativet (se nedenfor). Denne delen skal ha en annen farge slik at når du ser på bildet, kan du se at denne delen er i en annen vinkel enn den andre delen av stativet.
Legg merke til at bunnen av pennevalget mitt i bildet under vist er alt wonky. Det er fordi det ikke virkelig betyr noe om den delen, jeg vil bare få den kurven øverst.
Deretter høyreklikker du med pennverktøyet fremdeles valgt, og velger Gjør valg igjen. Deretter lager du et nytt lag over stativlaget og fyller det med et mørkegråt.
Så som du kan se på bildet nedenfor, har jeg min rare form bare på toppen av hovedstativet. Så nå Ctrl-klikk på stativlaget for å velge piksler, og trykk deretter Ctrl + Shift + I for å omverve valget. Deretter treffer du Slett slik at alt du er igjen med fra vår rare form er skjæringspunktet mellom de to figurene.
Ta nå Dodge Tool (O) og igjen med en myk børste, legg til et høydepunkt der det vises. Deretter holder du nede Alt og børster den høyeste kanten. Hvis du holder Alt ned med Dodge Tool, endres det til Burn Tool (og omvendt). Så du kan raskt pusse mørk og lys uten å bytte verktøy.
Til slutt, for å fullføre stativet, dupliserer du den fremre delen av stativet, holder nede Ctrl, klikker på det laget, og trykker deretter på nedpilen én gang og trykker Slett. Dette bør gi deg en 1px tynn linje (vist i utvalg i bildet nedenfor). Sett dette laget til Overlay og 30% Opacity, og det vil gi et veldig svakt høydepunkt.
Gjør det samme igjen, unntatt denne gangen i stedet for nedpilen, trykk på pil opp, slik at du er igjen med et 1px-utvalg på bunnen. Plasser dette laget under stativet, flytt det ned 1px, og bruk Brannverktøyet for å mørke det opp. Dette vil bli en svak skygge under stativet.
(Merk dette trinnet er ikke viktig og høres komplisert, men det er faktisk ganske enkelt. Hvis du går deg vill i det, ikke bekymre deg for at det ikke vil påvirke det endelige bildet drastisk)
Ok, så vi har et ganske kult svart stativ. Her er det på toppen av hovedbildet, og du kan se at det ser ut til høyre!
Nå begynner vi å jobbe på skjermområdet. Det første vi må gjøre er å kvitte seg med den rette svarte formen og erstatte den med en gradient. Så vi slår det lagets synlighet av og holder nede Ctrl, vi klikker på det, lager et nytt lag, og tegner en Reflektert Gradient fra øverste venstre hjørne til nederste høyre hjørne slik at den er lys i midten og mørket på hjørnene, som vist.
Deretter tok jeg en stor fett Dodge-børste og lette diagonalt over litt mer som vist.
Nå igjen Ctrl-klikk på skjermlaget for å velge piksler, og velg deretter Velg> Endre> Kontrakt og bruk en verdi på 1px. Deretter fylles det i et nytt lag med en lysere nyanse av mørkegrå som vist.
Uten å slippe valget, går du igjen til Velg> Endre> Kontrakt og denne gangen bruker du en verdi på 2px. Når du er ferdig, trykk Slett, og du bør være igjen med en tynn 2px-linje som går rundt på skjermen.
Denne tynne linjen vil gi oss litt utheving og skygge til skjermkanter. Jeg gjorde dette fordi hvis du ser forsiktig ut på den hvite iMac, ser du en lignende tynn linje rundt skjermen, spesielt i toppen der det er ganske uthevet.
Ta nå din store Dodge børste og strategisk lette øverste høyre hjørne og litt på høyre side og toppen. Eksperimenter med hvor det synes hensiktsmessig å markere.
Slå av de svarte skjermlagene et øyeblikk, så du kan se den hvite skjermen bak. Deretter, i et nytt lag, bruk det runde rektangelverktøyet med en veldig liten kurve denne gangen (jeg brukte 2px) for å tegne et rektangel hvor visningsområdet er, som vist.
Nå kan du bytte resten av skjermlagene igjen. Nå Ctrl-klikk på visningslaget vi nettopp har opprettet, og opprett et nytt lag øverst, gå til Utvalg> Endre> Kontrakt, og bruk en verdi på 2px. Fyll dette nye området med rett svart.
Som du kan se, hva skjer er det første skjermlaget vi opprettet, faktisk et høydepunkt rundt hovedvisningen. Hvis du ser på skjermen, er det sjansen for at du får se litt av dette. Hvis du ønsker å gjøre dette veldig realistisk, kan du bruke litt av Dodge og Brenne for å mørke og lette den på riktig måte. Men for vårt formål vil dette gjøre!
Deretter plasserte jeg et bilde på skjermen. Jeg ville ha en fin abstrakt Mac-type bakgrunn, og heldigvis for oss har vi en Psdtuts + opplæring på dette. Jeg brukte i utgangspunktet bare utgangen av den opplæringen, bortsett fra at jeg endret fargen til å være grønn. Du kan bruke det du vil. Bare plasser bildet og trykk CTRL + T for å forvandle det til riktig størrelse. Du må kanskje beskjære bildet slik at det passer.
Nå har iMacs alltid de små kameraene øverst, så jeg laget et sirkulært utvalg rundt kameraet i det hvite iMac-bildet og kopierte det over og plasserte det i samme posisjon i et nytt lag over de andre svarte iMac-lagene.
Nå trenger vi en dock! Nok en gang dro jeg nettopp til Google og fant et skjermbilde av noens skrivebord, klipp ut docka med det rektangulære utvalgsverktøyet, og limte det på toppen. Det eneste problemet er at bakgrunnen er blå! Så vi må justere det til grønt før vi er ferdig med å plassere det.
Så jeg brukte Magic Wand Tool (W) og klikket i det blå området for å velge alt. Deretter holder du nede Skift og klikker på noen områder som blir savnet, som i Quicktime-symbolet. I utgangspunktet sørg for at du får alle pikslene. Det er ikke veldig viktig for det å være et veldig fint utvalg fordi vi kommer til å krympe dette ned - takk og godhet, for ellers måtte vi bruke Pen Tool!
Når du har valgt, går du til Bilde> Justeringer> Hue / Metning og flytter Hue-skyveknappen til den treffer en lysegrønn farge som omtrent samsvarer med den grønne bakgrunnen (eller samsvarer med hvilken bakgrunn du brukte).
Nå legger vi den docken over bakgrunnen og trykker Ctrl + T for å forvandle den ned.
Deretter trenger vi en liten Mac-logo som holder seg på skjermen. Igjen fant jeg et bilde ved hjelp av et vanlig Google bildesøk. Denne er en fin sølvfarget som skal fungere godt.
Problemet er imidlertid at det er en skygge bak logoen som vi ikke vil ha. Så ta tak i pennverktøyet og spore ut kantene på logoen som vist. Når du er ferdig, høyreklikk og velg Lag valg, og trykk deretter Ctrl + C for å kopiere logoen ut av sin skyggebakgrunn.
Nå for å plassere logoen, slå av alle de svarte lagene slik at du kan se det hvite iMac-guidebildet ditt igjen, så krymp ned logoen, slik at den omtrent svarer til størrelsen og posisjonen til logoen på maskinen. Skift deretter de svarte lagene igjen!
Nesten der nå!
Deretter oppretter vi en subtil refleksjon for å få det til å se ut som om iMac virkelig står der. Så dupliser stativlaget, trykk Ctrl + T og roter det 180 '. Fade deretter laget ut til 20% og legg til et justeringslag som vist slik at det fades ut i ingenting.
Deretter skal vi legge til en veldig subtil skygge under iMac også. Så tegne en ellipse som vist i mørkegrå.
Nå falle ellipse skyggen ut til ca 20% opacity og gå til Filter> Blur> Gaussian Blur og bruk en verdi på ca 10px for å få en god uskarphet. Når du har gjort det, treffer du Ctrl + T for å forvandle og klemme skyggen bare vertikalt (slik at den ikke er så høy, men fortsatt den samme bredden). Vi gjør dette slik at skyggen ser ut som om den er i samme plan som bordet eller hva iMac er på.
Og vi er ganske mye ferdig! Jeg flyttet iMac av til siden og la til litt tekst for å fullføre den. I tilfelle du lurer på, er skrifttypen Myriad Pro Semibold som ser ganske ut som det skrifttypen som Apple bruker (men ikke helt det samme, med mindre jeg tar feil).
Så der har du det, vi har skapt et nytt utseende for iMac! I Sample PSD for denne opplæringen har jeg tatt med både PSD for denne opplæringen og den opprinnelige som jeg opprettet for noen måneder siden, som er ganske liknende, men mye større og med noen mindre variasjoner. Håper du likte opplæringen!
Accentsconagua