Create en realistisk iMac ikon i Photoshop

Det er mye du kan gjøre i Photoshop med bare noen få utvalgte verktøy. I dag vil vi vise hvordan du kan lage en realistisk iMac-ikonet i Photoshop som inkluderer en 27-tommers skjerm, et tastatur og en mus. La oss komme i gang!

Instruksjons Eiendeler

Bilde av iMac-boksen (for referanse)

Sort &Blå Ikoner

Bakgrunn (eller noen andre du liker)

Trinn 1

Opprett nytt dokument 2048 piksler x 1400px. Denne oppløsningen er satt i henhold til de omtrentlige dimensjonene av referansebildet. Hvis du ønsker å lage en mindre illustrasjon, bare justere dimensjonene av arbeidsplass og referansebilde dine behov.

Trinn 2

Før du begynner, må du huske å holde lagene organisert i mapper. Dette er svært viktig som denne opplæringen vil kreve at du lage mange av dem

Trinn 3:. Screen

Plasser referansebildet på arbeidsområdet og sentrer den om nødvendig. Deretter velger du Pen Tool (P) og deretter Freeform Pen Tool i Alternativer-panelet. Deretter aktivere den magnetiske boksen i samme panel. Dette gjør Magnetic Freeform Pen verktøyet, som vil følge den delen av bildet og lage egne figurer i løpet av sekunder.

Trinn 4

Opprett en ny mappe inne i iMac mappe og gi den navnet Leg. Velg Magnetic Freeform Pen Tool og begynne å tegne formen. Vi bruker freeform verktøy for å lage glatte kurver. Når du drar musen over grensen mellom bildet og hvite området ankerpunktene er bare å kopiere formen på det. Men som du kan se verktøyet ikke er så presis på rette linjer slik at det skaper for mange ankerpunkter der. Løsningen er å trykke Alt + Klikk for å starte den rette linjen, og klikk deretter for å plassere slutter forankringspunkt og komme tilbake til Freeform modus. Etter stengetid din sti, gjerne fjerne noen av de ubrukelige ankerpunktene og forenkle banen litt.

Dobbeltklikk på lag med nye formen for å åpne dialogboksen lagstiler og opprette en ny gradient med følgende verdier og stillinger: # 8b8b8b på 0%, #CCCCCC på 7% og 49%, # 666666 på 54% #CCCCCC på 58% og #CCCCCC på 100%. Dette vil skape skygger og høylys på sin plass.

Opprett nytt lag like over bunnen form. Vi trenger dette laget for å legge til en skygge på toppen av beinet fordi denne ekstra man har forskjellig retning og form enn gradient effekt.

Som skyggen vil være inne i basen formen den beste måten å holde den inne i Formen er å skape en lagmaske. Som figuren i seg selv har en standard vi ikke trenger å opprette en ny. Velg base figurens lag og trykk Alt + Dra lagmaske i det nye laget over. Denne snarveien vil skape en kopi av laget masken på nytt lag

Velg laget og velg deretter Brush Tool (B) med 0% -. 10% hardhet og stor diameter og male skyggen i øvre høyre hjørne av benet.

Kopier basen formlag ved å velge Cmd /Ctrl + Alt + J og i den kommende dialogen endring navnet. Flytt lag over skyggelaget (# 3). Velg Direct Selection Tool (A) og velge bestemte ankerpunkt og redigere form for å skape oversiden av leggen. Lag gradient lag effekt med verdier # ced2db på 0% og 38%, og # 717073 på 100%. Lag to nye lag over ny form. Navngi dem Marker (# 1) og Shadow (# 2). Kopier lagmaske til dem (Alt + Drag). Med polygonal lasso verktøyet (L) opprette markør for skyggen - det kan være bredere enn bunnen form fordi lagmaske vil skjule alt utenfor. Fyll den med # 333333. Deaktiver telt, velg Filter > Blur > Gaussian Blur og gjelder uskarphet i henhold til skyggen. Bare spille med verdien for å få mest mulig realistisk effekt av skyggen.

Høydepunktet laget er ganske lik. Kopier lagmaske. Lag telt med det mangekantede lasso Tool (L). Fyll den med #CCCCCC. Deaktiver telt, velg Filter > Blur > Gaussian Blur. Nå gjelder litt uklarhet om 3. Lag et utvalg med det mangekantede lasso Tool (L) - Top grensen bør være direkte på enden av uskarphet og den nederste grensen bør være en høyde ut av uskarphet. Med telt velg Filter > Blur > Gaussian Blur og bruk samme verdi som for skyggen.

Trinn 5

Start med å tegne den grunnleggende formen på skjermen. Velg Magnetic Freeform Pen Tool og begynne å tegne formen. Prøv å lage så få ankerpunkt som mulig ved å Alt + Klikke for rette linjer. Når behandling formen justere festepunkter til passe

Legg til en Gradient Layer stil med følgende verdier til formen: # 333333 på 0% og 13%, # b5b5b5 på 15%, # 666666 på 17%, # 999999 ved 20%, og #CCCCCC ved 100%. Sett vinkel på gradient effekt på 77 grader.

Nå opprette et nytt lag over formen og kopier lagmaske i det. Velg Brush Tool (B) med hardhet ca 5% og farge #CCCCCC og maling skygge i høyre kryss. Velg skjerm form og kopiere den ved Cmd /Ctrl + Alt + J. Flytt lag over den med skygge. Flytte og justere ankerpunkt med Direct Selection Tool (A) for å lage forsiden av skjermen. Lag en Gradient Layer Effect med følgende verdier:. # 999999 på 0%, # e3e2e6 på 100% og stille vinkel til 10 grader

Trinn 6

Duplicate layer (Cmd /Ctrl + Alt + J) og sette opp Color Overlay lagstilen effekt til # 000000. Velg form med veivalg Tool (A) og velg subtrahere modus. Velg rektangelverktøyet (U) og dekker ca 20% av nedre del av skjermen. Trykk Kombiner. Gi nytt navn til dette laget til Display Glass

Plasser Bakgrunn på arbeidsområdet og transformere. (Edit > Transform > Perspective) er det i henhold til perspektivet

Opprett ny mappe og gi den navnet Meny.. Opprett nytt lag i denne mappen og gi den navnet Meny også. Påfør lagmaske i form av forvandlet tapet på det - velg lag og velg deretter mangekantede lasso Tool (L). Lag utvalg i form av den transform tapeter og velg Legg til lagmaske alternativet nederst i lag-panelet.

Velg polygonal lasso Tool (L) og opprette utvalg for menyen i øverste del av skjermen. Velg Gradient Tool (G) og fylle det utvalg med gradient fra # d1d0d1 til #ffffff. Jo mørkere delen av gradienten er jo lenger man.

Velg Ellipse Tool (U) og lage små ellipse som vil erstatte logoen i skuffen bar. Flytte den til posisjon på øvre venstre hjørne og justere størrelsen (Cmd /Ctrl + T).

Velg Horizontal Type Tool (T) og lage meny titler som Preview File Edit Vindu Hjelp eller hva. Flytt den ved siden av logoen øverst i venstre hjørne, og også justere størrelsen (Cmd /Ctrl + T). Med Horizontal Type Tool (T) valgt opprette nye tekstlag med tiden AS12: 15 eller hva, og plassere den i øvre høyre hjørne av skjermen. Som du kan se teksten ikke respekterer perspektivet mye. Velg Rediger > Transform > Skew omforme og justere formen på denne to tekstlag å passe perspektivet.

Velg rektangelverktøyet (U) og lage dock form ved hjelp #FFFFFF. Still gjennomsiktigheten til formlag til 50%. . Velg Direct Selection Tool (A) og justere posisjonene til ankerpunktene for å passe formen på Dock

Nå må vi Black & Blå ikoner (denne opplæringen fungerer med legge på 1). Plassere ikonene i raden. Flette dem (velg lag for å slå sammen og Cmd /Ctrl + E) for enklere og konsekvent transformasjon. Nevne dette ikonet pakke lags ikoner. Kopier lagmaske fra menyen lag til dette laget. Endre størrelsen på ikonet pakke (Edit > Free Transform eller Cmd /Ctrl + T) og juster perspektiv (Edit > Transform > Perspective) og bruke Cmd /Ctrl + T for å polere finish. Duplicate Layer Cmd /Ctrl + Alt + J og name it Ikoner Ref. Velg Rediger > Transform > Flip Vertical å speile ikonene vertikalt og flytte dem under de opprinnelige. Juster perspektiv ved Edit > Transform > Skew og sett Opacity av laget rundt 45%.

Velg Avrundet rektangel Tool (U) og satt radiusen til 5. Lag to tynne former for enheter og plassere dem på siden av skjermen.

Lag et nytt lag og gi den navnet Reflection. Cmd /Ctrl + Klikk på den svarte skjermen laget (Display Glass lag) maske for å lage utvalg av skjermen og velg deretter mangekantede lasso Tool (L). Hold Alt og skape markering rundt refleksjonen å trekke den delen som ikke er nødvendig for refleksjon. Med refleksjon utvalget fortsatt aktiv velg Gradient Tool (G) og fylle markeringen med gradient av følgende verdier: #FFFFFF på 0% og opacity 100%, #FFFFFF på 100% og opasitet 0%. Deretter for å få bedre resultat velge Eraser Tool (E) med hardhet satt til 0% og størrelse på 150 og slette bunnen grensen til refleksjon.

Velg Ellipse Tool (U) og lage basen form for apple. Med Ellipse Tool (U) fortsatt valgt aktiver Subtract modus og opprette tre nye figurer over basen en å trekke hull fra den. Bytt til Opprett ny Shape Layer modus tilbake fra Trekk modus. Opprett ny ellipse for spissen av eple. Velg Konverter Point Tool og klikk på øvre og nedre festepunkter til ellipsen å fjerne kurver. Flytt tips til toppen av eplet. Hvis fargen på eplet er annet enn grå endre det til # 333333. Nå plasserer ferdige eple til bunnen midten av displayet

Trinn 7:. Mouse

Musen vil bli gjort fra færre lag enn skjermen. Den vil inneholde tre formlag for base deler av mus og to lag for toppen refleksjon og logo.

Velg Ellipse Tool (U) og skape en ellipse som passer stort sett formen på musen. Velg Direct Selection Tool (A) og justere sin posisjon og form til helt passe muse form. I dette tilfellet er det enklere å bruke ellipse-verktøyet (U) i stedet for magnet friform penn (P) fordi formen er liten og inneholder fire nesten symmetriske ankerpunktene

Lag en Gradient overlay lag stil med følgende verdier.: # e4e4e4 på 0%, #aaabaf på 46% og 52%, # 333333 på 100% og angi vinkelen gradient til -87.

Duplicate underlaget og legge ankerpunkter (Legg Anchor Point Tool) til den nederste grenselinje. Redigere ankerpunktene for å justere formen ved hjelp av Direct Selection Tool (A) og konvertere Point Tool

Lag en Gradient overlay lag stil med følgende verdier:. # Cccae0 på 0%, # d8d8e2 på 100% og satt vinkelen gradient til 90.

Lag en Drop Shadow lag stil med følgende verdier: Blend Mode: Multipliser og # 000000, Opacity 75%, Vinkel 95 grader, Avstand 2px, Spre 0%, Size 1px.

Dupliser laget og fjerne effekter. Sett farge på denne formlag til # dbdbe7. Juster ankerpunkter 'posisjon og kurven med Direct Selection Tool (A) og konvertere Point Tool til å lage topp refleksjon av musen.

Ctrl + Klikk på lagmaske av denne refleksjonen form for å skape utvalg av det. Opprett et nytt lag for lysrefleksjon. Med utvalget fortsatt aktive velge polygonal lasso Tool (L) og med Alt presset redusere størrelsen på utvalget til nesten passe lysrefleksjon. Velg Brush Tool (B) og #FFFFFF farge. Sett børsten hardhet til 0% og male lysrefleksjon.

For å lage logoen på toppen velger nettopp Ellipse Tool (U) og lage ellipse form. Legg noen Anker poeng med Legg Anchor Point Tool. Velg Konverter Point Tool og gjenskape formen på eplet å passe perspektivet

Trinn 8:. Keyboard

Det siste trinnet i å skape realistiske iMac-ikonet er for å gjøre tastaturet. Denne delen vil jobbe med former, graderinger, Magnetic Freeform Pen Tool og noen lag effekter. Så hvis du ikke har det ennå opprette mappe og gi den navnet Keyboard.

Velg Magnetic Freeform Pen Tool. Lag en sving ved å klikke på + dra og rette linjer med Alt + Klikker. Lag så få ankerpunkt som mulig, men holde fokus på form.

Velg Ellipse Tool (U) og lage et sideknappen form. Påfør en Gradient Overlay Effect til det med følgende verdier: # c6c6c6 på 0%, # 666666 på 5%, # 999999 på 15%, #dfdfdf på 30%, # 999999 på 45%, #cccccc på 50%, # 999999 på 55%, #dfdfdf på 70%, # 999999 på 85%, # 666666 på 85%, # c6c6c6 på 100%. Stigningen er symmetrisk, slik at hver farge på venstre side har lik den til høyre. Sett gradient stil til Angle og Angle til 120.

Dupliser formlag. Transform (Cmd /Ctrl + T) størrelsen for å lage et lite senter på knappen. Legg Strek lag effekten til det. Angi størrelsen til 2, posisjon til Inside og farge til # 5f5f5f. Still tettheten av formlag til 28%.

Velg Pen Tool (P) og lage formen for tastaturet bunnen skyggen. Juster festepunktene med Direct Selection Tool (A) og kurver med Convert Point Tool. Legg Gradient Layer Effect til det med følgende verdier: # 000000 på 0%, # 545559 på 72% og # 545559 på 100%. Sett Gradient Angle til 88.

Velg Pen Tool (P) eller Magnetic Freeform Pen. Lag toppen av tastaturet. Jeg opprettet seks festepunkter - to ankerpunkter for hver kurve. Velg Direct Selection Tool (A) og konvertere Point Tool og justere kurvene til å passe den ideelle formen. Tilsett Gradient lag Effect med følgende verdier: # 9b9b9b på 0%, # 747474 på 100%. Sett Gradient Angle til 85.

Dupliser formlag. Reduser størrelsen på formen litt (Cmd /Ctrl + T). Velg Direct Selection Tool (A) og konvertere Point Tool og justere plasseringen av festepunktene og kurver i hjørnene. Sett formen farge til # f2f2f2. Nå har vi Keyboard klar for kurvet nøklene og legge noen avsluttende lag til det.

Velg Pen Tool og aktiver trekke fra Shape området verktøyet alternativet. Ser på referansebildet og prøve å redusere så mye av den form som mulig, men med å holde utseendet fremdeles i form av tastatur og dets nøkler. Den vanligste formen du kan trekke er et rektangel så lage rektangler å trekke hull mellom bestemte taster. Ikke glem av stor plass rundt pilene. Under trappen eller på slutten av subtrahere, klikk på Kombiner.

Opprett ny Layer (Cmd /Ctrl + Alt + J). Kopier lagmaske av nøkler formlag til det (Alt + Drag). Velg Brush Tool (B) sett Hardhet til 0% og størrelse til 20px. Sette farge til # a7a7a7 og tegne side skyggen av nøklene

Trinn 9:. Polish

Den siste delen av denne opplæringen er fokusert på refleksjoner og skygger støpt ved iMac og tilbehør . Duplisere visningsmappe. Hold det valgt og slå det sammen (Cmd /Ctrl + E). Flytte den til refleksjoner mappen. Vend laget vertikalt (Edit > Transform > Flip Vertical). Flytt bildet til bunnen hjørnet av originalen. Velg Warp Transform (Edit > Transform > Warp). Og forvandle refleksjon bildet for å møte bunnen form av originalbildet

Velg Eraser Tool (E) og sette Hardhet til 0% og størrelse på 250px. Slette omtrent halvparten av refleksjon bildet. Still Opacity av børsten til 50% og slette de resterende refleksjon. Som tettheten er satt til 50% viskelærverktøyet vil fjerne bare halvparten av det så bildet vil være transparent og mindre synlig. Justere synligheten refleksjon eller sin posisjon.

Duplicate mappen av musen. Flette det (Cmd /Ctrl + E). Flytte den til refleksjoner mappen. Velg Warp Transform (Edit > Transform > Warp) og forvandle refleksjon bildet for å møte siden av musen

Velg Eraser Tool (E) og med hardhet satt til 0% og størrelse på 250px.. Still børste Opacity til 50% og slette de resterende refleksjon. Effekten er den samme som for Skjerm. Også justere posisjon og lag opacity.

refleksjon av tastaturet kan være litt vanskelig på grunn av sin form så i stedet for å duplisere lag vi kommer til å trekke refleksjon oss selv.

Velg Pen Tool (P). Lag en form for tastaturet refleksjon. Bare kopier grensen av tastaturet og gjøre noen plass nederst i henhold til bildet til venstre

Velg Shape Layer og gjelder følgende Gradient lagereffekt verdier. #cdcdcd På 0%, #cdcdcd ved 56 %, # 343434 på 60%, #cdcdcd på 63%, #cdcdcd på 74%, # 141415 på 79%, # 141415 på 100%.

Rastrer formlag (høyreklikk på laget og velg Rastrer ). Velg Eraser Tool (E) med hardhet er satt til 0% og størrelse til 150. Erase den nederste del av refleksjonen i henhold til formen på tastaturet. Set Eraser opacity til 50% og delvis slette de gjenværende delene av refleksjon.

Hvis du ikke har en opprette mappe og endre navn til Shadows. Det bør være under iMac, mus og tastatur mapper og over refleksjoner mappen.

Opprett undermappe i Shadows mappe og gi den navnet Magic Mouse. Lag to lag i denne mappen og navngi dem lysere og mørkere. Jo mørkere man bør være over lettere lag.

Velg Lighter lag. Velg Brush Tool (B). Still størrelse til 20px og hardhet til 30%. Sette farge til # 828385. Paint skygge under muse og still lag opacity til 20%.

Velg mørkere lag. Velg Brush Tool (B). Holde størrelsen på 20px og hardhet på 30%. Sette farge til # 343435 og male mørkere skygge. Juster posisjonen til begge lag.

Opprett nytt lag i skyggene mappe under Mouse mappe og gi den navnet tastatur. Velg Brush Tool (B) med hardhet satt til 0%. Størrelsen bør settes i henhold til den delen av skyggen. Sette farge til # 00000. Velg Eraser Tool (E) og slette overdrawed deler. Det siste er å justere posisjonen hvis det ikke passer.

Lag et nytt lag i skyggene mappe under tastaturet lag. Velg Brush Tool (B) med hardhet satt til 0%. Størrelsen avhenger av den delen av skyggen som før, men holde det lite om 15px, male skyggen nederst på beinet. Gjør det kopierer formen på beinet og jevnt forsvinne på sidene.

Final Bildeanmeldelser