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 Airblade14, 11/5/17. Replies: 83. Views: 208,653.

Airblade14
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 Airblade14, 11/5/17. Trả lời: 83, Xem: 208653.

Chia sẻ

  1. Airblade14

    Airblade14 Nam Air

    Tham gia:
    15/11/07
    Được thích:
    76,367
    Best Answers:
    0
    Airblade14
    VIP
    #1 Airblade14, 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 Airblade14, 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,491
    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,259
    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:
    26
    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:
    82
    Best Answers:
    0
  11. tucammoi

    Tham gia:
    22/4/09
    Được thích:
    245
    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. Airblade14

      Airblade14 Nam Air

      Tham gia:
      15/11/07
      Được thích:
      76,367
      Best Answers:
      0
      Airblade14
      VIP
      Airblade14 @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:
    48
    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

    Ang Air bender Thành viên

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

    Tham gia:
    13/4/09
    Được thích:
    527
    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,337
      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:
      296
      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:
      527
      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:
    99
    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:
    412
    Best Answers:
    0
    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...