Unlimited PS Actions, graphics, videos & courses! Unlimited asset downloads! From $16.50/m
Advertisement
  1. Design & Illustration
  2. Fan Art
Design

Cách tạo một bộ văn phòng phẩm cho trường học của giáo sư Xavier

by
Difficulty:BeginnerLength:LongLanguages:
This post is part of a series called X-Men Week.
How to Create the X-Men Character Gambit in Adobe Illustrator
How to Use Adobe Fuse to Create a Superhero Reference

Vietnamese (Tiếng Việt) translation by Na Dang (you can also view the original English article)

Final product image
What You'll Be Creating

Giáo sư X không viết thư trên bất kỳ văn phòng phẩm cũ nào. Hướng dẫn này sẽ chỉ cho bạn cách tạo ra một bộ văn phòng phẩm phù hợp cho người lãnh đạo X-Men, và sẽ hướng dận bạn cách mang một thiết kế phẳng hiện đại vào một giấy tiêu đề và danh thiếp cho trường học của giáo sư Xavier

Đối với hướng dẫn này, rất phù hợp cho người mới bắt đầu, bạn sẽ cần sử dụng vào Adobe InDesign, Adobe Illustrator và Adobe Photoshop.

Bạn đang tìm một bộ văn phòng phẩm dễ chỉnh sửa? Duyệt qua rất nhiều mẫu in ấn theo xu hướng trên Envato Market.

Bạn đã sẵn sàng để bắt đầu chưa? Tuyệt vời, chúng ta hãy cùng nhau thực hiện nhé!

1. Tạo Logo của trường học

Logo X-Men mang tính biểu tượng, nhưng chữ "X" nằm trong một đường tròn được tái diễn nhiều trong truyện tranh và phim ảnh. Ở đây, chúng ta sẽ tạo ra một phiên bản logo có diện mạo phẳng, theo xu hướng, với một chút kết cấu kiểu cổ điển sẽ trông tuyệt vời trên văn phòng phẩm in.

Bước 1

Mở Adobe Illustrator.

Tính năng chính của logo mang tính biểu tượng là chữ cái "X" được cân đối hoàn hảo. Một dấu "X" đối xứng hoàn hảo rất khó tìm; nhưng tôi đã tìm ra một lựa chọn gần như hoàn hảo trong kiểu chữ Intro, có một cảm giác tương tự với kiểu chữ theo phong cách đồ họa Futura .

Tải xuống và thiết lập Intro và quay lại tài liệu Illustrator của bạn.

Dùng công cụ Type Tool (T), tạo một khung văn bản mới và gõ vào một chữ "X" hoa . Đặt Font Intro Color là Black.

intro font

Với văn bản đã chọn, vào Type > Create Outlines, để biến X là một hình dạng vector có thể chỉnh sửa.

create outlines

Bước 2

Dùng công cụ Scissors Tool (C) và cắt hình chữ "X" ở hai điểm trung tâm, ở bên trái và bên phải của nó, để tạo ra hai nửa riêng biệt cho hình dạng này.

cut shape

Xóa nửa dưới của hình, chỉ để hình chữ "v" trên cùng.

deleted shape

Edit > Copy hình dạng còn lại này và Edit > Paste.

Control-Click (Mac) hoặc Click chuột phải (Windows) > Transform > Reflect để lật hình chữ "v" đã dán để tạo hình chữ "v" lộn ngược.

pasted shape

Đặt hình dạng đã dán bên dưới bản gốc để tạo lại hình chữ "X" đầy đủ. Bằng cách này, bạn đã chắc chắn rằng chữ "X" hoàn toàn đối xứng.

Chọn cả hai phần của hình chữ "X" và vào Object > Path > Join để kết hợp hai phần lại với nhau.

paths joined
vector x

Bước 3

Dùng công cụ Ellipse Tool (L) và giữ Shift, kéo lên một phần khác của bản vẽ. Đặt Fill Color Black.

circle

Đặt hình dạng "X" của bạn lên trên cùng của vòng tròn, làm cho nó hoàn toàn nằm ở trung tâm, và cho phép các cạnh của chữ "X" đè qua cạnh của vòng tròn, như hình dưới đây. Điều chỉnh Fill Color của chữ "X" là White.

shape and circle

Bước 4

Với cả hai vòng tròn và "X" đã chọn, vào Window > Pathfinder. Từ lựa chọn Pathfinders của các biểu tượng, chọn Trim.

pathfinder trim

Bây giờ bạn đã cắt bỏ chữ "X", chỉ để lại hình dạng của màu đen bên dưới.

finished vector

Đây sẽ là logo cơ sở của chúng ta, bây giờ chúng ta có thể thêm kết cấu để sử dụng Photoshop...

Bước 5

File > Save As tài liệu Illustrator của bạn như một tập tin AI và thu nhỏ Illustrator. Mở Adobe Photoshop và tạo một tài liệu mới. File > Place tập tin AI vector của bạn lên bản vẽ.

Để tạo ra một phiên bản có kiểu chữ in, có kết cấu của logo, chúng ta sẽ cần phải đưa vào một hình ảnh kết cấu. Hình ảnh của than củi hoặc bê tông sẽ trông thật tuyệt vời. Hãy thử hình ảnh than củi hoặc bê tông bị nứt này từ Envato Market.

File > Place hình ảnh kết cấu đã chọn của bạn lên một layer mới trong tài liệu Photoshop.

Với layer texture đã chọn, nhấn Command-Shift-U để Desaturate layer màu.

Thêm một layer Levels Adjustment mới (có thể vào từ dưới cùng của bảng Layers), và thử với vị trí của các con trượt.

levels

Hãy thử và hướng đến tăng số lượng màu đen và trắng, tạo ra các yếu tố thô hơn cho kết cấu.

texture image

Bước 6

Chọn layer của AI logo và thêm một Layer Mask.

Sau đó chọn layer texture và nhấn Command-A trên bàn phím để chọn mọi thứ trên layer, sau đó nhấn Command-C để Copy.

Tắt hiển thị của layer kết cấu và sau đó nhấn Alt-Click vào biểu tượng hình thu nhỏ của Layer Mask. Bây giờ bạn có thể chỉnh sửa nội dung của Layer Mask.

Nhấn Command-V để Paste texture.

layer mask

Ra khỏi Layer Mask bằng cách nhấp vào bất cứ nơi nào khác trong bảng Layers của Photoshop.

Logo của bạn có thể sẽ xuất hiện rất mờ nhạt, vì tất cả các phần màu đen của kết cấu đang được hiển thị mờ đục. Bạn có thể đảo ngược hiệu ứng để làm cho nó đậm hơn.

pale texture

Để làm điều này, hãy vào Window > Properties. Từ bảng Properties, và với Layer Mask đã chọn, nhấp vào nút Invert ở góc dưới cùng bên phải của bảng điều khiển.

properties invert
texture effect

Bước 7

Chỉ để làm cho hiệu ứng tối hơn một chút, tạo bản sao của layer logo ban đầu bằng cách kéo nó xuống nút Create New Layer ở cuối bảng điều khiển Layers.

create new layer

Đầu tiên hãy vào File > Save As và lưu tập tin dưới dạng tập tin Photoshop (psd).

Sau đó vào File > Save As một lần nữa, và chọn Photoshop EPS từ các tùy chọn Format. Đảm bảo hình ảnh được lưu với nền trong suốt. Đặt tên tập tin là "Final Logo_Texture.eps".

Bước 8

Quay trở lại tập tin logo Illustrator của bạn, và chọn phiên bản vector gốc của logo. CopyPaste vào một tài liệu Illustrator mới.

Thêm một mẫu CMYK mới vào bảng Swatches (Window > Swatches), với các giá trị C=17 M=100 Y=96 K=7.

Điều chỉnh Fill Color của logo từ Black thành mẫu màu Red mới của bạn.

vector in red

Lưu tài liệu dưới dạng tập tin AI mới, với "Red" ở đâu đó trong tên tập tin.

Bước 9

Mở cửa sổ Explorer (Windows) hoặc Finder (Mac) và điều hướng đến tập tin Photoshop (psd) lưu lại mà bạn đã thực hiện ở Bước 7, ở trên.

Copy và tạo bản sao của tập tin trong cùng một thư mục. Đổi tên tập tin là "Red" trong tên tập tin.

Mở tập tin psd mới trong Photoshop.

Nhấp chuột phải (Windows) hoặc Control-Click (Mac) trên mỗi bản sao của tập tin logo AI trong bảng điều khiển Layers và chọn Replace Contents. Chọn tập tin logo AI màu đỏ và thay thế.

finished red logo

File > Save as để lưu dưới dạng hình ảnh có kết cấu dưới dạng tập tin EPS của Photoshop, với nền trong suốt, đặt tên tập tin là "Final Logo_Texture_Red.eps".

2. Thiết lập mẫu tiêu đề

Bước 1

Bây giờ, thu nhỏ Photoshop và Illustrator. Mở Adobe InDesign.

Chuyển đến File > New > Document.

Đặt IntentPrint Number of Pages 6. Bỏ chọn Facing Pages.

Chọn Letter từ trình đơn Page Size (tương đương với 215,9 mm x 279,4 mm). Đặt Margins là 13 mm ở tất cả các cạnh và thêm Bleed 3 mm trên tất cả các cạnh của trang.

new document window

Bấm OK để tạo tài liệu mới.

new document

Bước 2

Mở rộng bảng Layers (Window > Layers) và nhấp đúp vào tên Layer 1 mặc định. Đổi tên là Paper Texture.

Sau đó nhấp vào nút Create New Layer ở cuối bảng điều khiển. Đổi tên layer mới là Paper Background.

Tạo thêm hai layer mới, đặt tên là Watermark và, ở trên cùng của các layer là Content.

content layer

Khóa tất cả các layer ngoại trừ layer dưới cùng, Paper Texture.

paper texture layer

3. Thiết kế giấy tiêu đề

Bước 1

Tải xuống một hình ảnh kết cấu giấy, giống như hình này từ Envato Market. Tôi đã chọn để làm sáng hình ảnh này một chút trong Photoshop trước tiên để làm cho nó xuất hiện hơi có chút ít màu xám, nhưng điều này là hoàn toàn tùy chọn.

Trong tài liệu InDesign của bạn, và còn lại trên Page 1, hãy dùng công cụ Rectangle Frame Tool (F) và kéo lên trang này để tạo một khung mở rộng trên toàn bộ trang, đến các cạnh của bleed.

Đi tới File > Place và chọn hình ảnh kết cấu giấy. Nhấp vào nút Fill Frame Proportionally trên bảng Controls trên cùng để lấp đầy khung bằng hình ảnh này.

paper texture

Bước 2

Quay trở lại bảng Layers và khóa layer Texture Paper. Mở khóa layer tiếp theo lên, Paper Background.

paper background layer

Mở rộng bảng Swatches (Window > Color > Swatches) và nhấn vào nút New Swatch của panel. Nhấp đúp vào mẫu màu mới để mở cửa sổ Swatch Options.

Đặt tên cho mẫu màu Cream và thiết lập Type là Process and Mode là CMYK. Di chuyển con trượt đến C=4 M=5 Y=6 K=0. Nhấp vào OK.

cream swatch

Bước 3

Dùng công cụ Rectangle Tool (M) và kéo lên trang này để tạo ra một hình dạng có kích thước giống như hình chữ nhật nằm trên layer bên dưới.

Đặt Fill ColorCream.

cream rectangle

Sau đó vào Object > Effects > Transparency và thiết lập Mode là Multiply. Giảm Opacity xuống 95%, để thấy kết cấu của hình ảnh giấy bên dưới.

multiply
paper texture brought through

Bước 4

Khóa layer Paper Background và mở khóa layer Watermark.

Dùng công cụ Rectangle Frame Tool (F) và kéo lên trang này để tạo một khung hình vuông lớn. Chuyển đến File > Place và chọn tập tin cuối cùng "Final Logo_Texture.eps", là phiên bản màu đen của biểu tượng có kết cấu. Đặt hình ảnh này vào trong khung.

placed logo in black

Với khung đã chọn, vào Object > Effects > Transparency và thiết lập Mode là Multiply. Giảm Opacity xuống 3% để tạo hiệu ứng hình mờ.

multiply
finished watermark

Bước 5

Quay lại bảng Layers và khóa layer Watermark và mở khóa layer trên cùng, Content.

content layer

Tạo một mẫu màu mới CMYK Process mới từ bảng Swatches, gọi nó là Red và đặt giá trị là C=17 M=10 Y=96 K=7. Nhấp vào OK.

red swatch

Dùng công cụ Rectangle Tool (M) và kéo xuống dưới cùng của trang để tạo ra một hình chữ nhật dài kéo dài qua chiều dài trang, lên đến bleed, và xuống dưới cùng của bleed, như hình dưới đây. Đặt Fill ColorRed.

red rectangle

Bước 6

Phóng to ở trên cùng của Page 1 và sau đó dùng công cụ Rectangle Frame Tool (F). Tạo một khung hình vuông nhỏ ở giữa trang, gần lề trên cùng.

File > Place tập tin "Logo_Texture_Red.eps" cuối cùng của bạn.

logo in red

Di chuyển lên trên giấy nhấm cạnh bên cạnh trang và lấy công cụ Type Tool (T). Kéo lên trang này để tạo khung văn bản. Gõ vào "Xavier"s School for Gifted Youngsters".

Đặt con trỏ của bạn ở đầu câu và đặt FontFutura Std, Light, Size 9 pt. Từ bảng điều khiển Glyphs (Window > Type & Tables > Glyphs), nhập vào glyph tròn.

futura std

Tô đen văn bản còn lại và đặt FontBankGothic, Bold, Size 11.5 pt.

Tô đen tất cả văn bản và đặt ColorRed và văn bản là Align Center.

bank gothic

Bước 7

Di chuyển trở lại trang và đến logo màu đỏ ở trên cùng.

Dùng công cụ Ellipse Tool (L) và nhấn giữ phím Shift, kéo để tạo đường tròn có đường kính 35,4 mm. Đặt ở giữa trên đầu logo màu đỏ.

circle

Sau đó loại bỏ bất kỳ Stroke hoặc Fill Color từ hình tròn bằng cách chọn [None] từ bảng Swatches.

Quay trở lại khung văn bản của bạn (được tạo ở Bước 6, ở trên), và tô đen và Edit > Copy văn bản.

Chọn công cụ Type trên Path Tool (Shift-T) và nhấp vào vòng tròn xung quanh logo để biến nó là một đường path ký tự. Edit > Paste văn bản vào đường dẫn. Xoay khung cho đến khi dấu chấm đầu dòng nằm ở giữa tâm của vòng tròn.

type on a path

Bước 8

Di chuyển xuống dưới cùng của trang, và sử dụng Type Tool (T) để tạo ra một vài khung văn bản lên trên cùng hình chữ nhật màu đỏ.

Ở đây bạn có thể nhập địa chỉ cho Trường Xavier — 1407 Graymalkin Lane, Trung tâm Salem, Quận Westchester, New York — đặt mỗi dòng địa chỉ trong một khung văn bản mới.

Thiết lập văn bản với Bank Gothic Bold, 8 pt và thêm các chấm đầu dòng được thiết lập với Futura Std giữa mỗi phần văn bản.

typography

Tạo một mẫu màu CMYK mới, C=16 M=11 Y=14 K=20 và đặt tên là Grey. Thiết lập văn bản và dấu đầu dòng là màu Grey.

grey swatch

Giấy tiêu đề của bạn đã hoàn thành — thật tuyệt vời!

finished letterhead

Tại sao không sử dụng Page 2 của tài liệu InDesign của bạn để tạo bản sao bản vẽ giấy tiêu đề (mở khóa tất cả các layer trước khi sao chép và Edit > Paste in Place). Đảo ngược màu sắc, sử dụng Red cho màu Paper Background và thay đổi logo trên cùng là phiên bản màu đen.

reversed color

Thật tuyệt vời. Bây giờ bạn có thể đọc tiếp để tìm hiểu cách tạo danh thiếp đồng bộ ...

4. Tạo một danh thiếp đồng bộ

Bước 1

Vào tài liệu InDesign của bạn, hãy chuyển xuống Page 3.

Sử dụng Công cụ Page Tool (Shift-P) và nhấp vào Page 3 để chọn nó. Từ bảng điều khiển trên cùng, điều chỉnh Page Size US Business Card (88.9 mm Width, 50.8 mm Height).

us business card size

Quay trở lại Page 1 của tài liệu của bạn, khóa tất cả các layer ngoại trừ layer Paper Texture Paper Background, và sau đó Edit > Copy tất cả nội dung đang nằm trên các layer này.

Quay trở lại Page 3Edit > Paste. Thay đổi kích thước các hình chữ nhật cho phù hợp với kích thước danh thiếp.

pasted texture

Điều chỉnh Fill Color của hình chữ nhật Paper Background Red và đảm bảo thiết lập độ trong suốt là Multiply, 95%.

transparency

Bước 2

File > Place tập tin "Final Logo_Texture.eps" trong một khung được tạo bởi Công cụ Rectangle Frame Tool (F) ở giữa trang.

logo

Bước 3

Chuyển xuống Page 4 của tài liệu InDesign của bạn và sử dụng Công cụ Page Tool (Shift-P) để thay đổi kích thước trang là kích thước US Business Card.

page tool

Copy nội dung Paper Texture Paper Background từ Page 3Edit > Paste in Place lên Page 4.

Điều chỉnh Fill Color của hình chữ nhật trên cùng là Cream.

cream swatch

Bước 4

Thêm văn bản vào danh thiếp bằng công cụ Type Tool (T) để tạo một chuỗi các khung văn bản ở phía bên trái của thẻ.

Nhập vào tên ("Prof. Charles Xavier") ở trên cùng,với [Black], nghề nghiệp và tên trường học (‘Principal’; ‘Xavier’s School for Gifted Youngsters’) tiếp theo, với Red, và cuối cùng đưa vào địa chỉ ("1407 Graymalkin Lane, Trung tâm Salem, Quận Westchester, New York ") ở dưới cùng, với Grey.

Thiết lập tất cả văn bản với Bank Gothic Bold.

bank gothic bold

Bước 5

Lưu tài liệu InDesign của bạn, thu nhỏ nó lại và quay lại Adobe Illustrator. Tạo một tài liệu mới.

Sử dụng Công cụ Arc Tool để tạo một đường chéo hơi cong từ trên bên trái xuống dưới cùng bên phải.

arc tool

Copy Paste dòng này hai lần để tạo ra ba "móng vuốt" kiểu Wolverine.

pasted lines

Từ menu Brush Definition trên bảng Controls trên cùng, mở menu Brush Libraries và chọn Artistic > Artistic_ChalkCharcoalPencil.

Với các dòng đã chọn, điều chỉnh Brush DefinitionCharcoal Smooth và thiết lập Stroke Weight4 pt.

Chọn tất cả ba dòng và Edit > Copy.

brush definition

Bước 6

Quay trở lại tài liệu InDesign của bạn, và đến Page 4 Edit > Paste.

Thay đổi kích thước đồ họa móng vuốt, đặt ở bên phải của trang và thiết lập màu là Red.

pasted graphic
finished reverse

Bước 7

Thật tuyệt vời — danh thiếp X-Men của bạn đã hoàn thành và nó thật tuyệt vời!

Bạn có thể sử dụng Page 56 của tài liệu để tạo ra một phiên bản đảo ngược của thẻ, nhân đôi bản vẽ từ Page 3 4, và sau đó đảo ngược màu sắc.

red card front
red card reverse

5. Xuất bộ văn phòng phẩm của bạn để in

Bản vẽ văn phòng phẩm của bạn đã kết thúc. Bây giờ bạn đã sẵn sàng để xuất nó, sẵn sàng cho in ấn chuyên nghiệp.

Bước 1

Chuyển đến File > Export và chọn Adobe PDF (Print) từ trình đơn Format thả xuống. Đặt tên cho tập tin PDF này là "Letterhead Artwork" và nhấp vào Save.

Trong cửa sổ mở ra, chọn Press Quality từ menu Adobe PDF Preset.Cài đặt Page Range1-2 ,lần này chỉ xuất bản vẽ giấy tiêu đề.

press quality

Từ các tùy chọn Marks and Bleeds, chọn All Printer’s Marks Use Document Bleed Settings.

marks and bleeds

Nhấp vào Export.

Bước 2

Để xuất bản vẽ danh thiếp, lặp lại quá trình trên, nhưng lần này điều chỉnh tên tập tin là "Business Card Artwork" và thay đổi Page Range 3-6.

pdf finished

Kết luận

Chúng tôi biết rằng Giáo sư X sẽ thích sử dụng bộ văn phòng phẩm hoàn toàn mới của mình — thật tuyệt vời!

Trong hướng dẫn này, chúng tôi đã trình bày một loạt các kỹ thuật và kỹ năng mà bạn có thể áp dụng cho các dự án thiết kế in ấn khác. Bây giờ bạn đã biết cách:

  • Tạo logo được vector hóa trong Illustrator và thêm texture hiện đại cho chúng trong Photoshop
  • Chuẩn bị mẫu InDesign cho một tiêu đề thư
  • Tạo một thiết kế tiêu đề có hình mờ hoàn chỉnh với kết cấu dạng giấy, màu sắc, logo và kiểu chữ
  • Thay đổi kích thước tài liệu InDesign sẵn sàng cho thiết kế danh thiếp
  • Thiết kế một danh thiếp đơn giản, hiện đại hoàn chỉnh với kiểu chữ thời trang và đồ họa vector cực ngầu

Bạn muốn khám phá nhiều bộ văn phòng phẩm tuyệt vời hơn nữa? Hãy tham khảo rất nhiều mẫu thiết kế in ấn đầy phong cách trên Envato Market.

final product
Advertisement
Advertisement
Looking for something to help kick start your next project?
Envato Market has a range of items for sale to help get you started.