Trang 1
Thiết Kế Lỉnh Vẳt trong Photoshop (phần 1) Khi tôi bắt đầu thiết kế các linh vật, như là người mới tập chơi, tôi đã bắt đầu thiết kế mà không có bất kỳ ý tưởng nào về những gì tôi muốn diễn tả. Bước 1 - Khái nỉệm cơ bản Khi tôi bắt đầu thiết kế các linh vật, như là người mới tập chơi, tôi đã bắt đầu thiết kế mà không có bất kỳ ý tưởng nào về những gì tôi muốn diễn tả. Trong khoảng thời gian đó, tôi hiểu được rằng việc lên kế hoạch là sự khác biệt giữa một nhà thiết kế chuyên nghiệp và những người khác. Vì lý do này và bởi vì tồi đã phải trả giá cho mỗi từ mà tôi thiết kế, tôi sẽ buộc bạn nhớ một chút lý thuyết Thái đệ Nhân cách là chìa khóa đối với một linh vật được thiết kế tốt. Tất cả các yếu tố thiết kế (biểu hiện ừên khuôn mặt, biểu liiện của cơ thể, các biểu tượng và trang phuc v.v...) phải khuyến khích thái độ của nhân vật, và những cái đó nó phụ thuộc vào các tiêu chuẩn đạo đức doanh nghiệp. Chúng ta cùng xem một số ví dụ bên dưới. ThiNganHang.com
Trang 2
i*i Goofy took af fnaf Bully The «umber o«e Iwj aher° 1. Nhan vat cho cua hang thit heo quay, Hai huac, than thi$n, ngo ngan. 2. Nam nhan vat phan dien. Mau sac the hien sir nguy hiem (mau vang va mau den), dieu bo tieu cuc (2 canh tay bat cheo len nguc), cai nhin cham chi m nhur dang san sang gay tai hoa. 3. Mot nhan vat mau lanh. C ii nhin cong kich, gio mot ngon cai ISn, hit cao nguc, mau sic manh me. 4. Anh hung. Than thien, nang dong, manh me, dang tin cay, mau sic mem mai. Difu b§ Chung ta muon truyen tai thai do chung ta muon chi trong mot cir chi, di$u bp dang nho, ro rang, dl nho, va dS dang nhan ra. Vi ly do do, chung ta phai lam cho dudng tac dung va hinh bong do phu hop. Mpt 16i rat pho bien khi chung ta thiet ke cho mot trang web do la dat linh vat ma khong xem xet pham vi no se ducrc stjr dyng. B6 dam bao nhan vat trong Ion nhit co th£, chung ta phai lam cho tu thl cua nhan vat phu hgp voi pham vi cua no, hay xem cac vi dy ben duoi. ThiNganHang.com
Trang 3
Action Lỉne -Đường tác dụng Actíon Line xác định ý định chuyển động của nhân vật, theo hưóng các nguồn năng lượng của nó chuyển tới. Bạn có thể xem một số ví dụ bên dưới ThiNganHang.com
Trang 4
Action Lines The Silhouette - Hinh bông Chuyên gia thiét ké linh vât Raûl Garcia giài thich tât cà hoàn hào trong vi du này, no là mot bài tâp mà trong dô chung ta sê tim thây nhân vât thé hiên rât tôt dac diém câu chuyên: “Làm âày tâch trà.” 1. Su cô gâng d u tien là mo hô và không xâc dinh duorc hành dông chinh xâc. Không cô ducmg tac dung mô ta “viêc rôt trà” chuyên dông hoac bât ky mot su câng thàng nào cô thé thé hiên duçrc trong lugng hay su cân bâng. Hïnh bông cüa bue vë này là vô dinh và không cô bât ky su thü vi nào. 2. Bôi ved viêc tîm mot hînh bông r5 rang dô, ông thù tâch cânh tay giü âm trà tù co thé. ThiNganHang.com
Trang 5
3. Bây giờ, ly và ấm trà được chia cách rõ ràng từ cở thể, nhưng hình bống vẫn còn chưa chính xác. 4. Hình bóng của 2 cánh tay đã rõ ràng hơn nhiều. Ấm trà nghiêng xuống thể hiện hành động “đang rót trà”. 5. Tư thế của cánh tay, trong khi giữ tách, nó đã được sửa đổi để làm cho nó trông tự nhiên hơn. cổ của nhân vật được nhấn mạnh để toàn bộ hình bóng ưông tốt han. 6. Hình bống hiệu quả hombằng cách thêm một tấm kim ỉoạỉ bên dưới tách trà và sẽ có một tư thế tốt hơn cho bàn tay. ThiNganHang.com
Trang 6
7. Uốn cánh tay giữ ấm trà và kéo các ngón tay của nó, chúng ta sẽ làm cho hình bống trông hấp dẫn hơn. 8. Uốn cong cái đầu, chúng ta sẽ làm cho hình bóng hiệu quả hơn, chúng ta tạo ra một không gian im lặng để thu hút sự chú ý của người xem vào vòi của ấm ừà. i © © Chứ ý hình bống số 4 được mồ tả đầy đủ, chúng ta không cần thề hiện bất cứ điều gì nữa mà vẫn có thể hiểu được hành động này. Khi chúng ta thiết kế linh vật cho các doanh nghiệp, chúng ta thương không đạt được một hình bóng hoàn hảo. Mặc dù vậy, đó cũng là một ý tưởng. ThiNganHang.com
Trang 7
Thiết Ke Linh Vât trong Photoshop (phần 2) Bước 2 - Hướng dẫn và tìm kiếm tài liệu tham khảo. Trong trường hợp này, PSDTUTS đã cho phép tôi hoàn toàn thoải mái sáng tạo, vì yậy, tôi sẽ để sự khéo léo tự nhiên của tôi hướng dẫn tôi và chúng ta sẽ bỏ qua phần hưởng dẫn. Sau khi biết được khách hàng, điều tốt nhất chúng ta phải làm đó là tìm kiếm nguồn tài liệu, vì các ý tưởng ban đầu có không xuất hiện ngay. Tìm kiếm các nguồn tài liệu có thể giúp chúng ta loại bỏ những ý tưởng hiển nhiên và xem xét một số những ý tưởng có thể thay thế. Bây giờ, hãy xem xét một số ý tưởng mới này: • Nguồn tài liệu gây cảm hứng tốt nhất khi nó khái niệm hóa một chủ đề như là các trang web “ kho ảnh dự trữ” vì các hình ảnh được nhóm lại theo chủ đề, không giống như Google. • Chúng ta cũng có thể tìm các hình ảnh trên Google, mặc dù các kết quả mang tính ngẫu nhiên hơn. • Chúng tôi có thể tìm kiếm trên các trang cộng đồng nghệ thuật, như Deviantart. • Neu bạn cần phải thực hiện giải phẫu hoặc may trang phục, bạn có thể sử dụng tạp chí thể hình hoặc thời trang, mọi thứ đều có thể được. • Bạn cũng có thể tạo thư viện hình ảnh riêng trong ổ cứng của bạn, mặc dù cần phải nhóm chúng lại một cách họp lý. Ví dụ: 1. Chúng ta cần phải trình bày khái niệm “tội lỗi” trong một minh họa ảnh. 2. WChúng ta vào Matton và tìm kiếm từ tội lỗi sin. 3. Chúng ta có được những bức ảnh để hỗ trợ chúng ta khái niệm hóa chủ đề tội lỗi. 4. Quan sát các kết quả: o táo và con rắn (tội lỗi cơ bản) o Người đàn ông với tiền (tham lam) o Bánh cưới (ngoại tình) o Bàn tay trong tư thế cầu nguyện (ăn năn) o Người con gái đang bị trừng phạt ( nói tục tỉu) o Bánh ngọt (ham mê ăn uống) ThiNganHang.com
Trang 8
Chú ý 1: Hãy dùng cảm xúc sáng tạo của chính mình, không ăn cắp. Chu ý 2: Một số nghệ sĩ và các trang web cung cấp các nguồn tài nguyên miễn phí. Đạn sẽ nhận được sự đánh giá cao bằng cách nói rõ noi bạn tìm thấy tác phảm nghệ thuật đó và bạn có thể nhận được món quà trị giá ít nhất là 1 USD. Bước 3- Trước khi bắt đầu vẽ Pen tablet hay chuột? Nếu bạn còn chưa sở hữu một Tablet Pen riêng, tôi khuyên ban nên mua môt Wacom, có một sô Pen tablet giá cả rất phải chăng, nhưng tôi khuyên bạn nên vào Wacom. Nếu bạn không có cái nào, đầu tiên, bạn có thể vẽ phác thảo bằng bút chì truyền thống và giấy, sau đó, sử dụng chuột và các công cụ vẽ kỹ thuật số Photoshop để bôi mực vào, do vậy, quá trình này làm mất nhiều thời gian của bạn hơn. Trong trường hợp cần màu sắc mạnh mẽ, hãy sử dụng Tablet. Hãy xem video bên dưới nó trình chiếu quá trình này. Khi tôi mua Wacom Cintiq 21UX được ưa chuộng (màn hình bên phải), tôi đã thay đổi phương pháp của tôi. Bây giờ, tôi thực hiện toàn bộ quá trình này bằng kỹ thuật số, từ bản phác thảo cho đên các chi tiết cuối cùng. Tôi đã vẽ các đường nét bằng tay vì tôi tìm thấy nó dễ dàng và nhanh chóng hơn so với sử dụng các công cụ vẽ vector. ThiNganHang.com
Trang 9
Photoshop hay Illustrator? Đó là sự lựa chọn của riêng bạn, cá nhân tôi thấy công cụ vẽ véc tơ Illusừator dễ làm tôi bực mình. Tôi thích sử dụng Photoshop hơn, vẽ các đường nét bằng tay và tôi chỉ sử dụng các công cụ vẽ đối với những đường nét khó. Tôi làm việc ở độ phân giải cao, để sau này, việc vector hóa dễ dàng hơn. Vì lý do đó, tôi sử dụng Musừation plugin có tên gọi là Silhouette. Bước 4 - Từ những phác thảo đầu tiên đến Lĩneart cuối cùng Điều quan ừọng là làm việc với độ phân giải cao, tôi đã sử dụng kích thước khung hình là A3 với 300px/ inch. Quá trình làm việc tương tự với kích thước này và có rất nhiều ưu điểm: • Các sai sốt sẽ ít bị chú ý, đặc biệt nếu bạn đang sử dụng thiết kế của bạn ở quy mồ nhỏ. • Nố thoải mải han vì bạn có thể phống to và chỉnh sửa các đường nét. • Nếu bạn cần vector hóa nó, kết quả sẽ rỗ ràng hơn. Name: Untitled-1 OK Preset: International Paper Cancel Size: A3 3 Save P re sst... Width: 297 mm V f Delete Preset,. Height: 420 nirn V Ị f1 Device Central.., 1 Resolution: 300 pixels/ỉnch 3 Color Mode: RGB Color V 8 bit Background Contents: White Image Size: * Advanced 49,8m Color Profile: Working RGB: sRGB IEC61966-2.1 Pixel Aspect Ratio: Square Pixels Tại đây bạn có thể thấy một số lời chú thích của nhân vật trong các bước khác nhau, từ phác thảo đến Lỉneart cuối cùng. Thật không may, không cố thủ thuật nào, chỉ thực hành và thực hành thật nhiều: ThiNganHang.com
Trang 10
1. Người nộm 2d: Phác thảo các hình nộm, giúp chúng ta định ra tư thế nhân vật và đo lường các tỷ lệ. 2. Người nôm 3d: Chúng ta cung cấp Volume cho nhân vật. Tôi sử dụng các con số hình học đơn giản. 3. Chứng ta thềm trang phục: Tôi thêm một số trang phục cho nhân vật và đánh bóng các chi tiết. 4. Chúng ta thêm các phụ kiện và đánh Line thêm một chút nữa. Tôi làm cho các Line dày hơn. 5. Lineart gọn gàng và rõ ràng: Tôi làm cho toàn bộ phác thảo rõ ràng và gọn gàng một cách hết sức kiên nhẫn. ThiNganHang.com
Trang 11
Chú ý rằng Line dàỵ nhất (Line Weight) là dễ biến đồi, đây là một ừong những phân nặng nê nhât. Nguyên tắc chung: các Line dày dành cho các phần bên ngoài, Line mỏng hơn dành cho các phần bên trong. Theo cách này, người xem có thể phân biệt được các hình dạng tốt hơn. Điều này đặc biệt hữu ích đối với các minh họa ảnh phức tạp trong đó chúng ta có thể thử độ dày của Line để tạo ra sự sâu sắc ữong hình minh họa. ThiNganHang.com
Trang 12
Thiết K e Linh Vât trong Photoshop (phần 3) Bước 5 - Trích xuất các Line Khi chúng ta đã hoàn thành xong bản vẽ và chỉ trong một layer, chúng ta có thể chiết các Line này từ background, hoặc đặt layer trong Multiply Mode và thêm màu sắc cho các layer mới bên dưới nó. Tôi thích chiết chúng ra hơn, đế về sau, tôi có thể pha màu chúng một cách dễ dàng. Chú ý tôi sẽ vẽ người nộm và nhân vật một cách riêng biệt, để khi chúng ta hoàn thành, chúng ta sẽ có 2 phiên bản: một cái có và một cái không có hình nộm. 1 Layers > snnels paths ctions . = Nom nài Opacity: 100% > Lock; J j / f fl IVVtit • ■ 1 9 Linean s> Background * ü l €>. —1 3J Tl Để chiết Line, chúng ta làm như sau: • Kiểm tra Lineart nằm trong một layer. • Kiểm fra bạn có chế độ màu RBG (Image> Mode> RBG Color). • Vào Channels panel và click vào Blue Channel. • Chọn Selection Tool và kích chuột phải vào trong khung hình, sau đó chọn Select Inverse. • Copy (Ctrl + C) và paste (Ctrl+ V). • Bạn sẽ có các Line trong một layer khác, nhưng chú ý các Line bên ngoài có uiột số pixel màu trắng. Nliấn Ctrl + u và đặt Lightness - 100, theo cách này, các Line sẽ chuyền hoàn toàn sang màu đen. • Làm tương tự với “Background” layer, nhưng lần này, đặt Lightness +100, đế Background chuyên hoàn toàn thành màu trắng. ThiNganHang.com
Trang 13
Nếu bạn lười biếng một chút, bạn có thể download Photoshop action để chiết Line của bức vẽ. Theo cách này, bạn không phải thực hiện bằng tay. Bước 6 - Màu sắc Tôi đã viết các bài hướng dẫn khác nhau về làm thế nào để chỉnh sửa màu sắc trong Photoshop. Tôi không muốn làm bạn buồn chán, vì vậy, tôi sẽ thử một cái gì đó khác lạ: 1. Trước tiên, chúng ta tô các màu trơn: Chúng rất hữu ích để tạo các vùng chọn nhanh chóng tại các phạm vi khác nhau. 2. Sau đó, shadovv, các tông màu trung tính, các tông màu sánẹ và sự phản chiêu, trong các layer khác nhau, sử dụng chỉ 3 màu sắc. 3. Chúng ta làm tất cả các màu sắc thay đoi, đó là điều cần thiết trong mỗi layer để nhân vật có một màu sắc hoàn chỉnh. 4. Chúng tôi thêm các hiệu ứng bằng cách thử các Mode layer. ThiNganHang.com
Trang 14
Đây là ba màu sắc mà tôi đã chọn để tô màu nhân vật. Như tôi đã nói, về sau, chúng ta sẽ điều chinh màu sắc nhân vật với các lệnh Photoshop, vì vậy, việc chọn lựa màu sắc không phải là quá quan trọng. Chỉ cân nhớ, bạn cần một màu tối cho các shadow, màu trung tính cho ánh sáng chùng và màu sáng cho các Line bên ngoài và cho những tia sáng cường độ mạnh hơn. ThiNganHang.com
Trang 15
Tầm quan trọng của History Brush History Brush là một công cụ rất hiệu quả mà tôi thường sử dụng, vì chúng ta có thể tạo khối các phần của thiết kế đã hoàn thành này và tiếp tục làm phần còn lại mà không làm hư hỏng chúng. Tôi sẽ đưa ra một ví dụ cơ bản, bạn có thể xem bên dưới. ThiNganHang.com
Trang 16
HISTORY BRUSH TOOL J <s> History x | Swatches | Info . = S’ I ISnapshot 1 By Default History Brush is set on the first snapshot History • | Swatches | Info I I Snapshot t |»irnHistory > I Swatches | Info 1 . = Snapshot 1 ThiNganHang.com
Trang 17
Bạn sẽ nhận thấy các khả năng vô hạn của công cụ này với một chút thực hành. Như bạn đã thấy trong ví dụ này, chúng ta có thế sử dụng nó như một công cụ tẩy xóa (không sợ xóa các phần đã hoàn thành); chúng ta có thể thực hiện tương tự để vẽ thay vì xóa; nếu chúng ta chụp những bức ảnh khác nhau của cùng một thiết kế, chúng ta có thể nhận được các phiên bản trung gian; chúng ta có thể hạ thấp Opacity của Brush và Merge các phiên bản khác nhau của cùng một thiết kế; chúng ta thậm chí có thể thử với các sắc điệu khác nhau.. .Đừng ngại thử nghiệm. Chú ý: History brush hoạt động theo các layer, layer mà chúng ta muốn thay đổi phải tồn tại trong cả 2 vấn đề của History brush. Nếu chúng ta Merge hay Delete layer trong một vấn đề, History brush sẽ không hoạt động. Bạn cần truy vập vào video hưởng dẫn này để biết làm thế nào chinh sữa màu sắc với Photoshop để xem History brush hoạt động. Các màu sắc trơn Bên dưới Lineart layer, chúng ta tạo ra một layer mới có tên gọi là “Fiat Colors”, và sau đó, chúng ta tô màu bản vẽ vói các màu sắc khá đủ đê phân biệt từng cái để sau này tạo vùng chọn dề dàng hơn. Bạn có thể thực hiện nó với bất kỳ công cụ nào bạn muốn, hãy chú ý không để lại khoảng trống nào. Chúng ta chỉ sẽ sử dụng layer này để tạo các vùng chọn, chẳng hạn: Nếu chúng ta muốn vẽ mái tóc của nhân vật, chúng ta chọn Magic Wand tool và nhấp chuột lên mái tóc. Theo cách này, chúng ta sẽ được một vùng chọn chính xác và nhanh chóng. _ X 1 1 1 Layers X ặnnels paths jetions „ = 1 1 r V 1Opacity: ị 100% > 1 1 1 Lock: ( J j i ' f j ..... . 9 Lineart 1 F la t co lo rs 1 S» Background 1 A . J2I © . -1 l _ ThiNganHang.com
Trang 18
Màu cơ bản Chúng tôi vô hiệu hóa “Flat Colors” layer và chúng tôi đặt nó bất cứ nơi nào nó không làm phiền chúng ta. Chúng ta có thể có tìm một vùng chọn để hoàn tất phác thảo nhân vật bằng cách Ctrl + nhấp chuột lên icon layer. Sau đó, chúng ta tạo một layer mới, chúng ta gọi nó là”Color Base” và tô màu nó bằng một màu trơn. Trong trường hợp này, tôi chọn màu # e37750, vì đối với tôi, nó là một màu dề chịu và trung tính. ! I u '1' J Layers X Normal V Opacity: 1 100% > Lock: □ Q F i ll 1 100% > r Flat colors 9 Linear* E •» ■ Background •«> f*. J i l 0. J i l * Shadows Chúng tôi tạo một layer mới bên trên “Color Base”, và gọi tên nó là “Shadows.” Trong layer này, chúng ta sẽ vẽ các Shadows với màu sắc cơ bản tương tự, nhưng chúng ta sẽ thiết lập layer này tạm thời trong Multiply mode. ThiNganHang.com
Trang 19
Ị — X J Layers X jmels paths (:tions i .'= E E H J M M H B I v °p * * y > 1 100* > 1 Lock: □ *í* Q Fill: 100% > r * Flat colors 1* Unewt » S h a d o w 9 Color base ! * Background **> yx. iil €>. -I al i Tôi đã chọn một nguồn sáng đến từ phía trên bên trái. Việc biết cách làm thế nào đê kết hợp Lighting Point Volume là một phần khó nhất, và không có thủ thuật nào khác ngoài việc thực hành...bạn có thể sử dụng một đồ chơi có khớp nối trong một phòng tối với một điểm sáng mạnh mẽ và sử dụng nó như một tài liệu tham khảo. Chú ý các shadow không phải choán hết toàn bộ bản vẽ, chúng ta phải để khoảng trống dành cho ánh sáng. Tôi sử dụng một số lời chú giải để bạn có thể xem cách tôi thường vẽ shadow. 1. Hình ảnh với màu sắc cơ bản. 2. Tôi cô lập các volume lớn nhất. 3. Sử dụng History brush với một brush lớn có edge mềm, tôi xóa phần nơi ánh sáng chiếu vào. 4. Tôi làm cho các shadow nổi thêm với một brush nhỏ và các edge thô cứng. 5. Tôi thực hiện phần còn lại của Volume. Tôi sử dụng History Brush tool, như trình bày từ trước trong hướng dần này. 6. Khi tất cả Volume đã được làm mờ, tôi thực hiện các Reflection của các nét ngoài bằng cách sử dụng Eraser tool. Nhừng Reflection này được làm nổi lên trên các nét ngoài, chúng ta tạo được sự sắc nét, cái đó rất quan trọng nếu chúng ta sử dụng bản vẽ trong một quy mô cực kỳ nhỏ. ThiNganHang.com
Trang 20
Ánh sáng mềm mại Khi chúng ta đã vẽ xong các shadow, chúng ta tạo một layer mới bên dưới, và chúng ta gọi nó là “Soft Light.” Layers ìnriels paths .Etions . = Normal V Opacity: 100% > Lock! □ jf -f- û fil: 100% > ri & Flat colors 9 Lin«art I » Shadow p □ S) Color base A 9 Background • • y». J2I 0 . J -ij î ThiNganHang.com
Hiển thị 20 trang đầu. Tải tài liệu để xem đầy đủ.
Bình luận (0)
Chưa có bình luận nào. Hãy là người đầu tiên!