fikat.com

fikat.com

Cursuri de design & IT by request

Pirelli-like Wallpaper

Pirelli-like Wallpaper Un articol in 2 pasi despre cum sa-ti faci un wallpaper in genul celui de pe siteul Pirelli The Film.

.

Pirelli-like Wallpaper

Mai intai creez un document nou, cu o rezolutie de wallpaper.

Pirelli-like Wallpaper

Dupa ce am dat fill cu negru pe bacnground (ctrl+backspace avand negru ca a doua culoare), cu type tool mai intai am descris un dreptunghi cat toata suprafata wallpaperului, in care am dat paste la un dummy text gen generat pe lipsum.com

Pirelli-like Wallpaper

Aleg motion blur din meniu.
Pirelli-like Wallpaper

Photoshopul o sa ma atentioneze ca textul era vectorial si efectul se aplica numai pe raster. Dar sunt ok cu asta, ce sa fac? :)

Pirelli-like Wallpaper

Cam astea ar fi setarile pentru motion blur. De vazut pe fundal un live prevew.
Pirelli-like Wallpaper

Aici am facut un pic mai multe chestii, dar le prezint pe un singur slide pentru ca au legatura intre ele:

  1. am creat o masca cu butonul indicat pe poza (click pt zoom), pentru a da intensitate dungilor pe anumite zone.
  2. masca functioneaza cu nuante de alb si negru (am mai scris de asta, negrul ascunde, albul arata); cu al doilea cerc am marcat faptul ca nu lucrez cu negru si alb, ci cu un ton de gri. Si alb :)
  3. Aleg gradient tool
  4. Aleg al 4-lea tip de gradient, cel in valuri.
  5. In cazul meu a trebuit sa bifez reversed pentru ca-mi iesea invers gradientul.

Pirelli-like Wallpaper

Si asta e rezultatul final. Click pe poza pentru varianta marita.

Daca vrei sa faci variatii pe aceeasi tema, e de ajuns sa schimbi unghiul de la motion blur si sa te joci cu backgroundul.


No Comments, Comment or Ping

Reply to “Pirelli-like Wallpaper”


Cere un tutorial

Ultimul mesaj acum 3 zile, 12 ore
3 vizitatori sunt online.
  • Antispam: Inainte de a scrie, trebuie sa calculezi chestia de mai jos. Hai ca nu e greu!
  • cage : programu se numeste photoshop
  • Adriana : ?
  • Adriana : qm s enum prg asta de modificat
  • Tweet : cineva va rog am nevoie
  • Tweet : Va rog poate cineva sa.mi trimita si mei photoshop-ul >?
  • Guest_375 : De unde pot downloada Photoshop gratis ??
  • cage : imi spune cineva cum pot sa pun ca fundal la o poza un peisaj sau alta imagine??
  • Guest_4936 : buna
  • Guest_166 : un tutorial pentru plastic transparent dar realistic, am gasit unul in engleza dar e foarte greu, nu-mi iese nimic si acela era chair realistic, (combinatie intre sticla si plastic. please :)
  • Guest_3040 : 20
  • Guest_4271 : daa cumm se face la photoshop ca nu ma pprea descurc
  • BadLollipop : sal
  • @nonim : daca ma puteti ajuta va rog sa nu ezitati sa-mi lasati mesaj pe adresa de mail: «email» :D
  • @nonim : Multumesc Anticipat!!!
  • @nonim : 2.De unde pot adauga "efecte speciale", de ex. sa fac un obiect din imagine mai stralucitor etc
  • @nonim : 1. De unde pot modifica culoarrea background-ului?
  • @nonim : salut! tocmai m-am apuct si eu sa modific poze in photosop si as avea cateva intrebari.
  • allyna : «link» colaborare?
  • Guest_1421 : laura tool-ul se numeste slice nu ruler...slice inseamna felii
  • Maria : wet ink. pe bune, un typography, un text a carui cereneala se prelinge :D ?
  • ral : bun
  • Guest_1396 : as vrea un sait sami pun foto in rame
  • AndrusK : As dori si eu un tutorial despre cum sa fac acele linii pe diagonala , am vazut in multe poze asa ceva.
  • Guest_192 : vreau si eu asa programa,please! !
  • laura : cum export textul in .html astfel incat sa nu il vada cel care imi intra pe site ca o simpla imagine? Vreau ca textul sa se poata selecta....pls help!!! E posibil sa fi pus niste intrebari stupide....dar cand nu te pricepi.... Va rog sa ma ajutati cu un raspuns cat mai detaliat....ca pentru incepatori. Multumesc mult!!!
  • laura : Documentul html obtinut, dupa ce il export din photoshop il deschid cu dreamweaver si de aici ma blochez pentru ca textul este o imagine.... Nu ma pricep f bine nici la dreamweaver ca as pune textul acolo...ma puteti ajuta, va rog? Daca incerc sa pun textul acolo pagina se deformeaza, imaginile se muta dupa bunul plac....un haos total. 2. daca as lucra tot siteul in photoshop si as pune legaturile intre pagini cu image ready, ma lovesc de aceeasi problema....cum export textul in .html astfel in
  • laura : Buna, 1. am desenat toate paginile unui site in photoshop, dar mai departe nu stiu exact cum sa procedez. am tot vazut in tutoriale ca se delimiteaza imaginile cu ruler tool inainte (are vreo importanta asta sau?), insa nu stiu cum sa fac exact…. Si apoi se foloseste slice tool insa cum export (save for web&devices) apoi?? Fiecare imagine in parte sau toate odata? Si mai ales cum export textul din photoshop in dreamweaver astfel incat sa NU mi-l ia ca o poza ci ca text? Documentul html obti
  • ZuZu;x : Hey..vreau sh eu scris` misto la photoscape:(cum ar fi SCRIPT ala..sh eO nu`l am:((..
  • Chocolate : salut ..am cateva intrebari