Resources

    Abonti-va la fluxurile RSS prin email. Scrieti adresa de email in partea din dreapta pentru a primi cele mai noi tutoriale.
    sageata2

Subscribe

  • Subscribe

iPod Classic in Photoshop



iPod Classic - rezultat final 2

In acest tutorial vom invata cum sa realizam un iPod Classic in Photoshop de la 0.

1) Deschide un document nou cu dimensiunile 300×540 px.

2) Creeaza un layer nou, selecteaza Rounded Rectangle Tool, si foloseste setarile din imaginea urmatoare pentru a realiza un dreptunghi.

iPod Classic - 02 Rounded Rectangle Options

iPod Classic - 01

3) Apasa click dreapta pe layer, selecteaza Blending Options, apoi pune urmatoarele setari pentru:

Inner Glow

iPod Classic - 03 Inner Glow

Gradient Overlay

iPod Classic - 04 Gradient Overlay

Stroke

iPod Classic - 05 Stroke

iPod Classic - 06

4) Creeaza un layer nou, pune numele acestui layer “Gradient“, selecteaza Rectangular Marquee Tool, apoi folosind setarile de mai jos realizeaza 2 selectii ca in imaginea urmatoare.

iPod Classic - 07 Setari Rectangular Marquee Tool

iPod Classic - 08

5) Vom adauga cate un gradient linear pentru fiecare din cele doua selectii. Pentru prima selectie adauga un gradient #b0b1b4 spre transparent, iar pentru a doua selectie foloseste un gradient #767b7f spre transparent. Apasa click pe imaginea de mai jos pentru a o mari.

iPod Classic - 09 Explicatii Gradient

6) In paleta de layere apasa Ctrl+Click pe imaginea corespunzatoare layerului ce contine forma iPod-ului. Selecteaza layerul “Gradient“, apasa Ctrl+Shift+I pentru a inversa selectia, apoi apasa Delete. Schimba opacitatea layerului “Gradient” la 70%. Apasa Ctrl+D pentru a deselecta tot.

iPod Classic - 10

7) Apasa din nou Ctrl+Click pe imaginea corespunzatoare layerului ce contine forma iPod-ului, creeaza un layer nou si umple selectia folosind culoarea #767b7f. Mergi la Filter > Artistic > Film Grain si pune setarile din imaginea de mai jos. Schimba modul de imbinare al acestui layer in Soft Light.

iPod Classic - 11 Film Grain

iPod Classic - 12 Film Grain

8) Selecteaza Elliptical Marquee Tool si realizeaza un cerc folosind marimea fixa 165 px.

iPod Classic - 13 Elliptical Marquee Tool

9) Umple cercul folosind culoarea #f9fafc, apoi apasa Ctrl+D pentru a deselecta tot.

iPod Classic - 14

10) Acum vom pune cercul exact in mijlocul iPod-ului. Selecteaza forma iPod-ului (cum ai facut la pasul 6), selecteaza Move Tool (V), apoi din bara de optiuni de deasupra imaginii apasa click pe butonul Align Horizontal Centers.

iPod Classic - 15 Align Horizontal Centers

iPod Classic - 16

11) Apasa click dreapta pe layerul cerc, selecteaza Stroke, apoi pune culoarea #b2b6b9 si marimea 1 px.

iPod Classic - 17 Stroke

12) Creeaza un layer nou, selecteaza Elliptical Marquee Tool, apoi realizeaza un cerc folosind marimea fixa 59 px. Umple acest cerc folosind orice culoare. Apasa Ctrl+D, apoi selecteaza cercul mare (Ctrl+Click pe imaginea layerului corespunzator). Selecteaza Move Tool si apasa click pe butoanele Align vertical centers si Align horizontal centers din bara de optiuni de deasupra imaginii.

iPod Classic - 18 Align

iPod Classic - 19

13) Apasa click dreapta pe layerul cercului mai mic, selecteaza Blending Options si pune urmatoarele setari pentru:

Gradiend Overlay (#e7ebee spre #b9bec1)

iPod Classic - 20 Gradient Overlay

Stroke (#d5d5d5)

iPod Classic - 21 Stroke

iPod Classic - 22

14) Scrie cuvantul “MENU” folosind fontul Segoe, marimea 11 px si culoarea #a8adb3. Aliniaza apoi textul cum ai facut la pasul 10.

iPod Classic - 15 Align Horizontal Centers

iPod Classic - 23

15) Creeaza un layer nou, selecteaza Custom Shape Tool si foloseste forma din imaginea de mai jos cu marimea fixa 8px*6px si culoarea #aab3ba.

iPod Classic - 24 Custom Shape Tool

16) Apasa Ctrl+T pentru a transforma layerul, apoi apasa click dreapta pe imagine si selecteaza Rotate 90° CCW.

iPod Classic - 25

17) Apasa Ctrl+J pentru a realiza o copie a acestui layer apoi selecteaza Move Tool (V) si muta layerul in stanga cu 6 pixeli. Apasa Ctrl+E pentru a uni acest layer cu cel de dinainte.

iPod Classic - 26

18) Selecteaza Rectangle Tool si foloseste marimea fixa 2px*9px pentru a realiza un dreptinghi. Muta acest dreptunghi in fara celor 2 triunghiuri si apasa Ctrl+E pentru a uni layerele formelor creeate. Apasa Ctrl+J pentru a realiza o copie a layerului, apasa Ctrl+T pentru a-l transforma, apasa click dreapta pe imagine si selecteaza Flip Horizontal. Muta acest layer in partea dreapta a iPod-ului.

iPod Classic - 27

19) Pentru a realiza butonul Play/Pause creeaza un triunghi si doua dreptunghiuri cu aceleasi dimensiuni pe care le-ai folosit in pasul anterior (retine: pentru fiecare forma trebuie sa creezi un layer nou, apoi trebuie sa le unesti pe toate 3). Muta apoi layerul acestui buton in partea de jos.

iPod Classic - 28

20) Creeaza un layer nou, selecteaza Rectangle Tool apoi realizeaza un dreptunghi folosind marimea fixa 224px*68px. Apasa click dreapta pe layer, selecteaza Blending Options apoi aplica stilul Stroke cu setarile din imaginea de mai jos.

iPod Classic - 29 Stroke

iPod Classic - 30

21) Acum pune o imagine oarecare pe ecranul iPod-ului. Eu am folosit o imagine cu Nelly Furtado a lui shamasy.

Rezultatul final

iPod Classic - rezultat final 2
download-button-2.jpg

Alte tutoriale


line

comentarii2
  1. JustCrys 

    …:::super tare I-Pod-ul. A……si prezentarea imaginilor;) e “meserie”.sunteti cei mai tari:::…

  2. anca 

    e foarte tare tutorialul :D bravo

  3. andreea 

    bravo pentru tutorial. e foarte reusit.

  4. JustCrys 

    …:::salut! ma numesc cristi si am o rugaminte. puteti sa faceti un tutorial unde explicati cum se fac animatiile in photoshop si cum se salveaza in gif. asa ca eu cand deschid imaginea sa se miste. va multumesc si cum am zis mai sus suunteti cei mai tari!!!!;) :) :) :) ;)

  5. admin 

    avem un tutorial despre text animat. la ultimul pas am scris si cum se salveaza animatia.

    http://tutorialephotoshop.net/text-animat/

  6. JustCrys 

    .:.:.:ms mult>:D< >:D< :.:.:.

  7. Gaby 

    cel mai gros tutorial !

  8. constantin 

    da interesanta ideie, dar s-ar putea cred ca face asta si mai rapid,, dar daca e prima data numai asa e posibil
    bravo autorului

  9. admin 

    si daca l-am face mai rapid, ar mai fi la fel de realist? :)

  10. cata 

    e super tare tutorialu asta :D
    o imagine animata…. poti pune un tutorial cu asa ceva ? de ex o inima care bate sai ceva de genu….
    k as vrea sa invatz s eu:D

  11. admin 

    cata, voi scrie in curand un tutorial despre un difuzor care vibreaza :)

  12. cata 

    ms mult (tot ce faci e bestial)



spune

NUME (necesar)

EMAIL (necesar)

SITE

COMENTARIU