Tạo 1 Mockup rất ấn tượng trong Photoshop

Th8 21, 2018
Photoshop
0 0

Hôm nay online thấy bài mockup khá hay nến giới thiệu cho những ai đam mê..những đồ vật li ti này
Kết quả cuối cùng

K5BQhoP.jpg
Nhà thiết kế và những người liên quan trong lĩnh vực thiết kế không ngừng tìm kiếm các nguồn tài nguyên để trình bày thiết kế, công trình của họ cho khách hàng. Họ muốn ngừng hiển thị tác phẩm của mình một cách phẳng và nhàm chán và họ cũng muốn sử dụng các nguồn lực để giúp họ trình bày công việc của họ một cách thực tế hơn.Chúng tôi kêu gọi các nguồn lực “Mockups” và trong dịp này, chúng ta sẽ làm một mockup thực tế của thẻ kinh doanh trên một giấy A4. Vì vậy, chúng ta hãy bắt đầu.
Tài sản hướng dẫn

  • Giấy A4 PSD

Bước 1: Chuẩn bị các hình ảnh trong Lightroom.

Nhập khẩu các hình ảnh mà bạn sẽ sử dụng cho mockup của bạn trong ri, để giảm tiếng ồn và chỉnh sửa một số không hoàn hảo và sau đó cân bằng bóng tối và ánh sáng.
EkGWeUZ.jpg
Bước 2

Làm sạch hình ảnh của nếp nhăn và các đối tượng được xả rác bức ảnh, trong trường hợp này chúng tôi sẽ loại bỏ các điểm màu trên danh thiếp, được sử dụng để tập trung các khu vực của bức ảnh.
Sử dụng các công cụ diệt điểm (Q) và chọn vùng mà bạn muốn thay thế.
H5MexJO.jpg
Bước 3

Thiết lập các tiếp xúc, độ tương phản, bóng, trắng và người da đen. Cũng làm tăng sự rõ ràng để làm cho hình ảnh nhìn một chút sắc nét hơn.
Tôi đã sử dụng các cài đặt sau cho hình ảnh này: Exposure = 0,35 , tương phản = -16 , nổi bật = -30 , Shadows = -14 , người da trắng = 11 , Đen = -44 .
Để loại bỏ màu sắc xung quanh các cạnh và tăng độ sắc nét trong các bức ảnh tôi đã sử dụng các giá trị sau:Clarity = 54 , Vibrance = -19 , Saturation = -46 .
Bạn có thể đặt chúng như bạn muốn.
t1bnLlq.jpg
Bước 4

Giảm nhiễu hình ảnh, điều này làm cho mockups nhìn thực tế hơn, nhưng trong trường hợp này tôi giảm nó chỉ là một chút, tôi khuyên bạn nên cấu hình này, trong Sharpening Bảng điều chỉnh thiết lập: Số tiền = 14 , mặt nạ = 2 , trong Noise Reduction Bảng điều chỉnh thiết lập: Độ sáng = 59 , chi tiết = 36 , tương phản = 48 .
3dDkxx0.jpg
Như bạn có thể nhận thấy sự thay đổi này là khá rõ ràng cho đến nay, hình ảnh của bạn sẽ trông như thế này.
ioQOGzf.jpg
Bước 5

Sau đó, xuất khẩu các hình ảnh, với độ phân giải 3000×2000 ở 300dpi. Để làm điều này, nhấn Ctrl (Command) + Shift + E , và sau đó mở nó trong photoshop.
GprymYG.jpg
Bước 6: Làm Kinh doanh Thủy Mockup

Mở hình ảnh trong photoshop File / Open và tìm kiếm “A4 – Danh thiếp mockup” hình ảnh.
06dkFdp.jpg
Bước 7

Mở A4 và thẻ kinh doanh thiết kế của bạn trong photoshop.
Bạn có thể lặp lại quá trình trước để mở thiết kế hoặc bạn cũng có thể kéo và thả các thiết kế của bạn trong khu vực tab.
XUosH5N.jpg
Bước 8: Làm Smart-đối tượng Thiết kế

Để loại bỏ trạng thái bằng phẳng của hình ảnh bằng cách nhấp đúp vào layer hoặc nhấp chuột phải và chọn lớp từ nền …
qbxioMB.jpg
Bước 9

Bây giờ, trước khi sử dụng thiết kế, bạn phải chuyển đổi nó thành một Smart Object . Để làm điều này, bạn phảibấm chuột phải vào nó và chọn Convert To Smart Object
JxpSsTu.jpg
Bước 10: Di chuyển các thiết kế

Bây giờ bạn có để kéo các thiết kế thành hình ảnh chúng tôi đã thiết kế cho mockup, nó là rất dễ dàng, chỉ cần chọn công cụ Move Tool (V) và chọn thiết kế (không phải là lớp) và mang đến tab mockup.
jAt2tKX.jpg

hcmkga7.jpg
Bước 11: Chuyển đổi đối tượng thông minh

Bạn sẽ thay đổi quan điểm của các đối tượng thông minh và đặt nó nơi mà nó thuộc về. Để làm điều này, bạn phải nhấn Ctrl (Command) + T và kéo mỗi đỉnh của góc để cung cấp cho các quan điểm mong muốn, sau đó nhấn Enter.
lZTRmJn.jpg
Bước 12

Thiết lập chế độ hòa trộn cho Smart-Object, và chọn Multiply
DTHovT0.jpg
Bước 13:

Bây giờ, thêm các thiết kế bên thẻ khác, bạn chỉ cần lặp lại các bước 8 , 9 , 10 và 11 .
m8redne.jpg
Lặp lại Bước 12 thiết lập chế độ hòa trộn cho Smart-Object, và chọn Multiply .
xWsCj01.jpg
Bước 14: mặt nạ thông minh-Object

Mặt nạ lớp Smart Object. Để làm điều này, bạn sử dụng công cụ Polygonal Lasso Tool (L) và chọn vùng của thẻ kinh doanh, báo chí Ctrl (Command) + Shift + I để đảo vùng chọn.
JRiqNqX.jpg
Bây giờ tinh chỉnh cạnh, nhấn Ctrl (Command) + Alt + R , vì vậy Feather = 1, độ tương phản = 15, chuyển cạnh = 30 và OK.
UJZbGrp.jpg
Bước 15

Giữ phím Shift quan trọng làm cho kích vào Add Layer Mask nút nằm ở dưới cùng của bảng layer.
s4RLrBt.jpg

HK00JyJ.jpg
Bước 16

Bây giờ, thêm thiết kế giấy A4, bạn chỉ cần lặp lại các bước 8 , 9 , 10 và 11 . 
– sau các lớp mask Smart-Object với Polygonal Lasso Tool (L) . 
– Lọc cạnh, nhấn Ctrl (Command) + Alt + R , vì vậy Feather = 1, độ tương phản = 15, chuyển cạnh = 30 và OK.
– Bấm phím Shift chính bạn click vào Add Layer Mask nút nằm ở dưới cùng của bảng layer.
WILW5tG.jpg
Bước 17

ZN4ynbM.jpg

Có vẻ như đây đã qua, và ngay từ cái nhìn đầu tiên sẽ rất tốt, nhưng chúng tôi muốn nó trông như thật nhất có thể, bạn sẽ thêm một chút mờ với mockup. 
Cho rằng bạn sẽ thực hiện lựa chọn, chúng tôi sử dụng một hình chữ nhật lựa chọn như trong hình dưới đây.
yUvxmWK.jpg
Đảo ngược vùng chọn nhấn Ctrl (Command) + Shift + I . Lọc cạnh, nhấn Ctrl (Command) + Alt + R , vì vậy Feather = 185,8, độ tương phản = 15, chuyển cạnh = -30 và OK. 
Hãy chắc chắn rằng bạn đã chọn A4 lớp giấy, vào Filter / Blur / Gaussian Blur … và viết 2.5 cho các giá trị bán kính.
bDZzN0r.jpg
Bước 18: Thêm Blur để các lớp khác.

Bạn sẽ không lặp lại các bước trước đó, những gì bạn sẽ làm gì cho thêm vào các lớp khác tác dụng làm mờ là:
Trong khi giữ phím Alt , sẽ chọn trong lớp, nơi nó nói thông minh lọc , và bạn sẽ kéo lớp trên cùng (Lặp lại các bước tương tự để các lớp khác).
BnPD7cN.jpg
Bước 19: Làm ảnh hưởng của chồng thẻ.

Điều đầu tiên cần làm là: Tổ chức các lớp vào các thư mục và đổi tên chúng.
3xIGJtL.jpg
Bước 19

Chọn layer bạn muốn làm cho hiệu ứng ngăn xếp vô hiệu hóa Blur lọc và bản sao chỉ một lần, Click chuột phảivào layer và chọn Duplicate Layer lựa chọn. Sau đó, bạn sẽ xóa các mặt nạ của layer mới.
z257zCc.jpg
Bạn có nhớ Bước 11: Chuyển đổi đối tượng thông minh .
VlODsly.jpg
Vâng, bạn phải lặp lại bước 19 và 11, nhiều hơn bốn lần.
q1DPEO4.jpg
Bước 20: Lựa chọn khu vực

Chú ý đến những điều sau đây, Giữ Ctrl (Command) chính bạn sẽ nhấp chuột vào hình thu nhỏ của lớp như thể hiện trong hình ảnh.
laqpSIm.jpg
Bây giờ, giữ Ctrl (Command) và phím Alt bạn sẽ bấm vào các lớp trên.
0RQUtfG.jpg
Bây giờ tinh chỉnh cạnh, nhấn Ctrl (Command) + Alt + R , vì vậy Feather = 1, độ tương phản = 15, chuyển cạnh = 30 và OK. 
Bây giờ, các lớp mask bằng cách nhấn vào nút bên dưới mà nói Add Vector Mask .
KzBR5KX.jpg
Bây giờ chọn lớp trên và lặp lại các bước tương tự cho đến khi bạn đạt đến lớp chính.
loMFwqB.jpg

Cho phép lọc thông minh cho các lớp làm việc và tiếp tục ở phía bên kia của thẻ trong thư mục khác.
5xcPO3c.jpg
Bước 21: Hoàn thành Stack của Kinh doanh Thủy

Để có được hiệu quả ngăn xếp cho phía bên kia của thẻ, bạn nên lặp lại các bước trước đó trùng lặp, biến đổi và mặt nạ lớp.
8ndczzG.jpg
Bước 20: Hãy cố gắng thiết kế khác

Nếu bạn vẫn không biết làm thế nào để thay đổi hình ảnh đó là trong một đối tượng thông minh theo các bước sau:
Nhấp chuột phải trên lớp để thay đổi và Chọn Edit Contents.
82kn1GY.jpg
Đặt hình ảnh của bạn, tiết kiệm Ctrl (Command) + S và Đóng Ctrl (Command) + W .
Bước 21: Thưởng thức Mockup của bạn

K5BQhoP.jpg
Như bạn thấy, làm cho một mockup như thế này mà không phải là phức tạp. Trong khi bạn có công cụ cần thiết để làm một công việc chuyên nghiệp bao gồm nhiếp ảnh (đó là lịch sử khác) tất cả mọi thứ sẽ dễ dàng hơn. Những kỹ thuật này đã được sử dụng để tạo ra infinity , tôi khuyên bạn nên có một cái nhìn xung quanh, Infinity là một đám mây nguồn cảm hứng cho bạn để tạo ra những người khác mockups
Đối với chúng tôi là rất quan trọng biết ý kiến của bạn về bài viết này, đừng quên cung cấp cho chúng tôi một bình luận và nếu bạn thực hiện một mockup dựa trên hướng dẫn phần này với chúng tôi trong bài viết này.

Comments are closed.