Home > Photoshop > Thiết kế Icon Thủy Tinh 3D trong Photoshop

Thiết kế Icon Thủy Tinh 3D trong Photoshop

Làm thế nào để thiết kế một chiếc hộp thủy tinh 3D bị đóng băng dựa vào Safari Icon trong Adobe Photoshop.

Bước 1: Thiết lập

Tạo một document mới với các thiết lập này:

Setting Up

Tiếp theo, chọn fill tool (G) và tô màu nó bằng màu #626262. Bây giờ, chúng ta cần tạo một adjustment layer. Tạo brightness/contrast layer (Layer > New Adjustment Layer > Brightness/Contrast). Đặt nó trên các thông số này.

Adjustment Layer Parameters

Chúng ta thêm adjustment layer này để mọi thứ sẽ tốt hơn trong các bước sau.

Bước 2: Tạo vòng tròn

Chọncircular marquee tool và sử dụng các cài đặt này:

Circular Marquee Tool

Tạo một vùng chọn và tô màu nó bằng màu #649ad2. Sau đó, chọn một erasermềm, trên Opacity thấp, và xóa một số vùng như thế này:

After Erasing

Làm như vậy để yếu tố 3D sẽ trông đẹp hơn, và về sau, nó sẽ thêm một cảm giác trong suốt cho Icon của chúng ta.

Khi bạn hài lòng, và bạn sẽ có một kết quả tương tự như trên, và thêm Layer FX này cho nó, để nó trông tốt hơn.

Add These Layer FX

Bây giờ, bạn sẽ có một cái gì tương tự như thế này:

Circle After This Stage

Bước 3: Tạo một vòng tròn 3D

Trong bước này, chúng ta sẽ tạo một vòng tròn 3D. Lý thuyết thực hiện rất đơn giản. Bạn nghĩ tới nơi xuất phát của ánh sáng, sau đó, thêm các shadow và các điểm nổi bật để phù hợp với ánh sáng nguồn nếu bạn giữ tính nhất quán, sau đó, bạn sẽ phải có kết quả tốt hơn nhiều. Bên dưới có một số lý thuyết ánh sáng mà bạn có thể dễ dàng tạo ra.

Set it to Multiply

Ánh sáng

Mặc dù, đây không phải là các lược đồ tốt nhất, nó cũng sẽ trình bày ánh sáng cơ bản. Nếu bạn thực hiện điều này, và có một ánh sáng nguồn nhất quán, tác phẩm của bạn sẽ nổi bật và thực tế hơn.

OK, chọn circular marquee tool, thiết lập nó lên10px Feathervà tạo ra một kích thước 200px x 200px. Có nhiều cách khác nhau để có được các điểm nổi bật/ sự láng bóng và shadow. Sở thích của tôi và tôi nghĩ một trong cách tốt nhất để tìm được gloss là giống cái này.

Thay đổi layer mode sang multiply

Set it to Multiply

Và sau đó, với màu trắng như màu Foreground, thêm Layer FX

Set it to Multiply

Thay đổi

Bạn có thể thay đổi điều này. Khi tạo ra các điểm nổi bật, bạn có thể thay đổi opacity, hoặc màu sắc của gradient mà bạn sử dụng. Ngoài ra, bạn có thể thay đổi layer mode. Bây giờ, thử thay đổi một số thiết lập, và xem điều gì sẽ xảy ra.

Shadow được tạo ra khá dễ dàng, và theo các, mạnh mẽ hơn nhiều. Bạn có thể có các điểm nổi bật nhiều hơn shadow, vì các shadow rõ ràng hơn. Đối với một shadow, chỉ cần tạo một vòng tròn, bạn có thể thay đổi điều này và feather px. Sau đó, bạn có thể thiết lập nó sang soft light, overlay tất nhiên normal, nó thật sự dài xuống tới nơi bạn thích nhất.

Với các shadow, bạn có thể làm cho chúng thay đổi thật thận trọng, chúng vẫn giữ một vai trò quan trọng trong kết quả cuối cùng của Icon. Các điểm nổi bật ít đáng chú ý hơn, vì vậy bạn có thể thêm chúng nhiều hơn, nhưng với shadow, chúng chiếm một phần lớn hơn; và có một tác động quan trọng hơn.

Điều sai lầm mà bạn có thể mắc phải khi phóng shadow quá lớn. Khi bạn làm như vậy, bạn không thể xem toàn bộ hình ảnh, và vì vậy bạn thực sự không thể nói nó có hợp lý hay không. Hãy đảm bảo rằng khi tạo shadow, bạn có thể thấy toàn bộ hình ảnh, và bạn hãy nghĩ về những gì bạn đang làm.

Bởi bây giờ, bạn phải có một quả cầu 3D nổi bật và đã được tạo shadow, tương tự như cái này. Đừng lo lắng nếu nó trông có một chúy kỳ lạ, chúng ta sẽ quay lại sau.

Your Icon So Far

Bước 4: Thêm chi tiết

Bây giờ, có vẻ OK. Tôi thêm một số điểm nổi bật lên bên phải; tôi đã sử dụng kỹ thuật tạo điểm nổi bật đã được mô tả ở trên. Trong bước này, chúng ta sẽ tạo ra các đường nét 3D xinh xắn. Cách thực hiện rất đơn giản, trong khi làm chúng ta sẽ hiểu kỹ hơn một chút.

Chọn pen tool và tìm một Brush có kích thước rộng 3px. Bạn nên sử dụng các thiết lập này cho pen tool.

Circle After This Stage

Tiếp theo, chúng ta sẽ bắt đầu vẽ paths như thế này:

Circle After This Stage

Thiết lập kích thước của brush lên khoảng 3-5px. Bây giờ, đối với người dùng PC, nhấn chuột phải> stroke path, đối với người dùng Mac; CTRL + click > stroke path. Khi bạn stroke các paths, có 2 loại stroke paths. Cósimulated pressures và không có simulated pressures. Có một ví dụ cho cả 2 trường hợp.

Circle After This Stage

Nếu nó không hoạt động, bạn có thể cần reset brushes của bạn. Đây là cách để thực hiện điều đó:

Reset Brushes

Trong bước tiếp theo, chúng ta sẽ tạo ra các đường nét hỗ trợ 3D.

Bước 5: Quy định chi tiết

Bây giờ, bạn có thể có một số đường nét màu trắng, 3D, nhưng không Merge vào Icon. Thiết lập layer sang soft light hoặc overlay, bạn có thể hạ thấp Opacity xuống hoặc làm đầy các đường nét này. Bạn cũng có thể tìm một soft eraser để xóa một số vùng để làm cho nó trông giống 3D hơn.

Nếu bạn quan sát cẩn thận, bạn còn thấy không chỉ có các vòng tròn thật khác biệt, tôi sẽ nói với bạn cách thực hiện điều đó trong phần sau; mà còn có các Faint vòng tròn. Để tạo ra cả 2, chọn circular marquee tool với các thông số này:

Feathered Orbs

Bạn có thể chỉnh sửa layer styles. Đối với layer styles của tôi, tôi chỉ thiết lập Opacity 50%. Nhưng bạn có thể thiết lập sang soft light hoặc overlay.

Đối với các Faint vòng tròn, nó ở bên dưới tất cả ‘line’ layer, thiết lập nó sang soft light hoặc overlay và hạ thấp opacity.

Trong bước tiếp theo, chúng ta sẽ tạo 3D Path, nóthực sự phải bổ sung vào hình ảnh

Bước 6: 3D Paths

Đây là một bước rất ngắn, nhưng phải thêm nhiểu thứ.

Đầu tiên, bạn chọn pen tool, và tiếp theo, làm theo các bước này.

Circle After This Stage

Thử nghiệm

Hãy thử tạo ra các path khác nhau và thiết lập một số layer sangsoft light hoặcoverlay và hạ thấpopacity.

Bước 7: Tạo Box cơ bản

Nếu bạn muốn có một cái gì đó để phác thảo xung quanh, bạn có thể thực hiện xung quanh đây. Nhưng, tất nhiên, nếu bạn muốn tạo ra một cái gì đó của riêng bạn, bạn cứ thoải mái làm theo ý thích của mình. Khi bạn phác thảo, hãy sử dụngpen tool, và tạo một layer mới cho mỗi bên. Sau đó, tô màu Path bằng màu trắng (# FFFFFF). Và thêm layer FX mọi phía.

Trên các mặt ‘trước’, thiết lập fill lên 15% và các mặt sau là 10%. Điều này sẽ làm cho nó trong suốt.

Circle After This Stage

Trong bước tiếp theo, chúng ta sẽ làm việc để làm cho nó 3D hơn.

Bước 8: Highlighting the Box

Hãy nhớ lại kỹ thuật tạo điểm nổi bật trước đó? Vâng, chúng ta sẽ sử dụng kỹ thuật đó trên các path giống như thế này. Tạo một layer mới bên trên mỗi cạnh của Box và tạo một Path phù hợp. Để làm cho các path ‘cuộn’, tạo 2 điểm, sau đó; nhấp chuột lên trung điểm của path và drag nó lên/ xuống, trái/ phải và nó sẽ tạo ra một Path xinh xắn. Hãy quan sát ví dụ này.

Circle After This Stage

Chọn layer phía bên phải và nhấn CTRL + SHIFT + I hoặc đối với người dùng Ma CMND + SHIFT + I, sau đó nhấn Delete. Trong bước tiếp theo chúng ta sẽ xem xét việc thêm nhiều chi tiết hơn vào chiếc hộp.

Bước 9: Thêm các chi tiết vào chiếc hộp

Trong bước này, sẽ không phải viết nhiều, chúng ta chú ý nhiều hơn vào các bức tranh. Tôi sẽ sử dụng các kỹ thuật để stroking các path, điểm nổi bật và shadow mà chúng ta nhìn vào để tạo chiếc hộp, và bất cứ điều gì bạn thấy trong các bức tranh này.

Define these Strokes

Làm cho shadow mềm mại hơn

Nếu bạn muốn làm cho các shadow này mềm mại hơn, hãy tìm một Brush mềm (airbrush) có kích thước khoảng 9-12px, stroke các path và sau đó giảmopacitysoft light.

Bước 10: Làm cho mọi thứ phát sáng rực rỡ

Rất đẹp…, nhưng chưa đủ sáng. Để làm cho cái gì đó tỏa sáng, rất dễ dàng, chỉ cần tìm một airbrush có kích thước 100-300px và tô màu trên đó là màu trắng. Đối với các điểm nổi bật trên Background, hãy tạo các layer mới ở dưới Bottom và các điểm nổi bật ở đó. Để tạo sự chú ý ở các điểm trung tâm, hãy làm như vậy trên Top, và có thể sử dụng một Brush nhỏ hơn.
Để có kiểu ánh sáng tốt hơn, hãy thêm nhiều layer có opacity 5-10% sẽ làm cho ánh sáng tốt hơn nhiều, hai hoặc 3 layer có Opacity 40%. Bạn có thể thêm các điểm nổi bật màu lam để làm đẹp hơn cho ánh sáng.

Add some Glow Like This

Bước 11: Hoàn tất chi tiết

Icon trông rất đẹp, nhưng để làm cho nó đẹp hơn, chúng ta thêm nhiều shadow hơn một chút nữa. Tạo một layer mới trên cùng (đằng sau một layer tương phản) và tô màu nó bằng màu trắng (# 000000) và thiết lập fill xuống 0%. Và bạn sẽ có shadow xinh đẹp này cho hình ảnh của bạn.

Shadow

And you’ll have a nice shadowed look to your image.

Kết luận

Trong hướng dẫn này, chúng ta đã tìm hiểu về stroke, layering, shadow, highlight, layer FX, layer mode, opacity và Fill. Đặt chúng lại cùng nhau, bạn có thể thấy mọi thứ quá ấn tượng trong Photoshop, chúc bạn may mắn; và chắc chắn bạn sẽ chọn Tutorial9 thường xuyên để được hướng dẫn.
Tôi hi vọng bạn sẽ vui khi tạo ra một Icon internet cho riêng bạn.

Một phiên bản lớn của hình ảnh cuối cùng, bạn có thể xem
ở đây.

Download the PSD (or source files)

Dịch và biên tập từ: Tutorial9

Xem bài viết gốc

Categories: Photoshop
  1. No comments yet.
  1. No trackbacks yet.

Leave a Reply

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out / Change )

Twitter picture

You are commenting using your Twitter account. Log Out / Change )

Facebook photo

You are commenting using your Facebook account. Log Out / Change )

Google+ photo

You are commenting using your Google+ account. Log Out / Change )

Connecting to %s

%d bloggers like this: