[TUT dịch] Thiết kế icon hình ly cà phê thật đẹp

Đây là lần đầu tiên mình dịch tut đóng góp cho diễn đàn, mong các bạn ủng hộ
Vào đề thôi, đây là kết quả


CÁC BƯỚC THỰC HIỆN:
BƯỚC 1: TẠO FILE MỚI



Chọn foreground là # 6e3b14.
Vẽ một shape hình chữ nhật (U) vào khoảng 295x395px





BƯỚC 2: VẼ THÂN LY
Tạo guide để giữ cốc theo tỷ lệ tương ứng. Bắt đầu bằng cách kéo những guide chạm vào các cạnh của hình bạn vừa vẽ, rồi kéo ra 2 guide xung quanh 20px trên và dưới, 45px theo chiều dọc. Kết quả:


Sử dụng công cụ direct selection too (A) kéo 2 chấm vuông góc dưới cùng của hình chữ nhật vào đường guide bên trong, ta được như hình



Tiếp tục vẽ shape hình oval làm miệng ly, theo hình dưới





Lặp lại vẽ đáy





BƯỚC 3: MÀU THÂN LY
Đầu tiên ta tô gradient, nhấp đúp chuột vào layer của hình chữ nhật trong bảng layer (Window> Layer) hoặc click chuột phải và chọn Blending Options ....
Chọn Gradient Overlay và tạo ra một gradient như sau
Hàng trên:
Opacity: 100 Location: 0, Opacity: 0 Location: 50, Opacity: 100 Location: 100
Hàng dưới:
Color: # 190e03, Location: 0, Color: # ffffff, Location: 50, Color: # 190e03, Location: 100
Ta được



Tạo một layer mới (CMD / CTRL + SHIFT + N) và chọn công cụ brush (B), với foreground # 000000, kích thước 300px, brush mềm (default brushes) ở phía dưới đáy ly. Sau đó, kích chuột phải vào layer mới mà bạn vừa tạo chọn Create Clipping Mask.



Tạo một layer mới, cũng với clipping mask và sử dụng công cụ Brush, thiết lập màu foreground # FFFFFF và vẽ một vệt sáng ở giữa ly. Tùy chọn Soft Light và Opacity 30%.



Tương tự, tiếp tục tạo 1 layer mới, cũng với clipping mask, tô màu trắng #ffffff bằng công cụ Paint Bucket (G), sử dụng Filter > Convert for Smart Filters



Tiếp theo Filter> Render> Fibres…thiết lập các thông số Variance: 64, Strength: 3.

Ghi chú: bạn cũng có thể thêm subtle noise filter bên trên fibres nếu bạn thích



Chế độ hoà trộn Soft Light và Opacity 6%



BƯỚC 4: NẮP LY
Vẽ một shape elip trên miệng ly, đổ màu xám, sử dụng kỹ thuật gradient như ở trên.
Thêm một shape hình chữ nhật cao 45px bắt đầu từ đường kính hình elip.



Áp dụng Inner Shadow layer của hình mà bạn vừa vẽ với các thiết lập sau đây:
Blend Mode: Normal
Color: #000000
Opacity: 19%
Angle: -90
Distance: 2
Choke: 0
Size: 3




Gradient Overlay với hàng dưới lần lượt màu là #c2bebb, #ffffff, #c2bebb. Ở dưới #ffffff ta để location 65%, blend mode: Normal và opacity gradient là 100%.





Tiếp tục vẽ một hình elip bên trên




Sử dụng Inner Shadow với các thiết lập sau đây:
Blend Mode: Normal
Color: #ffffff
Opacity: 50%
Angle: -90
Distance: 1
Choke: 0
Size: 3



Nhân đôi layer cuối cùng bạn tạo ra.
Thu nhỏ bằng cách giữ phím Shift và sau đó cân chỉnh cho nó giống thế này
Sử dụng gradient: # 827a74, # fbfbfb, góc 90



Nhân đôi layer này và di chuyển nó xuống 10px (SHIFT + Down Arrow Key).
Chọn path của layer mới nhân đôi và với công cụ ellipse (U) vẽ một hình elip mới hơi nhỏ hơn và bên trong, ở phía dưới như hình.



Trên layer mới thiết lập màu sắc của shape # b8b4b1 và sử sụng gradient góc 90 đi từ # 000000 sang # 000000 nhưng với opacity lần lượt là 60% và 0%.



Chọn công cụ Pen (P) và vẽ một hình dạng tương tự như hình dưới, màu # e8e6e4.
Bạn có thể tham khảo hình dạng của thứ cần vẽ ở ĐÂY



Thiết lập Inner shadow cho shape mới vẽ như sau:
Blend Mode: Normal
Color: #000000
Opacity: 21%
Angle: -31
Distance: 2
Choke: 0
Size: 7



Và Outer Glow:
Blend Mode: Screen
Color: #ffffff
Opacity: 60%
Spread: 0
Size: 2


Ta tiếp tục dùng pen vẽ một hình dạng tương tự dưới đây



Sử dụng công cụ Direct Selection (A), chọn shape mới vẽ, duplicate, chọn , di chuyển nó sang bên phải cho đến khi nó là đối xứng với layer bên trái



Sử dụng Gradient Overlay từ # 190e03, 0 đến # ffffff, 50 và trở lại # 190e03, 100 ở hàng dưới và tạo 1 thẻ màu bên trên ở giữa, opacity 0%. Góc 0.





BƯỚC 5: ĐỔ BÓNG CHO NẮP
Dùng công cụ Pen vẽ 2 hình như bên dưới, # ffffff và opacity 100%.



Vẽ hai hình tương tự





Chuyển đổi mỗi hình Smart Filters Filter > Convert for Smart Filters và hình bên trên được Filter> Gaussian Blur khoảng 1,3 strength và phía dưới Gaussian Blur 5.0 strength


Tiếp theo tương tự vẽ hình màu xám để làm shadow giữa 2 hình trên, đổ màu # 000000.
Thiết lập Opacity của 3 hình như sau:
Top Highlight: 35%
Shadow: 9%
Bottom Highlight: 100%



Nhóm tất cả 3 layer (CMD / CTRL + G) và nhân đôi nó, sau đó Edit > Transform > Flip Horizontal và di chuyển nó sang phía tay phải của nắp.



Xóa layer màu sáng nhất (strong blur and 100% opacity) để 2 bên nhìn ko giống nhau



BƯỚC 6: ĐỔ BÓNG CHO LY
Chúng ta sẽ làm việc từ nắp trước, dưới nắp vẽ một Ellipse với màu # 000000, nhân đôi nó và sử dụng Gaussian Blur (không cần smart filters) ở 5% và kéo nó xuống khoảng 5px.



Sử dụng công cụ Polygonal Lasso Tool (L) vẽ theo thân ly và đường guide rồi click phải chọn Select Inverse để đảo vùng chọn, nhấn DEL để xóa.



Group 2 layer đổ bóng lại với nhau, giảm opacity 70%



Tiếp tục sử dụng công cụ Ellipse Tool vẽ elip dưới đáy ly, dựa theo đường guide để đặt nó đúng chỗ



Áp dụng Gaussian Blur ở mức 5% strength, kéo nó xuống 1 vài pixel cho đến khi nó trông giống như một cái bóng dưới ly.



BƯỚC 7: BƯỚC CUỐI CÙNG
Tạo 1 số hoa văn trên thân ly để nó trông bắt mắt và ngọt ngào hơn, bằng cách sử dụng clipping mask như những bước trên.



Vì vector hoa văn gốc tác giả sử dụng phải trả phí mới có được, nên mình gợi ý 1 số link vector hoa văn tương tự
http://all-free-download.com/free-vector/elegant-swirl-vector-graphic.html
http://ninjacrunch.com/25-elegant-swirls-vector-and-brush-sets-free-to-download/

Cuối cùng (bước không bắt buộc), trên tất cả các layer, bạn tạo một Layer Adjustment : Layer > New Adjustment Layer > Levels và chỉnh ánh sáng bạn thấy vừa mắt



Sản phẩm cuối cùng!



By Tony Thomas
LINK GỐC http://www.photoshoplady.com/tutorial/how-to-design-a-realistic-takeout-coffee-icon/4519
*****************
Phù...xong rồi.
Cám ơn các bạn đã cố gắng đọc đến đây, mình rất vui nếu nó hữu ích cho các bạn.