Photoshop slices

• 0Niko još nije pohvalio poruku.
  Registruj se da bi pohvalio/la poruku!

Zna li neko malo vise naesto o slices alatu u Photoshop-u i cemu on sluzi?

• 0Niko još nije pohvalio poruku.
  Registruj se da bi pohvalio/la poruku!

Kada napraviš web stranicu u Photoshopu, tj. grafiku (banner, grafičke linkove, i uopšte interfejs stranice), za potrebe slaganja u Dreamweaveru ili Frontpage-u, potrebno je tu jednu sliku izdjeliti na manje dijelove, tj. dijelove koji se slažu u tabelu, odnosno u ćelije tabele.

Slice alatka služi da stranicu izdjeliš u manje slike od kojih ćeš posle napraviti .html fajl.

Nadam se da si me razumjeo,
a iako nisi pitaj.

• 0Niko još nije pohvalio poruku.
  Registruj se da bi pohvalio/la poruku!

Pretpostavljao sam da to tome sluzi. Kako recimo ja izdelim stranu u photoshop-u na par celija a recimo u DW na isti par celija sa drugacijim rasporedom. Ko ce tu imati prednost sto se tice rasporeda, photoshop ili DW? I jos nesto, kad izdelim sliku na slices i snimim je kao JPEG ?! onda je u DW otvaram i ubacujem kao picture? To pitam jer me zanima na koji nacin podeljenost same slike ostaje prilikom prenosa u DW jer JPEG format nema te mogucnosti da cuva tako podatke o slici? Uf, sta su pitanja a tek ce ih biti...

• 0Niko još nije pohvalio poruku.
  Registruj se da bi pohvalio/la poruku!

E ovo i mene zanima, mogao bi ti offman-e da nam lepo sve objasnis

• 0Niko još nije pohvalio poruku.
  Registruj se da bi pohvalio/la poruku!

Hmm zar nema Photoshop da uz slices izveze i html s atabelom koja vec sadrzi ugradjene slices?

• 0Niko još nije pohvalio poruku.
  Registruj se da bi pohvalio/la poruku!

Može se iz PS-a direktno eksportovati .html fajl, međutim preporučljivije je koristiti editor (Dreamweaver, Frontpage, ...) jer piše čistiji kod, stranice su više optimizovane.

Slice prati formu stranice. Jedan slice za banner, jedan za dugme, itd. Stranica se eksportuje sa "Save for Web" opcijom, a onda se dobijeni slajsovane sličice ubacuju u DW.
Kako se ubacuju?

Najbolje je napraviti jednu tabelu sa recimo tri reda (opet ovo zavisi šeme stranice) i unutar polja njenih polja ugnježdavati manje tabele, zbog lakše manipulacije sličicama, formama, tekstom i drugim stvarima.

Za svaku slajsovanu sličicu treba da se predvidi jedna ćelija tabele i to je to.

Jednostavnije slike (sa nekoliko boja) treba eksportovati u GIF formatu, jer je bolja optimizacija, dok je za fotografije pogodniji JPEG format.

Kad su u pitanju linkovi ukoliko se želi postići rollOver efekat onda treba izabrati u DW-u, Insert>Interactive Images>Rollover Image, gdje se pojavi prozorčić koji vas pita za putanju do slike koja će biti prvo stanje dugmeta, i ispod nje do slike koja će se prikazati kad se mišom pritisne link.

@Ivantes
Dakle, kada kreiraš tabelu u DW-u treba da predvidiš gdje šta stoji, a zatim ubaciš slajsovane sličice. Naravno, u kreiranju tabele se vodiš formom koju si napravio u Photoshopu.

Kada kreiraš tabelu ukoliko ne želiš vidljive okvire tabele postavi veličinu bordera na nulu, i slike će nalijegati jedna na drugu i nećeš imati izgled tabelarno podijeljene strane.

• 0Niko još nije pohvalio poruku.
  Registruj se da bi pohvalio/la poruku!

Slazem se da DW pravi cistiji kod ali ne i za Frontpage... zato sam i batalio da ga koristim

• 0Niko još nije pohvalio poruku.
  Registruj se da bi pohvalio/la poruku!

Samo sam ga napomenuo kao alternativni HTML editor.
Ne znam ni zašto sam ga pomenuo?

• 0Niko još nije pohvalio poruku.
  Registruj se da bi pohvalio/la poruku!

Provalio sam donekle rad sa slice-ovima ali kako recimo kad snimim nekousliku (save for web) kao skup jpeg delova i potrebno mi je da recimo negde promenim boju, ne moram posle toga (mislim na promenu boje u CS-u) ponovo da idem na istu opciju za snimanje jer mi posle toga ponovo snima sve slicice ponovo pa i onu kojoj sam promenio boju?

• 0Niko još nije pohvalio poruku.
  Registruj se da bi pohvalio/la poruku!

Ako sam te shvatio dobro, u tom slučaju najbrže je da selektuješ sliku pa Ctrl+C, novi fajl (biće istih dimenzija kao slika koju kopiraš), a zatim u tom fajlu Ctrl+V (Paste) i Save for Web.

Moja preporuka ti je da prije nego što priđeš računaru osmisliš strkturu sajta i raspored objekata na stranici, tek zatim krećeš u izradu i igraš se sa bojama i tek kad definitvno budeš zadovoljan, krećeš u DW da to oživiš u HTML-u. Ovo je još važnije ako se upustiš da praviš nešto u Flashu.