[Nhờ giúp đỡ] cắt website template từ Adobe Illustrator Xin mob vài ngày

Thảo luận trong 'Thư giãn' bắt đầu bởi diephvvnd, 7/4/15.

  1. diephvvnd

    diephvvnd Fire in the hole! Lão Làng GVN

    Tham gia ngày:
    3/5/09
    Bài viết:
    2,842
    Nơi ở:
    Sakura No Ayakashi
    Chả là mới nhận được cái Job freelancer làm template từ file AI, họ đưa về bài test, front end thì cũng làm quen rồi nhưng chỉ mới làm với file PSD chứ chưa làm với AI bao giờ, ai có KN thì hướng dẫn giúp mình cái.
     
  2. Nighter

    Nighter

    Tham gia ngày:
    14/12/07
    Bài viết:
    2,295
    Nơi ở:
    HuyDesign.com
    File > Export > chọn định dạng .psd > Done
    Tuy nhiên thằng đần làm ra cái temp đó phải chia layer đàng hoàng, nếu ko export sang psd cũng bằng thừa thôi
     
  3. thanhtungtnt

    thanhtungtnt You Must Construct Additional Pylons Lão Làng GVN

    Tham gia ngày:
    23/8/06
    Bài viết:
    8,991
    Nơi ở:
    Balamb City
    Mọe thiết kế web lại đi dùng AI.
    Export ra PSD đảm bảo sẽ bị mờ và bị lỗi cho xem. Trc có làm một lần kiểu vậy rồi. Chán lắm :|
     
  4. Nighter

    Nighter

    Tham gia ngày:
    14/12/07
    Bài viết:
    2,295
    Nơi ở:
    HuyDesign.com
    ko mờ, nhưng tất cả vector trên cùng 1 layer sẽ bị nhập hết lại thành 1 bitmap, khỏi cắt luôn
     
  5. thanhtungtnt

    thanhtungtnt You Must Construct Additional Pylons Lão Làng GVN

    Tham gia ngày:
    23/8/06
    Bài viết:
    8,991
    Nơi ở:
    Balamb City
    ^ nếu vậy thì export ra png luôn cho rồi :v
    Làm freelance thấy gì sai cứ nói rõ ràng với thằng designer. Nó chuyên nghiệp thì nó sẽ làm đúng ý bác ngay
     
  6. nickryan

    nickryan The Warrior of Light Lão Làng GVN

    Tham gia ngày:
    10/2/06
    Bài viết:
    2,431
    Dùng AI nhiều nhưng chưa thấy ai design page trên AI bao giờ, có thể design icon, svg các kiểu nhưng rồi export qua PS cả.

    Mà AI cũng có Slice với lại Save for Web , Slice tool thì phía trên cái Fill, Stroke color. AI thì Slice khó hơn 1 tẹo, PS thì nếu select đúng Layer thì nó tự snap, Ai thì ko rõ, nhưng nếu khó Snap thì cứ Slice ra rồi dùng Slice Selection zoom to rồi chỉnh lại. Còn ko thì Guide trước khi Slice là ổn. Bật Smart Guide, snap to point trong View, Select từng object để tạo Guide cho chính xác hơn

    Còn vấn đề Select thì AI nhiều người ko có thói quen dùng Layer, nhưng mà mổi object nó nằm riêng biệt như là kiểu layer vậy, cho dù group thì vẫn có thể select từng em được mà ko cần ungroup, ko có dính trùm trên 1 layer như PS. Đại khái là trong Layer panel, phía bên trái tên Layer có 1 hình tam giác, nhấn hình tam giác nó sẽ xổ xuống các object trong layer đó, nếu có group thì bên trái group cũng có hình tam giác, nhấn vào sẽ ra các object trong group, còn chọn object thì click vào cái hình tròn bên phải layer, đừng click vào tên object như trên PS.

    Khi Select được Object rồi thì bạn tạo Guide dễ hơn, vì nó snap. Guide xong thì Slice, slice song thì vào File/save for Web.
     
  7. hgiasac

    hgiasac snake, snake, snaaaake Lão Làng GVN

    Tham gia ngày:
    21/12/07
    Bài viết:
    8,261
    AI vẫn cắt được thôi. Trừ khi có hình ảnh nhiều thì hơi cực
    Căn bẳn bây giờ web responsive, nên không quan trọng hoá pixel perfect như chục năm trước
     
  8. Nighter

    Nighter

    Tham gia ngày:
    14/12/07
    Bài viết:
    2,295
    Nơi ở:
    HuyDesign.com
    nó chỉ nhập hết vector trên cùng 1 layer thôi, còn nếu nhiều layer khác nhau thì nó vẫn giữ nguyên

    mà chẳng thằng tk ai làm nhiều layer cả
    trong pts còn hỗ trợ chỉnh sửa ảnh, hiệu ứng bét xè nhè ra, ai làm j có

    éo hiểu thằng nào điên đi tk web = ai, đã chẳng giải quyết đc vấn đề còn làm vấn đề phức tạp thêm
     
  9. diephvvnd

    diephvvnd Fire in the hole! Lão Làng GVN

    Tham gia ngày:
    3/5/09
    Bài viết:
    2,842
    Nơi ở:
    Sakura No Ayakashi
    thì nó đã thế rồi mình làm thì phải làm thôi, nó trả tiền mình mà có vẽ bàng paint thì cung xphair làm chứ sao =)).
     
  10. lehieuds

    lehieuds The Warrior of Light Lão Làng GVN

    Tham gia ngày:
    24/11/11
    Bài viết:
    2,354
    File AI nếu chuẩn màu CMYK mà chuyển sang PSD chuẩn RGB sẽ khác biệt khá nhiều nhé.
     
  11. thanhtungtnt

    thanhtungtnt You Must Construct Additional Pylons Lão Làng GVN

    Tham gia ngày:
    23/8/06
    Bài viết:
    8,991
    Nơi ở:
    Balamb City
    Mệt cho bác, tốn công tốn sức hơn chứ lợi lộc gì. Mà nếu bác dạng mới ra trường chưa có kn nhiều thì cứ cắt đi, sau này không bỡ ngỡ nữa.

    Cứ Foundation hoặc Bootstrap mà táng là ngon :D
     
  12. diephvvnd

    diephvvnd Fire in the hole! Lão Làng GVN

    Tham gia ngày:
    3/5/09
    Bài viết:
    2,842
    Nơi ở:
    Sakura No Ayakashi
    ^ Uh ta lâu nay làm dev java, trước có làm front-end nhưng lâu rồi ko đụng, giờ đụng lại thấy công nghệ mới nhiều quá @@.
     
  13. nickryan

    nickryan The Warrior of Light Lão Làng GVN

    Tham gia ngày:
    10/2/06
    Bài viết:
    2,431
    Thật ra giờ xu hướng là flat, material, blah blah nên hiệu ứng ko nhiều, AI dùng cũng được, nói điên thì hơi quá, nhiều người rành AI thì dùng cũng dễ như PS thôi, nhưng do PS là đa số, nhiều người dùng, chưa kể có nhiều plugin phục vụ design web nên được dùng phổ thông.
     
  14. hgiasac

    hgiasac snake, snake, snaaaake Lão Làng GVN

    Tham gia ngày:
    21/12/07
    Bài viết:
    8,261
    Project mình đang làm cũng design bằng AI đây. Hỏi designer thì bảo là công ty đang làm toàn dùng AI :))

    Nhưng mà thật ra AI linh động hơn PS. Vì file PSD chỉ một mình thằng PS mở được. Linux không có PS thì ngồi móm (workaround là giả lập Wine, nhưng mà cũng yêu cầu thêm lắm thư viện hỗ trợ). Tuy thằng GIMP mở được file PSD bị hạn chế: không không đọc được layer text, không mở được file dùng màu CMYK, không đọc được file dùng bản PS mới. Trong khi file AI inkscape lại đọc được tốt
     
  15. duonghiep1

    duonghiep1 C O N T R A

    Tham gia ngày:
    19/11/09
    Bài viết:
    1,659
    Nơi ở:
    Hà nội
    ủa file ai export qua psd vẫn giữ đc nguyên các layer y hệt như vậy qua à , giờ mới bít vụ này :-(||>
    Mà mình có file ai , conver hết các object qua vector rồi mà qua máy khác mở nó vẫn hiện lên warning là sẽ bị lỗi font là sao nhỉ , tưởng vector rồi thì ko ảnh hưởng bởi font nữa chứ
     
  16. hgiasac

    hgiasac snake, snake, snaaaake Lão Làng GVN

    Tham gia ngày:
    21/12/07
    Bài viết:
    8,261
    Convert qua nhưng text vẫn edit được, nên cần font đó để dùng
    Căn bản thằng PS nó tính toán trên Pixel, convert thì cũng từ vector ra pixel luôn. Nếu sử dụng vector thì cần gì AI nữa
     
  17. duonghiep1

    duonghiep1 C O N T R A

    Tham gia ngày:
    19/11/09
    Bài viết:
    1,659
    Nơi ở:
    Hà nội
    mình tưởng là vector rồi thì ko quan tâm đến font chữ nữa chứ nhỉ :| , nếu thế thì chả cần chuyển từ object qua vector làm gì cứ để nguyên luôn
     
  18. diephvvnd

    diephvvnd Fire in the hole! Lão Làng GVN

    Tham gia ngày:
    3/5/09
    Bài viết:
    2,842
    Nơi ở:
    Sakura No Ayakashi
    Vấn đề cắt AI như thế nào thì chả thấy ai bày, toàn nói gì đâu không, mấy hôm nay ngồi cắt thử, mà cái guild của nó lung tung quá chả hiểu cái vẹo gì :|
     
  19. hgiasac

    hgiasac snake, snake, snaaaake Lão Làng GVN

    Tham gia ngày:
    21/12/07
    Bài viết:
    8,261
    Thì đơn giản là mở AI lên cắt. Tool trên AI với PS có khác mấy đâu. Học tutorial cho beginner là làm được. Vòng qua vòng lại thì cũng Đo kích thước, select, copy layer, export ảnh, colorpicker
    Vấn đề là design có phức tạp hay không. Chứ theo phong trào minimalism bây giờ thì dư sức làm được trên AI

    Ta không có AI, phải dùng Inkscape mà vẫn được như thường
     

Chia sẻ trang này