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. Chức năng của nó có thể không trực quan trong Photoshop như trong Adobe Illustrator, nhưng với một chút thực hành, bạn sẽ hiểu được nó. Làm theo các bước sau để biết cách bạn có thể tự tạo bảng vẽ:

Trong ví dụ này, một tài liệu mới được tạo bằng tài liệu khởi động iPhone 6. Nếu bạn đang bắt đầu một tài liệu mới với cửa sổ Tài liệu Mới kế thừa, hãy tạo một tệp mới với các kích thước sau: rộng 750 x cao 1334.Làm việc với Artboards trong Photoshop CC

Tạo tài liệu có kích thước bằng iPhone 6.

Nếu bạn đã tạo tài liệu mới của mình bằng tệp khởi động iPhone 6, bạn đã thấy một bảng vẽ được liệt kê trong bảng điều khiển Lớp.Làm việc với Artboards trong Photoshop CC

Bảng điều khiển Lớp với Bảng nghệ thuật đã được tạo.

Nếu bạn không thấy bảng vẽ, hãy tạo ngay bây giờ bằng cách chọn Bảng vẽ mới từ menu bảng điều khiển Lớp.Làm việc với Artboards trong Photoshop CC

Bạn có thể thêm Artboard của riêng mình bằng menu bảng Layers.

Trong khi tạo bảng vẽ, bạn có thể chọn từ nhiều kích thước đặt trước khác nhau hoặc xác định kích thước bảng vẽ tùy chỉnh của riêng bạn.

Chọn Tệp → Đặt Nhúng và điều hướng đến thư mục Book03-Photoshop. Nhấp đúp để chọn hình ảnh có tên water_sky hoặc chọn hình ảnh và nhấn Place.

Khi hình ảnh xuất hiện trên artboard, hãy nắm lấy một trong các chốt ở góc, giữ phím Shift và nhấp và kéo ra ngoài để chia tỷ lệ hình ảnh và lấp đầy toàn bộ artboard. Khi hình ảnh đã được định cỡ và định vị, hãy chọn hộp kiểm Cam kết trong thanh Tùy chọn hoặc nhấn phím Enter để xác nhận vị trí của hình ảnh.Làm việc với Artboards trong Photoshop CC

Đặt một hình ảnh và kéo căng nó để vừa với toàn bộ bản vẽ.

Tiếp theo, bạn thêm một lớp văn bản.

Chọn công cụ Type và nhấp và kéo trên bảng vẽ để tạo vùng văn bản và thêm lớp văn bản mới.

Nhập văn bản, WATER & SKY. Sử dụng các điều khiển trong thanh Tùy chọn, đặt loại thành các thuộc tính sau:

  • Phông chữ: Myriad Pro Bold
  • Kích thước: 110 pt
  • Màu sắc: Trắng

Chọn nút Cam kết trong thanh Tùy chọn sau khi bạn đã đặt loại của mình.Làm việc với Artboards trong Photoshop CC

Thêm một lớp văn bản vào bảng vẽ của bạn.

Bạn cũng có thể nhấn Ctrl + Return (Windows) hoặc ⌘ + Return (Mac) để xác nhận một lớp kiểu.

Như bạn thấy, bạn làm việc với Artboards giống như bạn làm việc với bất kỳ tài liệu Photoshop nào khác. Sự khác biệt đến ở bước tiếp theo, nơi bạn sẽ tìm thấy cách thêm các bảng vẽ bổ sung vào tệp của mình.

Thêm bảng vẽ bổ sung

Bạn cũng có thể tạo các bảng vẽ bổ sung. Có lẽ bạn muốn một ứng dụng di động nhiều màn hình được tạo trong Photoshop hoặc bạn chỉ muốn tạo nhiều phiên bản của một màn hình. Đối với các hướng dẫn này, bạn tiếp tục với dự án đã bắt đầu ở trên.

Nhấp vào công cụ Move và chọn công cụ Artboard ẩn.Làm việc với Artboards trong Photoshop CC

Sử dụng công cụ Artboard để thao tác với các bảng vẽ và tạo thêm.

Các biểu tượng dấu cộng xuất hiện trên tất cả các mặt của bảng vẽ. Bạn có thể nhấp vào các biểu tượng dấu cộng này để thêm các bảng vẽ bổ sung.

Nhấp vào biểu tượng dấu cộng ở bên phải bảng vẽ hiện có của bạn để biết rằng bảng vẽ trống mới đã được thêm vào.Làm việc với Artboards trong Photoshop CC

Thêm bảng vẽ trống bằng cách nhấp vào biểu tượng dấu cộng.

Hãy xem trong bảng điều khiển Lớp. Đảm bảo rằng, giống như các lớp, bảng vẽ mới nhất xuất hiện phía trên lớp đã chọn.

Bạn cũng có thể sử dụng công cụ Artboard để tạo bảng vẽ có kích thước tùy chỉnh của riêng bạn. Thực hiện việc này bằng cách nhấp và kéo bằng công cụ artboard trên canvas Photoshop. Từ thanh tùy chọn công cụ, chọn một kích thước đặt trước từ menu bật lên Kích thước hoặc chỉ để nó ở kích thước tùy chỉnh của bạn.

Đặt tên cho bảng vẽ của bạn

Trước khi tệp này trở nên phức tạp hơn, sẽ là khôn ngoan khi đặt tên cho các bảng vẽ. Điều này được thực hiện trong bảng điều khiển Lớp.

Chọn bản vẽ ban đầu (Artboard 1) và nhấp đúp vào tên bản vẽ. Khi hộp văn bản đang hoạt động, hãy nhập tên Trang chủ.

Nhấp đúp vào tên Artboard 2 trong bảng điều khiển Lớp và đặt tên cho lớp này là Bãi biển.

Thêm nội dung vào artboard thứ hai

Bây giờ, thêm một hình ảnh và một số văn bản vào artboard thứ hai:

Nhấp vào công cụ Artboard và chuyển nó trở lại công cụ Move.

Đảm bảo rằng bảng vẽ Bãi biển được chọn trong bảng điều khiển Lớp và chọn Tệp → Địa điểm Nhúng. Điều hướng đến thư mục Book03_Photoshop và chọn hình ảnh có tên Bãi biển và nhấn Địa điểm. Hình ảnh được thêm vào artboard thứ hai.

Như với hình ảnh cuối cùng bạn đã đặt, hãy giữ phím Shift và kéo Shift trên một điểm ở góc để chia tỷ lệ hình ảnh lớn hơn và lấp đầy màn hình theo tỷ lệ.

Với công cụ Di chuyển đang hoạt động, hãy nhấp và kéo hình ảnh. Lưu ý rằng mặc dù nó nằm trong cùng một tài liệu nhưng nó không chồng chéo hoặc ảnh hưởng đến tác phẩm nghệ thuật trên bảng vẽ khác.

Nhân bản từ artboard này sang artboard khác

Bây giờ, sao chép văn bản từ Home artboard sang Beach artboard:

Với công cụ Move vẫn được chọn, nhấn Ctrl-nhấp (Windows) hoặc ⌘ -click (Mac) vào văn bản WATER & SKY trong Home artboard. Điều này kích hoạt lớp đó.

Giữ phím Alt (Windows) hoặc Option (Mac) của bạn và nhấp và kéo văn bản từ bảng vẽ này sang bảng vẽ tiếp theo.

Nếu bạn giữ phím Shift trong khi kéo, hình ảnh sẽ vẫn được căn chỉnh.

Chuyển sang bảng vẽ và nhấp đúp vào văn bản mới được nhân bản để kích hoạt vùng văn bản và nhập FUN BEACHES.Làm việc với Artboards trong Photoshop CC

Một tệp Photoshop với hai bảng vẽ.

Di chuyển các phần tử từ artboard này sang artboard khác

Để di chuyển một phần tử từ bảng vẽ này sang bảng vẽ khác, chỉ cần kéo các phần tử từ bảng vẽ này sang bảng vẽ khác. Khi bạn di chuyển một phần tử giữa các bảng vẽ, Photoshop sẽ cố gắng định vị nó ở cùng một vị trí so với gốc thước nằm ở góc trên bên trái của bảng vẽ.

Xuất bảng vẽ của bạn

Bạn có thể lưu tệp của mình dưới dạng tệp Photoshop để duy trì các lớp, nhưng trong ví dụ này, bạn sẽ xuất tệp dưới dạng PDF hai trang. Hoặc, sử dụng tính năng Tệp → Xuất để xuất bảng vẽ của bạn dưới dạng PNG, JPEG, PDF và hơn thế nữa.

Xuất bản vẽ dưới dạng nội dung hình ảnh

Bạn có thể xuất bản vẽ dưới dạng nội dung hình ảnh JPEG, GIF hoặc PNG trực tiếp từ bảng điều khiển Lớp .

Xuất bản vẽ dưới dạng PDF

Bạn có thể xuất bản vẽ dưới dạng tài liệu PDF. Thực hiện theo các bước sau:

Trong Photoshop, chọn Tệp > Xuất > Bản vẽ sang PDF.

Trong hộp thoại Artboards To PDF , hãy thực hiện như sau:

  • Chọn đích/vị trí bạn muốn lưu tài liệu PDF đã tạo.
  • Chỉ định tiền tố tên tệp cho tài liệu PDF được tạo. Ví dụ: Chiến dịch_insurance.
  • Chỉ định xem bạn muốn chỉ xuất nội dung trên bản vẽ hay cả nội dung ở các khu vực chồng lên bản vẽ.
  • Chỉ định xem bạn muốn xuất tất cả các bản vẽ hay chỉ những bản vẽ hiện được chọn.
  • Chỉ định xem bạn có muốn xuất hình nền bản vẽ cùng với bản vẽ hay không.
  • Chỉ định xem bạn muốn tạo một tệp PDF duy nhất cho tất cả các bản vẽ trong tài liệu hiện tại hay tạo một tài liệu PDF cho mỗi bản vẽ. Nếu bạn chọn tạo nhiều tài liệu PDF, tất cả các tài liệu đó sẽ lấy tiền tố tên tệp mà bạn đã chỉ định trước đó.
  • Chỉ định mã hóa cho tài liệu PDF đã xuất: ZIP hoặc JPEG. Nếu bạn chọn JPEG, hãy chỉ định cài đặt Chất lượng (0-12).
  • Chỉ định xem bạn có muốn đưa Hồ sơ Hiệp hội Màu Quốc tế (ICC) vào tài liệu PDF đã xuất hay không. Cấu hình ICC bao gồm dữ liệu đặc trưng cho thiết bị đầu vào hoặc đầu ra màu.
  • Chỉ định xem bạn có muốn xuất tên bản vẽ cùng với bản vẽ đã xuất hay không. Bạn có thể chỉ định phông chữ tùy chỉnh, cỡ chữ, màu phông chữ và màu tiện ích canvas trong khi chọn cài đặt này.

Nhấp vào Chạy. Photoshop tạo tài liệu PDF.

Xuất bản vẽ dưới dạng tệp

Bạn có thể xuất bản vẽ dưới dạng tệp riêng biệt. Thực hiện theo các bước sau:

Trong Photoshop, chọn Tệp > Xuất > Bản vẽ nghệ thuật thành tập tin.

Trong hộp thoại Artboards To Files , hãy thực hiện như sau:

  • Chọn đích nơi bạn muốn lưu các tệp được tạo.
  • Chỉ định tiền tố tên tệp.
  • Chỉ định xem bạn muốn chỉ xuất nội dung bản vẽ hay muốn bao gồm cả các khu vực chồng chéo.
  • Chỉ định xem bạn muốn xuất tất cả các bản vẽ hay chỉ những bản vẽ hiện được chọn.
  • Chỉ định xem bạn có muốn xuất hình nền bản vẽ cùng với bản vẽ hay không.
  • Chọn loại tệp bạn muốn xuất. Bạn có tùy chọn xuất dưới dạng BMP, JPEG, PDF, PSD, Targa, TIFF, PNG-8 hoặc PNG-24.
  • Chỉ định các tùy chọn xuất cho loại tệp bạn đã chọn.
    • Chỉ định xem bạn có muốn xuất tên bản vẽ cùng với bản vẽ đã xuất hay không. Bạn có thể chỉ định phông chữ tùy chỉnh, cỡ chữ, màu phông chữ và màu tiện ích canvas trong khi chọn cài đặt này.

Nhấp vào Chạy. Photoshop xuất các bản vẽ dưới dạng tệp ở định dạng đã chọn.


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 […]