1. Design & Illustration
  2. Product Mockup

Cách tạo hình mockup logo con dấu cao su bằng Adobe Photoshop

by
Read Time:16 minsLanguages:
This post is part of a series called Awesome Logo Mockups.
How to Create a Gold Foil Logo Mockup in Adobe Photoshop
How to Create an Embossed Paper Logo Mockup in Adobe Photoshop

Vietnamese (Tiếng Việt) translation by Thai An (you can also view the original English article)

Final product imageFinal product imageFinal product image
What You'll Be Creating

Trong hướng dẫn này, tôi sẽ hướng dẫn bạn qua các bước để tạo ra một mockup con dấu hình ảnh như thực bằng Adobe Photoshop. Quá trình này bắt đầu từ đầu, vì vậy hãy chắc chắn lấy máy ảnh của bạn (điện thoại thông minh của bạn cũng sử dụng tốt), cắm vào máy in và mở Photoshop (CS6 trở lên), vì chuyến đi ly kỳ này sắp bắt đầu rồi đấy!

Nếu bạn đang tìm kiếm một mockup logo chuyên nghiệp hoặc không có thời gian để làm theo hướng dẫn này, hãy thử gói mockup logo ảnh thực tế này có sẵn trên Envato Elements.

Photo realistic logo mock up packPhoto realistic logo mock up packPhoto realistic logo mock up pack

Công cụ hướng dẫn

Các công cụ sau được sử dụng trong quá trình sản xuất hướng dẫn này:

1. Cách có được phép phối cảnh đẹp

Thứ nhất, chúng ta cần một phép phối cảnh thực sự sẽ là cơ sở để xây dựng tất cả các yếu tố của cảnh đó.

Những gì chúng ta sẽ làm trong bài này là vẽ một vật thể rắn trên bề mặt hai chiều như bản vẽ của Photoshop, và sau đó in ra và chụp ảnh ở các góc khác nhau để tạo ấn tượng đúng về chiều cao, chiều rộng, chiều sâu và vị trí của đối tượng liên quan đến nhau khi được xem từ một góc nhìn cụ thể.

Tôi đã thực hiện công việc này cho bạn, vì vậy bạn có thể tải nó xuống.

Tuy nhiên, nếu bạn cảm thấy thích nó, bạn có thể tạo ra phép phối cảnh của riêng bạn. Chỉ cần làm theo các bước sau:

Bước 1

Tạo một tài liệu mới 1240 x 1754 px trong Photoshop.

Chọn công cụ Rectangle Tool.

Rectangle ToolRectangle ToolRectangle Tool

Di chuyển con trỏ lên bản vẽ và nhấp chuột. Bạn sẽ mở một hộp thoại nhỏ cho phép bạn nhập các kích thước chính xác cho hình dạng mới của bạn. Nhập 350 x 350 px và nhấp chuột vào nút OK. Hình dạng được tạo ở góc dưới bên phải của điểm mà bạn đã nhấp chuột vào.

Bước 2

Xác định vị trí bảng Properties. Nếu bạn không thể nhìn thấy bảng điều khiển này, hãy mở nó bằng cách chọn Window > Properties.

Đặt Shape Fill Type là Black, Shape Stroke Fill thành Transparent, và vị trí của hình chữ nhật là 443 px cho X và 700 px cho trục Y:

Properties panelProperties panelProperties panel

Bây giờ, hình chữ nhật màu đen sẽ ở giữa bản vẽ.

Bước 3

Cắm máy in của bạn vào và in tài liệu ra. Đặt giấy in của bạn lên sàn nhà, gần nguồn sáng như cửa sổ hoặc đèn.

Black square printedBlack square printedBlack square printed

Bước 4

Lấy máy ảnh của bạn (smartphone cũng được) và chụp một số bức ảnh của hình chữ nhật màu đen. Với máy ảnh trong tay, cố gắng hạ xuống và gần với một trong những góc của hình chữ nhật đó để có được phép phối cảnh mạnh mẽ hơn. Chụp một số bức ảnh với các góc độ và vị trí khác nhau và chọn một bức ảnh mà bạn thích. Bạn sẽ có một phép phối cảnh tương tự như thế này:

Black square perspectiveBlack square perspectiveBlack square perspective

Từ bây giờ, tôi sẽ sử dụng phép phối cảnh của tôi cho hướng dẫn này, nhưng các bước sau đây vẫn cho kết quả tốt ngay cả khi bạn sử dụng phối cảnh cá nhân của bạn.

2. Cách thêm kết cấu cao su vào cảnh

Bước 1

Mở hình ảnh phối cảnh bằng Photoshop hoặc, nếu bạn đang sử dụng phối cảnh của riêng mình được tạo trong chương trước, hãy nhập nó vào tài liệu mới có kích thước 2500 x 1600 px. Nếu bạn đang sử dụng hình ảnh phối cảnh của riêng mình, hãy cố giữ tỷ lệ giữa hình chữ nhật màu đen và nền trắng tương tự như hình ảnh của tôi:

Black square perspectiveBlack square perspectiveBlack square perspective

Định vị bảng Layers. Nếu bạn không thể nhìn thấy bảng điều khiển này, hãy mở nó bằng cách chọn Window > Layers.

Nhìn vào layer "Background". Nó có thể đã bị khóa (một ổ khóa nhỏ xuất hiện gần bên phải của layer đó):

Layers panelLayers panelLayers panel

Để mở khóa laye nàyr, chọn Layer > New > Layer from Background và nhấn OK.

Đổi tên layer bằng cách nhấp đúp chuột trực tiếp vào tên của layer trong bảng Layers và thay đổi nó thành "Perspective".

Bước 2

Tải xuống kết cấu cao su và mở nó bằng Photoshop.

Chọn kết cấu này bằng cách chọn Select > All hoặc nhấn Command-A. Bây giờ sao chép nội dung layer bằng cách vào Edit > Copy hoặc nhấn Command-C.

Quay lại tài liệu trước đó (tài liệu có phối cảnh) bằng cách nhấp chuột vào tab thích hợp.

Bây giờ dán kết cấu cao su vào, chỉ cần sao chép bằng cách chọn Edit > Paste hoặc nhấn Command-V.

Đổi tên layer này bằng cách nhấp đúp chuột trực tiếp vào tên của layer trong bảng Layers và thay đổi nó thành "Rubber Texture".

Layers panelLayers panelLayers panel

Đóng tài liệu kết cấu cao su. Không lưu các thay đổi đối với tài liệu trước khi đóng.

Bước 3

Kết cấu cao su vừa được nhập vào thực sự quá lớn so với bản vẽ của chúng ta, vì vậy hãy chọn Edit > Free Transform hoặc nhấn Command-T và kéo tay xoay góc để thay đổi kích thước kết cấu. Nhấn Shift khi bạn kéo tay xoay ở góc để có tỷ lệ tương ứng.

Transform the rubber texture Transform the rubber texture Transform the rubber texture

Di chuyển layer "Rubber Texture" ra sau "Perspective" bằng cách nhấp và kéo chuột trực tiếp layer này trong bảng điều khiển Layers:

Layers panelLayers panelLayers panel

3. Cách tạo Smart Object

Bước 1

Trong bảng Layers, chọn layer "Perspective" và sau đó chọn Rectangle Tool:

Rectangle toolRectangle toolRectangle tool

Di chuyển con trỏ lên bản vẽ và nhấp chuột. Bạn sẽ mở một hộp thoại nhỏ cho phép bạn nhập kích thước chính xác cho hình dạng mới của bạn. Nhập 1125 x 1125 px và nhấp chuột vào nút OK. Hình dạng mới được tạo ở góc dưới bên phải tại nơi bạn đã nhấp chuột vào.

Đổi tên layer này bằng cách nhấp đúp chuột trực tiếp vào tên của layer trong bảng Layers và thay đổi nó thành "Smart Object".

Bước 2

Với layer "Smart Object" đã chọn, trong trình đơn ở trên cùng, Layer > Smart Object > Convert to Smart Object.

Bây giờ bạn sẽ có một hình vuông (không quan trọng là màu gì) trên hình ảnh phối cảnh:

Transform the smart objectTransform the smart objectTransform the smart object

Điều chúng ta sẽ làm bây giờ là bóp méo hình vuông (màu xanh trong trường hợp của tôi) được kết hợp thành Smart Object để có cùng hình dạng của hình ảnh phối cảnh màu đen

Đừng lo lắng! Nó dễ hơn là nói. Chỉ cần tiếp tục đọc nhé!

Bước 3

Chọn Edit > Transform > Scale.

Nếu chúng ta nhìn kỹ hơn, một hộp giới hạn mỏng xuất hiện xung quanh hình chữ nhật. Chúng ta cũng có thể nhìn thấy một hình vuông nhỏ ở giữa phía trên cùng, ở giữa phía dưới, ở giữa bên trái và ở giữa bên phải, cũng như một hình vuông ở mỗi góc. Những ô vuông nhỏ này được gọi là "tay xoay", và chúng ta có thể biến đổi bất cứ thứ gì nằm trong hộp giới hạn một cách đơn giản bằng cách kéo các tay xoay này xung quanh.

Trong bước này, điều cực kỳ quan trọng là chúng ta biến đổi hình vuông này chỉ bằng các tay xoay ở các góc của hộp giới hạn.

Di chuyển con trỏ chuột lên tay xoay ở góc trên cùng bên phải, nhấn và giữ nút Command trên bàn phím của bạn (con trỏ sẽ thay đổi thành một mũi tên nhỏ màu trắng), sau đó nhấp và kéo tay xoay cho đến khi bạn chạm vào góc trên cùng bên phải của hình vuông phối cảnh màu đen với con trỏ chuột của bạn:

Transform the smart objectTransform the smart objectTransform the smart object

Một lần nữa, di chuyển con trỏ trên tay xoay ở góc trên bên trái, nhấn và giữ nút Command trên bàn phím của bạn, sau đó nhấp chuột và kéo tay xoay cho đến khi bạn chạm vào góc trên bên trái của hình vuông màu đen với con trỏ chuột:

Transform the smart objectTransform the smart objectTransform the smart object

Lặp lại tương tự với góc ở dưới cùng bên trái:

Transform the smart objectTransform the smart objectTransform the smart object

Cuối cùng, làm tương tự với góc ở dưới cùng bên phải, sau đó nhấn OK để xác nhận thay đổi:

Transform the smart objectTransform the smart objectTransform the smart object

Bây giờ bạn có thể xóa layer "Perspective" bằng cách chọn nó trong bảng Layers và chọn Layer > Delete > Layer.

Làm tốt lắm! Bây giờ Smart Object này nằm ở phối cảnh bên phải. Mọi thứ chúng ta đặt vào trong Smart Object này sẽ có góc độ của hình vuông màu xanh dương.

Bây giờ chúng ta đã sẵn sàng để thay thế hình vuông màu xanh bên trong Smart Object bằng một huy hiệu hoặc logo để tùy chỉnh dự án của chúng ta. Thực hiện nào!

4. Cách chuẩn bị huy hiệu với Adobe Illustrator

Như bạn đã tìm hiểu, chúng ta cần một logo hoặc huy hiệu để hoàn thành cảnh này. Huy hiệu này sẽ là một yếu tố nổi bật mà sau này sẽ được khắc trong kết cấu cao su.

May mắn thay, Envato Elements cung cấp một loạt các yếu tố phù hiệu và vector chất lượng cao sẵn sàng để sử dụng. Đăng ký để mở khóa phù hiệu không giới hạn, chất lượng cao, mẫu, hình ảnh và nhiều hơn nữa chỉ với một khoản phí hàng tháng!

Trong hướng dẫn này, chúng ta sẽ sử dụng huy hiệu đến từ bộ sưu tập tuyệt vời 30 Vintage Style Badges and Logos:

Seabreeze badge from 30 Vintage Style Badges and LogosSeabreeze badge from 30 Vintage Style Badges and LogosSeabreeze badge from 30 Vintage Style Badges and Logos

Bước 1

Mở tập tin .ai với Adobe Illustrator. Trong khi bạn mở tập tin, một cửa sổ có thể bật lên cảnh báo với bạn rằng tài liệu sử dụng phông chữ hiện không có sẵn trên máy tính của bạn. Bạn đừng lo lắng về điều đó - tất cả các phông chữ đều miễn phí để sử dụng và bạn có thể tìm thấy tập tin văn bản bên trong thư mục có tất cả các tham chiếu và liên kết để tải xuống từng phông chữ.

Missing font dialogMissing font dialogMissing font dialog

Với mục đích của hướng dẫn này, tôi đã thay thế hai phông chữ thương mại bằng các phông chữ miễn phí sau đây:

Bước 2

Khi bạn đã xong với các phông chữ, chọn công cụ Selection Tool (V).

Selection toolSelection toolSelection tool

Bây giờ chọn "Seabreeze" (hoặc bất cứ huy hiệu nào mà bạn thích). Sao chép huy hiệu đó bằng cách vào Edit > Copy hoặc nhấn Command-C.

Tạo một tài liệu mới 350 x 350 px trong Adobe Illustrator. Bây giờ dán huy hiệu bạn vừa sao chép bằng cách chọn Edit > Paste hoặc nhấn Command-V.

Bước 3

Với Selection Tool (V), di chuyển huy hiệu này lên trên vùng màu xám, ra khỏi bản vẽ trắng.

Seabreeze badge from 30 Vintage Style Badges and LogosSeabreeze badge from 30 Vintage Style Badges and LogosSeabreeze badge from 30 Vintage Style Badges and Logos

Trước khi nhập huy hiệu vào cảnh của chúng ta trong Photoshop, chúng ta cần phải mở rộng hình dạng này, chuyển đổi tất cả văn bản thành hình dạng vectơ và xóa khu vực màu trắng cho biết rằng chúng ta đã di chuyển huy hiệu lên vùng màu xám.

Nếu huy hiệu không được chọn, hãy chọn nó bằng cách nhấp chuột vào nó bằng Selection Tool (V).

Trong menu trên cùng, chọn Object > Expand Appearance.

Một lần nữa, chọn Object > Expand. Một cửa sổ hộp thoại sẽ xuất hiện; chọn Object và Fill và nhấn OK:

Expand dialogExpand dialogExpand dialog

Bước 4

Vào bảng Pathfinder. Nếu bạn không thể nhìn thấy bảng này, hãy mở nó bằng cách chọn Window > Pathfinder.

Pathfinder panelPathfinder panelPathfinder panel

Chọn Trim. Nút Trim sẽ loại bỏ một (hoặc nhiều) phần của đối tượng nằm đè lên nhau hoặc bị ẩn.

Bước 5

Bây giờ huy hiệu này đã là hình dạng vector 100%, chúng ta có thể loại bỏ vùng trắng.

Chọn công cụ Magic Wand Tool:

Magic Wand ToolMagic Wand ToolMagic Wand Tool

Di chuyển con trỏ qua vùng màu trắng và nhấp chuột để chọn tất cả các vùng màu trắng của huy hiệu:

Seabreeze badge particularSeabreeze badge particularSeabreeze badge particular

Nếu bạn cần, phóng to bản vẽ bằng cách sử dụng Zoom Tool (Z).

Bây giờ, tất cả các vùng màu trắng của huy hiệu đã được chọn, xóa chúng bằng cách chọn Edit > Cut trong menu trên cùng.

Bây giờ huy hiệu đã sẵn sàng để được nhập vào cảnh Photoshop!

5. Đưa huy hiệu vào trong cảnh

Bước 1

Chúng ta vẫn đang ở trong không gian làm việc của Adobe Illustrator. Nếu huy hiệu không được chọn, hãy chọn nó bằng cách nhấp chuột vào nó bằng Selection Tool (V). Sao chép huy hiệu bằng cách chuyển đến Edit > Copy hoặc nhấn Command-C.

Seabreeze badgeSeabreeze badgeSeabreeze badge

Bước 2

Quay lại Photoshop, chọn Smart Object từ bảng Layersnhấp đúp chuột vào hình thu nhỏ Smart Objects.

Khi bạn chỉnh sửa một Smart Object, nội dung nguồn được mở trong một cửa sổ mới của Photoshop. Ở đây, bạn có thể thực hiện bất kỳ thay đổi nào mà bạn thích và khi bạn đã hài lòng, tất cả những gì bạn cần làm là lưu lại tập tin và Smart Object của Photoshop sẽ được cập nhật khi bạn quay lại.

Tắt chế độ hiển thị cho layer hình vuông màu xanh dương:

Deactivate the visibilityDeactivate the visibilityDeactivate the visibility

Bây giờ, dán huy hiệu chỉ cần sao chép bằng cách chọn Edit > Paste hoặc nhấn Command-V.

Từ hộp thoại này, chọn Smart Object và nhấn OK.

Paste as Smart ObjectPaste as Smart ObjectPaste as Smart Object

Tìm thanh tùy chọn trên cùng và đặt kích thước của huy hiệu này thành 562 x 562 px và vị trí của nó 440% cho cả trường Width và Height. Khi bạn đã hoàn tất, nhấn Enter trên bàn phím của bạn:

Top options barTop options barTop options bar

Bước 3

Trong bảng Layers, nhấp đúp vào layer bên ngoài tên layer đó hoặc hình thu nhỏ để mở bảng Layer Style. Thêm một Gradient Overlay mới, thiết lập Blend Mode là NormalOpacity là 100% và thiết lập màu của lớp phủ bằng cách nhấp vào biểu tượng màu nhỏ và gõ mã hex #000000.

Gradient Overlay panelGradient Overlay panelGradient Overlay panel

Bước 4

Lưu tài liệu bằng cách chọn File> Save hoặc sử dụng phím tắt Command-S.

Quay trở lại tài liệu chính và bạn sẽ thấy rằng Smart Object bây giờ đã được cập nhật với những thay đổi mới nhất. Trên thực tế, huy hiệu này đã có phép phối cảnh của Smart Object.

Hot Rubber Stamp MockUpHot Rubber Stamp MockUpHot Rubber Stamp MockUp

6. Cách khắc huy hiệu vào kết cấu cao su

Đã đến lúc thêm một số hiệu ứng quan trọng cho huy hiệu để mang lại cảm giác 3D, phù hợp với cảnh.

Bước 1

Trong bảng Layers, nhấp đúp chuột vào layer bên ngoài tên layer hoặc hình thu nhỏ để mở bảng Layer Style.

Thêm phong cách Bevel & Embossed. Trong phần Structure, thiết lập Style thành Outer Bevel, Technique thành Smooth, Depth là 100%, Direction Up, Size 4 px, và Soften 0 px.

Trong phần Shading, thiết lập Angle là -153 °, Altitude to 32 °, Gloss Contour thành Linear, Highlight Mode thành Screen với màu trắng #ffffff và Opacity là 0%, và cuối cùng là Shadow Mode thành Multiply với màu đen #000000 Opacity là 50%.

Bevel Embossed style panelBevel Embossed style panelBevel Embossed style panel

Bước 2

Thêm một phogn cách Inner Shadow. Trong phần Structure, thiết lập Blend Mode thành Multiply với màu đen #000000 và Opacity là 75%, Angle là 45 °, Distance 5 px, Choke 0% và Size 3 px. Cuối cùng, trong phần Quality, thiết lập Contour thành Linear và Noise là 5%.

Inner Shadow style panelInner Shadow style panelInner Shadow style panel

Bước 3

Thêm một phong cách Inner Glow. Trong phần Structure, thiết lập Blend Mode là Normal, Opacity là 35%, Noise thành 0% và màu đen #000000 cho màu của ánh sáng.

Trong phần Elements, đặt Technique thành Softer, Source thành Edge, Choke là 0% và Size thành 3 px.

Cuối cùng, trong phần Quality, thiết lập Contour thành Linear, Range thành 50% và Jitter thành 0%.

Inner Glow style panelInner Glow style panelInner Glow style panel

Bước 4

Thêm một phong cách Gradient Overlay. Đặt Blend Mode thành Multiply, Opacity thành 100%, Style Linear, Angle 12 ° và Scale 100%.

Gradient Overlay style panelGradient Overlay style panelGradient Overlay style panel

Bây giờ bấm vào hình chữ nhật khuynh độ để chỉnh sửa các màu khuynh độ.

Đặt hai điểm dừng Opacity thành 100% và thêm 4 điểm dừng màu. Đặt các điểm dừng màu từ trái sang phải như sau:

  • Điểm dừng màu đầu tiên: màu #040203, vị trí 1%
  • Điểm dừng màu thứ hai: #26272a, vị trí 36%
  • Điểm dừng màu thứ ba: #5b5e66, vị trí 54%
  • Điểm dừng màu thứ tư: #e3e4e9, vị trí 100%

Nhấn OK để xác nhận thay đổi:

Gradient editor dialogGradient editor dialogGradient editor dialog

Bước 5

Thêm một phong cách Pattern Overlay. Đặt Blend Mode là Normal, Opacity thành 100%, Scale thành 100% và nhấp chuột vào biểu tượng mẫu hình vuông:

Pattern Overlay style panelPattern Overlay style panelPattern Overlay style panel

Một cửa sổ nhỏ xuất hiện. Nhấp vào logo bánh răng nhỏ để mở menu và chọn Grayscale Paper. Nhấn OK để thay thế các mẫu hiện tại bằng các mẫu từ Grayscale Paper.

Pattern Overlay style panelPattern Overlay style panelPattern Overlay style panel

Chọn mẫu Fiber 1 từ danh sách:

Pattern Overlay style panelPattern Overlay style panelPattern Overlay style panel

Bước 6

Thêm một phong cách Outer Glow. Trong phần Structure, thiết lập Blend Mode thành Screen, Opacity là 8%, Noise thành 0% và màu trắng #ffffff cho màu của vầng sáng.

Trong phần Elements, đặt Technique thành Softer, Spread thành 0% và Size thành 10 px.

Trong phần Quality, thiết lập Contour thành Linear, Range thành 100% và Jitter thành 0%.

Outer Glow style panelOuter Glow style panelOuter Glow style panel

Bước 7

Thêm một phong cách Drop Shadow. Trong phần Structure, thiết lập Blend Mode là Normal với màu đen #000000, Opacity là 75%, Angle là -135 °, Distance là 1 px, Spread đến 0% và Size là 1 px.

Trong phần Quality, thiết lập Contour thành Linear và Noise thành 3%.

Drop Shadow style panelDrop Shadow style panelDrop Shadow style panel

Tất cả các phong cách cho huy hiệu này đã xong. Nhấn OK để đóng bảng Layer Style và xác nhận các thay đổi.

Trong bước tiếp theo, tôi sẽ chỉ cho bạn cách thêm bộ lọc thông minh có mask vào huy hiệu.

Bước 8

Chọn công cụ Ellipse Tool và nhấp chuột vào một nơi nào đó trên bản vẽ. Nhập vào 1053 x 684 px. Bây giờ, tìm bảng Properties và thiết lập vị trí là 705 px cho X và 494 cho trục Y.

Properties panelProperties panelProperties panel

Đổi tên layer bằng cách nhấp đúp chuột trực tiếp vào tên của layer trong bảng Layers và thay đổi nó thành "Blur".

Nhấp chuột phải vào layer "Blur" và chọn Rasterize Layer.

Chọn Filter > Blur > Gaussian Blur, thiết lập bán kính là 45 px và nhấn OK.

Hủy kích hoạt layer "Blur" bằng cách nhấp vào biểu tượng con mắt nhỏ.

Bây giờ nhấn và giữ nút Command trên bàn phím của bạn và nhấp chuột vào hình thu nhỏ của layer này để tạo vùng chọn hình elip.

Layers panelLayers panelLayers panel

Chọn "Smart Object", chọn Filter > Blur > Gaussian Blur, và thiết lập Radius là 4 px.

Bạn sẽ thấy rằng có một hình thu nhỏ nhỏ gần bộ lọc thông minh mà bạn vừa thêm vào. Chọn hình thu nhỏ đó bằng cách nhấp chuột vào nó:

Smart filters thumbnailSmart filters thumbnailSmart filters thumbnail

Xác định vị trí bảng Properties (Window > Properties) và nhấp chuột vào Invert.

7. Cách thêm một số hiệu ứng nổi bật vào huy hiệu

Bước 1

Trong bảng Layers, chọn chọn layer "Smart Object" và chọn Layer> New> Layer Via Copy để nhân đôi layer đó.

Đổi tên layer này bằng cách nhấp đúp chuột trực tiếp vào tên của layer đó trong bảng Layers và thay đổi nó thành "Highlights".

Nhấp chuột phải vào layer "Highlights" và chọn Clear Layer Style từ trình đơn đó.

Layers panelLayers panelLayers panel

Bước 2

Thêm phong cách Bevel & Embossed. Trong phần Structure, thiết lập Style thành Inner Bevel, Technique thành Smooth, Depth đến 100%, Direction Up, Size 5 px, và Soften 0 px.

Trong phần Shading, thiết lập Angle là 20 °, Altitude đến 70 °, Gloss Contour thành Linear, Highlight Mode thành Overlay với màu trắng #ffffffOpacity 75%, và cuối cùng là Shadow Mode thành Multiply với màu đen #000000Opacity là 0%.

Bevel Embossed style panelBevel Embossed style panelBevel Embossed style panel

Bước 3

Thêm một phong cách Inner Shadow. Trong phần Structure, thiết lập Blend Mode thành Multiply với màu đen #000000Opacity là 95%, Angle là 90 °, Distance 4 px, Choke 0% và Size 2 px.

Cuối cùng, trong phần Quality, thiết lập Contour thành LinearNoise là 5%.

Inner Shadow style panelInner Shadow style panelInner Shadow style panel

Bước 4

Thêm một phong cách Drop Shadow. Trong phần Structure, thiết lập Blend Mode là Overlay với màu đen #000000, Opacity là 75%, Angle là 45 °, Distance là 3 px, Spread thành 0% và Size là 4 px.

Trong phần Quality, thiết lập Contour thành Linear và Noise thành 7%.

Drop Shadow style panelDrop Shadow style panelDrop Shadow style panel

8. Cách thêm một kết cấu bóng vào huy hiệu

Bước 1

Tạo một layer mới phía trên layer "Hightlights" bằng cách chọn Layer > New > Layer, nhập vào tên "Gradient" và nhấn OK.

Layers panelLayers panelLayers panel

Chọn Paint Bucket Tool và nhấn D trên bàn phím của bạn để thiết lập màu nền trước thành màu đen.

Paint Bucket ToolPaint Bucket ToolPaint Bucket Tool

Nhấp vào một nơi nào đó trên bản vẽ để tô màu layer với màu đen. Trong bảng Layers đặt Fill là 0%.

Layers panelLayers panelLayers panel

Bước 2

Trong bảng Layers, nhấp đúp chuột vào bên ngoài tên layer hoặc hình thu nhỏ để mở bảng Layer Style.

Thêm một phong cách Gradient Overlay. Đặt Blend Mode là Normal, Opacity thành 100%, Style Linear, Angle 25 ° và Scale 80%.

Gradient Overlay style panelGradient Overlay style panelGradient Overlay style panel

Bây giờ bấm vào hình chữ nhật khuynh độ để chỉnh sửa các màu gradient.

Đặt hai điểm dừng opacity thành 100% và thêm 2 điểm dừng màu. Đặt hai điểm dừng màu từ trái sang phải như sau:

  • Điểm dừng màu đầu tiên: màu #000000, vị trí 50%
  • Điểm dừng màu thứ hai: #ffffff, vị trí 64%

Nhấn OK để xác nhận thay đổi:

Gradient editor dialogGradient editor dialogGradient editor dialog

Bước 3

Trong bảng Layers, di chuyển con trỏ của bạn lên layer "Gradient", nhấp chuột phải vào đó, và chọn Convert to Smart Object từ trình đơn này.

Nhấp chuột phải và chọn Create Clipping Mask để thấy huy hiệu và áp dụng hiệu ứng.

Trong menu trên cùng, chọn Filter > Filter Gallery. Hộp thoại Filter Gallery xuất hiện.

Nhấp vào thư mục Distort.

Thư mục mở rộng và hiển thị các bộ lọc trong danh mục đó. Hình thu nhỏ minh họa hiệu ứng của bộ lọc đi kèm với mỗi bộ lọc. Chọn Glass và đặt Distortion thành 4, Smoothness thành 1, Texture thành Frosted và Scaling thành 112%.

Cuối cùng, nhấn OK để xác nhận và áp dụng hiệu ứng.

Filter Gallery dialog boxFilter Gallery dialog boxFilter Gallery dialog box

9. Cách thêm nguồn sáng tổng thể vào cảnh

Trong bảng Layers, chọn layer "Rubber Texture" và sau đó nhấp đôi chuột vào layer bên ngoài tên layer đó hoặc hình thu nhỏ để mở bảng Layer Style.

Thêm một phong cách Gradient Overlay. Đặt Blend Mode thành Overlay, Opacity thành 60%, Style Linear, Angle 40 ° và Scale 100%.

Gradient Overlay style panelGradient Overlay style panelGradient Overlay style panel

Bây giờ bấm vào hình chữ nhật gradient để chỉnh sửa các màu gradient.

Đặt hai điểm dừng opacity thành 100% và thêm 2 điểm dừng màu. Đặt các điểm dừng màu từ trái sang phải như sau:

  • Điểm dừng màu đầu tiên: màu #000000, vị trí 1%
  • Điểm dừng màu thứ hai: #ffffff, vị trí 100%

Nhấn OK để xác nhận thay đổi:

Gradient editor dialogGradient editor dialogGradient editor dialog

Xin chúc mừng, bạn đã hoàn tất!

Trong hướng dẫn này, bạn đã biết được cách tạo một Mockup con dấu cao su như thực từ đầu với Adobe Photoshop!

Tôi hy vọng rằng bạn sẽ rất thích hướng dẫn của tôi và học được điều gì đó mới mẻ. Vui lòng để lại nhận xét, đề xuất và kết quả của bạn bên dưới.

Thưởng thức bức hình Photoshop của bạn nhé!

Hot Rubber Stamp MockUpHot Rubber Stamp MockUpHot Rubber Stamp MockUp
One subscription.
Unlimited Downloads.
Get unlimited downloads