01/08
Take InDesign Quay lại những năm 60
Chắc chắn, bạn có thể tạo tất cả các bản vẽ vector được thấy trong quảng cáo trên bằng Illustrator hoặc một số phần mềm đồ họa khác. Nhưng bạn cũng có thể làm điều đó hoàn toàn trong InDesign. Trên một vài trang tiếp theo, tôi sẽ hướng dẫn bạn cách tạo ra những bông hoa sôi nổi, đèn nham thạch, và thậm chí là đốm màu xanh dương dưới sự bùng nổ của Early Bird Sales và bản đồ đơn giản ở góc.
Các công cụ chính được sử dụng để vẽ tất cả các hình minh họa này là:
- Công cụ hình chữ nhật, hình elip, đa giác
- Chuyển đổi Công cụ hướng điểm (bên dưới Công cụ Pen Flyout)
- Công cụ chọn trực tiếp (mũi tên màu trắng trong thanh công cụ)
- Pathfinder
Để hoàn thành các hình minh họa của bạn, bạn cũng sẽ sử dụng các công cụ Fill / Stroke để tô màu các hình dạng của bạn và các công cụ Transform để mở rộng và xoay .
Văn bản & bố cục
Hướng dẫn này không bao gồm các phần văn bản của quảng cáo này nhưng dưới đây là một vài điều bạn có thể muốn biết nếu bạn muốn thử tái tạo một số giao diện.
Phông chữ:
- Tiêu đề: Kẹo tròn BTN
- Tên cửa hàng (Chuông dưới tiết kiệm) trong Bell Bottom Laser ( thích hợp! ) Và Calibri
- Bản sao khác: Berlin Sans FB
- Nhãn bản đồ: Sans Sans cơ bản
Hiệu ứng văn bản:
- Bell Bottom có hiệu ứng Inner Bevel cơ bản
- Bản sao Early Bird Sales có hiệu ứng Drop Shadow đơn giản
Bố trí:
- Lề 3p xung quanh (mặc định InDesign)
- Bố cục sử dụng quy tắc của phần ba cả theo chiều dọc và chiều ngang.
- Đèn nham thạch chiếm một phần ba đứng.
- Thông tin liên lạc và bản đồ nằm ở phía dưới ngang thứ ba.
- Tên cửa hàng nằm ở ngã tư phía trên bên phải của phần ba và quanh trung tâm hình ảnh.
- Sớm bán hàng chim blurb nằm xung quanh giao điểm phía dưới bên phải của phần ba.
Các trang trong Hướng dẫn này
- Tổng quan về Bell Bottoms Quảng cáo tiết kiệm (trang này)
- Vẽ hoa đầu tiên
- Vẽ hoa thứ hai
- Vẽ Blob
- Vẽ đèn
- Vẽ dung nham trong đèn
- Vẽ một bản đồ đơn giản
- Lắp ráp Minh họa
02/08
Vẽ hoa đầu tiên
Hướng dẫn của tôi về các Ngôi sao trong InDesign đi vào chi tiết hơn về việc biến các đa giác thành các hình dạng ngôi sao và rất hữu ích nếu bạn chưa bao giờ làm việc với công cụ Đa giác / Sao trong InDesign.
Đối với hoa đầu tiên của chúng tôi, chúng tôi bắt đầu với một ngôi sao.
- Vẽ sao 5 điểm
- Chọn công cụ Polygon Shape Tool từ Shape flyout trong Công cụ của bạn
- Nhấp đúp vào Công cụ tạo hình đa giác để hiển thị hộp thoại Cài đặt đa giác
- Đặt đa giác của bạn cho 5 mặt và sao bắt đầu là 60%
- Giữ phím Shift trong khi vẽ ngôi sao của bạn
- Biến điểm sao thành cánh hoa
- Chọn công cụ Convert Direction Point Tool từ thanh công cụ Pen trong công cụ của bạn
Chuyển đổi công cụ Direction Point : Chọn công cụ. Nhấp vào điểm neo hiện tại. Giữ nút chuột. Các chốt của điểm neo đó sẽ xuất hiện. Nếu bạn kéo chuột ngay bây giờ, bạn sẽ có thể thay đổi đường cong đã tồn tại. Nếu một tay cầm đã được nhìn thấy, nếu bạn bấm vào tay cầm và kéo nó, bạn cũng sẽ thay đổi một đường cong hiện có. - Công cụ InDesign Pen
- Nhấp và giữ trên điểm neo ở cuối điểm trên cùng của ngôi sao của bạn
- Kéo con trỏ sang bên trái và bạn sẽ thấy biến đổi điểm của bạn thành một cánh hoa tròn.
- Lặp lại bốn điểm khác trên ngôi sao của bạn
- Nếu bạn muốn thậm chí ra cánh hoa của mình sau khi chuyển đổi 5 điểm neo, hãy sử dụng công cụ Convert Direction Point hoặc Direct Selection (mũi tên trắng trong Tools) để chọn các chốt của mỗi đường cong và kéo chúng vào hoặc ra cho đến khi bạn thích giao diện của hoa của bạn.
- Chọn công cụ Convert Direction Point Tool từ thanh công cụ Pen trong công cụ của bạn
- Cho hoa của bạn một đường viền đẹp
- Tạo một bản sao của bông hoa của bạn và đặt nó sang một bên (để làm hoa thứ hai)
- Chọn màu đột quỵ theo lựa chọn của bạn
- Làm cho stroke dày hơn (5-10 điểm)
- Tinh chỉnh hoa của bạn
- Mở bảng Strokes (F10)
- Thay đổi tùy chọn Tham gia thành Tham gia vòng (nếu cung cấp giao diện đẹp cho các góc bên trong)
Các trang trong Hướng dẫn này
- Tổng quan về Bell Bottoms Quảng cáo tiết kiệm
- Vẽ hoa đầu tiên (trang này)
- Vẽ hoa thứ hai
- Vẽ Blob
- Vẽ đèn
- Vẽ dung nham trong đèn
- Vẽ một bản đồ đơn giản
- Lắp ráp Minh họa
03/08
Vẽ hoa thứ hai
Hoa thứ hai của chúng tôi cũng bắt đầu như là một đa giác / sao nhưng chúng tôi sẽ tiết kiệm thời gian bằng cách sử dụng một bản sao của bông hoa đầu tiên của chúng tôi.
- Bắt đầu với hoa đầu tiên . Lấy bản sao mà bạn tạo ra từ bông hoa đầu tiên của bạn trước khi thêm nét. Bạn có thể muốn tạo một hoặc hai bản sao khác trong trường hợp bạn làm hỏng.
- Làm cho bên trong góc cong. Sử dụng công cụ Convert Direction Point Tool trên năm điểm neo bên trong hoa của bạn
- Căng Cánh Hoa . Sử dụng Công cụ chọn trực tiếp để kéo các điểm neo bên ngoài ra khỏi tâm, kéo dài từng cánh hoa của bạn
- Tinh chỉnh hoa. Sử dụng công cụ Direct Selection Tool để lấy các chốt của bất kỳ đường cong nào của bạn để vỗ lên các đầu bên ngoài của cánh hoa của bạn và làm cho các phần bên trong của cánh hoa mỏng hơn và nhận được tất cả các cánh hoa nhiều hơn hoặc ít hơn cùng kích thước.
- Kết thúc hoa của bạn. Một khi bạn thích giao diện của hoa của bạn, cho nó một Fill và Stroke của bạn lựa chọn.
Các trang trong Hướng dẫn này
- Tổng quan về Bell Bottoms Quảng cáo tiết kiệm
- Vẽ hoa đầu tiên
- Vẽ hoa thứ hai (trang này)
- Vẽ Blob
- Vẽ đèn
- Vẽ dung nham trong đèn
- Vẽ một bản đồ đơn giản
- Lắp ráp Minh họa
04/08
Vẽ Blob
Bạn có thể làm cho blog của mình trở thành hình dạng bất kỳ và bạn có thể bắt đầu với hầu hết mọi loại hình dạng. Đây là một cách để làm điều đó.
- Tạo hình dạng bắt đầu. Vẽ hình đa giác 6 mặt
- Sửa đổi hình dạng. Sử dụng Công cụ Chuyển hướng điểm trên một số hoặc tất cả các điểm neo kéo đa giác vào bất kỳ hình dạng dễ chịu nào bạn muốn.
- Màu Blob. Điền vào các đốm màu với màu bạn chọn
Nó không phải là cố ý nhưng tôi nghĩ rằng blob có một cái nhìn mơ hồ chim-in-chuyến bay với nó mà vang lên bản sao "Early Bird Sales" đi qua blog trong quảng cáo Bell Bottom Thrift của chúng tôi.
Các trang trong Hướng dẫn này
- Tổng quan về Bell Bottoms Quảng cáo tiết kiệm
- Vẽ hoa đầu tiên
- Vẽ hoa thứ hai
- Vẽ Blob (trang này)
- Vẽ đèn
- Vẽ dung nham trong đèn
- Vẽ một bản đồ đơn giản
- Lắp ráp Minh họa
05/08
Vẽ đèn
Ba hình dạng tạo nên chiếc đèn của chúng tôi. Chúng tôi sẽ thêm "dung nham" vào trang tiếp theo.
- Tạo hình dạng đèn. Vẽ hình đa giác 6 mặt cao
- Sửa đổi đèn. Với công cụ Direct Selection chọn hai điểm neo giữa và kéo chúng xuống, cho đến khi đa giác của bạn trông giống như hình trong hình 2.
- Thêm hình dạng nắp. Vẽ một hình chữ nhật trên đỉnh đèn cho nắp.
- Sửa đổi Cap. Chọn hai điểm neo dưới cùng (một tại một thời điểm) với công cụ Direct Selection Tool và kéo chúng ra một chút cho đến khi chúng trông giống như hình # 4.
- Thêm hình dạng cơ sở. Vẽ một đa giác 6 mặt ở dưới cùng của đèn cho cơ sở với cạnh trên của nó chỉ tại hoặc dưới các điểm neo giữa bạn di chuyển ở bước 2.
- Sửa đổi cơ sở. Kéo neo trên cùng và dưới cùng ở một bên đế cho đến khi chúng che đèn. Kéo một neo ở giữa, như được hiển thị. Lặp lại ở phía bên kia của đa giác.
- Đèn màu. Đổ đầy đèn, nắp và đế bằng màu bạn chọn.
Các trang trong Hướng dẫn này
- Tổng quan về Bell Bottoms Quảng cáo tiết kiệm
- Vẽ hoa đầu tiên
- Vẽ hoa thứ hai
- Vẽ Blob
- Vẽ đèn (trang này)
- Vẽ dung nham trong đèn
- Vẽ một bản đồ đơn giản
- Lắp ráp Minh họa
06/08
Vẽ dung nham trong đèn
Thêm dung nham vào Lava Lamp của bạn bằng cách sử dụng Ellipse Shape Tool.
- Vẽ Lava. Vẽ một số hình tròn / hình bầu dục ngẫu nhiên bằng cách sử dụng Công cụ Ellipse Shape, chồng lên nhau một cặp nhỏ và lớn ở giữa đèn.
- Thực hiện một Blob đôi. Chọn hai hình chồng chéo và chọn Object> Pathfinder> Add để biến chúng thành một hình dạng.
- Tinh chỉnh Double Blob. Sử dụng Convert Direction Point và Direct Selection Tools để sửa đổi các đường cong cho đến khi bạn nhận được những gì trông giống như một blob lớn tách thành hai phần.
- Màu dung nham. Điền vào các hình dạng nham thạch với một màu sắc của sự lựa chọn của bạn.
- Di chuyển dung nham. Chọn nắp và đế của đèn và đưa chúng lên phía trước: Object> Arrange> Bring to Front (Shift + Control +]) để chúng bao phủ những đốm dung nham chồng lên nắp và đế.
Các trang trong Hướng dẫn này
- Tổng quan về Bell Bottoms Quảng cáo tiết kiệm
- Vẽ hoa đầu tiên
- Vẽ hoa thứ hai
- Vẽ Blob
- Vẽ đèn
- Vẽ dung nham trong đèn (trang này)
- Vẽ một bản đồ đơn giản
- Lắp ráp Minh họa
07/08
Vẽ một bản đồ đơn giản
Đối với quảng cáo của chúng tôi, chúng tôi không cần một bản đồ phức tạp của thành phố. Một cái gì đó đơn giản và cách điệu hoạt động tốt.
- Vẽ đường.
- Vẽ một hình chữ nhật dài, mỏng để đại diện cho một con đường.
- Tạo một số bản sao và sử dụng Transform> Rotate để sắp xếp chúng khi cần thiết.
- Đối với hầu hết các phần, bạn có thể bỏ qua các đường cong và zags zig nhỏ trên đường. Nếu có đường cong quan trọng trên đường, hãy chỉnh sửa hình chữ nhật của bạn thành đường cong.
- Chọn tất cả các con đường của bạn sau đó đi đến Object> Pathfinder> Add để biến chúng thành một đối tượng.
- Đính kèm Bản đồ. Đặt hình chữ nhật trên các con đường của bạn, chỉ bao gồm phần bạn muốn sử dụng cho bản đồ của mình.
- Tạo Bản đồ. Chọn đường và hình chữ nhật và đi tới Object> Pathfinder> Minus Back
Để hoàn thành bản đồ, hãy thêm hình chữ nhật để biểu thị đích và gắn nhãn các đường chính.
Các trang trong Hướng dẫn này
- Tổng quan về Bell Bottoms Quảng cáo tiết kiệm
- Vẽ hoa đầu tiên
- Vẽ hoa thứ hai
- Vẽ Blob
- Vẽ đèn
- Vẽ dung nham trong đèn
- Vẽ một Bản đồ đơn giản (trang này)
- Lắp ráp Minh họa
08/08
Lắp ráp Minh họa
Chúng ta không cần phải làm nhiều hơn nữa với Lava Lamp, Blob và Map của chúng ta hơn là chỉ di chuyển chúng vào vị trí. Nhưng hoa của chúng tôi đòi hỏi một vài thao tác hơn.
- Lấy mỗi bông hoa và tạo một vài bản sao.
- Quy mô, xoay và thay đổi màu Fill / Stroke như mong muốn.
- Chọn hai hoặc ba hình dạng hoa và áp dụng một chút Feathering (Object> Effects> Basic Feather)
Groovy! Minh họa lấy cảm hứng từ những năm sáu mươi của chúng tôi đã hoàn thành. Và bạn đã làm tất cả trong Adobe InDesign. Chỉ cần thêm văn bản để hoàn thành quảng cáo Chuông dưới Tiết kiệm của chúng tôi (xem trang 1 để biết chi tiết cụ thể nếu bạn muốn thực hiện bài tập này đến tận cùng).
Các trang trong Hướng dẫn này
- Tổng quan về Bell Bottoms Quảng cáo tiết kiệm
- Vẽ hoa đầu tiên
- Vẽ hoa thứ hai
- Vẽ Blob
- Vẽ đèn
- Vẽ dung nham trong đèn
- Vẽ một bản đồ đơn giản
- Lắp ráp Minh họa (trang này)