Có ai biết thiết kế temp từ file PSD ko ??

Thảo luận trong 'Lập trình & Đồ hoạ' bắt đầu bởi StarShaper, 3/11/06.

  1. StarShaper

    StarShaper Mario & Luigi

    Tham gia ngày:
    10/5/05
    Bài viết:
    704
    Mình down đc 1 số temp khá đẹp, nhưng khi down về, extract ra toàn là file PSD, mở lên thì thấy nguyên 1 temp hoàn chỉnhgồm cách layer là footer, header,.....
    Không biết lmà cách nào để xuất cái file PSD đó ra 1 cái temp hoàn chỉnh gồm css, image, index, .....
    AI bết chỉ mình với
     
  2. datinhkhach25

    datinhkhach25 Mr & Ms Pac-Man

    Tham gia ngày:
    23/5/04
    Bài viết:
    290
    làm quái gì có cách nào từ a-z thế .image ,index thì đơn giản còn cái gì thuộc về code như css hoặc script thì phải tự viết thôi .Từ cái file đó bạn có thể chuyển qua ngay đc file html bằng cách chuyển nó qua Adobe ImageReady ,trong PTS bạn mở cái file PSD đó lên sau đó chỉnh theo ý mình cho ưng ý rồi ấn cái nút "Edit in ImageReady" hoặc ấn phím Shift + Ctrl + M .Qua bên ImageReady sẽ có chế độ preview cái giao diện đó dưới 1 trình duyệt .Nó sẽ tự động cắt từng cái image 1 theo các slice mà mình đã quy định rất tiện
     
  3. datinhkhach25

    datinhkhach25 Mr & Ms Pac-Man

    Tham gia ngày:
    23/5/04
    Bài viết:
    290
    bạn làm temp của vbb đúng không có cái nào đẹp share qua cho mình với :D
     
  4. StarShaper

    StarShaper Mario & Luigi

    Tham gia ngày:
    10/5/05
    Bài viết:
    704
    Có thử preview bằng IE sau đó save lại nhưn nó ko cắt ra mà chỉ có 1 cái hình duy nhất thôi
     
  5. datinhkhach25

    datinhkhach25 Mr & Ms Pac-Man

    Tham gia ngày:
    23/5/04
    Bài viết:
    290
    vậy phải làm thủ công rồi, bạn muốn nó cắt cái ảnh đó ra làm nhiều mảnh thì dùng công cụ Slice Tool (K) ,cắt trước khi chuyển qua ImageReady nhá .Sau đó preview lại là đc .Mình thường thấy skin của Vbb mà kèm file PSD thì nó hay cắt slice sẵn cho mình rồi mà...lạ nhỉ :D .VD như thế này chẳng hạn :

    [​IMG]
     

    Các file đính kèm:

  6. StarShaper

    StarShaper Mario & Luigi

    Tham gia ngày:
    10/5/05
    Bài viết:
    704
    Thx nhé, lát làm thử
    Mình làm template cho homepage thui, chứ ko phải skin cho vbb đâu :)
    Sorry thắc mắc tý, cắt mấy cái đó ra để làm gì ???
     
  7. hieu_ga_lang

    hieu_ga_lang Mr & Ms Pac-Man

    Tham gia ngày:
    15/10/04
    Bài viết:
    100
    Nơi ở:
    wWw.RapVietNam.Net
    Làm temp bằng Photoshop rất đơn giản chủ yếu bít dùng PTS , nhưng vẽ xong phải làm sao cho nó load nhanh là chuyện nữa ==> Cái này phải học chút thiết kế web bằng 1 số trình thông dụng (khỏi nói )
     
  8. red_strike

    red_strike C O N T R A

    Tham gia ngày:
    13/10/04
    Bài viết:
    1,722
    Nơi ở:
    Onikage Clone :)
    Sặc cu hiếu trình độ ... mà cũng :D
    Mấy cái temp là giao diện mẫu cho chúng ta thui, muốn thiết kế web phải biết sơ về lập trỉnh web 1 tí (đơn giản như HTML), css là do bạn tự viết nó nằm bên DHTML (mới học xong ^_^)!

    Do nếu load một tấm hình bự chảng sẽ cảm thấy trang web load lâu nên yêu cầu bạn cắt nhỏ ra bớt để lúc load trang web sẽ load nhanh hơn !
     
  9. datinhkhach25

    datinhkhach25 Mr & Ms Pac-Man

    Tham gia ngày:
    23/5/04
    Bài viết:
    290
    ặc ặc...thì cái file PSD này chủ yếu là để cắt ra rồi mới dùng mà đâu có để cả khối thế đc...
     
  10. red_strike

    red_strike C O N T R A

    Tham gia ngày:
    13/10/04
    Bài viết:
    1,722
    Nơi ở:
    Onikage Clone :)
    Dùng công cụ Slices để cắt ra các mảnh theo ý muốn rùi dùng chức năng save for web ....

    Nếu bạn ko rành dùng PTS thì mấy cái PSD có sẵn cũng là thử thách lớn đó :D
     
  11. Powers_2004

    Powers_2004 Hàng VN xuất khẩu \m/ Moderator

    Tham gia ngày:
    13/7/04
    Bài viết:
    1,171
    Nơi ở:
    Hanoi
    cần gì file PSD, dùng JPEG chất lượng tốt cắt = slice rùi CTRL + ALT + SHIFT + S
    save ra là ok hết
     
  12. red_strike

    red_strike C O N T R A

    Tham gia ngày:
    13/10/04
    Bài viết:
    1,722
    Nơi ở:
    Onikage Clone :)
    He thì cũng phải chỉnh sửa mới cắt ra cũng được mà ^_^ !
    Nhưng mà nên chỉnh chế độ màu cho hợp lý để tối ưu hóa dung lượng !
     

Chia sẻ trang này