Tạo một đồ họa cách điệu trong Illustrator

01 trên 19

Tạo đồ họa cách điệu từ ảnh trong Illustrator

Văn bản và hình ảnh © Sandra Trainor

Trong hướng dẫn này, tôi sẽ sử dụng Illustrator để tạo ra một đồ họa cách điệu với một bảng màu đơn sắc, điều này đơn giản có nghĩa là tôi sẽ chỉ sử dụng một màu với các tông màu khác nhau. Khi hoàn thành, tôi sẽ tạo một phiên bản thứ hai của đồ họa bằng cách sử dụng nhiều màu. Tôi sẽ theo dõi trên một bức ảnh, sử dụng công cụ Pen Tool để tạo ra các hình dạng phác thảo các tông màu khác nhau, sau đó điền vào các hình dạng của tôi với màu sắc, và sắp xếp lại các lớp . Khi hoàn thành, tôi sẽ có hai phiên bản của cùng một hình ảnh, và bí quyết để làm cho nhiều hơn nữa.

Mặc dù tôi đang sử dụng Illustrator CS6 , bạn sẽ có thể làm theo cùng với bất kỳ phiên bản khá gần đây. Chỉ cần nhấp chuột phải vào liên kết bên dưới để lưu tệp thực hành vào máy tính của bạn, sau đó mở tệp trong Illustrator. Để lưu tệp bằng tên mới, hãy chọn Tệp> Lưu dưới dạng, đổi tên tệp, "ice_skates", làm cho định dạng tệp Adobe Illustrator và nhấp vào Lưu.

Tải tập tin thực hành: st_ai-stylized_practice_file.png

02 trên 19

Kích thước Artboard

Văn bản và hình ảnh © Sandra Trainor

Tôi muốn biến đôi giày trượt băng trong bức ảnh thành một hình ảnh cách điệu. Tôi đã chọn bức ảnh này bởi vì nó có một phạm vi tốt đẹp của tông màu, đó là quan trọng đối với các loại đồ họa mà tôi sẽ làm.

Trong bảng Tools, tôi sẽ chọn công cụ Artboard, sau đó bấm vào một trong các góc của thanh công cụ Arboard và kéo nó vào bên trong các cạnh của bức ảnh. Tôi sẽ làm tương tự với tay cầm đối diện, sau đó nhấn phím Escape để thoát khỏi chế độ Chỉnh sửa Artboard.

03/19

Chuyển đổi sang Grayscale

Văn bản và hình ảnh © Sandra Trainor

Để chọn bức ảnh, tôi sẽ chọn công cụ Selection từ bảng Tools và nhấn vào bất cứ đâu trên bức ảnh. Sau đó tôi sẽ chọn Edit> Edit Colors> Convert to Grayscale. Điều này sẽ biến các bức ảnh màu đen và trắng, mà sẽ làm cho nó dễ dàng hơn để phân biệt giữa các tông màu khác nhau.

04/19

Làm mờ ảnh

Văn bản và hình ảnh © Sandra Trainor

Trong Layers Panel, tôi sẽ kích đúp vào layer. Thao tác này sẽ mở hộp thoại Tùy chọn lớp. Tôi sẽ nhấp vào Mẫu và Hình ảnh mờ, sau đó nhập 50% và nhấp vào OK. Bức ảnh sẽ mờ đi, điều này sẽ cho phép tôi thấy rõ hơn những dòng mà tôi sẽ sớm vẽ trên bức ảnh.

05 trên 19

Đổi tên lớp

Văn bản và hình ảnh © Sandra Trainor

Trong bảng điều khiển Lớp, tôi sẽ nhấp vào Lớp 1, điều này sẽ cho tôi một trường văn bản để nhập tên mới. Tôi sẽ nhập tên, "Mẫu". Tiếp theo, tôi sẽ nhấp vào nút Tạo lớp mới. Theo mặc định, lớp mới được đặt tên là "Lớp 2." Tôi sẽ nhấp vào tên rồi gõ vào trường văn bản, "Dark Tones".

06 trên 19

Xóa Màu Đổ và Đột Quỵ

Văn bản và hình ảnh © Sandra Trainor

Với lớp Dark Tones được chọn, tôi sẽ nhấp vào công cụ Pen, nằm trong bảng Tools. Cũng trong bảng Tools là các hộp Fill và Stroke. Tôi sẽ nhấp vào hộp Fill và trên nút None bên dưới nó, sau đó trên hộp Stroke và None.

07/19

Trace Around the Dark Tones

Văn bản và hình ảnh © Sandra Trainor

Một cái nhìn gần hơn sẽ giúp tôi theo dõi với độ chính xác cao hơn. Để phóng to, tôi có thể chọn Xem> Phóng to, nhấp vào mũi tên nhỏ ở góc dưới bên trái của cửa sổ chính để chọn mức thu phóng hoặc sử dụng công cụ Zoom.

Với công cụ Bút, tôi sẽ vẽ xung quanh các tông màu tối nhất để tạo thành các hình dạng. Tôi sẽ bắt đầu với những tông màu tối tạo thành hình dạng tạo nên đế và gót chân của tảng băng ở phía trước. Bây giờ, tôi sẽ bỏ qua các tông màu sáng trong hình dạng này. Tôi cũng sẽ không chú ý đến bức tường phía sau giày trượt băng.

Nếu bạn chưa quen với việc sử dụng công cụ Bút, công cụ này nằm trong bảng Công cụ và hoạt động bằng cách nhấp để tạo điểm. Hai hoặc nhiều điểm tạo ra một đường dẫn. Nếu bạn muốn có một đường cong, hãy nhấp và kéo. Kiểm soát Xử lý xuất hiện có thể được sử dụng để chỉnh sửa đường cong của bạn. Chỉ cần nhấp vào cuối của một tay cầm và di chuyển nó để thực hiện điều chỉnh. Làm cho điểm cuối cùng của bạn trên điểm đầu tiên của bạn kết nối hai và tạo ra một hình dạng. Sử dụng công cụ Pen có một số được sử dụng để, nhưng nó trở nên dễ dàng hơn với thực hành.

08 trên 19

Chọn đường dẫn

Văn bản và hình ảnh © Sandra Trainor

Tôi sẽ tiếp tục theo dõi xung quanh tất cả các hình dạng tối, chẳng hạn như một phần duy nhất tiết lộ của skate ở phía sau, và nhiều khoen. Sau đó, trong bảng Layers, tôi sẽ nhấp vào vòng tròn mục tiêu cho lớp Dark Tones. Điều này sẽ chọn tất cả các đường dẫn mà tôi đã vẽ cho lớp này.

09 trên 19

Áp dụng màu tô đậm

Văn bản và hình ảnh © Sandra Trainor

Với lớp Dark Tones được chọn trong bảng Layers, tôi sẽ nhấp đúp vào hộp Fill trong bảng Tools, sẽ mở Color Picker. Để biểu thị tông màu xanh đậm, tôi sẽ nhập vào các trường giá trị RGB, 0, 0 và 51. Khi tôi nhấp OK, các hình sẽ tô màu này.

Trong bảng Layers, tôi sẽ nhấp vào biểu tượng con mắt ở bên trái trên layer Dark Tones để ẩn nó đi.

10 trên 19

Trace Around the Middle Tones

Văn bản và hình ảnh © Sandra Trainor

Tôi sẽ tạo một layer khác và đặt tên là "Middle Tones." Lớp mới này sẽ được chọn và nằm phía trên phần còn lại trong bảng điều khiển Lớp. Nếu không, tôi sẽ cần phải bấm và kéo nó vào vị trí.

Với công cụ Pen vẫn được chọn, tôi sẽ nhấp vào hộp Fill và nút None. Sau đó tôi sẽ theo dõi xung quanh tất cả các tông màu trung bình theo cùng một cách mà tôi truy tìm xung quanh tất cả các tông màu tối. Trong bức ảnh này, những lưỡi kiếm dường như có tông màu trung tính, và cũng là một phần của gót chân và một số bóng tối. Tôi sẽ sử dụng "giấy phép nghệ thuật" của tôi để làm cho bóng tối gần các móc nhỏ hơn. Và, tôi sẽ bỏ qua các chi tiết nhỏ, chẳng hạn như các vết khâu và dấu vân tay.

Một khi tôi đã hoàn thành truy tìm xung quanh tông màu trung, tôi sẽ bấm vào vòng tròn mục tiêu cho lớp Tones Trung.

11 trên 19

Áp dụng màu tô màu trung tính

Văn bản và hình ảnh © Sandra Trainor

Với lớp Trung Tones được chọn và cũng là các đường dẫn được vẽ, tôi sẽ nhấp đúp vào hộp Fill trong bảng Tools. Trong Bộ chọn màu, tôi sẽ nhập vào các trường giá trị RGB, 102, 102 và 204. Điều này sẽ cho tôi tông màu xanh trung bình. Sau đó tôi sẽ bấm OK.

Tôi sẽ nhấp vào biểu tượng con mắt cho lớp Trung Tones. Bây giờ, cả hai lớp Dark Tones và lớp Middle Tones sẽ không nhìn thấy được.

12 trên 19

Trace Around the Light Tones

Văn bản và hình ảnh © Sandra Trainor

Có tông màu sáng và tông màu rất nhẹ trong bức ảnh này. Các tông màu rất nhẹ được gọi là điểm nổi bật. Bây giờ, tôi sẽ bỏ qua những điểm nổi bật và tập trung vào các tông màu sáng.

Trong bảng Layers, tôi sẽ tạo một layer mới và đặt tên là "Light Tones." Sau đó tôi sẽ nhấp và kéo lớp này để nó nằm giữa lớp Dark Tones và lớp Template.

Với công cụ Pen vẫn được chọn, tôi sẽ nhấp vào hộp Fill và nút None. Sau đó tôi sẽ theo dõi xung quanh các tông màu sáng theo cùng cách mà tôi đã theo dõi xung quanh tông màu tối và trung. Các tông màu sáng dường như là giầy và ren, có thể được vẽ theo cách như vậy để tạo ra một hình dạng lớn.

13 trên 19

Áp dụng màu nhạt

Văn bản và hình ảnh © Sandra Trainor

Trong bảng Layers, tôi sẽ đảm bảo rằng lớp Light Tones được chọn và cũng là các đường dẫn được vẽ. Sau đó tôi sẽ nhấp đúp vào hộp Fill trong bảng Tools, và trong Color Picker tôi sẽ nhập vào các trường giá trị RGB, 204, 204 và 255. Điều này sẽ cho tôi tông màu trung bình của màu xanh dương. Sau đó tôi sẽ bấm OK.

Tôi sẽ nhấp vào biểu tượng con mắt cho lớp Light Tones, làm cho nó vô hình.

14 trên 19

Theo dõi các điểm nổi bật

Văn bản và hình ảnh © Sandra Trainor

Điểm nổi bật là vài phần màu trắng sáng nhất của một đối tượng hoặc chủ thể, nơi được chiếu sáng mạnh.

Trong bảng Layers, tôi sẽ tạo một layer mới và đặt tên là "highlights". Lớp này phải nằm phía trên phần còn lại. Nếu không, tôi có thể nhấp và kéo nó vào vị trí.

Với lớp Highlights mới được chọn, tôi sẽ click vào công cụ Pen và một lần nữa đặt hộp Fill là None. Tôi sẽ theo dõi xung quanh khu vực màu trắng tinh khiết hoặc nổi bật.

15 trên 19

Áp dụng màu trắng

Văn bản và hình ảnh © Sandra Trainor

Với các đường dẫn được chọn, tôi sẽ nhấp đúp vào hộp Fill trong bảng Tools, sẽ mở Color Picker. Tôi sẽ nhập vào các trường giá trị RGB, 255, 255 và 255. Khi tôi nhấp vào OK, các hình sẽ tô màu trắng tinh khiết.

16 trên 19

Xem các lớp kết hợp

Văn bản và hình ảnh © Sandra Trainor

Bây giờ đến phần thú vị, đó là để lộ tất cả các lớp và xem hình dạng rút ra làm việc cùng nhau để tạo thành một hình ảnh. Trong bảng điều khiển Lớp, tôi sẽ nhấp vào từng ô trống, nơi đã có một biểu tượng con mắt để lộ biểu tượng và hiển thị các lớp. Để chắc chắn rằng tất cả các lớp được bỏ chọn, tôi sẽ nhấp vào công cụ Selection trong bảng Tools sau đó nhấn off của canvas.

17 trên 19

Tạo hình vuông

Văn bản và hình ảnh © Sandra Trainor

Kể từ khi tôi hoàn thành truy tìm, bây giờ tôi có thể xóa mẫu. Trong bảng Layers, tôi sẽ click vào layer Template sau đó trên nút Delete Selection nhỏ, trông giống như một thùng rác nhỏ.

Để tạo một hình vuông, tôi sẽ chọn công cụ Rectangle từ bảng Tools, nhấn đúp vào hộp Fill, và trong Color Picker tôi sẽ gõ 51, 51, và 153 cho giá trị RGB, sau đó nhấn OK. Sau đó tôi sẽ giữ phím shift khi tôi nhấp và kéo để tạo hình vuông bao quanh giày trượt băng.

18 trên 19

Thay đổi kích thước Artboard

Văn bản và hình ảnh © Sandra Trainor
Tôi sẽ bấm vào công cụ Artboard và thay đổi kích thước của Arboard bằng cách di chuyển các tay cầm vào bên trong cho đến khi nó có cùng kích thước với hình vuông. Tôi sẽ nhấn Escape để thoát khỏi chế độ Artboard, chọn File, Save, và tôi đã hoàn tất! Bây giờ tôi có một hình ảnh cách điệu bằng cách sử dụng một bảng màu đơn sắc. Để tạo phiên bản sử dụng nhiều màu hơn, hãy tiếp tục sang bước tiếp theo.

19 trên 19

Tạo một phiên bản khác

Văn bản và hình ảnh © Sandra Trainor

Thật dễ dàng để tạo các phiên bản khác nhau của cùng một hình ảnh. Để tạo một phiên bản sử dụng nhiều màu hơn, tôi sẽ chọn File> Save As, và đổi tên tập tin. Tôi sẽ đặt tên là "ice_skates_color" và nhấp vào Lưu. Điều này sẽ bảo tồn phiên bản đã lưu ban đầu của tôi và cho phép tôi thực hiện thay đổi đối với phiên bản mới được lưu này.

Tôi muốn layer Highlights vẫn giữ nguyên, vì vậy tôi sẽ để lại layer đó một mình và kích vào Target circle cho layer Light Tones. Sau đó tôi sẽ kích đúp vào hộp Fill, và trong Color Picker, tôi sẽ di chuyển Color Slider xuống thanh Color Spectrum cho đến khi nó đạt đến vùng màu vàng, sau đó kích OK. Tôi sẽ thực hiện các thay đổi đối với lớp Tones giữa và Lớp Tối màu theo cùng một cách; chọn một màu khác nhau cho mỗi màu. Khi hoàn thành, tôi sẽ chọn File> Save. Bây giờ tôi có một phiên bản thứ hai, và có thể tạo một phần ba, thứ tư, v.v., đơn giản bằng cách lặp lại các bước trên.