Creați 3 Playere MP3 Retro în Photoshop

În acest tutorial vom demonstra cum să creați 3 playere MP3 retro în Photoshop. Fiecare design va include un alt tip de suport, un CD, o înregistrare și o bandă. Să începem!


Tutorial Active

  • Modele de
  • Canvas Textura

Pasul 1

Creați un fișier nou. Setați lățimea și înălțimea la 900x900 la rezoluția 72 PPI. Acum creați un grup nou și numiți Player Shape sau Body, în interiorul acelui grup creați un nou strat.


Pasul 2

Acum, folosind Instrumentul rotunjit dreptunghi (U), setați raza la 50 px, culoarea la # 363636 și creați o formă similară celei indicate în imaginea de mai jos.


Pasul 3

Folosind Instrumentul de marcaj dreptunghiular (M) efectuați o selecție pornind la câțiva pixeli distanță de partea stângă și continuați-o în partea dreaptă. Asigurați-vă că includeți întreaga formă, exact ca în imaginea de mai jos.
Acum, mergeți la bara de opțiuni de sub Straturi și faceți clic pe pictograma Adăugați o mască de strat.


Pasul 4

Acum, pentru a aplica câteva stiluri de straturi. Faceți clic dreapta pe stratul de formă și accesați opțiunile de amestecare. Acum folosiți valorile exacte pe care le-am folosit sau puteți juca în jur. Modelul poate fi
găsite pe lista Tutorial Assets sau în interiorul PSD.


Pasul 5

Adăugarea unor efecte la forma stratului. Creați un strat nou deasupra acestei forme de vectori de strat, faceți clic dreapta pe el și selectați Crează o mască de tăiere. Acest lucru va arăta numai părți ale stratului în interiorul formei stratului de vectori. Acum, completați stratul cu alb #fffff folosind Paint Bucket Tool (G). Mergeți la Filter> Noise> Add Noise și setați Suma la 400%, Distribuție la Gaussian și bifați caseta Monochromatică. După ce treceți la Filter> Blur> Motion Blur și setați unghiul la 0 și distanța până la 32 de pixeli.


Pasul 6

Pasul 6 va ajuta la crearea unor umbre pe strat. Creați un nou strat, faceți clic dreapta pe el și selectați Creare mască de tăiere decât selectați o culoare, am folosit # 363636, un gri închis.
Selectați Tool Brush (B), setați dimensiunea la 180 de pixeli, Duritate la 0 și selectați Pensulă de opacitate sub presiune rotundă. Începeți periajul la sfârșitul ambelor laturi ale formei și acum
setați modul de amestecare pentru stratul înmulțit și Opacitatea la 23%.


Pasul 7

Folosind Instrumentul rotunjit dreptunghi (U), setați culoarea la # 00000 (aceasta fiind negru) și raza la 50 de pixeli și creați o formă ca a mea. Aplicați acum câteva
Drop Shadow efect urmând valorile și selectând culoarea albă #fffff


Pasul 8

Selectați instrumentul Rectangle (U) și creați un dreptunghi peste începutul formei anterioare. Schimbați culoarea în # f24e47 și aplicați o acoperire de tip Pattern utilizând Modelul de club care poate fi găsit în arhiva Pattern inclusă în Tutorial Assets, urmați setările și după ce faceți clic dreapta pe strat și selectați Creare mască de tăiere. Aceasta va masca stratul pe care l-am lucrat în interiorul formei stratului dedesubt.


Pasul 9

În capătul din dreapta al formei anterioare, folosind instrumentul Ellipse (U), creați un cerc mic, setați Fill la 0% și aplicați următoarele efecte văzute în exemplul.
Culoarea folosită cu Stroke este # e1ddde.


Pasul 10

Acum să facem butoanele. Va trebui să facem 3 butoane, dar celelalte două sunt aceleași cu cele pe care urmează să lucrăm. Creați un nou grup și numiți-l pe butonul de redare. Vom lucra acum în acest grup. Folosind instrumentul Ellipse (U) Faceți un cerc negru la jumătate din dimensiunea formei player-ului. Urmați opțiunile de amestecare și reduceți opacitatea la 70%.


Pasul 11

Utilizarea instrumentului Pen (P) Creați un triunghi deasupra cercului, setați culoarea la # f24e47 și faceți clic dreapta pe strat pentru a selecta Creare mască de tăiere.


Pasul 12

Faceți un alt cerc mic peste cel precedent, centrați-l decât să creați o suprapunere de gradient ca în exemplu.


Pasul 13

În acest pas vom adăuga un efect numit efect metalic radial. Este un efect foarte ușor de făcut. Creați un strat nou, completați-l cu orice culoare, după ce mergeți la Filter> Noise> Add Noise și setați Suma la 400%, Distribuție la Gaussian și bifați caseta Monocromatică. Pasul următor este să mergeți la Filter> Blur> Radial Blur și să setați Suma la 80, metoda Blur pentru Spin și calitatea la Bună. Acum, reduceți opacitatea stratului la 12%, centrați stratul din interiorul cercului, astfel încât să obțineți vârful vârtejului în mijlocul cercului, faceți clic dreapta pe el și selectați Creare mască de tăiere. Denumiți acest strat efect Radial Metal.


Pasul 14

Folosind Pen Tool (P) faceți o formă similară a mea în ultimul cerc. Setați culoarea în negru # 00000. Acum du-te la Filter> Blur> Gaussian Blur și setați Radius la 2 pixeli și opacitatea stratului la 12%. Faceți clic dreapta pe strat și selectați Creare mască de tăiere.


Pasul 15

Duplicați acest ultim strat, puneți Opacitatea la 100%, rotiți-l puțin și mergeți la Image> Adjustments> Invert. Dacă este necesar, faceți clic dreapta pe el și selectați Creare mască de tăiere.


Pasul 16

Încă o dată Pen Tool (P) vine în ajutor de oră. Desenați 3 triunghiuri de data aceasta pe același strat. Un negru, un alb și altul negru. Selectați cele 3 straturi și îmbinați-le. Apoi treceți la Filter> Blur> Radial Blur și aplicați aceeași valoare razei ca la pasul 14. Nu uitați să transformați stratul existent într-o mască de tăiere.


Pasul 17

Acum vom face forma triunghiului Play. Folosind Pen Tool (P) faceți o formă de triunghi alb ca în imaginea de mai jos și aplicați stilurile straturilor. Acum, copiați pasul cu stratul Radial Metal Effect deasupra stratului de simbol Play și transformați-l într-o mască de tăiere. Butonul OK este gata.


Pasul 18

Trecerea la butonul următor și înapoi. Duplicați grupul de butoane și denumiți-l apoi. Redimensionați-l până la 50% și asigurați-vă că ați șters primul triunghi pe care l-am făcut. Duplicați simbolul Play; aliniați-le astfel încât vârful celui din stânga să corespundă laturii verticale a celui drept. Centrează-le și avem un buton Următor. Duplicați acest strat, denumiți-l înapoi. Selectați cele două simboluri Play, apăsați Command + T sau CTRL + T, modificați valoarea lățimii în poziția negativă (-) ca în previzualizare, centrați-o și avem 3 butoane pentru jucătorul nostru.


Pasul 19

Buton volum. Duplicați unul din grupul Următor sau Înapoi, denumiți butonul de volum. Ștergeți straturile Play Symbol, creați o formă folosind Instrumentul Pen (P), precum cea din imagine, aplicați aceleași efecte ca la pasul 17 și butonul de volum trebuie făcut prea.


Pasul 20

Artist Information Box: Folosind Tool Rectangle (U) faceti un dreptunghi sub forma jucatorului, rotiti Fill la 12% si aplicati stilurile stratului.


Pasul 21

Creați un dreptunghi pătrat negru utilizând Instrumentul dreptunghi (U), acesta va fi suportul pentru miniatură pentru coperta albumului. Acum, folosind instrumentul de tip orizontal (T), alegeți un font și o dimensiune, îmi place Myriad Pro deoarece este un font comun și standard. Introduceți text care reprezintă numele melodiei și aplicați stiluri textului. Repetați același pas pentru partea de bandă și album, utilizați un font mai mic, dar aplicați aceleași stiluri.


Pasul 22

Stele de rating. Folosind # f24e47 ca culoare de bază și cu Custom Shape Tool (U) de unde trebuie să selectezi forma stea, fă 5 stele, primele 4 ar trebui să fie # f24e47, iar ultima pură # 00000. Aplicați același stil tuturor celor 5 și jucătorul nostru este pregătit pentru acțiune.


Pasul 23

Forma CD-ului. Creați un grup nou, denumiți-l CD. Folosind instrumentul Ellipse (U) faceți un cerc perfect mai mic decât dimensiunea pânzei și setați culoarea la # bcb4c3. Folosind Eliptical Marquee Tool (M) faceți un cerc mic în mijlocul celui mare, faceți clic dreapta pe Select Inverse, după ce apăsați butonul Add Mask Mask din partea de jos a panoului de straturi.


Pasul 24

Efectuați un strat nou, selectați Pensulă (B), setați dimensiunea la 99, duritatea la 0 și selectați Pensulă de opacitate sub presiune rotundă. Începeți perierea folosind culorile sugerate în imaginea de mai jos. Când ați terminat setați opacitatea stratului la 30% și transformați stratul într-o mască de tăiere.


Pasul 25

Aplicați următoarele stiluri la stratul de formă.


Pasul 26

Încă o dată, faceți un nou strat și începeți să vă periați ca în exemplu folosind culorile sugerate. Setați opacitatea stratului la 60% și transformați-o într-o mască de tăiere.


Pasul 27

Duplicați stratul de formă și aduceți-l în fața celor două măști de tăiere, redimensionați-l la 98-96%. Aplicați numai stilul stratului pe care îl puteți găsi în imaginea de mai jos.


Pasul 28

Efectuarea unor efecte mai mult. Creați un strat nou deasupra celei de-a doua forme de cerc. Utilizați o perie mai mare și culoarea # 9a969d și faceți o linie orizontală ca în exemplu. Apăsați Command / CTRL + T, faceți clic dreapta și selectați Skew. Trageți colțul din dreapta sus ținând SHIFT până se întâlnește cu celălalt la mijloc. Duplicați stratul de 3 ori și faceți o cruce. Selectați stratul 4, îmbinați-i și transformați stratul rezultat într-o mască de tăiere.


Pasul 29

Introduceți un nou strat și folosiți # f4f4f5 și #e2e2e3 ca culori pentru a începe perierea până când obțineți ceva similar cu exemplul.


Pasul 30

Efectul Blur radial. Faceți un strat nou, completați-l cu orice culoare, urmați pasul 13, după alinierea centrului "vârtejului" cu centrul CD-ului și reduceți opacitatea la 10%.


Pasul 31

Adăugați un strat nou, utilizați instrumentul Brush (B) și începeți să vă periați utilizând culorile și direcția din exemplu. Setați Opacitatea la 15% și modul de amestecare pentru stratul de culoare mai închisă.


Pasul 32

Refaceți pașii de la 28 și 29 și creați o imagine lucioasă asupra formei CD-ului.


Pasul 33

Forma de bază a CD-ului este acum terminată.


Pasul 34

Utilizați Instrumentul dreptunghiular (U) și faceți niște forme libere ca în exemplu. Selectați-i pe toți și îmbinați-i. Apăsați Command / CTRL + T, faceți clic dreapta și selectați Skew. Trageți cele două puncte inferioare spre mijloc. Acum mergeți la Filter> Blur> Motion BLur și setați Unghiul la 0 și Distanța la 11. Mutați-l în partea dreaptă a CD-ului. Duplicați-l și aplicați stilul pe strat. Nu uitați să faceți ambele straturi măștile de tăiere.


Pasul 35

Creați un cerc nou în interiorul formei CD-ului folosind instrumentul Ellipse (U), setați Fill la 0 și aplicați stilul. Faceți altul, de data aceasta mai mic, aproape de centru, aliniați Fill la 0 și aplicați stilul pe strat. Adăugați un alt strat și folosiți instrumentul Ellipse (U) pentru a face un cerc gri, utilizați instrumentul Elliptical Marquee (M) pentru a face alta mică în centrul acestuia, Selectați inversă și adăugați masca stratului. Aruncați opacitatea la 45%.


Pasul 36

Adăugați un strat nou, selectați Pensulă (B), alegeți o perie mai mică și folosiți cele două culori pentru a începe să vă spălați. Puneți opacitatea la 25% și transformați stratul într-o mască de tăiere. Faceți un strat nou acum, acesta va fi chiar mai întunecat decât cel precedent # 424143, utilizați instrumentul Elliptical Marquee (M) pentru a face un cerc puțin mai mare decât gaura inițială din CD, a face o mască de strat și a aplica strat stiluri la ea.


Pasul 37

Adăugați un cerc nou folosind instrumentul Ellipse (U) și faceți-l mic, aproape de capătul din mijloc al CD-ului. Puneți Complet la 0 și Opacitate la 25% și aplicați stilurile straturilor. Acum adăugați un alt strat, iar folosind instrumentul Ellipse (U) faceți încă un cerc, exact dimensiunea găurii din CD, lăsați umplutura la 0 și aplicați stilul ultimului strat. CD-ul nostru este terminat, acum pentru a vă deplasa la versiunea de disc Vinyl a playerului.


Pasul 38

Creați un nou grup și denumiți discul Vinyl. Faceți un cerc negru # 00000 utilizând instrumentul Ellipse (U) aproape la fel de mare ca panza. După ce ați folosit instrumentul Elliptical Marquee Tool (M), faceți un întreg în vinil folosind funcția de mascare a straturilor pe care am făcut-o. Aplicați stilurile de strat din exemplul respectiv.


Pasul 39

Duplicați stratul existent și reduceți dimensiunea acestuia la 98%. După ce faceți un nou strat. Umpleți-l cu negru # 00000 adăugați un zgomot la acesta și blur radial, centrați vârtejul în mijlocul discului.


Pasul 40

Adăugați un nou strat, mergeți la Filter> Render> Clouds după ce mergeți la Filter> Blur> Radial Blur și setați Suma la 100. Metoda Blur pentru a mări și a obține calitatea la cel mai bun. Setați modul de amestecare pentru stratul de Lumină moale. Folosind Tool Brush (B) și #fffff (alb) efectuați un curs orizontal care traversează discul. Command / Ctrl + T, faceți clic dreapta pentru a selecta Perspective decât în ​​timp ce mențineți colțul din stânga sus, glisați-l până când diagonalele se intersectează în mijloc. Setați modul de amestecare al stratului pe Lumină ușoară și am terminat. Duplicați-o de câte ori doriți, am folosit numai 3 copii și modificați poziția pentru a da efectul de reflecție.


Pasul 41

Faceți un cerc nou, dar de această dată până la 95% din dimensiunea vinilului. Puneți Fill la 0 și aplicați stilul stratului. Duplicați-l de mai multe ori, scăzând dimensiunea stratului odată ce ajungeți mai aproape de centru.


Pasul 42

În acest pas vom face un alt cerc, de data aceasta folosind # ff0000, facem un pic mai mare decât întregul disc, folosiți Elliptical Marquee Tool (M) și facem o mică gaură în cerc cu ajutorul unei măști de straturi, inserați textura canvasului (aceasta poate fi descărcată de la link-ul din Tutorial Assets) transformând stratul într-o mască de tăiere, setați modul de amestecare al stratului în Multiply și este făcut.


Pasul 43

Efectuați un cerc mic exact la dimensiunea găurii pe care am făcut-o doar în pânza roșie, reduceți valoarea Fill to 0 și aplicați stilul stratului. Acum faceți altul, de data aceasta mai mare, aproape la fel de mare ca și cercul roșu, aliniați Fill la 0 și aplicați stilul stratului.


Pasul 44

În acest pas vom crea brațul jucătorului. Creați un grup nou, numiți-l pe brațul jucătorului. Folosind instrumentul Ellipse (U) faceți un cerc negru # 000000 ca cel din exemplu. Selectați Instrumentul Pen (P) și selectați Căi din meniul superior. Desenați o formă ca cea pe care am făcut-o în exemplu, faceți clic dreapta pe ea, selectați Efectuați selecția și apăsați butonul Adăugați masca stratului.


Pasul 45

Adăugați un strat nou, utilizați instrumentul Brush (B) și faceți un punct alb #ffffff în partea de sus a cercului, faceți clic dreapta pe strat și faceți-l o mască de tăiere, setați modul de amestecare al stratului pe Soft Light. Acum faceți un alt strat, umpleți-l cu orice culoare, mergeți la Filtrare> Zgomot> Adăugați zgomot și ridicați cantitatea la 400%, Distribuție la Gaussian și bifați caseta Monocromatică, după ce ați setat modul de amestecare al stratului la Color Dodge, Opacitatea la 15% și umpleți la 50%.


Pasul 46

Faceți un cerc nou ca cel din exemplu, completați-l cu # 353535, adăugați un alt strat în partea de sus a acestuia, utilizați instrumentul Perie (B) pentru a efectua un curs # 000000 negru în partea dreaptă a cercului. Transformați stratul într-o mască de tăiere. Duplicați forma cercului și mutați-o cu câțiva pixeli în sus în direcția de sus dreapta și aplicați stilurile stratului.


Pasul 47

Adăugați un nou strat, iar folosind instrumentul Brush (B) faceți un punct alb #ffffff în partea stângă sus. Faceți stratul o mască de tăiere și setați modul de amestecare al stratului pe Soft Light. Acum, duplicați stratul de zgomot pe care l-am făcut la pasul 45 și îl aduceți pe vârful punctului alb pe care tocmai l-am făcut, făcând în mod evident și o mască de tăiere.


Pasul 48

Folosind Pen Tool (P) trageți o formă ca în exemplu, umpleți-o cu negru # 000000 și mergeți la Filter> Blur> Gaussian Blur, setați raza la 2, 5 pixeli. Încă o dată, cu ajutorul instrumentului Pen (O) faceți o altă formă cu colțuri rotunde precum cea din exemplu, umpleți-o cu # 464141 și aplicați stilul stratului.


Pasul 49

Faceți o formă albă #ffffff de această dată folosind Pen Tool, dar puțin mai scurtă decât cea anterioară, mergeți la Filter> Blur> Gaussian Blur și setați raza la 2, 5. Faceți un mic dreptunghi la capătul brațului, aplicați stilul stratului. Acum, folosind Pen Tool (P) faceți o rușine ca cea din exemplu și umpleți-o cu negru # 000000. Acum vom lucra pe două straturi, primul va avea doar un alb #ffffff un accident vascular cerebral mic la vârf și opacitatea setată la 10%, iar al doilea strat va avea două curse și opacitatea setată la 15%. Ambele vor trebui să fie măști de tăiere.


Pasul 50

Duplicați forma pe care tocmai am făcut-o folosind Pen Tool (P) și mutați-o cu câțiva pixeli în sus. Aplicați stilul stratului. Duplicați cursa #ffffff albă pe care am făcut-o la începutul pasului 49, poziționați-o ca în exemplu. Acum, menținând apăsată tasta ALT, selectați miniatura Vector Mask a stratului de mai jos și trageți-o pe aceasta. Aceasta va copia forma vectorului și va "capta" cursa din interiorul acestuia.


Pasul 51

Creați un grup nou, denumiți-l Șurub. În interiorul instrumentului Ellipse (U) faceți un cerc mic și aplicați stilurile stratului. Utilizați un instrument dreptunghiular (U) pentru a face un mic dreptunghi negru # 000000. Duplicați grupul și mutați-l puțin, deci se pare că două șuruburi păstrează formele împreună.


Pasul 52

Aceasta este ultima formă a formatului audio, caseta de casetă. Utilizând instrumentul Rounded Rectangle (U), setați raza la 10 pixeli, Umpleți la 65% și culoarea la # 4e4e4e și faceți o formă ca cea din exemplu. Aplicați stiluri de straturi. Modelul poate fi găsit în arhiva Pattern din Tutorial Assets.


Pasul 53

În acest pas vom adăuga câteva detalii la casetă. Folosind Pen Tool (P) setați culoarea la # 8c8c8c și faceți o formă similară a mea pe partea dreaptă. Aruncați opacitatea la 45% și duplicați acest strat, reflectând-o pe cealaltă parte a casetei. Instrumentul Pen (P) va ajuta de această dată să facă două detalii pentru casetă, folosind # 323232 și # 5b5b5b, deoarece culorile corpului desenează două forme ca în exemplu. La ultima forma reduceti opacitatea la 80%. Acum, cu ajutorul instrumentului Ellipse (U) și a Instrumentului dreptunghiular rotunjit (U), faceți 4 forme de culoare albă ca în exemplu. Ultimul detaliu pe care îl adăugăm în acest pas este un mic dreptunghi neagră 000000 realizat folosind Tool Rectangle (U) și renunțarea la straturile de opacitate la 75%.


Pasul 54

Folosind Instrumentul Ellipse (U) și Instrumentul dreptunghiular (U) adăugați mai multe detalii ca în exemplu. După ce ați terminat lucrul la detaliile mici, vom adăuga linia de bandă. Pentru aceasta, va trebui să folosim Pen Tool (P) și să-l setăm pe Paths. Faceți o cale ca în exemplul de mai sus decât să setați peria la o dimensiune de 1 pixel și o duritate, umpleți culoarea la 000000 și faceți clic dreapta oriunde în panza pentru a selecta Calea cursei.


Pasul 55

Adăugarea șuruburilor. Creați un grup nou și denumiți-o Șurub. Faceți un cerc negru # 000000 negru în colțul din dreapta inferior ca în exemplu și setați Opacitatea la 45%. Peste asta faceți un alt cerc de această dată cu 80% mai mic și folosind #ffffff alb în timp ce renunți la opacitate la 75%. Aplicați stilurile straturilor la forma cercului alb.


Pasul 56

Folosind o perie mică # 000000 negru efectuați unele curse pe partea superioară și inferioară a șurubului. Faceți clic dreapta pe strat pentru ao face o mască de tăiere și aruncați opacitatea la 75%. Acum, selectați Instrumentul de tip orizontal (T) și folosiți Arial ca font, dimensiunea de 4, 5pt și stilul de font al lui Black face un + în mijlocul cercului. Aplicați acum stilul stratului. După ce se face totul, copiați numele grupului Șurub într-una din zonele indicate în exemplul respectiv.


Pasul 57

Adăugați un nou grup și denumiți caseta. Faceți un cerc maro # 343732 și folosind Instrumentul Pen (P) setat pe Căi face o cale ca cea din exemplu. Faceți clic dreapta pe panza și apăsați Selectați inversă decât apăsați butonul Adăugați masca stratului. Faceți un strat nou peste forma benzii și adăugați un cerc nou, de data aceasta un alb #ffffff, transformați-l într-o Mască de tăiere și aruncați opacitatea la 55%. Folosind Pen Tool (P) setat pe Căi face o altă selecție ca în exemplu și folosind o perie neagră # 000000, umpleți interiorul selecției până când gri este complet mascat.


Pasul 58

Folosind instrumentul Ellipse (U) adăugați un nou cerc, dar de această dată setați culoarea la #aaaaaa. Faceți un alt cerc utilizând instrumentul Elliptical Marquee (M) și adăugați o altă mască de strat. Aruncați opacitatea la 55%. Cu ajutorul instrumentului Ellipse (U) faceți un alt cerc mic și setați opacitatea la 55% decât să aplicați stiluri de straturi.


Pasul 59

În acest pas vom adăuga punctele pe bandă. Folosind Ellipse Tool (U) faceți un cerc mic ca în exemplu, folosind # 737373 decât duplicați-l până când obțineți același rezultat ca în exemplu. Acum, folosind Pen Tool (P) setat la Shape layers și culoarea setată la # 9a5f5f face două forme ca în exemplu. Banda noastră a fost terminată. Duplicați grupul și îl puteți roti după cum doriți pentru un efect dinamic al rulourilor.


Pasul 60

Acest ultim pas va ajuta la realizarea autocolantelor. Folosind Pen Tool (P) faceți o formă ca cea din exemplu, după ce faceți o formă dreptunghiulară folosind Instrumentul Rectangular Marquee (M) și adăugați o mască de strat după ce ați inversat selecția. Aplicați stilurile de straturi. Acum faceți două forme utilizând Instrumentul dreptunghi (U) un alb #ffffff colorat, iar celălalt # f24e47. Asigurați-vă că măștile de tăiere a straturilor și aplicați stilul stratului la ambele.


Imagine finală