Hãy đăng ký thành viên để có thể dễ dàng trao đổi, giao lưu và chia sẻ về kiến thức đồ họa.
  1. Hãy đăng ký subscribe kênh Youtube mới của Việt Designer tại địa chỉ: Youtube.com/VietDesignerChannel để theo dõi các video về thiết kế đồ họa. Do trước đó kênh cũ bị Youtube quét không rõ lý do, trong thời gian chờ kháng cáo nếu các bạn thấy video trên diễn đàn bị die không xem được thì có thể vào kênh mới để tìm xem video sơ cua nhé.
    Loại bỏ thông báo

Hướng dẫn : Tạo nắm đấu xuyên giấy ( tường )

Chủ đề thuộc danh mục 'Photoshop Tutorials - Hướng dẫn Photoshop' được đăng bởi Hùng Anh, 22/2/13.

Lượt xem: 10,903

  1. Hùng Anh Thành viên cấp 2

    1. Trong bài hướng dẫn sau đây, chúng ta sẽ cùng nhau tham khảo và tìm hiểu cách tạo ra bức ảnh với nắm đấm xuyên qua màn hình. Sau khi kết thúc, các bạn sẽ có được tác phẩm như sau:

      [​IMG]

      Trước tiên, tạo 1 văn bản mới với kích thước 1000 x 800 px, độ phân giải 72 pixel/inch:

      [​IMG]

      Sau đó, thêm 1 Layer mới bằng cách nhấn vào biểu tượng New Layer ở phía dưới bảng điều khiển:

      [​IMG]

      Layer mới sẽ xuất hiện trên Background với tên là Layer 1:

      [​IMG]

      Tiếp theo, chọn công cụ Polygonal Lasso Tool:

      [​IMG]

      Sau đó, vẽ 1 hình đa giác bất kỳ ở vùng giữa bức ảnh – đây sẽ là phần nắm đấm của chúng ta “chui ra” từ phần không gian đằng sau. Các bạn có thể vẽ hình bất kỳ, nhưng tốt nhất là trông giống như sau:

      [​IMG]

      Tiếp đó, chúng ta sẽ tiến hành đổ màu cho vùng chọn này, nhấn menu Edit > Fill:

      [​IMG]

      Hộp thoại Fill của Photoshop sẽ hiển thị, thay đổi mục lựa chọn Use thành Black:

      [​IMG]

      Nhấn OK, và chúng ta sẽ có bức hình giống như sau:

      [​IMG]

      Nhấn tiếp Ctrl + D (Windows) hoặc Command + D (Mac) để bỏ vùng chọn xung quanh. Tiếp tục, giữ Ctrl (Windows) hoặc Command (Mac) và chọn biểu tượng New Layer ở dưới bảng điều khiển:

      [​IMG]

      Thông thường, Photoshop sẽ thêm 1 Layer mới trực tiếp ngay bên trên Layer lựa chọn, nhưng khi chúng ta giữ phím Ctrl (Windows) hoặc Command (Mac) và chọn New Layer, Photoshop sẽ tạo lớp mới ở dưới Layer đang chọn:

      [​IMG]

      Tiếp theo, chọn công cụ Lasso Tool:

      [​IMG]

      Sau đó, chúng ta sẽ vẽ hình đầu tiên của mảng giấy bị rách. Cần phải cẩn thận trong bước làm này, vì mỗi 1 miếng rách đều có hình dạng và bóng đổ nhất định, nếu như trên kia các bạn vẽ hình đa giác có bao nhiêu cạnh thì tại đây, chúng ta sẽ phải tạo ra từng đó mảnh rách. Hình phác thảo sơ bộ:

      [​IMG]

      Khi hoàn tất miếng đầu tiên, giữ phím Shift và tiếp tục vẽ miếng tiếp theo:

      [​IMG]

      Và đây là kết quả sau quá trình này:

      [​IMG]

      Để tiếp tục, các bạn chọn menu Edit > Fill, thay đổi lựa chọn Fill thành Color:

      [​IMG]

      Bảng Color Picker hiển thị, và chúng ta cần chọn màu sắc phù hợp, như ví dụ tại đây là màu xám nhạt. Thông số cụ thể như sau: R 230, G 230, B 230:

      [​IMG]

      Nhấn OK để áp dụng sự thay đổi. Sau đó nhấn tiếp Ctrl + D (Windows) hoặc Command + D (Mac) để xóa bỏ vùng lựa chọn:

      [​IMG]

      Tại những bước tiếp theo, chúng ta sẽ lần lượt tạo hiệu ứng đổ bóng cho các mảnh giấy rách này. Trước tiên, chọn Layer 1:

      [​IMG]

      Chọn biểu tượng Layer Styles ở phía dưới:

      [​IMG]

      Chọn tiếp Outer Glow trong danh sách hiển thị:

      [​IMG]

      Bảng điều khiển Layer Style của Photoshop hiển thị, thay đổi Blend Mode từ Screen thành Multiply, và màu sắc dưới ô Noise thành màu đen:

      [​IMG]

      Nhấn OK để áp dụng thay đổi và đóng cửa sổ Color Picker nhưng vẫn giữ nguyên phần Layer Style bên ngoài. Tiếp tục thay điều chỉnh các thông số tại đây như Opacity và Size sao cho mang lại hiệu quả cao nhất:

      [​IMG]

      Nhấn OK để đóng hộp thoại Layer Style này, và hình ảnh của miếng giấy rách sẽ trông giống như sau:

      [​IMG]

      Khi đến bước này, chúng ta sẽ phải giải quyết 1 vấn đề nho nhỏ với hiệu ứng đổ bóng không chỉ xuất hiện với miếng giấy trung tâm mà còn cả với phần viền trắng bên ngoài. Nhưng tại đây, chúng ta chỉ cần áp dụng hiệu ứng này với mảnh giấy chính. Và để khắc phục, các bạn cần chuyển đổi lớp Layer Style thành các lớp riêng biệt tương ứng. Nghe có vẻ phức tạp, nhưng thực ra lại khá đơn giản, nhấn chuột phải (Windows) + click hoặc Control + click (Mac) trực tiếp lên lớp Layer Effect như hình dưới:

      [​IMG]

      Chọn Create Layer từ menu hiển thị:

      [​IMG]

      Photoshop sẽ tự động chuyển đổi Layer Style thành 1 lớp mới với tên gọi là Layer 1′s Outer Glow ngay bên dưới Layer 1:

      [​IMG]

      Tiếp theo, sử dụng Clipping Mask để hiệu ứng chỉ áp dụng với Layer ngay bên dưới:

      [​IMG]

      Hệ thống sẽ hiển thị như sau:

      [​IMG]

      Theo tinhoc24h.infoHidden Content - Hidden Content - Hidden Content - Hidden Content - Hidden Content
      [​IMG] Reply With Quote
    2. 11-09-2012, 11:12 AM #2
      nhockonhl
      [​IMG]
      Member
      Join Date
      Aug 2012
      Posts
      55
      Thanks
      0
      Thanked 0 Times in 0 Posts

      Tạo hình ảnh nắm đấm qua màn hình sử dụng Photoshop CS5 - p.2

      Và trong khung hình, chúng ta sẽ thấy hiệu ứng đổ bóng chỉ xuất hiện xung quanh đối tượng chính:

      [​IMG]

      Tiếp theo chọn Layer 2:

      [​IMG]

      Nhấn biểu tượng Layer Styles ở phía dưới và chọn Drop Shadow để tạo hiệu ứng bóng đổ:

      [​IMG]

      Hộp thoại Layer Style hiển thị, tại đây các bạn điều chỉnh thông số kỹ thuật như sau:

      [​IMG]

      Nhấn OK, và chúng ta sẽ thu được kết quả như hình dưới đây:

      [​IMG]

      Tương tự như lúc chúng ta thao tác với lớp Layer Style Outer Glow, hãy chuyển đổi Layer hiệu ứng đổ bóng này thành 1 Layer bình thường. Nhấn chuột phải (Windows) hoặc Control (Mac) và chọn Layer có hiệu ứng, như hình dưới đây:

      [​IMG]

      Chọn tiếp Create Layer từ menu hiển thị, với 1 vài trường hợp Photoshop sẽ thông báo rằng 1 số thành phần của hiệu ứng không được áp dụng toàn bộ với Layer lựa chọn. Nhấn OK:

      [​IMG]

      Trong bảng điều khiển Layer, chúng ta sẽ có thêm lớp Layer 2′s Drop Shadow ngay bên dưới Layer 2:

      [​IMG]

      Chọn tiếp lớp vừa tạo Layer 2′s Drop Shadow:

      [​IMG]

      Để mang lại vẻ tự nhiên cho bức ảnh, chúng ta cần phải “trang trí” thêm 1 chút nữa bằng cách sử dụng công cụ Rectangular Marquee Tool:

      [​IMG]

      Và vẽ 1 hình tứ giác xung quanh toàn bộ ảnh như sau:

      [​IMG]

      Sử dụng menu Filter > Distort > Pinch:

      [​IMG]

      Hiệu ứng này sẽ “đẩy” những quả bóng về phía trung tâm của bức ảnh, đồng thời bóp méo các chi tiết tại đây:

      [​IMG]

      Nhấn OK để áp dụng thay đổi và đóng cửa sổ Pinch này lại. Kết quả của chúng ta sẽ như sau:

      [​IMG]

      Nhấn Ctrl + D (Windows) hoặc Command + D (Mac) để loại bỏ vùng chọn

      Để giảm bớt “mật độ” của hiệu ứng bóng đổ này, chúng ta cần phải thay đổi thông số Opacity, các bạn tùy chọn giữa khoảng 80 – 85% là phù hợp. Tại đây chúng tôi để mức 82%:

      [​IMG]

      Sau khi áp dụng thay đổi:

      [​IMG]

      Tiếp theo, chúng ta sẽ tiến hành thao tác trên Layer 2:

      [​IMG]

      Tạo mới 1 lớp bên trên Layer 2 này:

      [​IMG]

      Kể từ lúc Layer Outer Glow được áp dụng với Layer 2, Photoshop sẽ tự động tạo Layer mới theo cách như vậy:

      [​IMG]

      Tiếp theo, chọn công cụ Brush Tool:

      [​IMG]

      Khi đến bước này, chúng ta sẽ tiến hành tô màu đậm cho những vùng giấy rách rìa bên ngoài. Nhấn phím D để chuyển chế độ màu Foreground và Background về mặc định:

      [​IMG]

      Với công cụ Brush vừa chọn, các bạn hãy tô những đường viền xung quanh mép giấy như hình sau:

      [​IMG]

      Tiếp tục như vậy với tất cả các phần giấy thò ra bên ngoài, không cần phải quá bận tâm nếu phần màu này quá đậm vì chúng ta có thể chỉnh sửa lại sau này:

      [​IMG]

      Sau đó, hãy giảm thông số Opacity của lớp này xuống mức tối thiểu có thể, ở đây chúng tôi để 13%:

      [​IMG]

      Kết quả của chúng ta sẽ như sau:

      [​IMG]

      Để hoàn tất toàn bộ quá trình trên, chúng ta sẽ phải tạo thêm Layer mới 1 lần nữa. Chọn biểu tượng New Layer ở phía dưới và chúng ta sẽ có Layer 4:

      [​IMG]

      Nhấn phím X để thay đổi màu Foreground và Background với nhau, thiết lập Foreground thành màu trắng. Tiếp tục sử dụng Brush để tô màu xung quanh phần giữa của bức ảnh, như hình dưới đây:

      [​IMG]

      Thay đổi Opacity của Layer này xuống còn 50%:

      [​IMG]

      Kết quả sau khi áp dụng hiệu ứng:

      [​IMG]
      Về cơ bản, chúng ta đã hoàn tất phần nền cần thiết của tác phẩm. Tiếp theo, cần phải tìm bức ảnh có hình nắm đấm, ví dụ như trong bài thử nghiệm này:

      [​IMG]

      Sử dụng công cụ phù hợp ((Lasso Tool, Quick Selection Tool, Pen Tool… ) để cắt vùng ảnh của nắm đấm:

      [​IMG]

      Sau đó, copy vùng lựa chọn này sang bức ảnh tờ giấy:

      [​IMG]

      Kết quả tạm thời của chúng ta sẽ trông giống như hình dưới đây:

      [​IMG]

      Tiếp theo, nhấn Ctrl + T (Windows) hoặc Command + T (Mac) để sử dụng tính năng Free Transform của Photoshop, sau đó xoay sao cho khớp với khung hình mẫu ban đầu (giữ phím Shift để không thay đổi tỉ lệ kích thước):

      [​IMG]

      Chọn biểu tượng Layer Styles ở phía dưới bảng điều khiển và chọn tiếp hiệu ứng Drop Shadow từ danh sách. Thay đổi các thông số Angle và Distance trong bảng Layer Style sao cho phù hợp và mang tính sáng tạo:

      [​IMG]

      Tiếp tục, thay đổi Opacity trong mục Drop Shadow xuống mức 60%:

      [​IMG]

      Nhấn OK để áp dụng thay đổi và đóng cửa sổ Layer Style này lại:

      [​IMG]

      Chọn biểu tượng Layer Mask ở phía dưới:

      [​IMG]

      1 lớp thumbnail sẽ xuất hiện bên cạnh Layer vừa chọn:

      [​IMG]

      Sau đó, chọn công cụ Brush Tool và màu Foreground là màu đen để tạo bóng đổ xung quanh phần gốc của nắm đấm:

      [​IMG]

      So với từng chi tiết cụ thể của các bạn mà tạo vùng đổ bóng xung quanh nắm đấm sao cho phù hợp và tự nhiên, ví dụ như trong bài thử nghiệm này:

      [​IMG]

      Việc cuối cùng là gộp tất cả các Layer (chứa hình mẫu và hiệu ứng) thành 1 lớp duy nhất. Chọn Layer ở trên cùng (tại đây là Layer 5), giữ phím Shift và chọn Layer 2′s Drop Shadow:

      [​IMG]

      Sau đó, nhấn Ctrl + G (Windows) hoặc Command + G (Mac) để tạo Group:

      [​IMG]

      Và chúng ta sẽ có Group 1, ngay bên trên lớp Background:

      [​IMG]

      Nếu muốn thay đổi góc độ của toàn bộ đối tượng bên trong, chỉ cần nhấn phím V với Group 1, toàn bộ phần hình ảnh bao gồm hiệu ứng sẽ thay đổi theo hướng di chuyển của chuột:

      [​IMG]

      Chúc các bạn thành công!

      Theo tinhoc24h
      Tác phẩm của mình sau khi làm theo TUT :D !! ​
      [​IMG]

    ...
  2. Shimizu

    Shimizu Thành viên cấp 3

    Like cho tinh thần chia sẻ tut của bạn :like: , nhưng góp ý cái giấy trông chưa thật ở chỗ giấy phải có độ ráp và độ xơ của giấy bị xé viền khi rách, giấy ở đây trơn tuột, kể cả mép rách:D
  3. Leo_Gió

    Leo_Gió An ninh xóm

  4. jinbewon

    jinbewon Thành viên cấp 2

    mình nghĩ nên thêm chút texture cho nó giống giấy (hoặc tường) ^^
  5. toanlove371

    toanlove371 Thành viên cấp 3

    Đúng là nhìn vẫn chưa thật :D
  6. Hùng Anh

    Hùng Anh Thành viên cấp 2

    hjhj !! cái ảnh của mình thì mình xé đại đại coi ntn thôi ! còn của ng ta viết tut sao thì nó vậy pik sao giờ :D !!
  7. phuonganh011192

    phuonganh011192 Thành viên cấp 3

    Đầu tiên xem nhìn giống hoa hướng dương ghê ;))
  8. hieutu

    hieutu Thành viên cấp 1

    hay
    nhi

Ủng hộ diễn đàn