Lag 3 Retro MP3-spillere i Photoshop

I denne opplæringen vil vi demonstrere hvordan du lager 3 retro MP3-spillere i Photoshop. Hvert design vil inneholde en annen type media, en CD, plate og tape. La oss komme i gang!


Tutorial Assets

  • Patterns
  • Lerretstekstur

Trinn 1

Opprett en ny fil. Sett bredde og høyde til 900x900 ved 72 PPI-oppløsning. Opprett nå en ny gruppe og kaller det Player Shape eller Body, lag inn et nytt lag i denne gruppen.


Steg 2

Nå bruker du avrundet rektangulært verktøy (U) angi radius til 50 px, farge til # 363636 og opprett en form som ligner på den som vises i bildet under.


Trinn 3

Bruk det rektangulære markeringsverktøyet (M) til å velge et utvalg som starter noen få piksler vekk fra venstre og fortsett den over høyre side. Sørg for å inkludere hele formen, akkurat som i bildet nedenfor.
Gå nå til valgfeltet under lagene, og klikk på Add Layer Mask-ikonet.


Trinn 4

Nå skal du bruke noen lagstilter. Høyreklikk på formlaget og gå til Blandingsalternativer. Bruk nå de eksakte verdiene som jeg har brukt, eller du kan spille rundt. Mønsteret kan være
funnet på Tutorial Assets listen eller inne i PSD.


Trinn 5

Legger til noen effekter til lagformen. Opprett et nytt lag over denne lagvektorformen, høyreklikk den og velg Opprett klippingmaske. Dette vil bare vise deler av laget i form av vektorformlaget. Fyll nå laget med hvit #fffff ved hjelp av Paint Bucket Tool (G). Gå til Filter> Støy> Legg til støy og sett beløpet til 400%, Distribusjon til Gauss, og kontroller boksen Monokromatisk. Etter å gå til Filter> Blur> Motion Blur og sett vinkelen til 0 og Avstand til 32 piksler.


Trinn 6

Trinn 6 vil bidra til å skape noen skygger på laget. Lag et nytt lag, høyreklikk det og velg Opprett klipping maske enn velg en farge, brukte jeg # 363636, en mørk grå.
Velg penselverktøyet (B), sett størrelsen til 180 piksler, Hardhet til 0 og velg Myk rund trykkbørstebørste. Start børstingen på slutten av begge sider av formen, og nå
sett blandingsmodusen for laget til Multiply og opaciteten til 23%.


Trinn 7

Bruk avrundet rektangulært verktøy (U) angi fargen til # 00000 (dette er svart) og radiusen til 50 piksler og opprett en form som min. Gjør nå noen
Drop Shadow-effekt ved å følge verdiene og velge den hvite fargen #fffff


Trinn 8

Velg rektangelverktøyet (U) og opprett et rektangel over begynnelsen av forrige form. Endre farge til # f24e47 og bruk et mønsteroverlegg ved hjelp av klubbmønsteret som finnes i Mønsterarkivet som er inkludert i opplæringsobjektene, følg innstillingene og høyreklikk på laget og velg Opprett klipping maske. Dette vil maskere laget som vi har jobbet i form av laget under.


Trinn 9

På høyre side av forrige form ved hjelp av Ellipse Tool (U) lag en liten sirkel, sett fyll på til 0% og bruk følgende effekter sett i eksempelet.
Fargen som brukes med Stroke er # e1ddde.


Trinn 10

La oss nå lage knappene. Vi må gjøre 3 knapper, men de andre 2 er de samme som den vi skal jobbe med. Opprett en ny gruppe og gi den navnet Play Button. Vi vil jobbe i denne gruppen nå. Bruke Ellipseverktøy (U) Lag en svart sirkel på halvparten av spillerenes form. Følg blandingsalternativene og reduser Opacity til 70%.


Trinn 11

Bruke Pen Tool (P) Opprett en trekant over sirkelen, sett fargen til # f24e47 og høyreklikk på laget for å velge Create Clipping Mask.


Trinn 12

Lag en annen liten sirkel over den forrige, senter den, enn opprett en gradientoverlegg som i eksempelet.


Trinn 13

I dette trinnet vil vi legge til en effekt jeg kaller radialmetall effekt. Det er en veldig lett effekt å lage. Opprett et nytt lag, fyll det med en hvilken som helst farge, etter at du har gått til Filter> Støy> Legg til støy og sett beløpet til 400%, Distribusjon til Gaussisk og kryss av Monokromatisk boksen. Neste trinn er å gå til Filter> Blur> Radial Blur og sett beløpet til 80, Slør metode for å spinne og Kvalitet til godt. Nå reduserer lagets opasitet til 12%, senter laget inne i sirkelen, slik at du får spissen av virvelen midt i sirkelen, høyreklikk den og velg Opprett klippemask. Gi navn på dette laget Radial Metal effekt.


Trinn 14

Bruk pennverktøyet (P) til å gjøre en form som ligner minen i den siste sirkelen. Sett fargen til svart # 00000. Gå nå til Filter> Blur> Gaussian Blur og sett Radius til 2 piksler og Opacity av laget til 12%. Høyreklikk på laget og velg Opprett klipping maske.


Trinn 15

Dupliser dette siste laget, sett Opacity til 100%, roter det litt og gå til Image> Adjustments> Invert. Hvis nødvendig, høyreklikk på det og velg Opprett klipping maske.


Trinn 16

Nok en gang kommer Pen Tool (P) i timers hjelp. Tegn tre trekanter denne gangen på samme lag. En svart, en hvit og en annen svart. Velg de 3 lagene og slå sammen dem. Gå deretter til Filter> Blur> Radial Blur og bruk samme verdi til radius som i trinn 14. Ikke glem å forvandle det eksisterende laget til en Clipping Mask.


Trinn 17

Nå skal vi lage Play triangle-figuren. Bruk pennverktøyet (P) til å lage en hvit trekantform som vist i bildet, og bruk lagstilene. Kopier nå Radial Metal Effect-laget over Play-symbollaget, og gjør det til en klippemaske. Ok-knappen er klar.


Trinn 18

Flytter til neste og tilbake-knappen. Dupliserer knappegruppen, og navngi den neste. Endre størrelsen på den opptil 50%, og vær sikker på at du sletter den første trekant som vi gjorde. Dupliser Play-symbolet; juster dem slik at spissen på venstre side møter den vertikale siden av den høyre. Senter dem og vi har en neste knapp. Dupliser dette laget, navn det tilbake. Velg de to Play-symbolene, pres Command + T eller CTRL + T, endre verdien på bredden til negativ (-) som vist i forhåndsvisningen, senter den og vi har 3 knapper for spilleren vår.


Trinn 19

Volumknapp. Dupliser en av Neste eller Tilbake-gruppen, nevner den Volumknapp. Slett lagsymbollagene, opprett en form ved hjelp av Pen Tool (P) som den i bildet, bruk de samme effektene som i Trinn 17, og Volumknappen skal også gjøres.


Trinn 20

Artistinformasjonsboks: Bruk rektangelverktøyet (U) til å lage et rektangel under spillerens form, skru fyllingen til 12% og bruk lagstiler.


Trinn 21

Opprett et svart firkantet rektangel ved hjelp av rektangelverktøyet (U), dette vil være miniatyrholderen til albumdekselet. Nå bruker du Horizontal Type Tool (T), velg en skrift og en størrelse, jeg liker Myriad Pro fordi det er en vanlig og standard skrift. Sett inn tekst som representerer navnet på sangen og bruk stiler til teksten. Gjenta det samme trinnet for bandet og albumdelen, bruk en mindre skrift, men bruk de samme stilene.


Trinn 22

Rating Stjerner. Ved å bruke # f24e47 som en basefarge og med tilpasset formverktøy (U) hvor du må velge stjerneformen, lage 5 stjerner, den første 4 skal være # f24e47 og den siste ren svart # 00000. Påfør samme stil til alle 5 og vår spiller er klar for handling.


Trinn 23

CD-form. Lag en ny gruppe, kaller den CD. Bruke Ellipse Tool (U) gjør en perfekt sirkel litt mindre enn lerretets størrelse og sett fargen til # bcb4c3. Ved hjelp av Elliptical Marquee Tool (M) lag en liten sirkel midt på den store, høyreklikk for å velge Inverse, etter å ha trykket på Add Layer Mask-knappen nederst på lagpanelet.


Trinn 24

Lag et nytt lag, velg børsteverktøy (B), sett størrelse til 99, hardhet til 0, og velg den myke rundtrykksdekselborsten. Start børsting ved å bruke fargene som er foreslått i bildet under. Når du er ferdig, setter oppaktheten av laget til 30% og lager laget en Clipping Mask.


Trinn 25

Bruk følgende stiler til formlaget.


Trinn 26

Gjør igjen et nytt lag, og start børstingen som i eksemplet ved hjelp av de foreslåtte fargene. Sett lagets opphetthet til 60% og gjør det til en Clipping Mask.


Trinn 27

Dupliser formen laget, og ta det foran de to Clipping Masker, endre størrelsen på 98-96%. Påfør kun lagestilen som du finner i bildet nedenfor.


Trinn 28

Gjør noe mer effekt. Lag et nytt lag over den andre sirkelformen. Bruk en større børste og # 9a969d farge og lag en horisontal linje som i eksempelet. Hit Command / CTRL + T, høyreklikk og velg Skew. Dra høyre høyre hjørne med SHIFT til den møter den andre i midten. Dupliser laget 3 ganger og gjør et kryss. Velg 4 lag, slå sammen dem og lag det resulterende laget en kappemaske.


Trinn 29

Sett inn et nytt lag, og bruk # f4f4f5 og # e2e2e3 som farger begynner å børste til du får noe som ligner på eksempelet.


Trinn 30

Radial uskarphet. Lag et nytt lag, fyll det med hvilken som helst farge, følg Trinn 13, etter å rette midtpunktet på "vortex" med midten av CDen og redusere Opacity til 10%.


Trinn 31

Legg til et nytt lag, bruk børsteverktøyet (B) og begynn å børste bort med fargene og retningen i eksemplet. Still Opacity til 15% og blandingsmodus for laget til mørkere farge.


Trinn 32

Gjenta trinnene fra 28 og 29, og bli kreative for å gi en skinnende refleksjon til CD-formen.


Trinn 33

Den grunnleggende CD-formen er nå ferdig.


Trinn 34

Bruk rektangulært verktøy (U) og lag noen frie former som i eksempelet. Velg alle dem og slå sammen dem. Hit Command / CTRL + T, høyreklikk og velg Skew. Dra de to nedre punktene til midten. Gå nå til Filter> Blur> Motion BLur og sett vinkelen til 0 og Avstanden til 11. Flytt den på høyre side av CDen. Dupliser det og bruk stilen til laget. Husk å lage begge lagene klesmaskene.


Trinn 35

Lag en ny sirkel inne i CD-formen ved hjelp av Ellipse Tool (U), sett fyll på til 0 og bruk stilen. Lag en annen, denne gangen mindre, nær sentrum, slipp Fyll til 0 og bruk stilen til laget. Legg til et annet lag, og bruk Ellipseverktøyet (U) til å lage en grå sirkel, bruk Elliptical Marquee Tool (M) for å lage en annen liten i midten av denne, Velg Inverse og legg til lagmaske. Slipp opaciteten til 45%.


Trinn 36

Legg til et nytt lag, velg Penselverktøy (B), velg en mindre børste, og bruk de to fargene begynner å børste bort. Slipp opaciteten til 25% og transform laget til en Clipping Mask. Lag et nytt lag nå, denne blir enda mørkere enn den forrige # 424143, bruk Elliptical Marquee Tool (M) for å lage en sirkel litt større enn det første hullet i CDen, gjør det til en lagmaske og bruk den lag stiler til den.


Trinn 37

Legg til en ny sirkel ved hjelp av Ellipse Tool (U) og gjør den liten, nær midten av CDen. Slipp fyllingen til 0 og opaciteten til 25% og bruk lagsstilene. Legg til et nytt lag, og bruk Ellipse Tool (U) til å lage en ekstra sirkel, akkurat størrelsen på hullet på CDen, slipp fyllet til 0 og bruk den siste lagstilen til den. Vår CD er ferdig, nå for å flytte til Vinyl Disk-versjonen av spilleren.


Trinn 38

Opprett en ny gruppe og kaller den Vinyl Disk. Lag en svart # 00000 sirkel ved hjelp av Ellipse Tool (U) nesten like stor som lerretet. Etter å ha brukt Elliptical Marquee Tool (M) lag en helhet i vinylen med lagmaskefunksjonen som vi har gjort. Bruk lagstiler fra eksempelet.


Trinn 39

Dupliser det eksisterende laget og reduser størrelsen til 98%. Etter lag et nytt lag. Fyll den med svart # 00000 legg litt støy til det og radial uskarphet, senter vortexet midt på disken.


Trinn 40

Legg til et nytt lag, gå til Filter> Render> Clouds etter å gå til Filter> Blur> Radial Blur og sett beløpet til 100. Blur Metode for å zoome og kvalitet til beste. Sett blandemodus for laget til Soft Light. Bruke børsteverktøyet (B) og #fffff (hvitt) gjør en horisontal strekkoverføring på disken. Kommando / Ctrl + T, høyreklikk for å velge Perspektiv enn mens du holder øverste venstre hjørne, dra det ned til diagonaler krysser i midten. Still blandingsmodusen til laget til mykt lys og vi er ferdige. Dupliser det så mange ganger du vil, jeg brukte bare 3 eksemplarer, og endre posisjonen for å gi den refleksjonseffekten.


Trinn 41

Lag en ny sirkel, men denne gangen til 95% av vinylens størrelse. Slett fyllet til 0 og bruk lagstilen. Dupliserer det mange ganger, ved å slippe lagstørrelsen når du kommer nærmere senteret.


Trinn 42

I dette trinnet vil vi lage en annen sirkel, denne gangen bruker #ff0000, gjør den litt større enn hele i disken, bruk Elliptical Marquee Tool (M) og lage et lite hull i sirkelen ved hjelp av en lagmaske, sett inn lerretstekstur (dette kan lastes ned fra lenken i Tutorial Assets) omdanne laget til en Clipping Mask, sett blandingsmodus av deg lag til Multiply, og det er gjort.


Trinn 43

Lag en liten sirkel akkurat størrelsen på hullet vi nettopp gjorde i det røde lerretet, reduser fyllet til 0 og bruk lagstilen. Gjør nå en annen, denne gangen større, nesten like stor som den røde sirkelen, slipp Fill til 0 og bruk lagstilen.


Trinn 44

I dette trinnet vil vi skape spillerarmen. Lag en ny gruppe, kaller den Player Arm. Bruk Ellipseverktøy (U) til å lage en svart # 000000 sirkel som den i eksemplet. Velg Pennverktøy (P) og velg Stier fra den øvre menyen. Tegn en form som den jeg gjorde i eksemplet, høyreklikk det, velg Lag valg og trykk på Legg til lagsmaskeknapp.


Trinn 45

Legg til et nytt lag, bruk Brush Tool (B) og lag en hvit #ffffff prikk øverst i sirkelen, høyreklikk laget og gjør det til en Clipping Mask, sett blandingsmodusen til laget til Soft Light. Gjør et nytt lag, fyll det med en hvilken som helst farge, gå til Filter> Støy> Legg til støy og øk mengden til 400%, Distribusjon til Gauss, og kontroller Monokromatisk boksen, etter at blandingsmodusen til laget er satt til Color Dodge, Opacity til 15% og fyll til 50%.


Trinn 46

Lag en ny sirkel som den i eksempelet, fyll den med # 353535, legg til et annet lag på toppen av det, bruk børsteverktøyet (B) for å lage et svart # 000000 slag på høyre side av sirkelen. Forvandle laget i en Clipping Mask. Dupliser sirkelformen og flytt den noen få piksler opp i høyre øverste retning og bruk lagstiler.


Trinn 47

Legg til et nytt lag, og bruk Brush Tool (B) til å lage en hvit #ffffff prikk øverst til venstre. Lag laget en Clipping Mask og sett blandingsmodusen til laget til Soft Light. Nå dupliserer du støynivået som vi gjorde i trinn 45 og bringer det på toppen av den hvite prikken vi nettopp gjorde, selvfølgelig gjør den også en Clipping Mask.


Trinn 48

Bruk pennverktøyet (P) til å tegne en form som i eksempelet, fyll den med svart # 000000 og gå til Filter> Blur> Gaussian Blur, sett radiusen til 2, 5 piksler. Igjen gjør du med hjelp av Pen Tool (O) en annen form med runde hjørner som den i eksempelet, fyll den med # 464141 og bruk lagstilen.


Trinn 49

Lag en hvit #ffffff-form denne gangen ved hjelp av Pen Tool, men litt kortere enn den forrige, gå til Filter> Blur> Gaussian Blur og sett radius til 2, 5. Lag et lite rektangel på enden av armen, bruk lagstilen. Nå bruker du pennverktøyet (P) å skamme seg som i eksemplet og fyll det med svart # 000000. Nå vil vi jobbe med to lag, den første vil bare ha et hvitt #ffffff liten slag i spissen og Opacity satt til 10% og det andre laget vil ha 2 slag og Opacity sett til 15%. Begge må være Clipping Masks.


Trinn 50

Dupliser formen vi nettopp gjorde ved hjelp av Pennverktøyet (P) og flytte det noen få piksler opp. Påfør lagstilen. Dupliser det hvite #ffffff-slag vi gjorde i begynnelsen av trinn 49, posisjoner det som i eksemplet. Når du holder ALT-tasten nede, velger du miniatyrbildet Vector Mask av laget nedenfor og drar det til denne. Dette vil kopiere vektorformen og "felle" streken innsiden av den.


Trinn 51

Lag en ny gruppe, kaller den Skrue. Innsiden ved hjelp av Ellipse Tool (U) lag en liten sirkel og bruk lag stilene. Bruk rektangulært verktøy (U) til å lage et lite svart # 000000 rektangel. Dupliserer gruppen og beveger den litt ned, så det ser ut som to skruer holder formene sammen.


Trinn 52

Dette er den siste lydformatformen, kassettbåndet. Bruk avrundet rektangulært verktøy (U), sett radiusen til 10 piksler, fyll på til 65% og fargen til # 4e4e4e og lag en form som den i eksemplet. Bruk lagstiler. Mønsteret finnes i Mønsterarkivet fra Tutorial Assets.


Trinn 53

I dette trinnet vil vi legge til noen detaljer i kassetten. Bruk pennverktøyet (P) til å sette fargen til # 8c8c8c og lage en form som ligner på min på høyre side. Slipp opaciteten til 45% og dupliser dette laget som speiler det til den andre siden av kassetten. Pennverktøyet (P) vil hjelpe denne tiden til å lage to flere detaljer til kassetten, ved hjelp av # 323232 og # 5b5b5b som kroppsfargene trekker to former som i eksempelet. Til den siste formen reduserer Opacity til 80%. Nå ved hjelp av Ellipse Tool (U) og Rounded Rectangular Tool (U) lag 4 hvitt #ffffff form som i eksempelet. Den siste detalj som vi legger til i dette trinnet, er et lite svart # 000000 rektangel laget med Rectangle Tool (U) og slippe lagene Opacity til 75%.


Trinn 54

Bruke Ellipse Tool (U) og Rectangular Tool (U) legg til noen flere detaljer som i eksemplet. Når du er ferdig med arbeidet med de små detaljene, skal vi legge til båndlinjen. For dette må vi bruke Pen Tool (P) og sette det til Stier. Lag en sti som i eksemplet enn sett børsten til 1 pikselstørrelse og 0 hardhet, fyll farge til # 000000 og høyreklikk hvor som helst i lerretet for å velge Stroke Path.


Trinn 55

Legge til skruene. Lag en ny gruppe og kaller den Skrue. Lag en liten svart # 000000 sirkel i det nedre høyre hjørnet som i eksemplet og sett det Opacity til 45%. Over denne gjør en annen sirkel denne gangen 80% mindre og bruker hvit #ffffff mens du slipper opaciteten til 75%. Påfør lagstilene til den hvite sirkelformen.


Trinn 56

Bruke en liten svart # 000000 børste gjør noen slag på den øvre og nedre delen av skruen. Høyreklikk på laget for å gjøre det til en Clipping mask og slipp Opacity til 75%. Velg nå Horizontal Type Tool (T) og bruk Arial som en skrifttype, størrelsen til 4, 5pt og skrifttypestilen til svart gjør en + i midten av sirkelen. Bruk nå lagestilen. Etter at alt er gjort, kopi lim inn gruppenavnet Skru inn et av de angitte områdene i eksemplet.


Trinn 57

Legg til en ny gruppe og gi den navnet på båndet. Lag en brun # 343732 sirkel, og bruk pennverktøyet (P) satt til Stier gjør en sti som den i eksemplet. Høyreklikk på lerretet og trykk på Velg Inverse enn trykk på Legg til lagmaske-knappen. Lag et nytt lag over tapeformen og legg til en ny sirkel, denne gangen en hvit #ffffff, forvandle den til en Clipping Mask og slipp Opacity til 55%. Bruke Pen Tool (P) satt til baner gjør et annet valg som i eksempelet og bruk en svart # 000000 børste, fyll inn innsiden av valget til det grå er helt maskert.


Trinn 58

Bruke Ellipse Tool (U) legg til en ny sirkel, men denne gangen setter du fargene til #aaaaaa. Lag en annen sirkel ved hjelp av Elliptical Marquee Tool (M) og legg til en annen lagmaske. Slipp opaciteten til 55%. Ved hjelp av Ellipse Tool (U) lag en annen liten sirkel og sett Opacity til 55% enn å bruke lagestiler.


Trinn 59

I dette trinnet legger vi prikkene til båndrullen. Bruke Ellipse Tool (U) lage en liten sirkel som i eksempelet, bruk # 737373 enn å duplisere den til du får det samme resultatet som i eksempelet. Nå bruker du pennverktøyet (P) til Form lag og fargen sett til # 9a5f5f gjør to former som i eksempelet. Vår tape rulle er nå ferdig. Dupliserer gruppen og du kan rotere den som du vil ha for en dynamisk effekt av rullene.


Trinn 60

Dette siste skrittet vil bidra til å lage klistremerkene. Bruk pennverktøyet (P) til å lage en form som den i eksemplet, etter å ha en rektangulær form ved hjelp av Rectangular Marquee Tool (M) og legg til en lagmaske etter at du har omvendt valget. Påfør lagstilene. Gjør nå to former ved hjelp av Rectangle Tool (U) en farget hvit #ffffff og den andre # f24e47. Lag lagene Clipping Masks og bruk lag stilen til begge.


Endelig bilde