Dùng Photoshop thiết kế Icon [.ico] (ICO Plugin)

Thảo luận trong 'Đồ hoạ - Multimedia' bắt đầu bởi dihuta, 20/9/09.

  1. dihuta Administrator

    Trước nay chúng ta vẫn sử dụng các phần mềm chấm điểm để làm Icon, việc này tuy đơn giản nhưng khó mà có được một cái icon đẹp, đặt biệt là những icon bóng bẩy cho Vista hoặc Mac OS X. Hôm nay xin chia sẻ với các bạn 1 plugin dành cho Photoshop giúp ta lưu trực tiếp ảnh từ Photoshop sang icon.

    [IMG]

    Plugin mà chúng ta dùng là Telegraphics Windows ICO, một Plugin miễn phí cho Photoshop (cả Windows & Mac).

    Cài đặt:


    • Đầu tiên ta download plugin tại đây.
    • Copy vào thư mục Plugin\"File Formats" (nếu trên Mac là Library\Application Support\Adobe, trên Windows thì nằm trong Programs Files).

    Tạo icon:

    1. Đầu tiên ta nên tạo 1 tài liệu mới với Photoshop với kích thước 64x64 pixels cho đủ to mà dễ vẽ.
    2. Vẽ xong ta vào Edit, Image Size để làm nhỏ lại thành 16x16 pixel.
    3. Chọn file save, chọn ICO (Windows Icon), ta sẽ có 1 file .ico ngon lành.

    Biểu tượng 1tudien.com được vẽ với Photoshop

    http://www.tinhte.vn/forum/imagehosting/14ab643b885109.png



    Resize nhỏ lại 16x16
    http://www.tinhte.vn/forum/imagehosting/14ab643f82de83.png


    Lưu với định dạng Icon là xong hàng

    http://www.tinhte.vn/forum/imagehosting/14ab643b8395f9.png


    [relate]photoshop[/relate]
    tamdm2009, Chưa tinh tế !, fmu16 người khác thích nội dung này.
  2. trunkz Thành viên

    Thank Giáo chủ. Bác nào siêng năng + pro PS thì làm hẳn 1 bộ icon share cho anh em với :)
  3. Vaanres Thành viên

    thanks bác nhiều , bữa nào rãnh làm một mớ icon mang bản sắc của chính mình :D, nhưng mà cái link down plugin nằm ở đâu vậy , cái link bác dihuta đưa một rừng rú trong đó luôn tìm không ra :(
  4. dihuta Administrator

    Khung đầu tiên hết (ICO (Windows Icon) Format). Nhìn bên phải sẽ thấy nhiều link download.
    trunkz thích nội dung này.
  5. lnmpgb Thành viên

    Hay nhỉ! Phải thử mới được............................................!
  6. xuannhat115 Thành viên

    anh em nào muốn thiết kế icon thì dùng photoshop a! ai có ý tưởng làm icon để tao ra con theme mang bản sắc riêng mih thì hãy liên hệ nha!
  7. nagini Thành viên

    bên mac save thành file tiff rồi copy paste vào cái mún đổi là đc :-? không cần thiết cái plugin nài lắm :-?
  8. dihuta Administrator

    Paste cái muốn đổi là paste vào cái gì vậy bạn? Paste tiff vào cái gì để được .ico để em đưa làm biểu tượng website của em?
  9. quangnewday Thành viên

    Anh em làm themes đã lâu nhưng chưa có bài nào hướng dẫn đầy đủ và một bộ icons mang bản sắc riêng, tks.
    Bác Dihuta cần icon kiểu như thế này phải không ?
    Bác cần cái gì báo em nhé, trong tầm tay em sẽ giúp hết mình.:D
    [IMG]
    Bác down files đính kèm nhé!
    P/S: Icon được design bởi phần mềm CorellDraw.

    File đính kèm:

  10. cktran Thành viên

  11. mr_klins Thành viên

    sao em tải về rùi mà ko pit copy vô đâu,em xài win xp,ai pit giúp em với
  12. calving Thành viên

    Có ai có thể hướng dẫn mình để thiết kế hiệu ứng gương phản chiếu như vậy ko?
    Đây là ví dụ: cột bên trái là bình thường, cột bên phải đã thêm hiệu ứng "gương chiếu"

    [IMG]
  13. vntrungkien Thành viên

    Theo em được biết, icon bây giờ không chỉ là 16x16 đâu, mà hiện nay một file .ico có thể chứa trong nó nhiều kích thước 16x16, 32x32, 64x64, 128x128, 256x256... để có thể hiển thị tốt trong mọi môi trường, đặc biệt điều này thể hiện rõ trong windows Vista và Windows 7 (em đang dùng Windows 7 x86 OEM ra ngày 09.09.2009). Vì vậy Plugin này không thể giải quyết được vấn đề đó khi không thể lưu đa kích thước, nhưng cũng thú vị khi chỉ cần 1 kích thước.
    @calving: cách làm rất đơn giản như sau: khi đã có hình bên trái, bạn vẽ hình bên phải và tô màu trắng, cho độ trong suốt khoảng 70% là ok (độ trong suốt nằm trong tab layer, tiếng anh là opacity gì đó, đơn vị từ 0 - 100, 0 là trong suốt, 100 là màu tô).
  14. the_onlysun Thành viên

    Mình dùng PTS trên Win bạn nhé.

    Bạn để ý là hai bức ảnh trái và phải phần dưới không khác gì nhau, chỉ có phần trên thì bức bên fải có khoảng trắng mờ tạo hiệu ứng. Do đó:
    B1: bạn nhấn Ctrl-M, rồi Shift-M cho đến khi biểu tượng Marquee Tool là hình tròn, kéo 1 hình tròn cắt 1/2 bức ảnh để tạo vùng select. Ctrl-J để tạo layer mới với vùng này.
    *Lưu ý: có rất nhiều cách để chọn vùng này, và kích thước là tùy bạn, ví dụ như dùng Pen Tool chẳng hạn :) Bạn nên select sao cho vùng chọn chiếm khoảng 1/2 bức ảnh (k nên quá, nhìn sẽ k thật)

    B2: bấm phím G (Gradient Tool), lúc này nếu bạn chọn Foreground Color là trắng thì ok, chọn tiếp options gradient từ trắng đến trong suốt)
    . Kéo 1 đường từ trên xuống. Tùy chỉnh Opacity của layer này là xong.

    Chúc bạn thành công :biggrin9gp::biggrin9gp:
    thangquynho4mat thích nội dung này.
  15. jonny87 Thành viên

    cũng ok, cách rất đơn giản để tự tay design icons
  16. nagini Thành viên

    @dihuta : không đọc kĩ bài đầu, sry :"]
    http://tools.dynamicdrive.com/favicon/
    online tool to convert gif, jpg, png, and bmp to favicon ;))
    btw, bên mac bạn vẽ rồi save file bmp hoặc jpg sau đấy rename thành ico cũng đc :)) switch sang windows thì thấy nó nhận, web thì chưa thử :"]
  17. tamdm2009 Thành viên

    em nhìn cũng thích lắm nhưng mà mấy em cấu hình yếu quá ko lên đc vista
    :((
  18. visc Thành viên

    thiet là tiện a.
    thank's bac nhiu nha
  19. Cong Chung Nguyen Thành viên

    like & thanks

Chia sẻ trang này