[HƯỚNG DẪN] cơ bản về Photoshop để thiết kế ICON cho N9!!!!!!!!

killstar210
12/7/2012 9:43Phản hồi: 28
[HƯỚNG DẪN] cơ bản về Photoshop để thiết kế ICON cho N9!!!!!!!!
Hôm nay mình xin làm 1 bài hướng dẫn về những thứ cơ bản nhất trong PTS cho các bạn để tạo được 1 bộ icon cho N9.
Đầu tiên là phải có PTS đã. Mình dùng bản PTS CS5
Link:
Part 1: http://www.mediafire.com/download.php?d0rm0b801i7ur58
Part 2 : http://www.mediafire.com/download.php?z8psj6ihbsm5m3o
Part 3 : http://www.mediafire.com/download.php?4ivn703b8t08t08
Part 4 : http://www.mediafire.com/download.php?h5222dmeji86aca
Part 5 : http://www.mediafire.com/download.php?8fy17ibpqp7g7hp
Part 6 : http://www.mediafire.com/download.php?b9zc3qd9vc8acqb

Part 7 : http://www.mediafire.com/download.php?ttvraiafi16o3lk
Pass : maytinh.edu.vn
(copy và paste vào brower nhé. Vì mediafire nó hay bị điên lắm)
Down về và setup bình thường nhé. Mình nhớ k nhầm thì nó có hướng dẫn bên trong đó.

Điều quan trọng: PTS là phần mềm chỉnh sửa ảnh rất mạnh. Các bạn dù có người đã tiếp xúc với PTS rồi hoặc chỉ tiếp xúc với soft paint trong win, đã quen với viêc tẩy xóa trên ảnh và vẽ những nét đơn giản thì giờ hãy suy nghĩ theo hướng này tớ đề ra để công việc thiết kế được dễ dàng hơn.
“1 bức ảnh hoàn chỉnh là tập hợp của nhiều lớp ảnh (LAYER) xếp chồng lên nhau và có hiệu ứng đi kèm.”
Đó là kinh nghiệm đúc kết ra của mình trong mấy năm mầy mò.
Giờ chúng ta sẽ đi mục chính.
1. Làm quen với PTS và các công cụ của nó:
1.1: Giao diện photoshop.


1.2:Thanh công cụ.

Quảng cáo



1.3: Các công cụ cần thiết để thiết kế ICON.
1.3.1: MOVE TOOL:
Tác dụng:kéo thả các layer và vùng chọn đến nơi bạn muốn hoặc từ hình này qua hình khác. Thu nhá phóng to hình theo ý muốn.
Phím tắt V


1.3.2:Magic Wand tool: (công cụ rất hay)
Tác dụng:chọn vùng mà bạn muốn có cùng màu sắc. (hơi khó hiểu lát có VD sẽ dễ hiểu hơn)
Phím tắt W

Quảng cáo




1.3.3:eyedropper tool: (hút màu)
Tác dụng: lấy mã màu bạn muốn từ 1 ảnh khác.
Phím tắt i (kích chuột trái vào màu cần hút, nó sẽ lấy màu vào bảng màu cho các bạn để cạc bạn có thể đổ màu lên vùng đã chọn)



1.3.4: paint bucket tool (đổ màu)
Tác dụng:đổ màu lên vùng chọn, với màu sắc bạn đã chọn.
Phím tắt G



1.3.5:Text tool.
Tác dụng: viết chữ, tạo kiểu, màu sắc của chữ.
Phím tắt T (kích chuột trái vào vùng cần đánh chữ, sau đó đánh chữ)



1.3.6: custom shaper tool
Tác dụng:vẽ hình tròn, vuông, HCN, elip, các hình có sẵn trong kho.
Phím tắt U


1.3.7: bảng màu
tác dụng: chọn màu cần dùng khi thiết kế.


1.3.8: Bảng LAYER (các lớp)
Tác dụng:bất tắt các lớp của hình ảnh bằng cách kích vào hình cái mắt của từng layer. Giống như trên mình đã nói nó là quan trọng nhất trong PTS.


2.Vẽ các hình đơn giản (Vuông, vuông bo tròn, tròn.....)
2.1 Hình vuông + Hình tròn:đơn giản là chọn công cụ Custom shaper tool (bấm U)
nhìn lên bên trên thanh menu này:


+ Hình vuôngkích vào hình vuông và kích chuột trái kéo chuột (giữ Alt + Shift để lấy tâm hình từ con trỏ chuột). Sau đó, ấn Ctrl+enter (chọn vùng vừa vẽ)
ấn Ctrl+shift+N để tạo layer cho vùng vừa chọn
Ấn tiếp Alt+Del để đổ màu cho vùng vừa chọn. Done!!!!!
P/S: tắt vùng chọn (đường kẻ nhấp nháy bấm Ctrl+D)

+ Hình Vuông bo tròn:
chọn công cụ Custom shaper tool (bấm U)
nhìn lên bên trên thanh menu này, chọn như hình vẽ:


mục radius là tỉ lệ bo tròn các góc. Càng cao thì bo tròn càng nhiều, và ngược lại.Kích chuột trái kéo chuột (giữ Alt + Shift để lấy tâm hình từ con trỏ chuột). Sau đó, ấn Ctrl+enter (chọn vùng vừa vẽ)
ấn Ctrl+shift+N để tạo layer cho vùng vừa chọn
Ấn tiếp Alt+Del để đổ màu cho vùng vừa chọn. Done!!!!!
P/S: tắt vùng chọn (đường kẻ nhấp nháy bấm Ctrl+D)



+ Hình tròn:
Tương tự như trên bạn chọn lấy hình elip.

Giữ Alt+shift Kích chuột trái và kéo thì sẽ ra hình tròn.
còn nếu k giữ Alt+Shift thì sẽ ra hình elip.
Sau đó, ấn Ctrl+enter (chọn vùng vừa vẽ)
ấn Ctrl+shift+N để tạo layer cho vùng vừa chọn
Ấn tiếp Alt+Del để đổ màu cho vùng vừa chọn. Done!!!!!
P/S: tắt vùng chọn (đường kẻ nhấp nháy bấm Ctrl+D)

+ Vẽ Hình trong kho có sẵn:Bấm U, chọn theo hình này.

tìm hình bạn thích trong kho.
kích chuột trái kéo chuột (giữ Alt + Shift để lấy tâm hình từ con trỏ chuột). Sau đó, ấn Ctrl+enter (chọn vùng vừa vẽ)
ấn Ctrl+shift+N để tạo layer cho vùng vừa chọn
Ấn tiếp Alt+Del để đổ màu cho vùng vừa chọn. Done!!!!!
P/S: tắt vùng chọn (đường kẻ nhấp nháy bấm Ctrl+D)



3. Công cụ Magic Wand tool: (có nó thì khỏi phải vẽ làm gì cho mệt)
VD nhé cho dễ hình dung.
mở bất kì 1 icon nào có sẵn trong máy bạn hoặc bạn có thể down trên mạng về. hình có màu sắc đơn giản thôi (xem hình dưới) vì nó dễ làm nhất.

giờ bạn nhìn vào hình, cái icon là 3 gạch dọc màu đen.
để khỏi phải vẽ lại mất công (vì khá là mất time)
bạn bấm phím W để xuất hiện công cụ trên.
kích chuột trái vào gạch dọc có màu đen, giữ shift rồi kích tiếp vào gạch dọc màu đen tiếp theo, tiếp tục như vậy với gạch dọc cuối cùng

sẽ được vùng chọn như hình vẽ:

giờ đã có được vùng chọn, bạn nhìn xuống bảng màu
kích vào ô vuông bên trên sẽ xuất hiện bảng màu cho bạn chọn
thích màu nào chọn màu đó. VD tớ chọn màu trắng cho đúng với phong cách WP7 mã màu là ffffff. bấm ok tiếp theo bấm Alt+Del để đổ màu cho vùng mình vưa chọn sẽ được như hình vẽ:


giờ bạn mở thêm 1 background tớ gửi cho các bạn ở đính kèm ra.
sẽ xuất hiện thêm 1 tab mới.
quay trở lại tab icon mình vừa đổ màu bấm phím V, giữ Ctrl+ chuột trái kéo cái icon đó thả vào tab có background bạn vừa mở.
sẽ được như sau:


bấm phim V chọn vào layer icon vừa chuyển sang,
Để thu nhỏ hoặc phóng to ICON đưa chuột vào góc của hình bấm Alt+shift (thu nhỏ hoặc phóng to cả 2 chiều rộng và dài). kích chuột trái kéo chuột theo ý muốn của bạn rồi bấm enter. Xem Hình sau:


Khi căn chỉnh xong
ấn Ctrl+Shift+S để save dưới dạng *PNG
phần tên là tên icon trong hệ thống N9 bạn muốn design.
Done!!!!!!!!
P/S: bạn thao tác layer nào thì phải kích vào layer đấy nhé. k thì sẽ k được đâu.
nhìn vào bảng layer để biết nhé. Bật tắt cái mắt ở đầu layer để bật layer lên hoặc tắt layer đi.
4.Resize ICON:
BIG ICON cho N9 độ phân giải 300x300 px
Normal icon cho N9 có độ phân giải 80x80 px
để resize 1 icon có sẵn bấm Ctrl+Alt+i rồi đánh kích thước vào ô kích thước (nhớ đơn vị là pixel nhé). rồi OK
Giờ Mình xin gửi kèm các bạn file Project PTS mình làm sẵn rồi (phong cách WP7) để các bạn tham khảo. Mình có làm đủ icon của mình, nếu các bạn muốn làm thêm thì vẽ thêm vào. Cách làm mình đã nói ở trên.
CHÚC CÁC BẠN THÀNH CÔNG!!!!!!!!!!!!!!

Mọi thắc mắc xin cứ post lên mình sẽ giải đáp.

Mệt quá, làm xong mà đâu hết cả mắt và lưng. Mong các bạn ủng hộ. Mất 5 tiếng buổi trưa của mình.
THÂN !!!!!!! CAPMANH.........
😃😃:p:p;);)😁:D
28 bình luận
Chia sẻ

Xu hướng

Thanks pro
coffeepot
TÍCH CỰC
12 năm
Vất vả ông bạn quá
@coffeepot rảnh rảnh dạy tớ cái đóng gói đi
để đỡ phải copy cho mệt
coffeepot
TÍCH CỰC
12 năm
@killstar210 tí mjk làm topic! Chỉ sợ bị các cao thủ ném gạch thôi
@coffeepot ném thì ném lại
lo cái gì
còn k thì lưu truyền nội bộ hehehehe
tks bác....đánh dấu phát
Bác làm cái ví dụ làm icon như của android được không, em thấy icon nó long lanh quá mà không biết làm sao
@kingtanh1 android nào hả bạn
đây chỉ là những bước cơ bản cho bạn làm quen thôi
còn muốn nó long lanh thì phải cho hiệu ứng.
ở bảng layer có chữ fx
trong đó chứa tất cả các hiệu ứng của PTS
bạn kích vào và tìm nhé. Cái này muốn đẹp còn tùy thẩm mỹ.
@killstar210 Ý em là mình chỉnh sửa icon N9 cho long lanh như Android đó.
@kingtanh1 cái đó đòi hỏi kĩ thuật cao lắm bạn ah
cái đó mình cũng k dám khẳng định là mình làm được
mình chỉ tìm tòi qua web nước ngoài thôi
giờ nếu bạn thích thì cứ làm cái icon wp7 trước
hoặc là bất kĩ cái nào mà đơn sắc nhé do bạn tự nghĩ ra sẽ hay hơn
@Immomhet down tất cả về rồi giải nến part1 là ok
Tiện thể cho em hỏi mình làm icon N9 long lanh hơn chút được không bác
thanks chủ thớt 😃
namthanh13
ĐẠI BÀNG
12 năm
cảm ơn bạn, rất hay, tiếp tục phát huy bạn nhé.
Đang muốn học hỏi pts mà không biết bác chủ có ở HN không ghé qua thăm chơi 😁
@kaothenhi Mình ở HP
bác vất vả quá, bài viết chất lượng nhưng nhầm chỗ thì phải vì ở MeeGo có dạy máy tính đâu nhể?
@ctct4 Hướng dẫn để làm icon mà, để ở đây cũng được chứ để chỗ khác anh em tìm sao được bác ơi
@ctct4 Mình chưa thấy MOD nói gì cả
nếu nhầm thi để mình chuyển đi cũng được
Bài viết được mong đợi từ lâu đây nè! 😃:rolleyes:
Chủ pic làm một video cho ae đi, mình chưa bao giờ xài nên mù tịt
@kingtanh1 Để mình rảnh rồi thiêt kế video sau
đang bận chút việc
Mình muốn làm luôn cái icon nằm ngang như trên lumina 800 hay 900 cho N9 đó...cho nó giống y chang luôn....Nhưng không biết kích thướt icon đó là bao nhiêu px...bác killstar210 biết thì chỉ mình nhé...mình chỉ biết kích thướt nó bao nhiêu để khi bỏ vào N9 thì nó vừa vặn luôn.
Thank bác nhiều.
Nếu được thì bác làm dùm mình cái luôn nhé
mình ko rành PTS lắm nhưng dù sao cũng rất cảm ơn sự đóng góp của bạn cho cộng đồng N9
đặt gạch hóng icons của các bác 😁
làm xong gõ terminal là xài đc hả bác ???
bác chủ thớt cho e hỏi cái. sao mấy cái hình của bác up lên e ko thấy j nhỉ (1 số ảnh vẫn thấy bt)? thế là do máy của e hay do file ảnh của bác bị lỗi vậy?

Xu hướng

Bài mới










  • Chịu trách nhiệm nội dung: Trần Mạnh Hiệp
  • © 2024 Công ty Cổ phần MXH Tinh Tế
  • Địa chỉ: Số 70 Bà Huyện Thanh Quan, P. Võ Thị Sáu, Quận 3, TPHCM
  • Số điện thoại: 02822460095
  • MST: 0313255119
  • Giấy phép thiết lập MXH số 11/GP-BTTTT, Ký ngày: 08/01/2019