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

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

Discussion in 'Xử lý ảnh số' started by Nam Air, 11/5/17. Replies: 83. Views: 209,423.

Nam Air
Theo dõi

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

Thảo luận trong 'Xử lý ảnh số' bắt đầu bởi Nam Air, 11/5/17. Trả lời: 83, Xem: 209423.

Chia sẻ

  1. Nam Air

    Nam Air Mod hiền lành

    Tham gia:
    15/11/07
    Được thích:
    77,861
    Best Answers:
    0
    Nam Air
    VIP
    #1 Nam Air, 11/5/17
    Sửa lần cuối: 11/5/17
    Đâ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

    Dễ nhất là xem video, xem xong là hiểu liề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

    Đang tải tinhte-photoshop-mockup-4.jpeg…

    2. Tải về thì bạn mở ra sẽ thấy file PSD như dưới đây
    Đang tải tinhte-photoshop-mockup-5.jpg…
    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

    Đang tải tinhte-photoshop-mockup-1.jpeg…

    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

    Đang tải tinhte-photoshop-mockup-3.jpeg…

    Ở 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.

    Đang tải tinhte-photoshop-mockup-2.jpeg…

    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

    Đang tải tinhte-photoshop-mockup-6.jpg…

    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!
     

    File đính kèm:

    Chia sẻ

    #1 Nam Air, 11/5/17
    Sửa lần cuối: 11/5/17
  2. BB Tran

    Tham gia:
    25/9/13
    Được thích:
    890
    Best Answers:
    0
    BB Tran
    TÍCH CỰC
    đang cần lắm mấy bài căn bản như thế này :D
     
  3. iceteazz

    Tham gia:
    3/11/12
    Được thích:
    2,546
    Best Answers:
    0
    iceteazz
    CAO CẤP
    _ Like !

    _ Để mình kiếm torrent Ps về thử ...
     
    thích công nghệ 123 thích nội dung này.
  4. westlifeplaywar

    Tham gia:
    18/12/10
    Được thích:
    3,299
    Best Answers:
    0
  5. thichmuare1

    Tham gia:
    6/3/14
    Được thích:
    14
    Best Answers:
    0
  6. lamquoctien

    Tham gia:
    5/1/09
    Được thích:
    502
    Best Answers:
    0
    lamquoctien
    TÍCH CỰC
    Cái này mình làm đồ họa nên hay mình họa cho khách, cũng vừa làm xong một cái đây Đang tải BIEN HIEU KHAI TRUONG TOTAL.jpg…
     
    thích công nghệ 123jerrydau thích nội dung này.
  7. royalhieu_hb

    Tham gia:
    14/12/11
    Được thích:
    57
    Best Answers:
    0
    royalhieu_hb
    ĐẠI BÀNG
    cảm ơn chủ thớt rất nhiều
     
    thích công nghệ 123 thích nội dung này.
  8. whoissu

    Tham gia:
    10/5/09
    Được thích:
    95
    Best Answers:
    0
    whoissu
    ĐẠI BÀNG
    Muốn nhanh, gọn, lẹ mà vẫn đẹp như dân chuyên nghiệp thì cái này quá tuyệt vời :eek:. Mod phải làm bài này lâu rồi chứ nhỉ, giờ mới chịu bật bí kíp cho ace
     
    thích công nghệ 123tucammoi thích nội dung này.
  9. ombiu2713

    Tham gia:
    17/10/09
    Được thích:
    44
    Best Answers:
    0
    ombiu2713
    ĐẠI BÀNG
    Mình yêu bạn! <3
     
    thích công nghệ 123 thích nội dung này.
  10. Hùng Levis

    Tham gia:
    9/4/13
    Được thích:
    89
    Best Answers:
    0
  11. tucammoi

    Tham gia:
    22/4/09
    Được thích:
    262
    Best Answers:
    0
    tucammoi
    TÍCH CỰC
    bố này làm nhanh qá, dân déign à?
     
    thích công nghệ 123 thích nội dung này.
    1. Nam Air

      Nam Air Mod hiền lành

      Tham gia:
      15/11/07
      Được thích:
      77,861
      Best Answers:
      0
      Nam Air
      VIP
      Nam Air @tucammoi vì dùng mockup nên nó nhanh vậy đó bạn, chứ mình dân việt nam có hộ chiếu đàng hoàng
       
  12. MBG

    MBG

    Tham gia:
    5/1/09
    Được thích:
    94
    Best Answers:
    0
    MBG
    MBG
    ĐẠI BÀNG
    Photoshop con mo duoc file 3D va chinh sua trong khong gian 3 chieu
     
    thích công nghệ 123 thích nội dung này.
  13. ndminh82

    Tham gia:
    19/3/13
    Được thích:
    90
    Best Answers:
    0
    ndminh82
    ĐẠI BÀNG
    Quá hay! Thanks
     
    thích công nghệ 123 thích nội dung này.
  14. dimota

    dimota Một Bông Hoa

    Tham gia:
    12/3/12
    Được thích:
    203
    Best Answers:
    0
  15. sieunhankevin

    Tham gia:
    2/10/13
    Được thích:
    58
    Best Answers:
    0
    sieunhankevin
    ĐẠI BÀNG
    Cảm ơn mod. bài viết rất hay :D
     
    thích công nghệ 123 thích nội dung này.
  16. tạ đức duy

    Tham gia:
    27/5/13
    Được thích:
    93
    Best Answers:
    0
    tạ đức duy
    ĐẠI BÀNG
    Mình chỉ cần shop để cắt ảnh thôi :D
     
    thích công nghệ 123 thích nội dung này.
    1. dimota

      dimota Một Bông Hoa

      Tham gia:
      12/3/12
      Được thích:
      203
      Best Answers:
      0
      dimota
      dimota @tạ đức duy Cắt sao mà avatar không lên luôn kìa...
       
      thích công nghệ 123 thích nội dung này.
    2. tạ đức duy

      Tham gia:
      27/5/13
      Được thích:
      93
      Best Answers:
      0
      tạ đức duy
      ĐẠI BÀNG
      tạ đức duy @dimota Cảm ơn bác quan tâm, giờ ảnh đại diện e lên rồi :D
       
      thích công nghệ 123dimota thích nội dung này.
  17. Ang Air bender

    Tham gia:
    20/1/17
    Được thích:
    74
    Best Answers:
    0
  18. skullofanh

    Tham gia:
    13/4/09
    Được thích:
    535
    Best Answers:
    0
    skullofanh
    TÍCH CỰC
    Cái này hình như giống với mấy cái dạng hình vector, down về có sẵn layer...soft này thích hợp cho bà con nghịch phá làm đẹp mà không cần nhiều kiến thức :D
     
    thích công nghệ 123sakuza199x thích nội dung này.
    1. pond1597

      Tham gia:
      5/7/11
      Được thích:
      4,612
      Best Answers:
      0
      pond1597
      VIP
      pond1597 @skullofanh Nó giống Action hơn. Mình thường tạo ra actions riêng khi dùng rất nhanh và tiện, chính xác với ý đồ của mình hehehehe. VD làm Icon các thứ cả mấy trăm cái khi cần hiệu chỉnh 3D sáng, tối, kích thước.....quất 1 phát đi một tí quay lại là ok. Có cái lạ là mình mở 2,4 thâm chính 5 ảnh, mỗi ảnh hơn 50M xử lý ngon lành nhưng khi quất khoảng 600 icon cỡ 144x144 pix thì máy chạy lâu có khi treo lun PTS mình chạy trên SF pro3 chắc có lẽ lỗi PTS rồi heheheheh
       
      thích công nghệ 123 thích nội dung này.
    2. sakuza199x

      Tham gia:
      27/4/13
      Được thích:
      332
      Best Answers:
      0
      sakuza199x
      TÍCH CỰC
      sakuza199x @skullofanh hồi xưa mày mò PTS cũng nghịch cái này đầu tiên. không cần quá cao siêu mà ra sản phẩm đẹp chấp nhận được.
       
      thích công nghệ 123 thích nội dung này.
    3. skullofanh

      Tham gia:
      13/4/09
      Được thích:
      535
      Best Answers:
      0
      skullofanh
      TÍCH CỰC
      skullofanh @pond1597 Mấy cái action đó là dạng như xử lý bác, còn cái này là nó dựng hình sẵn, mỗi hình là 1 layer, giống như bác down hình vector về vậy, rất nhiều layer trên 1 hình, muốn thay hình nào thì thế vào layer chỗ đó :D..trước cũng khoái vọc lắm :D
       
  19. jacktran_85

    Tham gia:
    12/3/09
    Được thích:
    110
    Best Answers:
    0
    jacktran_85
    ĐẠI BÀNG
    thanks mod vi bai viet bo ich qua, can lam nhung bai the nay ^^
     
    thích công nghệ 123 thích nội dung này.
  20. VicLuc

    Tham gia:
    4/5/15
    Được thích:
    435
    Best Answers:
    1
    VicLuc
    TÍCH CỰC
    Cứ tưởng thớt chỉ cách làm mockup từ hình có trước (ví dụ cái cốc trơn, cáo bao bì trơn..)
    Mà dù sao cũng thank thớt share cái trang mockup.
    PS: Mình nghĩ dùng Repalce Contents... nó nhanh hơn chứ nhỉ, không biết nó khác gì so với cách của thớt ::D:D:D

    Đang tải upload_2017-5-11_22-18-45.png…
     
    gomennhethích công nghệ 123 thích nội dung này.

Chia sẻ

Đang tải...