Hướng dẫn Thiết kế Mockup đẹp, nhanh và dễ bằng Photoshop

 

Đây là một bài rất căn bản, nếu bạn đã rành Photoshop (Ps) xin đừng nói lời cay đắng, hãy cuộn tiếp, lướt qua bài này như một cơn gió nhé. Với các bạn nào chưa biết, thì mình giới thiệu ngay : Mockup là các thiết kế có sẵn, người ta đã làm hết rất đẹp, các bạn chỉ cần tải về, thay đổi nội dung mình muốn vào, và ngay lập tức các bạn cũng có những thiết kế đẹp, chuyên nghiệp.

Mockup trên mạng thì rất nhiều, miễn phí cũng đầy, có phí lại càng nhiều hơn, và Googe sẽ giúp ta tìm tới những nơi như thế.

Khi đã có file mockup, bạn chỉ tốn thêm vài giây với Photoshop là có thành quả, có thể đem trình với khách hàng, hoặc đưa lên trang web, hoặc đơn giản là đăng facebook kiếm like sống ảo chơi cũng được

Video Hướng Dẫn

Với bạn nào không thích xem video, mình tóm tắt lại như sau:

1. Đầu tiên, bạn tìm file mockup, google ra được 1 tỉ cái, tuỳ vào trang bạn tải mà có thể họ sẽ cho miễn phí hoàn toàn, tình cho không biếu không, người dùng chẳng phải làm gì, cũng có trang bắt bạn phải để credit cho người sáng tạo, nói chung là công bằng, dễ hiểu

Phần mềm soạn thảo HTML iClick Editor

2. Tải về thì bạn mở ra sẽ thấy file PSD như dưới đây

Phần mềm soạn thảo HTML iClick Editor

Thông thường trong file tải được sẽ nói rõ cho bạn là bạn được dùng như thế nào thế nào, hãy tôn trọng người đã làm ra mockup và dùng nó đúng như vậy

OK, giờ vào phần chính, bạn mở file PSD ra

Phần mềm soạn thảo HTML iClick Editor

Khi mở file PSD, bạn sẽ để ý các Smart Layer, thường được đặt tên là “your content” hoặc đơn giản chỉ là một smart layer, bạn nhấn phải lên đó, chọn Edit Contents

Phần mềm soạn thảo HTML iClick Editor

Ở màn hình này, bạn nhấn File, Place hoặc Place Embedded tuỳ phiên bản Ps bạn dùng, sau đó bạn đặt logo hoặc hình ảnh mình muốn vào, kéo căn chỉnh cho vừa vặn, sau đó nhấn lưu (Cmd +S hoặc Ctrl + S) và đóng file này lại là xong.

Phần mềm soạn thảo HTML iClick Editor

Hoàn thành rồi, bạn đã có file thiết kế của riêng mình!, rất nhanh và chuyên nghiệp và đẹp

Phần mềm soạn thảo HTML iClick Editor

Ví dụ mình làm cái này chỉ mất 30 giây với file Mockup

Chúc các bạn vui vẻ! Các bạn đọc thấy hay thì chia sẻ để nhiều người được biết với nhé, mình cũng còn 1-2 thủ thuật nhỏ nhỏ mà hay với Ps, hẹn các bạn trong những bài sau!

 

Nguồn: https://tinhte.vn

Hướng dẫn Thiết kế Mockup đẹp, nhanh và dễ bằng Photoshop
5 (100%) 1 vote

Comments

bình luận