Muốn vui chơi trong công viên giải trí không? Hãy cùng tôi xem bài hướng dẫn này và tạo một khu vui chơi phẳng với retro-style, lấy cảm hứng từ phim The Grease! Không cần bất cứ kĩ năng vẽ nào - chúng ta sẽ sử dụng những hình khối đơn giản cùng thanh công cụ Pathfinder của Adobe Illustrator. Hơn thế nữa, chúng ta sẽ học cách sử dụng Brush và tính năng Draw Inside để thêm nét vào các hình khối chỉ bằng vài cú click.
Bạn đã xem phim The Grease có John Travolta và Olivia Newton-John chưa? Nếu bạn thích những năm 50, thử xem nó đi. Bộ phim mang động không khí retro-style như quần áo, tóc, xe cộ và âm nhạc - bất cứ thứ gì bạn có thể tưởng tượng ra. Với tôi, một trong những khoảng khắc đáng nhớ nhất của bộ phim là cảnh khiêu vũ ở hội chợ. Ở bài hướng dẫn này chúng ta sẽ vẽ một phiên bản đơn giản và phong cách của công viên giải trí trong bộ phim.
Hãy thử tìm từ khóa Funfair trong Chợ Envato để tìm xem khung cảnh hội chợ trông như thế nào, đồng thời lấy cảm hứng để tạo nhiều chi tiết hơn cho bức tranh chúng ta sắp thực hiện. Bạn cũng có thể tìm thấy các hình tham khảo cho Hội chợ Vintage trên PhotoDune và cảm nhận tốt hơn không khí của nó.
Bắt đầu nhé!
1. Vẽ một Gian hàng Sọc
Bước 1
Một cái lều sọc lớn hẳn là yếu tố đầu tiên bạn nghĩ đến khi nói về một các hội chợ cổ. Cùng xây một gian hàng lớn từ hình tam giác 280 x 105 px, sử dụng sự trợ giúp của Polygon Tool.
Tiếp đến bóp hình khối bằng Selection Tool (V) để làm nó dẹp hơn.
Bước 2
Sử dụng Retangle Tool (M) và tạo hình bức tường của gian hàng, gắn nó với cái mái tam giác. Và cân bằng bức tường với mái, sử dụng mái làm Key Object. Chọn cả hai hình khối, ấn Alt và ấn vào mái tam giác. Bạn sẽ thấy một đường viền mỏng bao quanh, biểu thị cho Key Object. Giờ thì vào thẻ Align và ấn vàoHorizontal Align Center.
Tuyệt! Giờ phần khung đã xong, cùng thêm các chi tiết sọc nào! Sử dụng Retangle Tool (M) để vẽ một hình sọc hẹp dài 20 x 125 px, tô màu đỏ lợt.
Bước 3
Align miếng sọc qua bên trái bức tường, sử dụng tường làm Key Object.
Copy miếng sọc và Paste in Front (Ctrl-C > Ctrl-F). Align hình copy qua phía đối diện của bức tường.
Chọn cả hai miếng sọc và đi đến Object > Blend > Make. Giờ ta có thể thay đổi cài đặt cho phù hợp trongObject > Blend > Blend Options. Chỉnh Spacing thành Specified Steps với 5 bước.
Đi đến Object > Expand Apperance để biến nhóm Blend trở lại thành các sọc riêng biệt. Thay đổi màu tường thành vàng nhẹ.
Bước 4
Và giờ thêm sọc cả vào mái nữa. Duplicate (Ctrl-C > Ctrl-F) cái mái, ấn Alt và bóp hình khối với Selection Tool (V), tạo một hình tam giác hẹp. Tô màu đỏ cho nó.
Nhân đôi sọc mới tạo được, chọn điểm neo dưới cùng bằng Direct Selection Tool (A) và kéo chúng qua trái, vậy thì hình tam giác sẽ lệch qua và đỉnh của vẫn gắn ở mái.
Tạo một bản copy nữa của sọc tam giác và chuyển nó qua trái nhiều hơn.
Cuối cùng chọn cả 2 bản copy mới vẽ và click đúp vào Reflect Tool (O) để mở cửa sổ tùy chỉnh. Lật hình khối theo chiều dọc và ấn Copy để tạo 2 sọc tương tự ở bên phải.
Tô màu các chi tiết mái sáng hơn để phân biệt giữa mái và tường. Và giờ thêm ít chi tiết nữa.
Sử dụng Ellipse Tool (L), ấn Shift và tạo một hình tròn có đường kính bằng với cái sọc ở giữa. Sử dụngSmart Guides (View > Smart Guides) để các hình khối "hút" khớp nhau dễ dàng hơn.
Align các hình khối theo chiều ngang.
Thêm nhiều hình tròn hơn nào! Giờ chọn hình tròn rồi ấn phím Enter để mở cửa sổ Move. Chỉnh chỉ sốHorizontal bằng với đường kính hình tròn. Trong trường hợp của tôi thì là 28 px. Nếu ta muốn chuyển hình tròn qua trái thì chỉ số phải là âm, tức là chỉ số Horizontal sẽ là -28 px và ấn Copy.
Tuyệt! Giờ chỉ cần ấn Control-D vài lần để lặp lại thao tác cuối, tạo ra nhiều hình tròn hơn.
Và lặp lại tương tự với nửa bên phải của cái lều, di chuyển bản copy hình tròn ở giữa 28 px qua bên phải và lặp lại thao tác.
Tô màu các vòng tròn luân phiên và trùng với màu các sọc trên mái.
Bước 8
Nếu bạn để ý rằng có nhiều vòng tròn không khớp với phần sọc, chỉ cần di chuyển nó qua trái hoặc phải một chút, hoặc sử dụng Selection Tool (V) để chỉnh cho vòng tròn lớn hơn hoặc hẹp hơn.
Bước 9
Giờ hãy cùng xóa bớt những phần không cần thiết. Chọn các vòng tròn và ấn Shape Builder Tool (Shift-M).Ấn Alt và click vào những phần bạn muốn xóa.
Cuối cùng, Group (Ctrl-G) các hình tròn lại và đặt chúng ở dưới mái lều (Ctrl-[), tô màu chúng tối hơn chút. Đừng quên nhóm các bộ phận của mái lều với nhau để tác phẩm của bạn gọn gàng và có tổ chức hơn.
Bước 10
Thêm một hình tâm giác nâu sậm để làm cổng, đặt nó ở giữa phần tường.
Bước 11
Cuối cùng, thêm một cái bóng semi-transparent (bán-trong-suốt) theo flat-style. Duplicate (Ctrl-C > Ctrl-F)cái lều và, vẫn chọn phần copy, ấn Unite trong thẻ Pathfinder, tạo một cái bóng phẳng.
Sử dụng Line Segment Tool (\) để vẽ một đường dọc và Align nó vào giữa cái bóng.
Giữ chọn cả hai phần tử, ấn Divide trong thẻ Pathfinder, chia cái bóng thành 2 phần đều nhau.
Cuối cùng, xóa nửa trái đi và chuyển nửa phải thành Multiply Blending Mode, làm tối một phần lều.
Và xong! Chúng ta đã hoàn thành cái lều sọc! Giờ chúng ta có thể chuyển qua một bộ phận khác trong hội chợ tưởng tượng của mình.
Cùng tạo vài cái đu quay cho khu vui chơi cổ của chúng ta nào.
Bước 1
Vẽ phần trên cùng của đu quay bằng một hình chữ nhật 175 x 35 px màu xanh ngoc. Chọn điểm neo dưới cùng bên trái với Direct Selection Tôl (A) và ấn Enter để mở cửa sổ Move. Chỉnh chỉ số Horizontal thành 10 px để chuyển điểm neo qua phải. Ấn OK.
Lặp lại tường tự với điểm neo dưới cùng bên phải nhưng lần này chỉ số Horizontal là -10 px để chuyển điểm qua bên trái.
Giờ Duplicate (Ctrl-C > Ctrl-V) hình khối. Sử dụng Selection Tool (V), kéo phần trên của hình khối và kéo nó xuống, quay ngược nó lại. Kéo nhỏ nó lại và tô màu vàng nhạt.
Sử dụng Direct Slelection Tool (A) và tính năng Move để di chuyển 2 điểm neo dưới gần nhau hơn.
Dùng Retangle Tool (M) và vẽ cái cột, gắn cái cột khớp với hình khối màu vàng bên trên (trường hợp của tôi là khoảng 50 x 75 px). Thêm những sọc màu sậm hơn vào cái cột giống cách ta đã làm với bức tường của túp lều.
Thêm một sọc vào hình khối màu xanh ngọc, và sử dụng Shape Builder Tool (Shift-M) khi ấn Alt để xóa những phần không cần thiết.
Giờ thì thêm các ghế hay cabin xoay quanh trục đu quay. Vẽ các hình tròn 15 x 15 px và sử dụngEyedropper Tool (I) để tô màu đỏ lợt giống cái lều.
Chọn hình tròn mới tạo, ấn Alt và kéo hình tròn qua để tạo một số bản copy. Sử dụng Line Segment Tool (\)để nối các cabin với trục đu quay.
Bước 5
Thêm một cái bóng nhẹ cho đu quay. Chọn phần cột trụ cơ bản (không có phần cabin) và nhân đôi chúng.Unite các phần của cộc trụ bằng Pathfinder, tạo một hình khối liền của cái đu quay. Vẽ một đường thẳng dọc và Align nó vào giữa đu quay.
Cuối cùng, Divide đường thẳng và hình khối bằng Pathfinder, xóa nửa trái và chuyển nửa còn lại thànhMultiply.
Xong! Giờ tạo một cái đu quay khác.
Với cái đu quay này, hãy sử dụng hình tam giác chóp của cái lều sọc và cái cột cùng cabin của cái đu quay ta mới làm. Xóa những phần sọc trên mái và tô màu tím lạt.
Bước 7
Chỉnh sửa phần chóp một chút. Tạo một bản copy và dịch nó lên một chút. Chọn cả 2 phần và sử dụngShape Builder Tool (Shift-M), ấn Alt, để xóa những phần bị lem ra bên ngoài. Tô phần chóp màu tím xanh.
Giờ thì thay thế những cabin hình tròn thành hình khác. Dùng Pencil Tool (N) và vẽ một cái ghế nhỏ. Nếu bạn muốn đường vẽ mượt hơn, click đúp vào Pencil Tool (N) và tăng chỉ số Fidelity (kéo qua phải).
Tạo nhiều bản copy của chiếc ghế vào đặt nó xung quang cái cột. Kéo nhỏ một vài cái ghế và tô màu đỏ sáng, tạo khoảng cách giữa các vật.
Cuối cùng, kéo dài cái cột và làm nó trông cao hơn bằng cách sử dụng Direct Selection Tôl (A) và kéo điểm neo xuống dưới. Thêm sọc cho phần mái. Hoàn thành cái đu quay bằng cách thêm bóng semi-transparent vào bên phải.
Bước 1
Chúng ta sẽ bắt đầu từ chi tiết phức tạp nhất của vòng quay: thùng cabin. Vẽ một hình chữ nhật xanh ngọc cỡ 20 x 15 px.
Sử dụng tính năng Live Corners để bo góc thùng cabin. Để thực hiện, chuyển qua Direct Selection Tool (A)và kéo vòng tròn tí hon ở gần góc. Nếu bạn đang sử dụng phiên bản cũ của AI, bạn có thể vào Effect > Stylize > Round Corners cũng sẽ cho kết quả tương tự.
Nhân đôi hình khối và kéo nhỏ bản copy, tô màu xanh sáng để làm kính.
Vẫn chọn phần kính, dùng Eraser Tool (Shift-E), ấn giữa Alt và kéo qua nửa dưới của hình khối để tẩy nó.
Vẽ 2 sọc dọc màu xanh nhạt và xoay nó 45 degrees bằng cách ấn Shift và dùng Selection Tôl (V).
Đặt phần sọc trên cửa sổ và dùng Shape Buider Tool (Shift-M) để xóa những phần không cần thiết.
Cuối cùng, thêm một sọc 2 x 12 px ở giữa cửa sổ để chia nó thành 2 ô.
Đặt một hình tròn màu xanh ngọc đậm trên cùng cái cabin (Shift-Ctrl-[).
Bước 3
Giờ tạo hình bánh xe nào. Vẽ một hình tròn 270 x 270 px với Stroke màu xám không Fill (bạn set Fill về none trong thẻ Color).
Đặt một hình tròn 205 x 205 px bên trong hình tròn kia. Tiếp tục bằng cách thêm những chi tiết vào sắc vào giữa 2 hình tròn. Dùng Scissors Tool (C) và ấn vào điểm neo bên cạnh của hình tròn đỏ để tách nó ra. Tô phần dưới tối hơn một chút.
Sử dụng Line Segment Tool (\) vẽ một đường dọc dài 270 px (bằng chiều cao của vòng quay. Click đúp vàoRotate Tool (R) và chỉnh Angle thành 36 degrees. Ấn Copy rồi ấn Ctrl-D vài lần để thêm nhiều đường.
Giờ ta đã có đủ nan, đặt thùng cabin ở những điểm nan hoa.
Bước 5
Tô màu lại những thùng cabin để vòng quay sặc sỡ hơn. Và, cuối cùng, vẽ trụ của vòng quay với hình tâm giác 175 x 230 px với 6 pt Stroke và không Fill. Send it to Back (Shift-Ctrl-[), đặt dưới vòng quay.
4. Tạo thêm các yếu tố khác.
Bước 1
Khu giải trí được biết đến là nơi chứa đầy hình thức giải trí như khu bắn súng, xe đụng và tương tự.
Cùng tạo ra một khu như vậy nhé, rồi dần dần bạn sẽ biết cách tạo nhiều thứ hơn mà chỉ dùng những công cụ cơ bản. Giờ chúng ta sẽ làm một khu bắn súng ăn thưởng.
Bắt đầu là tạo nên một tấm mái che sọc xanh-trắng. Bạn có thể xem Phần 2 (từ bước 3 trở xuống) của bài hướng dẫn Vẽ một xe Bánh mì kẹp phong cách hoạt hình bằng Adobe Illustrator để biết cách vẽ cái mái hiên này.
Vẽ một hình chữ nhật màu nâu 270 x 150 px và Send it to Back (Shift-Ctrl-[), đặt nó dưới mái hiên. Vẽ một hình chữ nhật nhỏ hơn và tối màu hơn đặt bên trong khung lều.
Và, cuối cùng, vẽ nên những tấm bảng ngắm cho khu bắn súng. Vẽ một hình tròn 65 x 65 px màu vàng sáng và vẽ một vòng tròn nhỏ hơn bên trong với 5px Stroke màu đỏ không Fill.
Và thì vẽ thêm ít cây cối để có một khung cảnh tươi xanh.
Bắt đầu với vẽ tán cây bằng các hình tròn 45 x 45 px. Sử dụng Retangle Tool (M) vẽ một sọc hẹp 3 x 55 pxđể làm thân cây. Bo tròn đỉnh của thân cây bằng tính năng Live Corners.
Giờ cầm Pencil Tool (N) lên và vẽ những đường bong bóng tròn để làm lùm cỏ. Sử dụng Eraser Tool (Shift-E) và ấn giữ Alt để xóa đi phần dưới của lùm cỏ, làm nó có một góc phẳng.
Bước 1
Giờ hãy kết hợp những những yếu tố vào khung hình, cố sắp xếp chúng cho cân bằng. Chỉnh kích thước Artboard của bạn thành 900 x 500 px bằng Artboard Tool (Shift-O). Vẽ một hình chữ nhật màu xanh nhẹ cùng kích thước với bầu trời và một hình chữ nhật nhỏ hơn màu xanh lá 900 x 70 px để làm mặt đất.
Sử dụng thẻ Align thể cân bằng các hình khối, cả tính năng Align to Artboard và Align to Key Object nữa.
Đặt những vật chúng ta mới vẽ vào khung hình cho hợp lý, đặt chồng lên nhau nếu cần thiết. Bạn có thể phải bóp méo một số vật để tạo ảo giác to nhỏ khác nhau.
Lấp các khoảng trống bằng cây và lùm cỏ ta đã vẽ. Phóng ta và thu nhỏ chúng xem kẽ. Tô màu đậm nhạt khác nhau cho chúng để tách biệt chúng, đồng thời tạo độ sâu cho khung cảnh.
Dùng hình khối cỏ để làm những đám mây bồng bềnh. Kéo chúng lên trời và tô màu trắng hoặc xanh sáng để làm mây, đa dạng kích thước cho chúng.
Bức tranh chúng ta đã gần hoàn thiện, bạn hoàn toàn có thể dừng ở bước này nếu bạn muốn có một thiết kế phẳng đơn giản.
Tuy nhiên, nếu bạn muốn thêm độ cổ cho khung cảnh, đi bước tiếp theo và học cách thêm texture vào các vật.
Bước 1
Hãy sử dụng cái đu quay tím làm thí dụ. Nhân đôi cái mái tam giác của nó và kéo nó lên trên cùng của group đu quay trong bảng Layers.
Đi đến thanh công cụ Tools và tìm nút Draw Inside nằm dưới khung màu Fill và Stroke. Bạn sẽ thấy khung bao quanh vật có các chấm ở góc, cho biết bạn sẽ vẽ bên trong hình khối giống như Clipping Mask.
Giờ thì chọn một grungy brush thật đẹp trong thư viện AI nào. Mở thẻ Brushes (Window > Brushes) và tớiBrush Libraries Menu > Artistic > Artistic_ChalkCharcoalPencil. Chọn Chalk brush trên cùng của danh sách, sử dụng Paintbrush Tool (B) và vẽ một ít sọc ở góc dưới của cái mái tam giác.
Giờ thì chuyển các brushstrokes thành hình khối để chúng ta có thể chỉnh sửa. Chọn phần strokes mới vẽ và đi đến Object > Expand Appearance. Fill nó với màu tím sáng và chuyển qua Multiply Blending Mode,tạo cho đu quay hiệu ứng bụi bặm cổ xưa.
Sử dụng lại Chalk brush hoặc bất kì brush bụi bặm nào bạn thích để tạo hiệu ứng cổ xưa cho mọi thứ.
Tốt lắm! Chúng ta đã vẽ xong một công viên với flat-style, lấy cảm hứng từ phim The Grease! Chúng ta đã dùng các hình khối cơ bản, Pathfinder và thậm chí thêm nét cổ cho công viên bằng Brush có sẵn của AI.
Mong bạn thích bài hướng dẫn này và học được vài mẹo cùng thủ thuật cho vẽ phẳng cũng như retro-style, ví dụ như cảnh lễ hội hay gánh xiếc vintage...
Nếu bạn muốn xem các phiên bản khác của thành phẩm này, xem bài Hội chợ cổ phong cách phẳng Illustration ở GraphicRiver.
Chơi vui và đừng quên chia sẻ thành quả của mình nhé! Chúc may mắn!
Nguồn: DesignTut
