Lag en forsterker Interface fra grunnen av i Photoshop

Create en forsterker Interface fra grunnen av i Photoshop

I denne opplæringen vil vi forklare hvordan du oppretter en forsterker grensesnitt ved hjelp av enkle former og lagstiler. La oss komme i gang!



Instruksjons Eiendeler

Følgende eiendeler ble brukt under produksjonen av denne opplæringen.

  • Mønster


    Trinn 1

    Opprett et dokument i Photoshop. Jeg brukte 1600x1600 px, 300dpi, RGB 8bit, hvit bakgrunn.

    Trinn 2

    Grab Avrundet rektangel Tool (U), sett Radius 6 px og tegne en figur som den nedenfor (1072 x 419 piksler). Etter det bare gjelder følgende stiler. Fargen som jeg bruker er # 4c4c4c.

    Trinn 3

    Lag et nytt lag, og velg den tidligere opprettet rektangel er piksler (Kommando /Ctrl + venstreklikk på laget miniatyr). Male det hvitt ved hjelp av maling bøtte verktøyet (G) og gå Filter > Pikseler > Mezzotint. Sørg for at pikslene er fortsatt valgt og gå Filter > Blur > Motion Blur og sett Radius til noe rundt 60 px. Endre Blend Mode til Multipliser og Opacity til 35%.

    Trinn 4

    Lag et nytt lag og plukke den Brush Tool (B). Velg en Hard rund pensel, sett hvit som en forgrunn farge og størrelse på 8 px. Tegn en rett linje. Hvis din linje stiger rektangel, velger sin piksler, trykker du Kommando /Ctrl + I (invert) og slette de uønskede delene. Slå Fyll ned til 0% og bruke disse stilene.

    Trinn 5

    Gjenta forrige trinn, men denne gangen gjør linjen tynnere (1/3 av den opprinnelige) .Group alle lagene laget så langt og kalle gruppen " figurar ".

    Trinn 6

    Lag et nytt lag og plassere den under figurar gruppen. Grab Avrundet rektangel Tool (U). Bruk samme radius, og tegner et lite rektangel. Endre farge til # 000000 (totalt svart). Da gjelder følgende stil, og kopiere dette laget. Gruppe disse to lagene og navngi gruppen " Føtter " (eller hva du kaller disse tingene).

    Trinn 7

    Lag et nytt lag og plassere den på topp i lag stable. Velg # 707070 som forgrunnsfarge og plukke rektangel Tool (U). Tegn et enkelt rektangel som den på bildet nedenfor og slå Fyll til 25%.

    Da gjelder disse stilene.

    Trinn 8

    Lag et nytt lag, velg tidligere opprettet rektangel er piksler og male utvalget hvitt. Deretter går Filter > Pikseler > Mezzotint, Filter > Blur > Motion Blur. Endre Blend Mode til Lysere og Opacity til 26%.

    Trinn 9

    Dupliser den formen du opprettet i trinn 7, satt Fyll til 0% og anvende denne stilen.

    Trinn 10

    Lag et nytt lag og plukke den Avrundet rektangel Tool (U). Velg # e1e1e1 fra farger på paletten. Tegn et rektangel slik at den passer inn i formen opprettet i trinn 7. Sørg for å la noen ledig plass.

    Nå gjelder disse stilene.

    Trinn 11

    Opprett en nytt lag og plukke den Ellipse Tool (U). Velg # 111111 som forgrunnsfarge og trekke en liten ellipse. Slå Fyll ned til 32% og bruke denne stilen.

    Din design skal da se slik ut.

    Trinn 12

    Lag et nytt lag og plassere den under én opprettet i trinn 11. Plukk Line Tool (U). Endre Vekt til én px og tegne en rett linje. Da gjelder disse stilene.

    Trinn 13

    Lag et nytt lag, og velg Type Tool (T). Skriv "20 10 7 5 3 0 3". Skriften jeg bruker er Univers 55 Medium. Sørg for å forlate en rimelig avstand mellom tallene. Endre fargen til # 111111 og Fill til 60%. Klikk deretter på Warp Text-ikonet og bruke disse parametrene.

    Trinn 14

    Lag et nytt lag, holde # 111111 som forgrunnsfarge og bruke linje (U) og penn (P ) VERKTØY skape noe som dette.

    Igjen Vekt er satt til én px. For den store buede linjen bruke Pen Tool (Strek opp bane teknikk - Høyreklikk på banen > Strek opp bane) .before du slå sammen alle lagene duplisere dobbelte av " stor buet linje " lag og plasserer kopier under de andre lagene du opprettet i dette trinnet. Nå flette lagene (bortsett fra de dupliserte seg) og endringer Fyll til 60%.

    Trinn 15

    Velg den første kopien av det laget du kopierte i forrige trinn og endre farge etter påføring av Color Overlay effekt i Layer Stil-boksen. Plukk en lys rød farge; som # e82a2c (Blend Mode: Normal 100%). Deretter bruker Move Tool (V), setter strek over den opprinnelige buet linje. Bildet nedenfor vil forklare det bedre. Slett den delen 0-20.

    Trinn 16

    Gjenta det forrige trinnet med den andre kopien. Men ikke endre farge og denne gangen slette en del fra 20 til 3.

    Step 17

    Lag et nytt lag på toppen av lagene stable og ta tak i Type Tool (T) . Skriv "VU". Endre tekstens farge # 111111 og Fill til 60%

    Trinn 18

    Duplicate formen din opprettet i trinn 10 (Avrundet rektangel;. # E1e1e1, Skygge, Indre skygge, Mønster overlegg, Satin) og plassere den på toppen av lagene stable. Slå Fyll ned til 0% og gjelder følgende stiler.

    Trinn 19

    Lag et nytt lag og velge Pen Tool (P). Tegne en bane som den på bildet under.

    Deretter går du til kategorien Paths (lag, kanalar Baner) og velg banens piksler ved å trykke Kommando /Ctrl + Shift + Alt + Venstre Klikk på banens thumbnail. Gå tilbake til kategorien Lag. Nå trykker nok en gang Kommando /Ctrl + Shift + Alt + Venstre Klikk på miniatyren av laget du opprettet i trinn 18. Deretter plukke den Gradient Tool (G). (Linear, Hvit til Transparent) og fylle markeringen
    < p> Velg igjen pikslene i form opprettet i trinn 18 og gå Filter > Blur > Gaussian Blur (Radius: 1 px). Bruke Free Transform (Kommando /Ctrl + T) gjør formen litt mindre. Endre Blend Mode til Linear Dodge (Legg til) og fyll opp til 80%.

    Trinn 20

    Gruppe alle lagene som er opprettet i trinn 7-19 og nevne gruppen VU 1. Duplicate gruppen, endre navnet til VU to og flytte den til høyre.

    Trinn 21

    Lag et nytt lag og plukke den Ellipse Tool (U). Tegne en perfekt sirkel (hold Shift). Endre formen farge til # 707070 og bruke disse stilene.

    Duplicate dette laget og snu Fill til 0%. Da gjelder følgende stiler.

    Trinn 22

    Lag et nytt lag, og velg pikslene i sirkelen du opprettet i trinn 21. Paint det hvitt (ikke velge bort de piksler), gå filter > Pikseler > Mezzotint og deretter Filter > Blur > Radial Blur (Beløp: 20, Spin, Best). Endre Blend Mode til Multipliser, Opacity til 40% og Fill til 77%. Gruppe lag som er opprettet i trinn 21 og 22.

    Step 23

    Lag et nytt lag, og ta tak i Custom Shape Tool (U). Fra listen plukke Triangle og trekke en liten trekant. Bruke bildet nedenfor som en veiledning.

    Da gjelder disse stilene.

    Trinn 24

    Lag et nytt lag og plukke den Ellipse Tool (U). Igjen tegne en perfekt sirkel; litt mindre enn den i Trinn 21. Fargen er fortsatt # 707070.

    Bruk disse stilene.

    Duplicate dette laget og slå Fyll til 0%. Da gjelder følgende stiler.

    Trinn 25

    Lag et nytt lag, og velg pikslene i sirkelen du opprettet i trinn 24. Paint det hvitt (ikke velge bort de piksler), gå filter > Pikseler > Mezzotint og deretter Filter > Blur > Radial Blur (Beløp: 20, Spin, Best). Endre Blend Mode til Multipliser, Opacity til 40% og Fill til 77%. Gruppe lag som er opprettet i trinn 24 og 25. Din design bør se slik ut.

    Trinn 26

    gruppen alle lagene som er opprettet i trinn 21-25 og nevne gruppen Amp kontrollen 1. Duplicate gruppen og flytte kopien til høyre.

    Trinn 27

    Lag et nytt lag og plukke den Avrundet rektangel Tool (U). Tegn en liten firkant (hold Shift). Endre formen farge til # a70708 og bruke disse stilene.

    Lag et nytt lag og bruke Type Tool (T) skrive "POWER". Skriften jeg bruker er fortsatt UNIVERS 55 Medium, men Arial skal fungere fint. Flytt det bare litt over den røde knappen og anvende følgende stiler. Stigningen er den samme som du brukte i den røde knappen.

    Trinn 28

    Dekorer knappen ved å legge til litt tekst og ikoner (valgfritt). Når du legger til tekst bruker hvit som en farge og Overlay som Blend Mode.Group lag som er opprettet i trinn 27-28 og navngi gruppen " Strømknapp ".

    Trinn 29

    Opprett en ny lag og nok en gang bruke Avrundet rektangel Tool (U) tegne en figur som den i bildet nedenfor. Endre formen farge til # a1a1a1.

    Så bare bruke disse stilene.

    Dupliser "Power" tekstlag du opprettet før og legg den over på den grå knappen du nettopp har opprettet. Endre teksten til "Reel". Legg til litt tekst til å pynte på knappen.

    Trinn 30

    Gruppe lag som er opprettet i trinn 29 og nevne gruppen "Reel". Duplisere gruppen og endre navnet til "Speed". Flytte gruppen bruker Move Tool (V) til høyre og endre teksten.

    Trinn 31

    Dupliser "Speed" gruppe og endre navnet til "Edit". Igjen endre teksten og flytte den til høyre. Sørg for å forlate lik avstand mellom gruppene.

    Trinn 32

    Lag et nytt lag og endre forgrunnsfargen til # 707070. Bruke Ellipse Tool (U) tegne en perfekt sirkel og plassere den i nærheten av "Edit" gruppe.

    Da gjelder disse stilene.

    Trinn 33

    Grab Custom Shape Tool (U) og velg Trekant fra listen. Tegn en liten trekant og plassere dette laget rett før den ble opprettet i trinn 32. Bruk disse stilene. MERK:. Stigningen er den samme som du brukte i trinn 23 (stor Amp Control)

    Trinn 34

    Lag et nytt lag, velg pikslene i sirkelen opprettet i trinn 32 (Command /Ctrl + Venstre Klikk på lagets thumbnail) og male valget med hvit farge. Deretter går Filter > Pikseler > Mezzotint; Filter > Blur > Radial Blur (Beløp: 20, Spin, Best). Velge bort de piksler (Kommando /Ctrl + D) og endre lagets Blend Mode til Soft Light og Opacity til 13%.

    Nå kan du legge litt tekst til å dekorere denne lille amp kontrolleren (eller hva du kaller det). De tre prikker ble opprettet ved hjelp av en Hard Round Trykk pensel (B). Den "Pitch" teksten laget har de samme virkninger /stiler som kan brukes som "Power", "Reel", "Speed" og "Edit" lag.

    Step 35

    Gruppe alle lagene opprettet i trinn 32-34 og navngi gruppen "Pitch". Deretter oppretter du en ny layer og hente Line Tool (U). Still Vekt til to px og tegne en liten rett horisontal linje. Bruke bildet nedenfor som en veiledning.

    Duplicate dette laget tre ganger og plasserer kopiene i henhold til dette bildet. Gruppe alle disse linje lag og navngi gruppen " enkle linjer ".

    Trinn 36

    Lag et nytt lag, og velg rektangel Tool (U). Endre forgrunnsfargen til # 111111. Tegn et rektangel som den på bildet under.

    Bruk disse stilene.

    Duplicate dette laget, endre Fyll på kopien til 0% og tømme sine stiler (Høyreklikk på laget > Clear Layer stil). Da gjelder følgende effekter.

    Stigningen er den samme som du brukte da du opprettet de grå knappene på "Reel", "Speed" og "Edit" grupper.

    Trinn 37 Anmeldelser

    Velg den type Tool (T) og legg til litt tekst; både horisontalt og vertikalt (horisontal tekst: 63 126 250 500 1K 3K 6,3K 10K 16K; Vertikal tekst: 12 6 3 0 -3 -6 -12). Bruke bildet nedenfor som en veiledning.

    Trinn 38

    Lag et nytt lag, og tegne et rektangel med Rectangular Marquee Tool (M).

    Grab Gradient Tool ( G) og lage en gradient lik den på bildet nedenfor (Stil: Linear). Ideen er å skape en myk overgang fra grønt til rødt.

    Trinn 39

    Lag et nytt lag, og velg den tidligere opprettet rektangel er piksler. Fyll den med hvilken som helst farge og slå fylle ned til 0%. Da gjelder disse effektene.

    Trinn 40

    Lag et nytt lag og bruke rektangel Tool (U) lage noe som dette. Ved første skape et stort rektangel (farge # 000000) og deretter en mindre (farge #ffffff). Duplisere den hvite rektangelet åtte ganger for å lage disse barene.

    Endre Blend Mode til Multipliser og anvende denne stilen.

    Trinn 41

    Lag et nytt lag og bruke Brush Tool (B), "slette" (ved å male med svart farge) eventuelle uønskede deler.

    Trinn 42

    Lag et nytt lag, og ta tak i Pen Tool (P). Tegne en bane som denne.

    Gå til kategorien Paths og velg banens piksler (Kommando /Ctrl + Shift + Alt + Venstre Klikk på banens thumbnail). Så gå tilbake til kategorien Lag og finne det laget du opprettet i trinn 36 og nok en gang trykke Kommando /Ctrl + Shift + Alt + Venstre Klikk på lagets miniatyrbilde. Nå bruker en enkel hvit til gjennomsiktig, Linear gradient (G) legge til noen lys. Endre Opacity til 70% (eller hva som fungerer best for deg).

    Trinn 43

    Legg til litt tekst ved hjelp av Type Tool (T). Stilene for denne teksten er den samme som du brukte i "Power", "Reel", "Speed", "Edit" og "pitch" tekstlag, så bare kopiere disse stilene fra en av disse lagene (Høyreklikk på layer > Copy Layer stil, og på den nye Høyre Click >. Påfør Layer stil)

    Trinn 44

    Lag et nytt lag og plukke den Avrundet rektangel Tool (U). Sett radius til noe rundt 10 px og tegne en liten firkant. Endre farge til # d18114.

    Bruk disse effektene. Igjen er det gradient det samme som du brukte for de grå knappene i " Reel ", " Speed ​​" og " Rediger " grupper.

    Trinn 45

    Dupliser den formen du har nettopp opprettet og endre kopi farge til # 111111. Deretter kopiere den nye kopien fire ganger og sett formene i henhold til bildet under.

    Legg til litt tekst ved hjelp av Type Tool (T) for å pynte på knappene. Jeg brukte "ROCK", "POP", "FUNK", "SKA", "CLASSIC" og "VOCAL". Endre Blend Mode av disse tekstlag å overlappe.

    Trinn 46

    Gruppe alle lagene du opprettet i trinn 36-45 og nevne gruppen "Equalizer". For logoen del bruke de samme stilene som du brukte i de andre tekstlag (Power, Reel, Speed, Rediger, Equalizer Presets). Du må kanskje justere Drop Shadow og Gradient Overlay effekter en bit; det avhenger av skriften som brukes og dets størrelse.

    Trinn 47

    Dupliser liten amp kontrolleren du opprettet i "Pitch" gruppe og skalere det ned ved hjelp av Free Transform (Kommando /Ctrl + . T)

    Legg til litt tekst; nok en gang bruke de samme effektene som du brukte for Power, Reel, Speed, Rediger, Equalizerforvalg tekstlag.

    Trinn 48

    Ved hjelp av Line Tool (U) og med vekt sett til én px, trekke noen linjer rundt amp kontrolleren.

    Slå sammen disse linjene lag og endre Blend Mode til overlegg. Duplisere dette laget, roter det (i Free Transform) og skalere det litt ned slik at du har to sett med linjer

    Nå bare legge noen tall rundt amp kontrolleren (Type Tool - T).. Når du plasserer dem, velge alle disse tekst lag, rastrere dem (høyreklikk på laget > Rastrer Layer) og flette dem. Endre Blend Mode til Overlay

    Nå bruker Line Tool (U) -Vekt:.. Én PX- tegne en liten rett vertikal linje, og legg den mellom "0" og "10" Anmeldelser
    Trinn 49

    Lag et nytt lag, og velg Ellipse Tool (U). Tegn en liten perfekt cirle og gjelder følgende stiler.

    Duplicate dette laget to ganger og sett kopier i henhold til bildet nedenfor. Legg til litt tekst.

    Trinn 50

    Gruppe laget opprettet i trinn 47-49 og navn denne gruppen "telefoner". Nå opprette et nytt lag, og duplisere en av de grå knappene du opprettet i "Reel", "Speed" eller "Edit" grupper. Skalere det ned (Free Transform - Kommando /Ctrl + T) og legg den over VU 1.

    Lag et nytt lag og bruke rektangel Tool (U), tegne en liten rektangel og plasser den like over forme du opprettet tidligere. Endre ny form farge til # a3620a.

    Deretter legger disse effektene.

    Til slutt legger litt tekst over disse knappene. Bruk hvit som en farge og endre Blend Mode til Overlay.

    Trinn 51

    Duplicate disse tre lagene og flytte kopiene til høyre. Endre teksten og gjenta denne prosessen igjen

    Legg til et tekstlag (Type Tool - T)., Skriv "Venstre" og plassere den mellom de tidligere opprettede lag og VU 1.

    Trinn 52

    Gruppe alle lag som er opprettet i trinn 50-51 og nevne gruppen "venstre knapper". Kopiere denne gruppen, endre navnet til "riktige knappene" og plassere den over VU 2. Husk å endre "Venstre" tekstlaget til "riktig".

    Trinn 53

    Dupliser " Right "tekstlag som du opprettet i forrige trinn, og plassere denne lag på toppen av lagene stabelen. Endre teksten til "Input Select" og plassere det i henhold til følgende bilde

    Nå bruker Line Tool (U). (Vekt: én px) tegne noe som dette. Bruk hvit som en forgrunnsfarge.

    Slå sammen alle linje lag som du opprettet og endre Blend Mode til overlegg. Gruppe lagene og gi navn til gruppen "Input Select".

    Trinn 54

    Duplicate "Input Select" tekstlag og endre teksten til "Input". Deretter duplisere "Input" lag og endre teksten til "Output". Bruke bildet nedenfor som en veiledning for å plassere disse lagene.

    Gruppe disse to lagene og navn denne gruppen "Input /Output amp kontroll".

    Trinn 55

    Opprett en nytt lag og hente Line Tool (U). Trekke noen linjer rundt Big Amp Controller (Input). Bruk hvit som en forgrunnsfarge. Etter å ha tegnet linjene, flette alle linjer lagene.

    Endre Blend Mode til lysere farge, Opacity til 12% og legge denne stilen.

    Duplicate dette laget, rotere det og skalere det ned (bare litt).

    Til slutt legger noen tall. Etter å ha plassert de numrene, velger alle tekstlag, rastrere dem og slå dem sammen. Bruk de samme stilene som du brukte for linjene (BM: lysere farge, O: 12%, Gradient Overlay).

    Trinn 56

    Dupliser laget du opprettet i forrige trinn og flytte dem til Big Amp Controller 2 (Output).

    Gruppe disse seks lag og navngi gruppen "AMP Kontroll tall".

    Trinn 57

    Lag et nytt lag, endring forgrunnsfargen til # a3620a og ta tak i Avrundet rektangel Tool (U). Sett Radius til noe rundt 10 px og tegne en figur som den på bildet under.

    Nå kan du legge disse effektene.

    Trinn 58

    Finn liten amp controller i "Phones" gruppe og kopiere det (uten den lille trekanten). Plasser denne kopien på toppen av lagene stable og flytte (V) i form ved hjelp av bildet nedenfor som en veiledning. Skalere formen ned litt.

    Nå bruker Line Tool (U) trekke noen linjer som de på bildet nedenfor. Bruk hvit som en forgrunnsfarge.

    Etter å ha gjort dette, slå sammen disse linjer lag og endre Blend Mode til overlegg. Legg til litt tekst (farge: hvit, blanding modus: overlay).

    Til slutt, duplisere "Input Select" tekstlag flytte kopien til høyre og endre teksten til "Effekter". Ikke glem å plassere kopien lag på toppen av lagene stable. Gruppe alle lagene opprettet i trinn 57-58 og navngi gruppen "Effects".

    Trinn 59

    Duplicate to oransje og to grå knapper fra "venstre knappene" gruppe (eller "HØYRE knapper ") og plassere dem nær Effects gruppen. Duplisere "Effects" tekstlag fra Effects gruppen og endre teksten til "Signal".

    Legg til litt tekst ("L", "R") over de oransje knappene. Bruk hvit som en farge og endre Blend Mode til Overlay.

    Lag et nytt lag, og velg Linje Tool (U). Tegne noe som dette. Flett alle linje lag og endre Blend Mode til overlegg. Gruppe de åtte lagene du opprettet i dette trinnet og nevne gruppen " Signal ".

    Trinn 60

    Dupliser "Signal" gruppe og endre navnet til "Output sync forsinkelse". Flytte gruppen til høyre (over "Output /Big Amp Controller 2") og endre tekst lag: Signal > Utgang, L > Delay, R > Sync.

    Trinn 61

    Dupliser liten amp kontrolleren (med trekant) fra "Phones" gruppe og plassere den mellom "Signal" og "Output sync delay" grupper.

    Dupliser "Signal" tekstlag fra "Signal" gruppe og endre teksten til "Mix". Plasser denne teksten lag over amp kontrolleren

    Legg til litt tekst å dekorere kontrolleren (farge: hvit, blanding modus: overlay).. Gruppe lagene opprettet i dette trinnet og navngi gruppen " Mix ".

    Konklusjon

    Lag et nytt lag, fyll den med # fdc689, endre Blend Mode til Color Burn og Opacity 14%. Beskjære bildet. Det er alt. Du har nettopp opprettet en realistisk og detaljert forsterker. Jeg håper du likte den opplæringen og har lært noe nytt. Legg noen ekstra effekter du ønsker å gjøre det ser enda bedre

    Variasjoner Anmeldelser