Mẫu trích dẫn Instagram trong Nhà xuất bản Swift

• Có Thể 1, 2024

Trong hướng dẫn này, chúng tôi sẽ thiết kế một mẫu trích dẫn Instagram trong Swift Publisher. Sử dụng một mẫu có thể hợp lý hóa quá trình sáng tạo của bạn, khi tạo đồ họa xã hội. Bạn sẽ có thể tùy chỉnh nền và văn bản trong mẫu cho mỗi trích dẫn Instagram mới mà bạn tạo với mẫu.

Kích thước hình ảnh bài đăng trên Instagram là 1080 x 1080 pixel, vì vậy chúng tôi sẽ sử dụng các phép đo này cho mẫu của chúng tôi. Mẫu này sẽ có hai yếu tố thiết kế chính. Đầu tiên là lớp nền, có thể được lấp đầy bằng một bức ảnh, hình minh họa, hoa văn, độ dốc hoặc màu đặc. Đối với mẫu, chúng tôi sẽ sử dụng ảnh từ bộ sưu tập clipart tích hợp. Tiếp theo, chúng ta có lớp Tiền cảnh cho tất cả các văn bản. Chúng ta sẽ tìm hiểu cách sử dụng công cụ Text Box và bảng Text.

Hãy mở Swift Publisher và bắt đầu. Khi bạn khởi động chương trình, bạn sẽ thấy màn hình chào mừng (xem ảnh chụp màn hình), với một danh sách các video ở bên trái. Nhưng hãy xem những lớp đó.

1. Nhấp vào nút Đóng ở dưới cùng của màn hình chào mừng. Điều này sẽ mở cửa sổ Thư viện mẫu.

Như bạn có thể thấy, có rất nhiều mẫu để lựa chọn. Nhưng chúng tôi đang thiết kế mẫu riêng của chúng tôi.


2. Trong phần Xuất bản Máy tính để bàn của cửa sổ Thư viện Mẫu, chọn mẫu Cảnh trống (xem ảnh chụp màn hình).

Mẫu sẽ mở ra trong không gian làm việc. Thanh tra nằm ở bên phải của không gian làm việc và chứa hầu hết các điều khiển để thiết kế dự án của chúng tôi. Nó có bốn tab, đó là các tab Tài liệu, Hình học, Giao diện và Văn bản.


3. Chọn tab Tài liệu và bạn sẽ thấy Kích thước trang và thông tin khác về trang mới của chúng tôi (xem ảnh chụp màn hình). Thay đổi Đơn vị đo lường từ Inch sang Pixels. Tiếp theo, thay đổi Chiều rộng và Chiều cao từ 8,5 x 11 in thành 1080 x 1080 pixel.

Ở dưới cùng của Thanh tra, chúng tôi có bảng điều khiển Lớp (xem ảnh chụp màn hình), với hai lớp mặc định cho Tiền cảnh và Nền. Chúng tôi sẽ thêm một hình chữ nhật vào lớp Nền sẽ đóng vai trò giữ chỗ. Đối với mẫu, chúng tôi sẽ thêm ảnh vào trình giữ chỗ nhưng chúng tôi có thể thay đổi ảnh này thành màu, độ dốc, ảnh hoặc hình minh họa khi cần cho mỗi dự án.


4. Với lớp Nền được kích hoạt, chọn công cụ Hình chữ nhật từ phần Công cụ chỉnh sửa của Thanh công cụ trên cùng (xem ảnh chụp màn hình). Vẽ một hình chữ nhật trên toàn bộ thiết kế vải.

Ở đầu bảng Hình học, bạn sẽ thấy hình dạng của chúng tôi là Kích thước chính xác (1080 x 1080 px) và vị trí X và Y đều bằng không.


5. Nhấp vào cả hai nút trong phần Trung tâm (xem ảnh chụp màn hình). Nút bên trái sẽ căn giữa hình chữ nhật theo chiều ngang và nút bên phải sẽ căn giữa theo chiều dọc.

Hình chữ nhật này bây giờ là giữ chỗ nền của chúng tôi. Đối với mẫu, chúng tôi sẽ thêm một hình ảnh.


6. Chọn giữ chỗ hình chữ nhật. Trong bảng Giao diện, bỏ chọn tùy chọn Color Fill (xem ảnh chụp màn hình). Điều này sẽ làm trống chỗ giữ hình chữ nhật.


7. Với hình chữ nhật được chọn, kéo lựa chọn ảnh của bạn từ tab Ảnh của bảng Nguồn vào chỗ giữ hình chữ nhật (xem ảnh chụp màn hình). Nếu ảnh không bao phủ toàn bộ hình chữ nhật, giữ phím Shift và thay đổi kích thước ảnh. Sau đó quay lại tab Giao diện của Thanh tra và đặt menu thả xuống Kéo dài thành Điền (xem ảnh chụp màn hình).

Bây giờ chúng ta có thể thêm văn bản của chúng tôi vào lớp Tiền cảnh.


8. Chọn lớp Tiền cảnh trong bảng điều khiển Lớp.


9. Từ menu trên cùng, chọn công cụ Hộp văn bản (xem ảnh chụp màn hình). Nhấp vào Canvas và kéo để vẽ hộp văn bản. Nhấp vào bên trong hộp văn bản và nhập hoặc dán văn bản trích dẫn của bạn.

Theo mặc định, văn bản là 9 pt nhỏ. Chúng ta hãy thay đổi phông chữ và phóng to văn bản bằng bảng Text trong Inspector.


10. Chọn văn bản và nhấp vào tab Văn bản trong Thanh tra và nhấp vào nút A để mở bảng Phông chữ (xem ảnh chụp màn hình). Chọn phông chữ, phong cách, màu sắc và kích thước của bạn. Trong Thanh tra, đặt Căn chỉnh thành Trung tâm.

Lặp lại các bước này để thêm một hộp văn bản nhỏ hơn bên dưới hộp đầu tiên và thêm tên người được gán cho trích dẫn.

Tùy chọn: Nếu bạn muốn gắn nhãn hiệu đồ họa trích dẫn, hãy thêm tên công ty hoặc url trang web của bạn ở cạnh dưới cùng của đồ họa (xem ảnh chụp màn hình).

Bây giờ chúng ta có thể lưu dự án này dưới dạng mẫu tùy chỉnh, để chúng ta có thể sử dụng lại. Tùy thuộc vào nền và phông chữ chúng ta sử dụng mỗi lần, đồ họa Instagram có thể trông rất khác nhau.


11. Từ menu trên cùng, nhấp vào Tệp - Lưu dưới dạng Mẫu và đặt tên cho mẫu Mẫu trích dẫn Instagram.

Tiếp theo, chúng tôi sẽ lưu dự án ở định dạng Swift Publisher .spub và sau đó một lần nữa ở định dạng .jpg cho web.


12. Từ menu trên cùng, nhấp vào Tệp - Lưu và đặt tên dự án của bạn.


13. Tiếp theo, nhấp vào Tệp - Xuất (xem ảnh chụp màn hình) và xuất lại dự án của bạn dưới dạng .jpg.

Nhà xuất bản Swift
Amadine
Phần mềm BeLight

Ảnh chụp màn hình Nhà xuất bản Swift được sử dụng bởi sự cho phép của BeLight Software Ltd.


Mẫu trích dẫn Instagram trong Nhà xuất bản Swift, Nghệ thuật kỹ thuật số và Thiết kế, Đồ họa trích dẫn Instagram trong Nhà xuất bản Swift