Simpatie.ro - matrimoniale
Hacking and more...
HaCkinG CulT
Nou pe simpatie:
Kalifa pe Simpatie
Femeie
24 ani
Ialomita
cauta Barbat
24 - 65 ani
Hacking and more...ReguliInregistrareLoginPozeNu sunteti logat. Lista Forumurilor Pe Tematici
Hacking and more... / Web-DesiGn Stuff /

Slicing tutorial

Pagini: 1 Moderat de Shocker
#1
boogiesbc
Elite Member
Postari: 1200
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

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/imag ... ull_71.gif


_______________________________________

http://boogiesbc.deviantart.com
30 iunie 2007: Muzica e prima voce...
9 septembrie 2006: Boogie's Sleek Style | Y!M skin

 
   
#2
Inside
Elite Member
Din: ..:: Angels City ::..
Postari: 1351
acuma 10 min iam dat close si acuma il cautam prin pagina 3 ca nu stiam unde e

_______________________________________
http://aud-in-ceata.ro

 
   
#3
boogiesbc
Elite Member
Postari: 1200
Am facut curatenie pe aici prin thread cand mi-ai zis ca ai nevoie de slicing.

_______________________________________

http://boogiesbc.deviantart.com
30 iunie 2007: Muzica e prima voce...
9 septembrie 2006: Boogie's Sleek Style | Y!M skin

 
   
Pagini: 1  
Mergi la