9th February 2008

Navigation Box – Tutorial Photoshop

Astazi vom invata cum sa realizam un spatiu pentru un meniu, reclame, statistici, etc. Un spatiu unde poti adauga ce vrei tu, eu voi face un exemplu pentru Linkuri Sponsorizate introducand reclame Adsense in el. Hai sa incepem

[Pasul 1] Deschide Adobe Photoshop si creaza un nou document de marimea 400px cu 350px. (400 e lungimea si 350 inaltime)

photoshop, tutoriale photoshop

[Pasul 2] Selectam Rectangle Tool si realizam un dreptunghi ce va fi centrat in pagina. Eu voi folosi culoarea #5b5b5b

adobe photoshop

photoshop tutorial, draw rectabgle

[Pasul 3] Selectam Rounded Rectangle Tool si realizam un dreptunghi pe care il mutam inaintea primului Layer. Aici voi folosi culoarea #0bc8ff. Acest dreptunghi il vom pozitiona in coltul din stanga – sus

rounded rectangle tool, cursuri photoshop

draw rounded rectangle blue

Nu uitati sa mutati Layer-ul 2 in spatele primului Layer

Adobe Photoshop Layers

Layer mutat

[Pasul 4] Duplicati dreptungiul creat anterior ( Click dreapta pe Layer si selectati Duplicate Layer sau CTRL + J ) pe care il vom pozitiona in coltul din dreapta – jos

duplicate layer

layer duplicat, duplicate layer

[Pasul 5] Aici vom crea la fel ca in pasi de mai sus, un dreptunghi dar de alta culoare pe care il vom duplica si le vom pozitiona unul in coltul din dreapta-sus iar altul in coltul din stanga-jos. Voi folosi culoarea #badc47

photoshop tutoriale

[Pasul 6] In acest pas vom adauga un text, eu sunt nevoit dupa regulile adsense sa scriu Linkuri Sponsorizate. Voi folosi font-ul Verdana si voi trasa o linie pentru a delimita textul de reclama.

linkuri sponsorizate, adsense

REZULTAT FINAL

rezultat final adobe photoshop

Va multumesc pentru atentie si imi cer scuze pentru cei ce asteptau un tutorial mai greu dar dupa cum am mai spus o luam pas cu pas. Cine are vreo idee despre ce am mai putea adauga il rog sa lase comentariu. Am vrut sa delimitez zona de Linkuri sponsorizate fata de reclame cu un pattern frumos dar am zis ca va fi lung tutoriale fiind necesar sa va arat si pasi pentru a crea un pattern!

UPDATE: Site-ul Tutoriale Photoshop a fost lansat. Vezi mai multe tutoriale photoshop



    5 Comentarii

  1. kosmin says:

    Imi place tutorialul si arata bine. Poate in final, o sa faci o carte on-line si o publici.Bineinteles…gratuit. :)

  2. Agent 47 says:

    Sunt foarte bune! Keep up the good work ;)

  3. sorenson says:

    Ti-a iesit ceva frumos, culorile sunt foarte bune :X. Bravo, bun tutorial

  4. Razvan says:

    Fa o carte si public-o, da’ pe bani. Si tinerii au nevoie de bani (presupun ca esti tanar) asa ca nu pierde nicio ocazie de a face mai multi si nu-ti irosi talentul.

    PS: Sa stii ca si eu sunt photoshoper si am douazeci si ceva de ani si nu-mi place sa aud ca tinerii tre’ sa demonstreze bla, bla si ca banii mai tarziu bla, bla. Asa ca: NU-TI IROSI TALENTUL.

    SUCCES!

Adauga Comentariul tau!