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

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.

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:

Đầ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ẽ.
Vẽ xong ta vào Edit, Image Size để làm nhỏ lại thành 16x16 pixel.
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

Resize nhỏ lại 16x16

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

[relate]photoshop[/relate]

trunkz

TÍCH CỰC

15 năm

Thank Giáo chủ. Bác nào siêng năng + pro PS thì làm hẳn 1 bộ icon share cho anh em với 😃

dihuta

VIP

Khung đầu tiên hết (ICO (Windows Icon) Format). Nhìn bên phải sẽ thấy nhiều link download.

Vaanres

CAO CẤP

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 😁, 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 😔

lnmpgb

GÀ

Hay nhỉ! Phải thử mới được............................................!

xuannhat115

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!

nagini

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 :-?

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?

visc

14 năm

thiet là tiện a.
thank's bac nhiu nha

quangnewday

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.😁

Bác down files đính kèm nhé!
P/S: Icon được design bởi phần mềm CorellDraw.

cktran

mr_klins

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

calving

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"

the_onlysun

ĐẠI BÀNG

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:

vntrungkien

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ô).

jonny87

cũng ok, cách rất đơn giản để tự tay design icons

@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ử :"]

tamdm2009

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
😔(

like & thanks

Trứng

sao khó thế

mấy bác ai biết đổi ngôn ngữ trong photoshop ko

inngochuong