Cách triển khai Artboards trong Illustrator CC

Cách triển khai Artboards trong Illustrator CC

Trong khung vẽ của Adobe Illustrator CC, bảng vẽ là những khoảng trống có kích thước rời rạc giúp dễ dàng xuất, chia sẻ hoặc in các phần của canvas. Khung vẽ là vùng của không gian làm việc Illustrator nơi bạn tạo đồ họa. Về cơ bản canvas là mọi thứ bạn nhìn thấy trên màn hình ngoại trừ giao diện (chẳng hạn như menu, Bảng điều khiển và các bảng khác).

Artboards vừa mạch lạc vừa rời rạc. Quá triết lý? Được rồi, đây là vấn đề: Artboards kế thừa và chia sẻ nhiều thuộc tính của tài liệu mà chúng nằm bên trong, chẳng hạn như chế độ màu hoặc độ phân giải hiệu ứng raster. Và điều đó thật tuyệt vì nó có nghĩa là bạn có thể làm việc trên các đồ họa khác nhau, bao gồm đồ họa có kích thước khác nhau, với các thuộc tính được chia sẻ.

Ví dụ: bạn có thể có một dự án trong đó bạn thiết kế áp phích in, thẻ cọ và biểu ngữ nhựa cho một sự kiện. Mặc dù chúng có kích thước khác nhau, nhưng chúng có thể sẽ sử dụng cùng một bộ màu và có thể có các tính năng khác như biểu tượng.

Hoặc bạn có thể sử dụng nhiều bảng vẽ có cùng kích thước để chuẩn bị một nguyên mẫu của ứng dụng dành cho thiết bị di động thể hiện các trạng thái tương tác của người dùng khác nhau. Ở đây, hàng tá bảng vẽ có thể hữu ích. Một lần nữa, dự án này có các thuộc tính tài liệu chung áp dụng cho tất cả các bảng vẽ, chẳng hạn như màu RGB và pixel làm đơn vị đo lường.

Để giúp bạn nhận được giá trị tiền của mình từ bảng vẽ, trước tiên tôi xem xét một số quy tắc cơ bản để tạo và sử dụng chúng. Sau đó, tôi sẽ hướng dẫn bạn qua hai kịch bản mà tôi vừa xác định — dự án in và nguyên mẫu ứng dụng — để giúp bạn hiểu được hiệu quả của bảng vẽ và cho bạn biết các kỹ thuật chính để triển khai bảng vẽ.

Artboards là gì?

Bạn có thể có 1 đến 1000 bảng vẽ trên mỗi tài liệu. Tôi chưa bao giờ sử dụng 1.000 bảng vẽ trong một dự án, nhưng thật vui khi biết chúng ở đó nếu tôi cần. Như tôi đã giải thích ở đầu chương này, bạn có thể đặt số lượng bảng vẽ cho một tài liệu khi bạn tạo nó lần đầu tiên, nhưng bạn cũng có thể thêm và xóa bảng vẽ sau khi bạn bắt đầu làm việc trên một tài liệu.

Công cụ Artboard là một phần của bộ công cụ Cơ bản. Bạn tạo bảng vẽ trong tài liệu bằng cách chọn công cụ Artboard và vẽ tương tác trên canvas, như được minh họa.

Cách triển khai Artboards trong Illustrator CC

Vẽ một bảng nghệ thuật.

Hoặc bạn có thể tạo bảng vẽ bằng cách nhấp vào biểu tượng Bảng nghệ thuật mới trong ngăn Bảng nghệ thuật hoặc bảng Điều khiển (hoặc Thuộc tính). Hộp thoại Tùy chọn Artboard hiển thị ở đây sẽ mở ra.

Cách triển khai Artboards trong Illustrator CC

Tạo artboard bằng hộp thoại Artboard Options.

Tạo artboard cho phép bạn đặt tên cho artboard khi bạn tạo nó, cùng với việc xác định kích thước và vị trí bằng kỹ thuật số.

Bạn có thể quản lý bảng vẽ theo nhiều cách. Phần sau chỉ cho bạn cách xác định và tận dụng các tùy chọn artboard mà tôi nghĩ bạn sẽ thấy hữu ích trong việc tổ chức và chia sẻ các dự án.

Để thay đổi kích thước bảng vẽ trong Illustrator hoặc di chuyển bảng nghệ thuật một cách tương tác, hãy làm theo các bước sau:

1. Với công cụ Artboard, nhấp một lần vào bên trong artboard.

2. Kéo để di chuyển bảng vẽ, như được hiển thị.

Cách triển khai Artboards trong Illustrator CC

Di chuyển bảng vẽ.

3. Nhấp và kéo hộp giới hạn bên hoặc góc (hình vuông) để thay đổi kích thước bảng vẽ, như được hiển thị.

Cách triển khai Artboards trong Illustrator CC

Thay đổi kích thước bảng vẽ.

Bạn có thể thay đổi bất kỳ thuộc tính artboard nào bằng cách sử dụng bảng Điều khiển hoặc Thuộc tính:

  • Trình đơn thả xuống Cài đặt sẵn cung cấp khả năng truy cập nhanh vào các kích thước thường được sử dụng. Tính năng yêu thích của tôi ở đây là tùy chọn Fit to Artwork Bounds, tùy chọn này thay đổi kích thước bảng vẽ đã chọn để thu nhỏ kích thước đến nơi nó vừa với tất cả các tác phẩm nghệ thuật bên trong nó. Bằng cách định kích thước bảng vẽ cho vừa vặn chính xác với nội dung của nó, bạn tránh được việc xuất hoặc in không gian trống trong đồ họa của mình.
  • Hộp Tên là cách dễ nhất để thay đổi tên bảng vẽ đã chọn.
  • Tùy chọn Move / Copy Artwork with Artboard được bật theo mặc định nhưng có thể bị tắt nếu bạn muốn di chuyển artboard trong khi để nguyên nội dung.
  • Hộp Tùy chọn Artboard sẽ mở một hộp thoại với các tùy chọn áp dụng cho tất cả các artboard đã chọn trong tài liệu. Tôi thấy Dấu trung tâm hiển thị hữu ích khi căn giữa nội dung trong bảng vẽ. Bạn cũng có thể sử dụng hộp thoại này để đổi tên nhiều bảng vẽ đã chọn bằng cách đánh số tuần tự. Ví dụ: nếu tôi đổi tên một loạt các bảng vẽ đã chọn là DK, tôi sẽ kết thúc bằng DK-1, DK-2, DK-3, v.v.
  • Giá trị X trong Bảng điều khiển xác định vị trí dọc; giá trị Y xác định vị trí nằm ngang.
  • Các giá trị Chiều rộng và Chiều cao thay đổi kích thước của bảng vẽ. Sử dụng biểu tượng ổ khóa để khóa tỷ lệ chiều cao so với chiều rộng khi bạn thay đổi kích thước.
  • Biểu tượng Sắp xếp lại Tất cả mở ra một bảng với các tùy chọn khác nhau để sắp xếp các bảng vẽ của bạn một cách có trật tự trên canvas.

Một số mẹo cần thiết khác về artboard:

  • Để ẩn tất cả các đối tượng không nằm trong artboard, hãy chọn View–> Trim.
  • Để xóa một bảng vẽ, hãy chọn nó bằng công cụ Artboard và nhấp vào Xóa.

Sử dụng bảng vẽ cho một dự án đa chiều

Hãy để tôi minh họa quy trình làm việc cơ bản nhưng điển hình của nhiều bảng vẽ: một quy trình mà bạn tạo các phiên bản khác nhau của cùng một đồ họa nhưng với các kích thước khác nhau. Để làm được điều đó, tôi chia sẻ một số kỹ thuật và cách tiếp cận mà bạn có thể áp dụng cho các nhu cầu cụ thể của riêng mình.

Giả sử rằng bạn được giao nhiệm vụ thiết kế một quảng cáo sẽ chạy trên các nền tảng truyền thông xã hội khác nhau và theo các hướng khác nhau: vuông, ngang (ngang) và dọc (dọc). Quảng cáo phải có cùng nội dung cơ bản nhưng phù hợp với các thông số kích thước sau:

  • Hình vuông: 1080 pixel
  • Dọc: rộng 1080 pixel x cao 1350 pixel
  • Ngang: 1200 pixel x 628 pixel

Các bước sau đây là một cách hiệu quả để thiết lập bảng vẽ cho dự án này:

1. Tạo một tài liệu mới với một artboard hình vuông 1080 px, như được hiển thị .

Một. Chọn Tệp → Mới và bỏ qua hộp thoại Tài liệu mới bằng cách nhấp vào Cài đặt khác. Hộp thoại Cài đặt khác xuất hiện.

NS. Đặt tên cho dự án là Quảng cáo.

NS. Trong menu thả xuống Hồ sơ, hãy chọn Web.

NS. Trong hộp Số bảng vẽ, hãy nhập 3.

e. Đặt sắp xếp bảng vẽ thành Sắp xếp theo Hàng (biểu tượng thứ ba).

NS. Trong hộp Chiều cao và Chiều rộng, nhập 1080. Cài đặt Đơn vị sẽ mặc định thành Điểm ảnh và Chế độ màu thành RGB. Các mặc định này và các mặc định khác đều ổn.

g. Nhấp vào Tạo tài liệu mới.

Cách triển khai Artboards trong Illustrator CC

Xác định một tài liệu ba bản vẽ.

2. Đặt tên cho ba bảng vẽ Hình vuông, Dọc và Ngang:

một. Nếu bảng Artboards không được hiển thị, hãy chọn Window → Artboards.

NS. Bấm đúp vào tên của Artboard 1 và nhập Square . Theo cách tương tự, đổi tên artboard thứ hai là Vertical và artboard thứ ba là Ngang .

NS. Chọn View → Fit All In Window để xem tất cả ba bảng vẽ, như được hiển thị.

Cách triển khai Artboards trong Illustrator CC

Đặt tên cho bảng vẽ.

3. Thay đổi kích thước bảng vẽ theo chiều dọc và chiều ngang:

một. Trong bảng Artboard, nhấp đúp vào biểu tượng ở bên phải của bảng vẽ có tên Vertical. Trong bảng Điều khiển xuất hiện, thay đổi chiều cao thành 1350 px và nhấp vào OK.

NS. Theo cách tương tự, hãy thay đổi kích thước của bảng vẽ Ngang thành rộng 1200 pixel x cao 628 pixel.

4. Sắp xếp các bảng vẽ để tạo ra một màn hình hiển thị mạch lạc hơn:

Một. Nhấp vào Sắp xếp lại Tất cả các Artboards trong Bảng điều khiển. Hộp thoại Sắp xếp lại Tất cả Artboards sẽ mở ra.

NS. Giữ nguyên bố cục Sắp xếp theo Hàng và cài đặt Thứ tự Bố cục từ trái sang phải mà bạn đã xác định khi tạo tài liệu. Để khoảng cách được đặt thành 20 pixel và chọn Move Artwork with Artboards, như được hiển thị, sau đó bấm OK.

Bước này giữ nguyên cấu trúc bố cục cơ bản, nhưng đặt lại khoảng cách giữa các bảng vẽ đã thay đổi kích thước để chúng không chồng chéo lên nhau.

Cách triển khai Artboards trong Illustrator CC

Sắp xếp bảng vẽ.

5. Thiết kế quảng cáo của bạn trên một trong các bảng vẽ.

Cách triển khai Artboards trong Illustrator CC

Thiết kế một artboard duy nhất.

6. Sao chép nội dung quảng cáo đầu tiên sang các bảng vẽ khác:

một. Sử dụng công cụ Lựa chọn hoặc Lựa chọn Trực tiếp để chọn tất cả nội dung trong bản vẽ đầu tiên, bản có nội dung.

NS. Chọn Chỉnh sửa → Cắt.

NS. Chọn Chỉnh sửa → Dán trên Tất cả các Artboards.

Kỹ thuật Dán trên tất cả các bảng vẽ tự trả tiền khi bạn đang làm việc với hàng chục hoặc thậm chí hàng trăm bảng vẽ nghệ thuật! Tất nhiên, tác phẩm nghệ thuật được dán không phù hợp với các bảng vẽ có kích thước khác nhau. Khắc phục đó là bước cuối cùng.

7. Chỉnh sửa thiết kế của bảng vẽ ngang và dọc để làm cho nội dung hình vuông vừa vặn, như được hiển thị.

Cách triển khai Artboards trong Illustrator CC

Tùy chỉnh thiết kế cho các bảng vẽ khác nhau.

Bạn làm gì với một bộ bảng vẽ? Chúng tự động được lưu như một phần của tài liệu Illustrator của bạn. Sau đó, bạn có thể xuất một, một số hoặc tất cả chúng để xuất màn hình hoặc in.


Màn hình Lấy một phần của tệp PDF

Màn hình Lấy một phần của tệp PDF

Bạn có thể sử dụng công cụ Snapshot trong Adobe Acrobat CS5 để chọn cả văn bản và hình ảnh và tạo hình ảnh của một khu vực nhất định trong tệp PDF. Kết quả thường được gọi là lấy màn hình của một phần trong tệp PDF. Kết quả là một hình ảnh và văn bản của bạn không có […]

Đo lường, đếm và phân tích điểm ảnh trong Photoshop CC

Đo lường, đếm và phân tích điểm ảnh trong Photoshop CC

Được thiết kế cho các nhà nghiên cứu và nhà khoa học, khả năng đo lường trong Photoshop CC khá mạnh mẽ. Bạn có thể đo bất cứ thứ gì và đếm số lượng lần trượt trong một hình ảnh kỹ thuật, có thể từ kính hiển vi hoặc kính thiên văn. Nếu bạn biết kích thước chính xác của bất kỳ phần tử nào trong hình ảnh, thì bạn có thể khám phá bất cứ điều gì […]

Các công cụ Liquify trong Adobe CS5 Illustrator

Các công cụ Liquify trong Adobe CS5 Illustrator

Khi bạn sử dụng các công cụ Liquify trong Adobe Creative Suite 5 (Adobe CS5) Illustrator, bạn có thể uốn cong các đối tượng - làm cho chúng có hình dạng gợn sóng, hình khối hoặc có gai - bằng cách tạo ra các biến dạng từ đơn giản đến phức tạp. Các công cụ Liquify có thể thực hiện tất cả các loại biến dạng sáng tạo hoặc lập dị (tùy thuộc vào cách bạn nhìn vào nó) đối với các đối tượng của bạn. Bạn […]

Cách điều chỉnh thuộc tính văn bản trong Adobe XD

Cách điều chỉnh thuộc tính văn bản trong Adobe XD

Khi bạn có văn bản trong dự án Adobe XD của mình, bạn có thể bắt đầu thay đổi các thuộc tính văn bản. Các thuộc tính này bao gồm Font Family, Font Size, Font Weight, Alignment, Character Spacing (kerning và theo dõi), Line Spacing (hàng đầu), Fill, Border (nét), Shadow (đổ bóng) và Background Blur. Vì vậy, chúng ta hãy xem lại cách các thuộc tính đó được áp dụng. Về khả năng đọc và phông chữ […]

Cách tạo mã QR trong InDesign CC

Cách tạo mã QR trong InDesign CC

Bạn có thể sử dụng InDesign để tạo và sửa đổi đồ họa mã QR. Mã QR là một dạng mã vạch có thể lưu trữ thông tin như từ, số, URL hoặc các dạng dữ liệu khác. Người dùng quét mã QR bằng máy ảnh và phần mềm của cô ấy trên một thiết bị, chẳng hạn như điện thoại thông minh và phần mềm sử dụng […]

Làm việc với Artboards trong Photoshop CC

Làm việc với Artboards trong Photoshop CC

Cũng giống như trong Adobe Illustrator, các bảng vẽ trong Photoshop cung cấp khả năng tạo các trang hoặc màn hình riêng biệt trong một tài liệu. Điều này có thể đặc biệt hữu ích nếu bạn đang xây dựng màn hình cho một ứng dụng di động hoặc tài liệu quảng cáo nhỏ. Bạn có thể coi artboard là một loại nhóm lớp đặc biệt được tạo bằng bảng điều khiển Lớp. Nó là […]

Wrap Text trong Adobe Illustrator CC

Wrap Text trong Adobe Illustrator CC

Gói văn bản trong Adobe Illustrator CC không hoàn toàn giống như gói một món quà - nó dễ dàng hơn! Bao văn bản buộc văn bản phải bao quanh một đồ họa, như thể hiện trong hình này. Tính năng này có thể thêm một chút sáng tạo cho bất kỳ tác phẩm nào. Hình ảnh buộc văn bản bao quanh nó. Đầu tiên, hãy tạo […]

Cách thay đổi kích thước hình dạng trong Illustrator

Cách thay đổi kích thước hình dạng trong Illustrator

Khi thiết kế trong Adobe Illustrator CC, bạn thường cần một hình dạng có kích thước chính xác (ví dụ: 2 x 3 inch). Sau khi bạn tạo một hình dạng, cách tốt nhất để thay đổi kích thước nó thành các phép đo chính xác là sử dụng bảng điều khiển Biến đổi, được hiển thị trong hình này. Chọn đối tượng rồi chọn Window → Transform thành […]

Cách áp dụng tính minh bạch cho SVG

Cách áp dụng tính minh bạch cho SVG

Tìm hiểu cách áp dụng độ trong suốt cho đồ họa SVG trong Illustrator. Khám phá cách xuất SVG với nền trong suốt và áp dụng hiệu ứng trong suốt.

Làm việc với Hình ảnh trong Adobe XD

Làm việc với Hình ảnh trong Adobe XD

Sau khi bạn đã nhập hình ảnh của mình vào Adobe XD, bạn không có nhiều quyền kiểm soát chỉnh sửa, nhưng bạn có thể thay đổi kích thước và xoay hình ảnh giống như với bất kỳ hình dạng nào khác. Bạn cũng có thể dễ dàng làm tròn các góc của hình ảnh đã nhập bằng các tiện ích góc. Tạo mặt nạ cho hình ảnh của bạn Bằng cách xác định một hình dạng khép kín […]