Trong hướng dẫn này, bạn cùng công ty thiết kế web canhcam sẽ tìm hiểu cách sử dụng Công cụ lưới trong Adobe Illustrator để tạo một nền trừu tượng đẹp!
Nếu bạn muốn bỏ qua hướng dẫn và chỉ sử dụng nền này trong công việc của mình, bạn có thể mua nền trừu tượng Vàng thanh lịch từ GraphicRiver !
Vàng nền trừu tượng thanh lịch
1. Cách vẽ nền
Bước 1
Chúng ta sẽ bắt đầu bằng cách vẽ hai mảnh nền lớn nhất bằng Lưới. Mảnh 1 là đơn giản nhất, vì vậy hãy bắt đầu với nó!
Vẽ một hình chữ nhật và tô #FFFCFAmàu nó . Chọn Công cụ lưới (U) và tạo Lưới lưới trong hình chữ nhật bằng cách nhấp vào nơi bạn muốn đặt các nút.
Cố gắng bắt chước Lưới Lưới trong ảnh chụp màn hình.
Tiếp theo, chọn các nút cạnh dưới cùng và tô lại tất cả chúng #FF7220. Tiếp tục tương tự, bằng cách tạo thêm các nút và tô màu lại các nút đã chọn.
xem thêm: dịch vụ thiết kế website
Sử dụng các màu sau:
#FFFCFA
#FF7220
#FFF5BB
#FFA045
vẽ nền bằng lưới
Quảng cáo
Bước 2
Hoàn thành các mảnh nền trong một thời trang tương tự. Bạn sẽ cần những màu này:
#FF641C
#FF631C
#FF460A
#FEE5CD
kết thúc với lưới
Bước 3
Hãy bắt đầu vẽ mảnh nền số 2! Điều này sẽ khá khó khăn hơn một chút.
Tiếp tục sử dụng Công cụ lưới để thiết kế và tạo Nút lưới và tô màu lại như trong ảnh chụp màn hình bên dưới.
#FFDDA2
#F18D32
#923300
#FFF1B8
sử dụng lưới để vẽ đường cong
Bước 4
Kết thúc phần nền thứ hai.
#DF7B29
#220D00
#F5A24D
#FFEBD3
kết thúc đường cong
2. Cách vẽ đường cong
Bước 1
Bây giờ chúng ta đã vẽ cả hai mảnh nền lớn, hãy bắt đầu trên các đường cong ở phía trước!
Bắt đầu vẽ đường cong đầu tiên giống như chúng ta đã làm trước đây.
#F3B26E
#FFDB9B
#D67A2A
vẽ đường cong bằng lưới
Bước 2
Kết thúc đường cong với các màu này:
#4B2206
#642401
#AF5A17
kết thúc sử dụng lưới
Bước 3
Bắt đầu vẽ đường cong thứ hai, nhỏ hơn.
#CD6816
#521C00
#010000
vẽ mảnh trừu tượng với lưới
Bước 4
Kết thúc nó với ba lần đổi màu nữa.
#170800
#F7CA79
#612503
kết thúc đường cong
Bước 5
Di chuyển các đường cong với nhau và đảm bảo chúng khớp với nhau. Thay đổi hình dạng một chút nếu chúng không.
thêm cả hai mảnh lại với nhau
3. Làm thế nào để vẽ mảnh tiền cảnh
Bước 1
Trên mảnh cuối cùng của nền này!
Vẽ một #FFD28Chình chữ nhật, sửa đổi hình dạng của nó bằng cách kéo các nút xung quanh bằng Công cụ lưới và sau đó thêm một số #BA5507vệt cho hình dạng.
vẽ mảnh cuối cùng với lưới web
Bước 2
Tiếp tục tô màu lại mảnh cuối cùng.
#D6701F
#FFEEBC
#210C00
sử dụng lưới để vẽ phần tử cuối cùng
Bước 3
Cuối cùng, thêm một số chạm hoàn thiện!
#9B3F05
#FFF3DF
#ECA153
thêm hoàn thiện
Bước 4
Bây giờ, dùng photoshop thêm tất cả các mảnh lại với nhau!
Các mảnh 1 và 2 ở dưới nền, 3 và 4 ở trên cùng của mảnh 2 và mảnh 5 ở phía trước.
lắp ráp nền
Bước 5
Hãy ‘cắt’ nền của chúng tôi!
Vẽ một phác thảo hình chữ nhật trên các hình dạng sẽ chứa mọi thứ bạn muốn hiển thị. Sau đó, chọn tất cả các yếu tố, nhấp chuột phải và chọn Make Clipping Mask .
làm mặt nạ cắt
Bước 6
Đây là cách nền của bạn sẽ trông sau khi áp dụng Clipping Mask !
kết quả cuối cùng
Xin chúc mừng, bạn đã hoàn thành!
Cảm ơn bạn đã theo dõi và xin vui lòng gửi kết quả của bạn trong các ý kiến. Tôi sẽ mong được nhìn thấy nó!
Trong hướng dẫn này, bạn đã học cách tạo nền vàng hiện đại và trừu tượng bằng cách sử dụng Công cụ lưới.
Tôi hy vọng bạn thích hướng dẫn này và học cách sử dụng Gradient Mesh cho tương lai! Kiểm tra một số hướng dẫn vector khác của tôi trên hồ sơ giảng viên của tôi .
Bạn có thể mua nền này cũng như các thiết kế tương tự khác trong danh mục đầu tư của tôi trên GraphicRiver .