Một trong những vấn đề đau đầu nhất khi tập hợp một bài thuyết trình sáng tạo cho một thương hiệu mới là quyết định làm thế nào để tạo ra nhiều ứng dụng của bản sắc, để chứng minh bề rộng của thương hiệu trước khi nó tồn tại. Điều này thường cần được thực hiện rất nhanh chóng, trong khi vẫn trông bóng bẩy và thực tế. Tuy nhiên, dành hàng giờ trong Photoshop không phải lúc nào cũng khả thi hoặc mong muốn.
Trong suốt quá trình hướng dẫn này, tôi sẽ trình bày cách sử dụng công cụ Artboard của Illustrator để tạo hiệu quả các ứng dụng có thương hiệu khác nhau cho một hiệu sách và quán bar có tên ‘Boozy Books’. Tôi sẽ chỉ cho bạn cách tạo hình ảnh Photoshop liền mạch về mặt tiền cửa hàng, cùng với túi tote và đồng phục bằng cách sử dụng các mẫu LiveSurface, cũng như hình ảnh phẳng của thẻ xoay và đơn vị trưng bày trong cửa hàng được vẽ thẳng vào Illustrator. Giữ mọi thứ hoàn toàn trong một tài liệu sẽ làm cho quy trình làm việc của bạn hiệu quả hơn, nhờ tính linh hoạt được cung cấp bởi Illustrator và có nghĩa là bạn có thể xuất thẳng ra tệp PDF nhiều trang, sẵn sàng để in hoặc trình bày.
Khám phá 20 xu hướng thiết kế logo lớn nhất tại Creative Bloq.
01 Bắt đầu bằng cách thiết lập một tài liệu Illustrator phong cảnh với ba bảng vẽ khổ A4. Sau đó, bật Rulers (Cmd / Ctrl + R) để bắt đầu thiết lập lưới của bạn. Chọn công cụ Artboard (Shift + O) và kéo và thả các đường dẫn vào artboard đầu tiên. Để dán các đường dẫn vào cùng một vị trí trên tất cả các bảng vẽ, hãy giữ Cmd / Ctrl + X, sau đó nhấn Cmd / Ctrl + Opt / Alt + Shift + V. Sau đó nhấn Cmd / Ctrl + Shift +; để khóa các hướng dẫn tại chỗ.
02 Bây giờ nhập hoặc tạo các phần tử bạn cần làm việc, bao gồm cả biểu trưng và mẫu. Biểu trưng Boozy Books và bảng mẫu được sử dụng trong hướng dẫn này có sẵn trong thư mục Tài nguyên trên đĩa của bạn. Bạn có thể nhập các mẫu được cung cấp bằng cách chọn Mở Thư viện Swatch trong menu thả xuống của bảng Swatches.
03 Ứng dụng đầu tiên tôi sẽ tạo là đơn vị trưng bày cửa hàng. Bắt đầu bằng cách vẽ một hình chữ nhật cho mặt sau, sau đó vẽ một hình chữ nhật rộng hơn một chút nhưng rất nông lên trên. Nhân đôi cái này và thay đổi màu của nó, sau đó sử dụng công cụ Direct Selection để kéo hai điểm neo trên cùng lên và vào để gặp các cạnh của bảng sau. Đưa hình dạng màu xám nhạt hơn lên phía trước, sau đó nhóm và nhân đôi hai lần trước khi tạo khoảng cách chúng bằng nhau bằng cách sử dụng công cụ Phân phối, tạo một loạt các giá.
04 Bây giờ, hãy thêm đồ họa vào đơn vị hiển thị - Tôi đã đảo ngược biểu trưng của mình khỏi màu xanh lục và sử dụng mặt nạ cắt (Cmd / Ctrl + 7) để nó chảy ra và làm cho các giá có màu xanh lá cây cho phù hợp. Sau đó, sao chép toàn bộ và phản ánh nó, trước khi thêm một số sản phẩm sao chép và in bóng lên kệ. Tôi đã làm cho endcap thứ hai có màu đỏ để phản ánh các sản phẩm khác nhau, nhưng bạn có thể thêm bất kỳ hình ảnh nào bạn thích.
05 Điều tiếp theo cần tạo là một thẻ xoay cho các chai bia. Bắt đầu bằng cách sao chép và dán logo lên một bảng vẽ trống và làm cho nó có đường kính 70mm. Sau đó, thêm một hình tròn 7mm lên trên, ở vị trí mà ô liu sẽ nằm trong ly. Vẽ một vòng tròn 70mm khác bằng màu trắng và đưa hình tròn nhỏ 7mm ra phía trước, đục lỗ nó ra khỏi vòng tròn màu trắng bằng cách sử dụng công cụ Pathfinder Minus-Front (hoặc nhấn Cmd / Ctrl + 8).
06 Áp dụng một bóng đổ cho hình dạng màu trắng này, sau đó chọn Multiply từ bảng Hiệu ứng để làm cho nó trong suốt. Nhân đôi toàn bộ và lật nó để tạo ra mặt sau của thẻ swing. Sử dụng công cụ Direct Selection, xóa biểu tượng sách / kính và vòng tròn màu xanh lục bên trong, do đó bạn chỉ còn lại đường viền màu xanh lá cây. Để chừa khoảng trống cho mã vạch, hãy vẽ một phần giữ chỗ có kích thước 37,5mm x 27,5mm và định vị nó một cách an toàn trong các lề.
07 Ứng dụng tiếp theo sẽ là mặt trước của cửa hàng. Để làm điều này, tôi đang sử dụng một mẫu từ thư viện hình ảnh LiveSurface - một tài nguyên giúp tạo hình ảnh trong thế giới thực nhanh chóng và dễ dàng. Để làm theo hướng dẫn này, chúng tôi đã bao gồm mẫu Storefront2 (thường là $ 29 để tải xuống). Bạn có thể tìm thấy các hình ảnh khác, bao gồm cả những hình ảnh được sử dụng sau trong hướng dẫn này tại www.livesurface.com.
