Tạo một hộp diêm nổi bật trong Photoshop

Hướng dẫn này bao gồm việc tạo ra một hình minh họa hộp diêm kỹ thuật số trong Photoshop Chúng ta sẽ tạo thiết kế bìa hộp diêm, đường quẹt lửa trên hộp diêm từ một mẫu và đặt kết cấu bìa các tông lên hộp. Chúng ta cũng sẽ tạo ra các que diêm và sắp xếp mọi thứ thành một phối cảnh 3D.

Xem trước hình ảnh cuối cùng

Trước khi bắt đầu, chúng ta hãy xem hình ảnh mà chúng ta sẽ tạo ra. Nhấp chuột vào ảnh chụp màn hình bên dưới để xem hình ảnh với kích thước đầy đủ. Như mọi khi, tập tin Photoshop dạng layer có sẵn khi là thành viên Psdtuts+Plus của chúng tôi.

Bước 1

Tạo một tài liệu mới với chiều rộng 525 inch x 750 inch. Thiết lập Resolution 300 pixel mỗi inch. Sau đó tạo một layer mới, đặt tên là "Texture" và tô nó với màu trắng. Áp dụng một Pattern Overlay Layer Style với các thiết lập này: Blend Mode là Normal, Opacity 60%, và Pattern được thiết lập là Charcoal Flecks (nó nằm trong bộ Grayscale Paper).

Bước 2

Tạo một layer mới, đặt tên là "Border" và tô nó với màu đen. Sau đó, áp dụng Stroke Layer Style với các thiết lập này: Size 10, Position là Inside, và Color là màu trắng Bây giờ chúng ta cần rasterize layer style này. Để thực hiện việc này, hãy tạo một layer mới. Chọn layer mới và layer "Border", sau đó hợp nhất chúng với Command+E. Sau đó thiết lập Blending Mode của layer này thành Multiply.

Lấy Magic Wand Tool và bấm vào vùng màu đen. Bây giờ tạo một layer mới và tô màu vùng chọn bằng màu "baa36d". Đặt tên layer này là "Color". Ẩn nó ngay bây giờ, vì chúng ta sẽ cần nó sau. Bây giờ quay trở lại layer "Border". Contract vùng chọn. Đi tới elect > Modify > Contract. Contract 5 pixel và nhấn Delete. Contract một lần nữa bằng 10 pixel và tô màu vùng chọn bằng màu đen. Contract lựa chọn một lần nữa bằng 2 pixel và nhấn Delete. Bây giờ đường viền đã sẵn sàng. Bật layer "Color" và thiết lập Blending Mode thành Linear Burn.

Bước 3

Tạo một layer mới. Chọn phạm vi hình chữ nhật và tô nó với màu đen. Kéo và chụp đường hướng dẫn dọc ra giữa. Chọn công cụ Elliptical Marque Tool. Bắt đầu từ đường hướng dẫn đó, nhấn giữ Alt, tạo vùng chọn và nhấn Delete. Sau đó tạo hai hình chữ nhật màu đen trên cùng một layer đó.

Bước 4

Lấy công cụ Type. Chọn phông chữ yêu thích của bạn và đưa vào một số văn bản trên thiết kế của bạn. Bạn có thể vào Edit > Transform > Warp để bẻ cong văn bản.

Bước 5

Bây giờ chúng ta sẽ chụp ảnh màn hình của hộp công cụ Photoshop và sử dụng biểu tượng Pen Tool trong thiết kế của chúng ta. Bạn có thể làm theo hướng dẫn dưới đây và tự mình thực hiện hoặc bỏ qua bước này và tải xuống bản sao của Pentool.png.

Chụp ảnh màn hình bằng bất kỳ công cụ hoặc phím tắt nào bạn thích (Nhấn PrintScrn trên bàn phím trong Windows). Thao tác này sẽ sao chép ảnh chụp màn hình vào khay nhớ tạm. Tạo một tài liệu Photoshop mới và vào Edit > Paste. Phóng to 1600% tại phạm vi hộp công cụ để xem gần công cụ bút của chúng ta.

Nhấn Alt+PrntScrn để chỉ chụp lại cửa sổ đang hoạt động. Tạo một tài liệu mới và dán vào. Vào Image > Adjustments > Levels và tinh chỉnh để tăng độ tương phản. Bạn có thể sử dụng Magic Wand hoặc Rectangular Marque Tool để làm sạch xung quanh cây bút đó. Sau đó kéo và đặt nó vào thiết kế hộp diêm của bạn. Bây giờ nếu bạn hài lòng với thiết kế của bạn, hãy san bằng hình ảnh bằng cách vào Layer > Flatten Image. Lưu nó thành "Design.jpg."

Bước 6

Tạo một tài liệu mới với chiều rộng 35 pixel và chiều cao 42 pixel. Độ phân giải 300 pixel/inch. Nhấn Command+A để chọn toàn bộ khung hình, sau đó kéo và chụp các đường hướng dẫn đến tất cả các cạnh và tâm của vùng chọn. Sau đó nhấn Ctrl+D để bỏ chọn.

Chọn #551100 làm màu nền trước của bạn. Sau đó lấy Polygon Tool, và sử dụng các thiết lập này: thiết lập nó với Fill Pixels và thiết lập các cạnh là 6. Tạo một layer mới và đặt tên là "Hexagon". Sau đó nhấp chuột và kéo bắt đầu từ trung tâm của layer đến cạnh phải.

Bước 7

Vào Image > Canvas Size. Đảm bảo rằng Relative được chọn. Nhập 200 phần trăm cho Width và Height. Nhân đôi layer "Hexagon". Di chuyển nó lên và chụp đến phần dưới cùng của hình lục giác đến đường hướng dẫn phía trên. Nhân đôi layer một lần nữa, lần này di chuyển nó xuống và chụp phần trên cùng của hình lục giác đến đường hướng dẫn bên dưới. Hợp nhất hai layer trùng lặp bằng cách chọn cả hai layer và đi đến Layer > Merge Layers. Đặt tên cho layer đã được hợp nhất là "Hex2".

Bước 8

Nhân đôi layer "Hex2" và xoay nó -60 độ. Nhân đôi layer "Hex2" một lần nữa và lần này xoay nó 60 độ. Đặt tên layer này là "Hex60". Vào View > Clear Guides. Bây giờ lấy Polygonal Lassoo Tool và tạo vùng chọn bao phủ hình lục giác bên trái phía dưới.

Nhấp chuột phải vào bên trong vùng chọn và chọn Layer Via Cut. Hình lục giác đã chọn hiện tại được đặt vào một layer mới. Kéo các đường hướng dẫn dọc và ngang đến tâm của hình lục giác đó. Quay trở lại layer "Hex60" và kéo hai hướng dẫn ra giữa của phía trên bên phải. Flatten hình ảnh và tạo vùng chọn bằng Công cụ Marque Marque. Vào Edit > Define Pattern, đặt tên là "Hexagon" và nhấn OK.

Bước 9

Tạo một tài liệu mới rộng 750 pixel, cao 210 pixel với độ phân giải 300 pixel/inch. Tạo một layer mới tên là "Striker" và tô nó với bất kỳ màu nào. Áp dụng các Layer Styles đã hiển thị bên dưới.

Bước 10

Bây giờ chúng ta hãy thêm một số kết cấu. Tôi đã sử dụng kết cấu miễn phí này từ trang web của Urban Dirty. Tải về tập tin này, mở nó trong Photoshop, và kéo texture vào tài liệu của bạn ở phía trước của layer "Striker".

Vào Image > Adjustments > Threshold, và thay đổi giá trị cho đến khi bạn nhận được một cái gì đó tương tự như được hiển thị dưới đây. Đảo ngược hình ảnh bằng cách vào Image > Adjustments > Invert. Sau đó vào Filter > Blur > Gaussian Blur, và nhập bán kính khoảng 1.5.

Vào Image > Adjustments > Levels, và cố gắng để có được một cái gì đó như thể hiện trong hình dưới đây. Đặt Blending Mode của layer là Screen. Nếu bạn hài lòng với phần quẹt diêm, hãy flatten hình ảnh bằng cách vào Layer > Flatten Image. Lưu nó thành "Striker.jpg."

Bước 11

Hãy tạo ra một kết cấu bìa cạc-tông tốt đẹp ngay bây giờ. Tạo một tài liệu mới một lần nữa với các thiết lập tương tự như chúng ta đã làm cho phần quẹt diêm, có chiều rộng 750 pixel, chiều cao 210 pixel, và độ phân giải 300 pixel/inch. Tạo một layer mới và tô nó với màu trắng. Áp dụng một Pattern Overlay Layer Style và chọn "Charcoal Flecks" pattern. Flatten hình ảnh đó.

Nhấn Command+U để hiển thị các điều khiển Hue/Sauration. Sử dụng các thiết lập này: Colorize đánh dấu, Hue 30, Saturation 20, và Lightness 0. Nếu bạn hài lòng với phần quẹt diêm, flatten hình ảnh bằng cách vào Layer > Flatten Image. Lưu hình ảnh dưới dạng "Cardboard.jpg".

Bước 12

Bây giờ chúng ta có tất cả các thành phần mà chúng ta cần cho cái hộp. Bởi vì chúng ta sẽ tạo ra phép phối cảnh cho chiếc hộp của chúng ta, sử dụng hình ảnh tham khảo là một ý tưởng tốt. Bạn có thể sử dụng một bức ảnh của hộp diêm hoặc tạo mô hình đơn giản trong ứng dụng 3D yêu thích của mình để sử dụng làm tham chiếu. Tôi đã lập mô hình ba cái hộp và kết xuất khung dây. Bạn có thể tải xuống hình ảnh tham chiếu tại đây. Tiếp tục và mở hình ảnh tham chiếu trong Photoshop. Nhân đôi layer "Background", đặt tên là "3D Reference" và tô màu cho layer "Background" với màu trắng.

Bước 13

Mở tập tin "Design.jpg". Chọn tất cả bằng cách vào Select > Select All. Sau đó, vào Edit > Copy. Tại thời điểm này, tôi sử dụng kính lúp trong hệ điều hành này. Tôi sử dụng Windows XP. Kính lúp có thể rất hữu ích trong các bước sau. Bạn có thể lấy thông tin về kính lúp từ liên kết này.

Tạo một layer mới và đặt tên là "Design". Bây giờ vào Filter > Vanishing Point. Click vào 4 điểm để tạo ra một mặt phẳng phối cảnh. Sau đó nhấn Ctrl+V để dán hình ảnh. Nhấn Ctrl+T để biến đổi hình ảnh, chỉnh tỷ lệ xuống một chút, xoay nó CCW 90 ° và kéo nó vào trong mặt phẳng.

Bước 14

Đặt nó vào vị trí, chỉnh tỷ lệ cho vừa với mặt phẳng quan sát và nhấn OK. Đặt Opacity của Layer là 50% để bạn có thể thấy hình ảnh tham chiếu vì chúng ta sẽ lặp lại bước này một vài lần nữa.

Bước 15

Bây giờ lặp lại bước trước đó cho phần quẹt diêm. Tạo một layer mới và đặt tên là "Striker". Mở tập tin "Striker.jpg". Chọn tất cả và nhấn Command+C để sao chép. Vào Filter > Vanishing Point và tạo một mặt phẳng khác cho khớp với cạnh của hộp. Dán hình ảnh và điều chỉnh kích thước và vị trí.

Bước 16

Lặp lại quá trình với "Cardboard.jpg" cho tất cả bốn mặt của hộp bên trong. Lưu ý rằng thứ tự layer rất quan trọng.

Tất cả các chỉ tiết các tông trông phẳng cho đến bây giờ. Chúng ta sẽ thêm một số chiều sâu cho chúng bằng cách áp dụng Gradient Overlay cho các layer này. Sử dụng các cài đặt sau cho tất cả các layer Card: một Gradient chuyển từ Đen sang Trắng, một Style được thiết lập là Linear.

Sau đây là một số tham số khác cần thay đổi cho mỗi layer:

• Đối với layer "Striker", đặt Blend Mode thành Multiply, Opacity là 30 và Angle là -95.
• Đối với layer "Design", thiết lập Blend Mode thành Multiply, Opacity là 30 và Angle là -95.
• Đối với layer "Card03", đặt Blend Mode thành Multiply, Opacity là 10 và Angle là 180.
• Đối với layer "Card02", đặt Blend Mode thành Multiply, Opacity là 25 và Angle là 180.
• Đối với layer "Card01", đặt Blend Mode thành Multiply, Opacity là 40 và Angle là -145.
• Đối với layer "Card04", đặt Blend Mode thành Multiply, Opacity là 40 và Angle là -125.
• Chọn layer "Card04", vào Image > Adjustments > Hue/Saturation, thiết lập Lightness thành -15

Bước 17

Các chỉ tiết của bao diêm không có độ dày, vì vậy hãy sửa lỗi đó. Chọn layer "Card03", Nhân đôi layer, và di chuyển bản gốc (không phải bản sao) lên 1 pixel. Nhấn Command+U và tăng độ sáng để làm cho nó sáng hơn cho đến khi bạn có hiệu ứng độ dày, như hình dưới đây.

Lặp lại điều này cho tất cả các chi tiết ngoại trừ phần dưới cùng của hộp là "Card04" Layer. Bây giờ chọn từng layer và nhân bản, sau đó hợp nhất chúng. Command-click vào layer "Card03 copy" để load vùng chọn. Sau đó, sử dụng Công cụ Brush được thiết lập là cọ mềm, tô cạnh màu đen. Sau đó điều chỉnh Opacity.

Bước 18

Cuối cùng, tạo vùng chọn với sự trợ giúp của layer "3D Reference". Tạo một layer mới phía trên layer "3D Reference" và tô màu vùng chọn với màu xám đậm. Bây giờ chiếc hộp đã hoàn tất. Lưu tập tin dưới dạng "matchbox.psd".

Bước 19

Tạo một tài liệu mới rộng 32 pixel với chiều cao 750 pixel với độ phân giải 300 pixel/inch. Tô màu các layer nền với màu ffeecc. Nhấn D trên bàn phím để chuyển sang màu mặc định. Tạo một layer mới và tô nó với màu đen.

Vào Filters > Render > Fibers, và thiết lập Variance là 55, Strength là 40, và áp dụng nó. Sau đó vào Filter > Blur > Motion Blur, sau đó thiết lập Angle là 90 và Distance là 40. Chuyển đến Select > Color Range. Con trỏ sẽ chuyển sang Eye Dropper. Nhấp chuột vào màu trắng trên Bảng điều khiển Swatches để chọn các vùng màu trắng trong hình ảnh đó. Thiết lập Fuzziness lên đến 200.

Tạo một layer mới và tô màu vùng chọn với màu "ffeecc" một lần nữa. Áp dụng Bevel and Emboss với các thiết lập này: Style of Inner Bevel, Direction được thiết lập là Down, Size 1, Depth 510 và Shadow Mode được thiết lập là Color Burn.

Xóa layer sợi và làm phẳng hình ảnh. Nhấn Command+A để chọn tất cả và Command+C để sao chép. Nếu bạn không muốn tất cả các que diêm của bạn giống nhau, bạn có thể lặp lại bước này nhiều lần như mong muốn của bạn. Nhấp chuột vào nút Randomize khi áp dụng bộ lọc Fibers sẽ tạo ra các kết cấu khác nhau.

Bước 20

Bây giờ quay trở lại "matchbox.psd". Kéo layer "3D Reference" lên trên cùng của ngăn xếp layer. Nhấn Command+V để dán que diêm bên trên Layer "3D Reference". Tắt chụp bằng cách mở menu View và bỏ chọn Snap. Tắt Snap sẽ giúp mọi thứ trở nên dễ dàng hơn trong bước tiếp theo. Vào Edit > Transform > Distort. Phù hợp phép phối cảnh của que diêm với phối cảnh trong hình ảnh tham chiếu bằng cách kéo các góc.

Đầu tiên tạo phía trên cùng của que diêm. Nhấn Command+V lần nữa. Lần này tạo mặt đối diện của que diêm. Phần này sẽ tối hơn một chút, nhấn Command+U và giảm giá trị Lightness. Áp dụng Gradient Overlay cho cả hai layer que diêm với các cài đặt này: Blend Mode được thiết lập là Linear Burn, Opacity được thiết lập là 40 và Angle được thiết lập là -140.

Bước 21

Chọn cả hai layer que diêm và hợp nhất chúng. Đặt tên layer là "Matchstick". Ẩn layer "3D Reference". Kéo layer "Matchstick" xuống dưới layer "Card02". Tạo một layer mới và đặt tên là "Tip". Lấy công cụ Elliptical Lassoo Tool và tạo vùng chọn cho đầu của que diêm. Tô màu vùng chọn bằng màu #410000. Vào Filter > Noise > Add Noise. Áp dụng với các cài đặt này: Amount of 22%, Uniform, and Monochromatic được đánh dấu.

Vào Filter > Distort > Spherize. Amount 100% and Mode thiết lập là Normal. Bây giờ áp dụng một Gradient Overlay Layer Style: Blend Mode thiết lập là Soft Light, Opacity là 75, Gradient là Black sang White, Reverse được đánh dấu, Style of Radial, và Scale 150%.

Bây giờ đặt hình elip lên đầu que diêm và vào Edit > Transform > Skew. Làm cho nó song song với que diêm và điều chỉnh tỷ lệ kích cỡ và vị trí. Cuối cùng, chọn các layer "Matchstick" và "Tip" và hợp nhất chúng.

Bước 22

Tô màu que diêm bằng cách giữ phím Alt và kéo. Vào Edit > Transform > Distort. Làm méo mó layer để phù hợp phép phối cảnh của các que diêm với phép phối cảnh của hộp diêm. Bây giờ chúng ta sẽ tạo bóng của hộp trên các que diêm. Bây giờ Command-click vào layer "Card04" để tải vùng chọn. Command+Shift-click vào layer "Card01 copy" để thêm vùng chọn đó. Sau đó, Command+Alt-click vào layer"Card02 copy" để trừ đi. Sau đó, Command+Alt-click vào layer "Card03 copy" để trừ đi. Bạn sẽ có một vùng chọn như thế này.

Bước 23

Tạo một layer mới phía trên que diêm. Tô nó với màu đen, như bạn có thể thấy trong hình dưới đây. Sau đó tạo cho nó Gaussian Blur.

Bước 24

Bây giờ là lúc để tạo sự phản chiếu và bóng đổ của chiêc hộp của chúng ta. Bây giờ làm cho layer "Background" vô hình. Đảm bảo layer "3D Reference" cũng bị tắt đi. Với một trong các layer hiển thị được chọn, hãy chuyển đến Layer > Merge Visible. Đặt tên cho layer đã hợp nhất là "Reflection". Nhấn Command+T và mở rộng khoảng 70%. Nhân đôi layer "Reflection" và đặt tên là "Matchbox". Bật layer "Background".

Chọn layer "Reflection" và áp dụng Motion Blur với Angle 90 và Distance là 270 pixels. Nhấn Ctrl+T để mở rộng layer "Reflection" theo chiều ngang để sắp xếp các cạnh của hình phản chiếu với các cạnh của hộp. Chọn và xóa phần trên của hình phản chiếu, sau đó bỏ chọn bằng cách nhấn Command+D. Vào Filter > Blur > Gaussian Blur và đặt Radius là 5.

Bước 25

Tạo vùng chọn, như trong hình bên dưới. Command+Alt+Shift-click vào layer "Matchbox" để chọn giao điểm. Tạo một layer mới phía trên layer "Reflection" và tô nó với màu đen. Bỏ chọn bằng cách nhấn Command+D và áp dụng Gaussian Blur với Radius là 8.

Kết luận

Chúng ta đã hoàn tất! Bạn có thể thay đổi màu nền nếu muốn. Tôi tô nó với một gradient. Hy vọng bạn thích hướng dẫn này. Kết quả ở bên dưới và bạn có thể xem phiên bản cuối cùng lớn hơn tại đây.