Cách vẽ một kết cấu màu nước trong Adobe Illustrator

Đến với khuynh hướng với các cấu trúc ( texture ) màu nước trong Adobe Illustrator ! Trong bài hướng dẫn này, tất cả chúng ta sẽ tạo ra cho mình các cấu trúc màu nước với các bộ màu nước đơn thuần, chỉnh sửa các hình ảnh bằng Adobe Photoshop, và vận dụng các cấu trúc này trong Adobe Illustrator bằng hai giải pháp khác nhau .

Bạn cũng có thể mang về các kết cấu texture hoặc phông chữ vẽ tay để bổ sung cho một vài các thiết kế sử dụng trong bài hướng dẫn này từ Envato Market.

1. Tạo texture màu nước.

Bước 1

Bắt đầu với các công cụ mà bạn sẽ cần hoặc muốn sử dụng để tạo ra các texture màu nước :

  • Màu nước
  • Giấy vẽ màu nước
  • Một cây cọ vẽ mềm
  • Ly nước

Đối với tôi, những công việc như thế này không đòi hỏi quá nhiều các dụng cụ phức tạp. Bạn có thể tạo ra được các kết cấu màu nước từ một bộ dụng cụ vẽ của trẻ em, cũng như màu sơn Winsor & Newton. Bên dưới là các dụng cụ trong bộ dụng cụ vẽ của tôi. 

Bạn đang đọc: Cách vẽ một kết cấu màu nước trong Adobe Illustrator

Collect materials for watercolor paintingCollect materials for watercolor paintingCollect materials for watercolor painting

Bước 2

Đổ nước vào cây cọ vẽ, nhứng chúng vào bảng màu nước và mở màn vẽ nhé. Tạo ra độ đậm nhạt và độ chuyển màu. Tạo ra những vũng nước lớn hoặc những đám mây sắc tố bé nhỏ. Bạn thật sự không hề làm hỏng thí nghiệm với các màu nước như thế này !
Start painting with your watercolorsStart painting with your watercolorsStart painting with your watercolors

Bước 3

Nếu bạn dùng cọ ướt vẽ lên phần ướt của tờ giấy, bạn sẽ thấy màu nước tràn ra và tạo ra các vùng chuyển màu vui nhộn trên giấy. Hãy tự do chấm hoặc làm vấy bẩn các màu nước bằng khăn giấy hoặc quệt cây cọ của bạn lên tờ giấy để tạo ra hiệu ứng texture vết nước bắn .
Paint onto wet paper or create puddles of colorPaint onto wet paper or create puddles of colorPaint onto wet paper or create puddles of color

Bước 4

Xếp lớp các mức độ khác nhau của sự chuyển màu trên giấy của bạn, và đi dạo với sắc tố khác. Để cho các màu vẽ này khô lại, và sau đó liên tục vẽ cho đến khi bạn có được các vùng màu mà bạn thích .
Add other colors and shapes into your designsAdd other colors and shapes into your designsAdd other colors and shapes into your designs

Bước 5

Bạn hoàn toàn có thể tạo số lượng trang texture màu nước tùy ý. Khi bạn thấy đủ các lựa chọn sắc tố và phong cách thiết kế, hãy để các màu nước này khô trọn vẹn trước khi liên tục sang phần tiếp nối của bài hướng dẫn này .
Create as many pages of watercolor textures as you wantCreate as many pages of watercolor textures as you wantCreate as many pages of watercolor textures as you want

2. Chỉnh sửa các texture

Bước 1

Scan các mẫu texture của bạn và đưa chúng vào Adobe Photoshop. Cách khác, bạn hoàn toàn có thể chụp một bức hình. Máy scan của tôi hơi cũ nên khi scan màu giấy không trắng như tôi muốn để sử dụng cho dự án Bất Động Sản này. Hãy chỉnh sửa chúng nào .
Scan and import your watercolort exturesScan and import your watercolort exturesScan and import your watercolort extures

Bước 2

Để chiến đấu với phần màu vàng của tờ giấy, vào Image > Adjustments > Levels và điều chỉnh hiệu ứng levels của màu vàng xung quanh vệt màu nước một cách cẩn thận. Tôi điều chỉnh thanh trượt màu xám qua bên trái và thanh trượt màu trắng qua bên phải một chút.

Adjust the levels of your imageAdjust the levels of your imageAdjust the levels of your image

Bước 3

Bây giờ thì kết cấu màu nước của bạn đã sáng và sạch, lưu lại tập tin với đuôi JPG có độ phân giải cao, và import tập tin này vào Adobe Illustrator.

Save and import your image into Adobe IlustratorSave and import your image into Adobe IlustratorSave and import your image into Adobe Ilustrator

3. Tạo Vector từ texture

Bươc 1

Nhập texture màu nước của bạn vào tài liệu của Adobe Illustrator và mở bảng Image Trace. Ở chế độ Mode, chọn Color, và cho phần bảng Palette, chọn Full Tone. Nhấp vào nút Preview và chờ chuyển hình sang dạng vector.

Image Trace to get a vector watercolor textureImage Trace to get a vector watercolor textureImage Trace to get a vector watercolor texture

Bước 2

Tôi đã phóng to kết quả hình đồ lại của mình, do đó, bạn có thể thấy các đối tượng vector trông đẹp hơn một chút. Đây là cách đơn giản để chuyển đổi các texture pha màu thật sự thành hình vector mà không phải tạo lại chúng trong Adobe Illustrator bằng thủ công. 

A zoomed in version of the watercolor textureA zoomed in version of the watercolor textureA zoomed in version of the watercolor texture

Bước 3

Bạn cũng có thể giới hạn số lượng chi tiết trong kết quả đồ lại bằng cách chọn Limited (hình ở dưới bên trái ) cho bảng Palette thay vì đầy đủ tông màu Full Tone (hình ở dưới bên phải). Cách này sẽ giúp hình ảnh trông giống hình vector hơn và kích cỡ tập tin cũng nhỏ hơn.

Mở rộng texture màu nước và bỏ nhóm Ungroup, đo đó, bạn có thể sử dụng công cụ Lasso Tool (Q) để chọn xung quanh một vùng texture. Sao chép (Control-C)Dán (Control-V) texture đó lên một New Layer trong bảng Layers. Che các texture khác để bạn có thể tập trung vào khu vực được sao chép. Group (Control-G) texture đó lại với nhau.

A comparison between watercolor texturesA comparison between watercolor texturesA comparison between watercolor textures

4. Tạo một phong cách đồ họa (Graphic Style)

Bước 1

Graphic Style rất tuyệt vời. Phong cách này được cho phép ban thuận tiện vận dụng tổng thể các mẫu, hiệu ứng và chỉ với mọt cái nhấp chuột đơn thuần. Phong cách này hoàn toàn có thể đi với các kích hoạt để đẩy nhanh quá trình việc làm của bạn trong Adobe Illustrator .

Chọn nhóm texture của bạn, trong bảng Pattern Options, tạo một New Pattern. Điều chỉnh độ rộng Width và cao Height của những đường phân chia mẫu xếp lớp, vì thế, texture này tự nằm đè lên chính nó.  Trong bảng Appearance, thiết lập chế độ Blending Mode của nhóm thành Multiply. Khi đã thỏa mãn về cách pattern của bạn xếp lớp và lập tại, nhấp vào nút Done.

Đây thật sự là một texture vector phức tạp, bạn sẽ hoàn toàn có thể phải mất một lúc để tạo được pattern này. Sao lưu bảo đảm an toàn cũng rất có ích nếu bạn lo rằng Adobe Illustrator đùng một cái gặp sự cố .
Create a simple patternCreate a simple patternCreate a simple pattern

Bước 2

Bạn sẽ tìm thấy mẫu vừa tạo mới trong bảng Swatches. Áp dụng nó vào một hình chữ nhật đơn giản. Mở bảng Graphic Styles và, với hình chữ nhật được chọn, tạo một New Graphic Style. Thao tác này cho phép bạn lưu lại những thứ mà bạn đã thiết lập trong bảng Appearance và áp dụng nó nhanh chóng và dễ dàng vào đối tượng bất kỳ mà không phải áp dụng lại mẫu đó và các thuộc tính khác. Chắc chắn lưu trữ mẫu Graphic Style để bạn có thể sử dụng nó từ tài liệu bất kỳ. 

Create a graphic styleCreate a graphic styleCreate a graphic style

Bước 3

Thử kiểm tra một số chữ với Graphic Style mới này. Sử dụng phông chữ vui nhộn, tôi đã viết ra một trong những câu thành ngữ yêu thích của mình của nghệ sĩ Alyssa Edwards. Bạn có thể tìm các kiểu chữ tương tự ở phần font chữ của Envato Market.

Gõ chữ bằng công cụ Type Tool (T) và mở rộng Expand (Object > Expand) chữ của bạn thành Outlines. Áp dụng hiệu ứng Graphic Style vừa mới tạo. Hãy ghi lại cách cải thiện mẫu hoặc phong cách của bạn nếu có. 

Easily apply your graphic styleEasily apply your graphic styleEasily apply your graphic style

5. Tạo một bản thiết kế Typographic (nghệ thuật sắp chữ)

Bước 1

Hãy cùng tạo ra một thứ gì đó hứng thú hơn là áp dụng hiệu ứng Graphic Style vào một phông chữ đơn giản. Phác họa một bố cục typographic. Cân nhắc sử dụng các kiểu chữ viết script, serif, và sand-serift, ví dụ như kiểu chữ vẽ tay của bạn.

Thay vào đó, bạn có thể sắp chữ cho hợp ý hơn là vẽ một bản thiết kế riêng rẽ. Tôi đã vẽ một bản thiết kế bên dưới bằng Adobe Photoshop và đưa vào tài liệu Adobe Illustrator. Chơi với các bố cục và kiểu chữ với câu thành ngữ yêu thích của bạn. Nếu bạn không sử dụng bảng đồ họa, có thể bạn sẽ muốn sử dụng các font-face có sẵn trong bài hướng dẫn này.

Create some fun typographic compositionsCreate some fun typographic compositionsCreate some fun typographic compositions

Bước 2

Trong layer mới, dùng công cụ Blob Brush Tool (Shift-B) để vẽ lại một cách mượt mà bản thiết kế của bạn. Hãy cố gắng vẽ các nét vẽ thật chắc và giữ cho các nét cong mượt mà, và nét thẳng phải thẳng. 

Carefully draw smooth text designsCarefully draw smooth text designsCarefully draw smooth text designs

Bước 3

Thay đổi độ dày nét chữ của bạn. Đây là nơi xem các ví dụ của các chữ và thẩm mỹ và nghệ thuật sắp chữ sẽ làm những điều kỳ diệu trong việc giúp bạn quyết định hành động những phần của mỗi ký tự nên dày hay mỏng mảnh. Thử với cả hai và xem nó biến hóa phong cách thiết kế của bạn như thế nào nhé .
Use thick and think lines in your designUse thick and think lines in your designUse thick and think lines in your design

Bước 4

Tiếp tục làm việc xung quanh bố cục của bạn. Nếu bạn thấy bản sketch của bạn chưa đẹp, bạn có thể điều chỉnh lại nội dung bây giờ. Ngoài ra, bạn cũng co thể sử dụng một công cụ vẽ khác, như Pen Tool (P) để in lại bản vẽ sketch của bạn.

Continue redrawing your text designContinue redrawing your text designContinue redrawing your text design

Bước 5

Cho phần chữ lớn hơn, vẽ phần đường viền trước, sau đó là tô màu mỗi hình. Rút gọn quá trình thực hiện bằng cách sử dụng công cụ Shaper Tool (Shift-N) để tô màu trong các vùng. Vẽ một nét nguệch ngoạch một cách đơn giản giữa các đối tượng và nó sẽ được thêm vào như bạn thấy bên dưới. 

Use the shaper tool to fill in objectsUse the shaper tool to fill in objectsUse the shaper tool to fill in objects

Bước 6

Khi bạn hoàn thành phần chữ, hãy xóa layer sketch và chọn các mẫu chữ mới. Hợp nhất Unite các hình này trong bảng Pathfinder, nhớ là mở rộng chúng thành một hình kết hợp. Như chúng ta đã thực hiện trước đó, áp dụng Graphic Style vào bản thiết kế vừa tạo của bạn. 

Apply your graphic style to the newly created designApply your graphic style to the newly created designApply your graphic style to the newly created design

6. Tạo một Clipping Mask

Bước 1

Được xem là một phương pháp khác ngoài Graphic Style, bạn có thể Tạo một Clipping Mask (Control-7) để áp dụng vào kết cấu của mình. Như chúng ta đã làm khi chuẩn bị tạo mẫu pattern ban đầu, chọn một phần của texture hình được in lại bằng công cụ Lasso ToolCopy nó.

Tôi quyết định hành động giữ những cấu trúc màu nước này độc lập trong các tài liệu của riêng chúng, do đó, tài liệu việc làm của tôi không chiếm quá nhiều bộ nhớ của máy .
Select your textureSelect your textureSelect your texture

Bước 2

Dán kết cấu của bạn vào tài liệu làm việc của bạn. Tôi đã chọn màu tô chữ của tôi là màu xám nhạt để nó và kết cấu chồng chéo có thể được nhìn thấy một cách dễ dàng. Thiết lập chế độ Blending Mode thành Multiply trong bảng Transparency.

Overlap your text with your watercolor textureOverlap your text with your watercolor textureOverlap your text with your watercolor texture

Bước 3

Lặp lại quá trình dán các phần kết cấu màu nước lên chữ của bạn. Thoải mái cân chỉnh tỉ lệ, xoay, và đặt chúng theo cách mà bạn thấy ưng ý nhất. 

Overlap your text with various color and texturesOverlap your text with various color and texturesOverlap your text with various color and textures

Bước 4

Khi đã ưng ý với cách sắp đặt kết cấu, Group chúng lại với nhau. Nhớ rằng hầu hết các thiết kế chữ của bạn được bao phủ bằng một texture theo một cách nào đó. Bạn sẽ không muốn toàn bộ phần chữ sẽ biến mất khi đang tạo Clipping Mask.

Group together your watercolor texturesGroup together your watercolor texturesGroup together your watercolor textures

Bước 5

Copy Dán thiết kế chữ của bạn lên nhóm kết cấu màu nước của bạn. Che phần thiết kế chữ ban đầu trong bảng Layers. Chọn cả hai và tạo một Clipping Mask bằng cách nhấn Control-7. Nếu bạn muốn thay đổi hoặc thêm nội dung và Clipping Mask, chỉ cần đơn giản mở bảng Layers và chọn các phần của nhóm trong giới hạn Clip Group đó để sắp xếp chúng lại trong bản vẽ của bạn hoặc thậm chí là thêm vào các texture mới bằng cách kéo chúng vào nhóm đó. 

create a clipping mask and adjust its contentscreate a clipping mask and adjust its contentscreate a clipping mask and adjust its contents

Thật tuyệt vời, bạn đã thực hiện được rồi!

Nghich với các texture màu nước theo cách mà bạn muốn. Cho dù bạn đang tạo ra một Graphic Style hay một Clipping Mast, bạn có các tùy chọn về cách vận dụng texture của mình cũng như các chi tiết cụ thể như vết bắn màu nước hay các texture tô màu nước bổ trợ .
Chia sẻ các bản thiết kế của bạn trong phần phản hồi bên dưới nhé ! Cho dù bạn tự tạo được các cụ thể cho bản thân hoặc sử dụng các công cụ từ Envato Market trong tác phẩm poster của mình, chúng tôi rất muốn xem chúng đấy !
The final designThe final designThe final design