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. Vào ngày 25/11/2018 sắp tới đây sẽ diễn ra 1 buổi offline cả 4 miền Bắc - Trung - Nam - Tây nhân dịp Việt Designer tròn 7 tuổi với rất nhiều quà từ nhà tài trợ, dự là sẽ rất hấp dẫn. Chi tiết về buổi offline và cách thức đăng ký click xem tại đây nhé!
    Loại bỏ thông báo

[ English Tut ] Vẽ một nhân vật hoạt hình (quái vật) trong Photoshop !

Chủ đề thuộc danh mục 'English tutorial' được đăng bởi Thiên Ma, 15/11/12.

Lượt xem: 8,996

  1. Thiên Ma Lãng du VietDesigner

    Tutorial Details :


    • Apps Used: Adobe Photoshop
    • Difficulty: Intermediate
    • Estimated Completion Time: 2 Hours
    Final Product What You'll Be Creating

    [​IMG]
    Step 1: Sketching and Tracing

    Our next step is drawing the sketch. Prepare pencils and paper. Traditional is always faster. Even though Wacom is a great product, it will never beat simple pencils and paper, in my opinion. Start by drawing the character’s main body. Use HB pencil for thinner line.
    [​IMG]
    Step 2

    Add more definition onto the character using 2B pencil.
    [​IMG]
    Step 3

    Scan the sketch at very high resolution and then open it in Photoshop. Hit Command/Ctrl + L to open Levels dialog and then move the slider until all the edges are very dark.
    [​IMG]
    [​IMG]
    Step 4

    Activate Brush tool and open Brush panel. Reduce spacing and activate Shape Dynamic. Set it to Pen Pressure so the brush will get taper effect based on how much pressure we use while drawing.
    [​IMG]
    [​IMG]
    Step 5

    Make new layer. Trace and clean up the sketch we have made earlier.
    [​IMG]
    Below you can see the taper effect made by Dynamic Shape setting on the Brush panel.
    [​IMG]
    Step 6: Sarung

    At this point we will work on its sarung. To keep the layers organized, it is always a good idea to use group layer. In Layers panel, make new group layer and named it sarung. From this step onward, put all your painting in new layer inside this group layer.
    Select sarung on his chest by clicking using Magic Wand tool. If your selection is leaking outside the sarung, it means that there is unconnected line on the sarung and you need to fix it first. If you cannot select the whole sarung at once, you will need to add more selection by Shift-click the area.
    [​IMG]
    Step 7

    We want to make sure that the selection is a bit bigger so there is no gap between the selection and its line. Click Select > Modify > Expand. Expand selection by 1 px. Set foreground color to #daccba.
    Make new layer and place it under the sketch line. Activate Paint Bucket tool and then click inside the selection to fill it.
    [​IMG]
    Step 8

    Activate Brush tool. In Brush panel, reduce its Hardness and Size Jitter setting to 0%.
    [​IMG]
    [​IMG]
    Step 9

    Paint dark shadow on its sarung. No need to worry if the result if still very harsh.
    [​IMG]
    Step 10

    Click Filter > Blur > Gaussian Blur to soften the shadow.
    [​IMG]
    Step 11

    Erase unneeded shadow outside its sarung.
    [​IMG]
    Step 12

    Repeat this step again to add more shadow.
    [​IMG]
    Step 13

    Draw stripes inside its sarung to add pattern.
    [​IMG]
    [​IMG]
    Step 14

    Erase unneeded stripes outside its sarung.
    [​IMG]
    Step 15

    Next to its shadow, paint subtle highlight.
    [​IMG]
    Step 16

    Paint black on sarung as its shadow using Brush tool with 100% hardness. Reduce its Opacity to 10%.
    [​IMG]
    Step 17

    Paint neck or head shadow.
    [​IMG]
    Step 18

    Keep painting more details, especially highlight and shadow. The best tools to use in this process is dodge to lighten highlight and burn to darken shadow.
    [​IMG]
    Step 19

    Once you are satisfied with the result, we can merge all those layers by simply right clicking on the group layer and click Merge Group. With less layers, Photoshop use less memory and works faster.
    [​IMG]
    [​IMG]
    Step 20: Bandana

    Make new layer under the head bandana and color it with #885f37. You want to use Brush tool with 100% hardness to get a crisp edges.
    [​IMG]
    Step 21

    Draw patterns on the bandana using lighter color.
    [​IMG]
    Step 22

    Paint shadow and then reduce its Opacity.

    [​IMG]
    Step 23

    Add softer shadow using Brush with 0% Hardness.
    [​IMG]
    Step 24: Sarung

    Make new layer under his pants. His pants is actually a sarung too. So, we will use same techniques. Select its pants and fill it with base color.
    [​IMG]
    Step 25

    Add stripe patterns.
    [​IMG]
    Step 26

    Select it using Magic Wand tool. Invert selection (Command/Ctrl + Shift + I) and then delete pattern outside its sarung.
    [​IMG]
    Step 27

    Paint highlight and shadow to add more details.
    [​IMG]
    So far, here’s our result.
    [​IMG]
    Step 28: Skin

    Use Magic Wand tool to select its skin. Fill it with skin base color.
    [​IMG]
    Step 29

    Paint shadows using darker color. To make it appears natural, we want to add more color.
    [​IMG]
    Below you can see shadow details on its forearm.
    [​IMG]
    Step 30

    Keep adding more shadow on other part of its body.
    [​IMG]
    Step 31

    When there’s shadow, there’s always highlight. In this scene, light source is located on upper right of the character. Paint soft highlights on its skin using very soft Brush tool, 0% Hardness.
    [​IMG]
    Step 31

    Let’s add stronger highlight to get a realistic appearance. Draw circular selection and paint highlight using soft Brush tool. Reduce Opacity and erase highlight outside the body.
    [​IMG]
    Step 32

    Keep adding more highlights using same technique.
    [​IMG]
    Below you can see more highlights.
    [​IMG]
    Step 33: Add Skin Texture

    We want to add textures onto its skin. Activate Brush tool ad open Brush panel. Increase its Spacing and make sure Shape Dynamics is selected.
    [​IMG]
    Step 34

    Paint some random dots on the skin. Reduce Brush Opacity to get transparent pixels.
    [​IMG]
    Step 35

    Add more dots on other parts of its skin.
    [​IMG]
    [​IMG]
    This is our current result.
    [​IMG]
    Step 36: Face

    Select its face using Magic Wand tool. Hit Command/Ctrl + H to hide selection edges. The selection is still there, it’s just hidden so we can paint easier.
    [​IMG]
    Step 37

    Paint highlight on inner side of its edge and shadow on its center.
    [​IMG]
    Step 37

    Select its rob and paths. Fill it with brown.
    [​IMG]
    Step 38

    In separate layers, paint highlight and shadow. Make sure to reduce shadow layer Opacity.
    [​IMG]
    Step 39

    Colorize its ring, sandal, and ornament on its rob and pants. Add new layer and then paint highlight and shadow. Also, use soft brush to draw subtle white glow on its rings.
    [​IMG]
    Step 40: Teeth

    Make new layer and then colorize its teeth. Paint some shadows on its lower left.
    [​IMG]
    Step 41: Eyes

    Colorize its eyes and then add shadow and highlight.
    [​IMG]
    Step 42

    Add subtle flare on corner of its eye using small soft Brush tool.
    [​IMG]
    We have finished the drawing.
    [​IMG]
    Step 43

    Hide background by clicking on eye icon in front of it. Make new layer and place it on top all other layers.
    [​IMG]
    Step 44

    Hit Command/Ctrl + Shift + Alt + E to merge all visible pixels and place it inside the new layer. You can reveal the background.
    [​IMG]
    Step 45

    Double click the new layer and add Stroke.
    [​IMG]
    Step 46

    Now, we have thicker line outside the character.
    [​IMG]
    Conclusion

    For the background, we just added a light blue box. I hope you enjoyed this tutorial and learned one or two new techniques from it. Thank you for reading.
    [​IMG]

    Nguồn : psd.tutsplus.com

    Tym, ManhTung, banbaonylong9 người khác thích bài viết này.
  2. trucit92

    trucit92 Thành viên cấp 2

    không thể nào tuyệt hơn đc nữa
  3. Lee.Phạm

    Lee.Phạm Thành viên cấp 1

    Tks for share!
  4. xaumagau

    xaumagau Mới đăng kí

    tut này ở web nào vậy bạn :D
  5. Raiken

    Raiken Thành viên cấp 1

    Vừa xem hôm trc trên tutplus :D
    tks thôi.
  6. Phạm Hữu Dư

    Phạm Hữu Dư phamhuudu.com Ban quản trị

    Có ghi rõ nguồn ở dưới mà sao ko chịu đọc?
  7. DxJamB

    DxJamB Mới đăng kí

    Đổ màu đẹp quá :like:
    Nhìn tut làm có vẻ đơn giản nhưng bắt tay vào làm mới thấy khoai thế nào :-<
  8. trantruonghung

    trantruonghung Thành viên cấp 1

    Like mạnh! nhìn sơ tưởng vẽ Zombie trong Plan vs Zombie chứ =))
  9. PichPich

    PichPich Thành viên cấp 2

    cái ni phải có đồ ngề vẽ trên máy chứ vẽ bằng chuột thì hơi bị khó nhằn.. vẽ lên giấy rồi scan là good idea :P
  10. tysuu

    tysuu Thành viên cấp 1

    Chính xác là những gì tác giả đã viết đấy" Dù có Wacom thì cũng ko ăn được bản vẽ tay"
    PichPich thích bài viết này
  11. tysuu

    tysuu Thành viên cấp 1

    2 hours dự kiến cho những nười quen thuộc và có khả năng vẽ rồi chứ ko phải cho newbie ":>
  12. hoatongoc

    hoatongoc Thành viên cấp 3

    Với newbie, bước tốn thời gian nhất là trace line :))) Ko kiên nhẫn thì khỏi làm mấy bước sau :))
  13. No.13

    No.13 Thành viên cấp 2

    Cơ bản làm sao để vẽ ra 1 nhân vật với các đường nét dư kia :D
  14. quá đỉnh, cho mình xin cái này để đăng lên facebook.com/wacomtugia nhé

Ủng hộ diễn đàn