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

[ Tut ] Thiết kế bản đồ 3D "P2 địa hình mở rộng"

Chủ đề thuộc danh mục 'Thiết kế' được đăng bởi Hưng Trần Văn, 24/9/12.

Lượt xem: 55,678

  1. Hưng Trần Văn Cựu quản trị

    Sau thành công của bài hướng dẫn tạo bản đồ 3D phần 1, như đã hứa Hưng sẽ tiếp tục hướng dẫn các bạn tạo ra các dạng địa hình mới. Ở phần 2 này chúng ta sẽ tạo ra 4 dạng địa hình khác nhau gồm có: băng tuyết, đồng cỏ, sa mạc và hoang mạc.

    Phần 2 này phải làm tới 4 dạng địa hình nên Hưng sẽ tóm tắt các thao tác cơ bản. Chúng ta sẽ không đi chi tiết như phần 1 chính vì thế muốn làm được phần 2 này thì các bạn có kiến thức của bài hướng dẫn đầu tiên. Bạn nào chưa học phần 1 thì có thể xem tại linh bên dưới

    [ Tut ] Tạo bản đồ 3D "P1 đồng bằng"
    ______________________________

    A: ĐỊA HÌNH TUYẾT

    Bước 1: Tạo hình dạng bản đồ cần làm, ở đây Hưng đặt tên cho layer chứa hình dạng bản đồ"Đen"
    ( Bước 1 đến bước 7 của phần 1 )
    FSxATSy.png

    Bước 2: Tạo thêm 3 bản sao cho layer "Đen" đồng thời chọn các layer đã copy và layer "Đen" nhấn "Ctrl + G" để gom vào 1 thư mục. Chúng ta sẽ đặt tên thư mục là "Map"
    gKzWjMN.png

    Bước 3: Tô màu cho các layer mới copy theo thứ tự "Đỏ" "Xanh dương" "Xanh lá". Ở đây Hưng đã đổi tên layer theo màu cho dễ nhớ
    ( Bước 9 đến bước 10 của phần 1 )
    TiJZbBh.png

    Bước 4: Tạo hình dạng 3D cho bản đồ. Thao tác này làm y chang như phần 1
    ( Bước 10 đến bước 17 của phần 1 )
    1pOwPB9.png

    Bước 5: Nhấn chuột phải vào layer " Xanh lá " chọn Blending option và thiết lập các thông số như sau
    cacn3cn.png

    bI2cOvf.png

    Mã màu #7b939e
    n6J0Gxi.png


    Kết quả:
    PPqV27F.png

    Bước 6: Nhấn chuột phải vào layer " Xanh dương " và thiết lập Layer Style với các thông số
    5Rj0hjS.png

    Mã màu #6d838c
    btOjVxU.png

    Kết quả:
    MQIcXIo.png

    Bước 7: Chúng ta tiếp tục nhấn chuột phải vào layer " Đỏ " và thiết lập Layer Style với các thông số
    4ljqrJu.png

    Mã màu #a2bcc7
    z4rH8GK.png

    Kết quả:
    IC6cD3H.png

    Bước 8: Các bạn mở bức ảnh này và tạo Pattern từ bức này ( Edit > Difine pattern )
    IwNZ5nk.png


    Bước 9: Nhấn chuột phải vào layer " Đen " và thiết lập Layer Style với các thông số

    Màu từ trắng đến trong suốt
    7n9lDZR.png

    sedHX7Z.png

    8o1UyIc.png

    Chọn Pattern mà chúng ta vừa tạo lúc nãy
    iMhKsZY.png

    Kết quả:
    KP6Z6ae.png

    Bước 10: Nhân đôi thư mục "Map" chúng ta sẽ có thư mục "Map copy". Các bạn xóa thông số layer style trong thư mục "Map copy" bằng cách nhấn chuột phải vào các layer và chọn " Clear Layer style"
    WOoBHw4.png

    Bước 11: Nhấn chuột phải vào thư mục "Map copy" và chọn "Merge Group" để chuyển nó thành 1 layer, đồng thời kéo nó xuống dưới layer "Đen" của thư mục "Map"
    flEObYg.png

    Bước 12: Nhấn chuột phải vào layer "Map copy" và thiết lập Layer style như sau
    t6muV9l.png

    Chúng ta sẽ chọn Pattern vân gỗ
    ( Pattern này đã được tạo ở phần 1 các bạn có thể xem lại bước 29 của phần trước, hoặc ở cuối bài tut sẽ có link down cho các bạn )
    Nx07Gbs.png

    Kết quả:
    GHHEGEe.png


    Thêm 1 chút nguyên liệu trang trí cho sinh động ( Nguyên liệu này đã được chia sẻ ở phần 1 )
    wGFmOzk.png

    Vậy là chúng ta đã biết cách tạo thêm 1 dạng địa hình mới khá dễ thương cho những ngày mùa đông. Bây giờ chúng ta sẽ tiếp tục đến với dạng địa hình thứ 2
    ______________________________

    B: ĐỊA HÌNH SA MẠC

    Bước 13: Để tiết kiệm thời gian chúng ta không cần phải tạo lại từ đầu. Thay vào đó các bạn chỉ cần thay đổi Layer style của các layer trong thư mục "Map". Để các bạn dễ nhìn thấy sự thay đổi Hưng sẽ xóa layer style của các layer "Đen" "Đỏ" "Xanh dương""Xanh lá" .Hưng tạm thời ẩn layer "Map copy" chúng ta vẫn sẽ dùng layer này cho dạng địa hình mới.
    GailSoH.png

    Bước 14: Nhấn chuột phải vào layer "Xanh lá" và thiết lập Layer style như sau
    i4SZXXn.png

    rBrC3w4.png

    NzXTEvU.png

    Mã màu #4d4531
    bgSTBg7.png

    Kết quả:
    ( Xin lỗi các bạn do chụp quá nhiều ảnh nên có chút sơ xót, cái layer "Đen" Hưng vẫn bật con mắt nhưng các bạn không thấy layer đó là do Hưng đã thiết lập Opacity cho nó là 0% . Cái này không ảnh hưởng gì hết Hưng giải thích để các khỏi thắc mắc tại sao con mắt vẫn bật mà kết quả lại không bị che bởi layer "Đen" :) )
    Mm18UVq.png

    Bước 15: Các bạn nhấn chuột phải vào layer "Xanh dương" và thiết lập Layer style
    Mã màu #685627
    vkzCpl9.png

    Kết quả:
    o6tEYA2.png

    Bước 16: Tiếp tục thiết lập cho layer "Đỏ"
    7ssAphw.png

    Kết quả:
    ipihUQg.png

    Bước 17: Tạo Pattern từ bức hình này ( Edit > Difine pattern )
    ST87hmN.png

    Bước 18: Nhấn chuột phải vào Layer "Đen" chọn blending option và thiết lập thông số

    Màu từ trắng > trong suốt
    gAidqf9.png

    GN9M56V.png

    ivSL7ob.png

    Chọn Pattern mà chúng ta vừa tạo
    DpEWghc.png

    Kết quả: Ở đây Hưng đã bật con mắt của layer "Map copy".
    1piVK7b.png


    Tiếp tục trang trí để hoàn thiện tác phẩm
    3xd6Chb.png

    ______________________________

    C: ĐỊA HÌNH ĐỒNG CỎ

    Bước 19: Chúng ta tiếp tục xóa layer style trong thư mục "Map" để thiết lập lại các thông số cho dạng địa hình mới giống như bước 13. Ở đây chỉ có một chút khác biệt đó là Hưng đã thay đổi nền Background sang ban đêm
    UUIzSQt.png

    Bước 20: Bắt đầu từ layer "Xanh lá" với các thông số
    3tlm2Ij.png

    LLzIu3Z.png

    f1DLanF.png

    Mã màu #2d3a27
    P3WJ6A6.png

    Kết quả:
    CQxroZG.png

    Bước 21: Tiếp theo đến layer "Xanh dương"
    K83zbhF.png

    W2zgNvt.png

    Mã màu #6a531a
    7sH3Lor.png

    Kết quả :
    TvhiIpV.png

    Bước 22: Thiết lập cho layer "Đỏ" gồm
    hWORAI6.png

    2SRjxDP.png

    Mã màu #1f3d01
    dwu6jh5.png

    Kết quả:
    ZVA1YQ9.png

    Bước 23: Tạo Pattern từ bức này ( Edit > Difine pattern )
    LohlNTE.png

    Bước 24: Cuối cùng là đặt thông số Blending option cho layer " Đen "

    Màu từ trắng > trong suốt
    CZTznzm.png

    ijp9xu0.png

    MtdKZaX.png

    Màu: Đen > Trong suốt
    qcv04sL.png

    Chọn Pattern vừa tạo
    BssWSh6.png

    Mã màu: #557600
    aqJomR8.png

    Kết quả: Ở đây chúng ta sẽ thay đổi Opacity cho layer " Map copy " lên 85%
    wblWvma.png


    Cuối cùng là bước trang trí
    35r39mZ.png

    ______________________________

    D: ĐỊA HÌNH HOANG MẠC

    Bước 25: Chúng ta tiếp tục với dạng địa hình cuối cùng. Vẫn như những thao tác trước các bạn hãy xóa Layer style trong thư mục "Map"
    zmLUama.png

    Bước 26: Các bạn tiếp tục nhấn chuột phải vào layer " Xanh lá " chọn Blending option với các thiết lập
    OHDThtG.png

    bXlWNzE.png

    qX1u6x6.png

    Mã màu #4d4531
    UZUhiAD.png

    Kết quả mà chúng ta vừa tạo ra
    I1HokXg.png

    Bước 27: Blending option cho layer " Xanh dương "

    Mã màu #685627
    JLmhvYm.png

    Với địa hình này thì chỉ cần thiết lập Color Overlay là đủ, và đây là kết quả
    Y1l0JZ2.png

    Bước 28: Tiếp tục thiết lập Color overlay cho layer "Đỏ"

    Mã màu #776945
    EDGooAr.png

    Kết quả cho layer "Đỏ"
    zpxN4ei.png

    Bước 29: Tạo Pattern từ tấm ảnh này
    9h33czN.png

    Bước 30: Bây giờ chúng ta sẽ thiết lập Blending option cho layer "Đen"

    Màu từ trắng > trong suốt
    oVYbNZk.png

    EUKQB0B.png

    klFaVT1.png

    Chọn Pattern chúng ta vừa tạo
    WWTzUlz.png

    Mở con mắt của layer "Map copy" và chỉnh Opacity 65%
    EwYky2x.png


    Và đây là kết quả cuối cùng của chúng ta, một mảnh đất trơ trọi
    rZLyk9h.png

    Nếu thích chúng ta sẽ trang trí cho nó sinh động 1 tí


    Vậy là cuối cùng chúng ta cũng hoàn thành 2 phần của bài tut thiết kế bản đồ 3D. Qua những bài tut này các bạn có thể thấy rằng chỉ cần kết hợp tốt các layer style là chúng ta sẽ tạo ra được nhiều hiệu ứng đẹp. Thay đổi các layer style phù hợp là các bạn có thể sáng tạo thêm nhiều dạng địa hình khác nhau. Hy vọng rằng qua bài hướng dẫn này các bạn sẽ có thêm cho mình nhiều kinh nghiệm và yêu thích Photoshop hơn.

    Một phần nữa không thể thiếu đó chính là nguyên liệu cho các bạn gồm 1 bộ 5 Pattern đã sử dụng trong bài tut. Còn nguyên liệu trang trí thì các bạn hãy down tại bài hướng dẫn đầu tiên hoặc có thể tự tìm thêm cho mình những nguyên liệu mới từ 1 số trang web icon bên dưới nhưng có lẽ là không được bao nhiêu vì Hưng đã gom gần hết vào bộ nguyên liệu trước rồi :D

    http://www.iconarchive.com/
    http://findicons.com/
    http://www.iconfinder.com

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

    ...
    Chỉnh sửa lần cuối: 11/3/16
    Stick, Nguyên Mjken, Dương Đức Sơn56 người khác thích bài viết này.
  2. Hổ Báo VietDesigner

    Hổ Báo VietDesigner Huyền Thoại VietDesigner

    Tem tem tem ...
    Bài Tut thứ 2 này hay quá , Chi tiết , Dễ hiểu ... - I Like It :like:
    Thank Bác Trần Văn Hưng :-bd
    Furin thích bài viết này
  3. Hưng Trần Văn

    Hưng Trần Văn Cựu quản trị

    Hổ báo lúc nào cũng là người sớm nhất :))
    Hồng SơnHổ Báo VietDesigner thích bài viết này.
  4. Đoilơ ViệtDesigner

    Đoilơ ViệtDesigner Thành viên cấp 5

    wow wao,i like it,công phu quá và cũng rất dễ hiểu
  5. pitlamgi

    pitlamgi Banned

    Chi tiết đến từng công đoạn :-B

    Chắc cái TUT này pác viết lâu lắm đấy nhỉ :D
    Hồng Sơn thích bài viết này
  6. toanlove371

    toanlove371 Thành viên cấp 3

    Hóng cái này mấy bữa nay :D Like nhiệt tình:like:
    Hưng Trần Văn thích bài viết này
  7. Nguyễn Tất Thắng

    Nguyễn Tất Thắng Rất là bình thường

    Hóng mãi đó! :">
    Hưng Trần Văn thích bài viết này
  8. Hưng Trần Văn

    Hưng Trần Văn Cựu quản trị

    Tấm cuối nhìn hơi trơ trọi thêm chút nguyên liệu vậy ;)
  9. Phạm Hữu Dư

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

    Kết thúc phần 2 của bài tutorial quá đỉnh của Hưng Trần Văn, đề nghị chúng ta lại ấn nút Thích kịch liệt nào, và mình dự định sẽ tổ chức 1 contest dựa trên bài tutorial này của Hưng :D
    Furin, trungdote09, toanlove3713 người khác thích bài viết này.
  10. Phan Kan

    Phan Kan Mới đăng kí

    DEP WA MAK HOK BIK LAM .... CO VIDEO HOK ANH :)
  11. Eminem

    Eminem Cựu quản trị

    Em sẽ dành thời gian tập theo Tut của anh Hưng, cái này là anh làm mất time lắm đúng ko ? rất chi tiết.
  12. BEAT

    BEAT Thành viên cấp 3

    bài này hay quá thể
  13. Phan Kan

    Phan Kan Mới đăng kí

    lam dc rui
  14. Hoàng Huy Cường

    Hoàng Huy Cường Mới đăng kí

  15. vutrungkien92

    vutrungkien92 Mới đăng kí

    hi cảm ơn anh em làm được ùi ... mất 3 tiếng hì
    Hưng Trần Văn thích bài viết này
  16. Hoàng Học

    Hoàng Học Thành viên cấp 1

    sáng kiến được cấp bằng sáng chế :))
    Trần Đức Hiền thích bài viết này
  17. bidesigner

    bidesigner Thành viên cấp 1

    kĩ thuật về blending opition quá tuyệt vời...trong PTS mà am hiểu hết blending opition thì quá ư là chuẩn
  18. Hồng Sơn

    Hồng Sơn Helper

    @@! Êu ơi tut này có trước lúc e tham gia nên là e ko biết để vào ủng hộ bác Hưng :(. He he Tut này hay quá, thời gian bỏ ra cái Tut này khác dài nhỉ bác Hưng :D. E ủng hộ nhé :) :+1::like: >:D<
  19. Gooner Designer

    Gooner Designer Thành viên cấp 4

    TUT này anh Hưng Viết từ bao giờ mà mình bây giờ mới biết.@@. chậm quá.
    Qua TUT này học đc rất nhiều skill về blending opition thanks anh Hưng nhiệt . ^^
    :+1:
  20. Hưng Trần Văn

    Hưng Trần Văn Cựu quản trị

    Hiện tại link die rồi mai a sẽ cập nhật lại
    always, Hồng SơnGooner Designer thích bài viết này.

Ủng hộ diễn đàn