Filehost.ro - gazduire fisiere
Evolution Hacking Area
Bine ati venit pe Evolution Hacking Area Forum ! Aici veti gasi o gama larga de metode de hack atat pe Windows cat si pe platforme Linux/Unix , programe in consecinta ,tutoriale . In acelasi timp aici veti gasi si asistenta help in materie corespunzatoare . Precizam ca tot ce se gaseste pe acest site este doar in scop de dezvoltare iar voi va asumati intreaga raspundere pt actiunile pe care le savarsiti . || Evolution`Zone|| Va Multumeste pt vizita !
Nou pe simpatie:
Profil amy70
Femeie
24 ani
Bucuresti
cauta Barbat
31 - 59 ani
Evolution Hacking AreaReguliInregistrareLoginPozeNu sunteti logat. Lista Forumurilor Pe Tematici
Evolution Hacking Area / Web Design /

Slicing tutorial

Pagini: 1  
#1
Vallent
Administrator
Din: Bacau
Postari: 164
Deschideti imaginea pe care vreti sa o impartiti in mai multe bucatele pt web. Imaginea de baza ar fi bine sa o salvati .png sau .jpg la calitate maxima, optimizarea pt net se va face dupa slicing.
Apasati ctrl+r pt a deschide rulerul sau dati view-rulers

Dati click pe "rigla" si divizati imaginea dupa cum vreti sa folositi bucatelele ei.
Acum apasati pe iconita de trecere in ImageShack {poza}
Dupa ce s-a deschis imageready dati slice-create slices from guides. Imaginea voastra ar trebui sa arate in modul acesta:

Puteti alege formatul imaginilor mici(the slices) ca fiind .jpg sau .gif si alegeti compresarea lor in Optimize Pallet. In window-optimize ar trebui sa aveti ceva de genul:

Pt a ajusta fiecare taietura in parte aveti grija ca Web Content Pallet sa fie deschisa si selectati window-web content si veti vedea toate partile in paleta si puteti sa selectati fiecare taietura pt a o ajusta.

Acum tot ce va ramane e sa salvati: File - save optimized as si de acolo selectati html si images, iar imaginile pe care le-ati taiat le veti gasi in subfolderul images din folderul in care ati salvat .html-ul.

Slicingul se mai poate face si direct in ImageReady cu slice tool.
Tutorial tradus de pe www.tutorialized.com + cateva chestii de la mine.

Cu slicingul acesta puteti sa faceti si backgrounduri cu gradient care sa nu consume multi kb. Selectati o portiune dintr-un gradient de pe o imagine si ii dati slice si o salvati. Imaginea respectiva o duplicati in .html. Ceva in genul asta:http://www.devclever.com/tutorials/images/inline_full_71.gif


_______________________________________
I love hack :X

 
   
Pagini: 1  
Mergi la