Advertisement
  1. Design & Illustration
  2. Fan Art
Design

Thiết kế poster phim "phù thủy xứ OZ" theo phong cách Vintage bằng Adobe InDesign

by
Difficulty:BeginnerLength:LongLanguages:
This post is part of a series called The Wizard of Oz.
This Year's Halloween Theme is... the Wizard of Oz!
Create a Colouring Book Style Illustration of Dorothy Gale in Adobe Illustrator

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

Chuyển thể phim được yêu thích nhất của Phù thủy xứ Oz do diễn viên gạo cội Judy Garland thủ vai năm 1939. Trong hướng dẫn này chúng ta sẽ thiết kế một poster phim để bày tỏ sự yêu mến đến bộ phim và thời hoàng kim của Hollywood, poster này đầy chất vintage.

Sử dụng cả Adobe InDesign và Adobe Illustrator, bạn sẽ tìm hiểu được cách phát triển một phong cách vintage trong các thiết kế poster của mình, bằng cách sử dụng đồ họa, texture (kết cấu bề mặt), màu sắc và typography (nghệ thuật sắp đặt chữ). Thích hợp cho người dùng phần mềm mới bắt đầu cho đến trình độ khá, đây là một sự giới thiệu tuyệt vời cho một số nguyên tắc chủ chốt của thiết kế poster.

Chúng ta hãy đi và 'Theo con đường lát gạch màu vàng' nhé!

final poster

1. Chuẩn bị tài liệu poster của bạn

Chúng tôi sẽ thiết kế một layout poster trong Adobe InDesign, và sử dụng Illustrator để tạo ra những đồ họa có thể được sử dụng trong bản thiết kế. Vì vậy, đầu tiên, mở InDesign.

Bước 1

Vào File > New > Document, và trong cửa sổ New Document mở ra, trong mục Intent của tài liệu này thiết lập là Print.

new document for print

Bước 2

Nhìn xuống phía dưới cửa sổ, chọn A3 trong menu Page Size xổ xuống (297 mm x 420 mm) và chọn Landscape Orientation.

Giữ thiết lập Margins mặc định có giá trị 12,7 mm trên tất cả các lề, ngoại trừ lề dưới Bottom Margin — tăng lề này đến 26 mm.

Thiết lập Bleed cho tất cả các cạnh là 3 mm, và click OK để tạo trang poster mới.

new document window
new document

2. Xây dựng các layer poster của bạn

Những poster kiểu xưa cũ trông "vintage" bởi vì chúng có một sự trình diễn theo lớp, xây dựng với các texture, hiệu ứng và màu sắc. Bất cứ thứ gì quá phẳng và một chiều sẽ trông quá bóng láng.

Hãy cùng xây dựng các layer của bản thiết kế poster của chúng ta bằng bảng Layers của InDesign.

Bước 1

Mở rộng bảng Layers, mà có lẽ sẽ được đặt ở phía bên phải của vùng làm việc. Nếu bạn không thể nhận ra nó, hãy vào Window > Layers.

Nhấp đúp vào tên Layer 1 mặc định trong bảng Layers để mở ra cửa sổ Layer Options. Đặt lại tên layer này là Background và bấm vào OK.

background layer

Bước 2

Từ bảng Layers của menu xổ xuống, chọn New Layer (hoặc nhấp chuột vào nút Create new layer nằm ở bên phải, ở dưới của bảng điều khiển)

new layer

Đặt lại tên layer mới là Border và bấm OK.

border layer

Bước 3

Tạo thêm ba layer theo thứ tự này:

  • Yellow Brick Road
  • Ruby Slippers
  • Typography

Bây giờ, bạn đã có liên tiếp năm layer, với layer Typography nằm ở trên cùng.

layers panel

Bước 4

Khóa tất cả các layer ngoại trừ layer Background và nhấp vào layer đó để hoạt động nó.

locked layers

3. Tạo một bảng màu Vintage

Trước khi bắt đầu thiết kế poster của bạn, rất tốt để tạo một sự lựa chọn các mẫu màu - một bảng màu vintage mà bạn có thể áp dụng cho các yếu tố trong bản thiết kế của mình.

Bước 1

Mở rộng hoặc mở bảng Swatches (Window > Color > Swatches).

Nhấp vào [Black] để chọn mẫu màu, và sau đó vào menu xổ xuống của bảng Swatch và chọn New Color Swatch. Chọn Color Type Process, và Mode CMYK, và thiết kập giá trị như sau: C=2 M=8 Y=22 K (Black)=0.

Bỏ chọn hộp Name with Color Value và đặt lại tên Swatch là Cream.

Nhấp vào Add và sau đó là OK.

new color swatch cream

Bước 2

Sử dụng cùng quy trình như bước vừa rồi, tạo thêm 4 mẫu màu CMYK mới (cho đến khi bạn có tổng cộng là năm mẫu màu), với các giá trị và tên như sau:

  • Emerald: C=83 M=17 Y=68 K=2
  • Vintage Yellow: C=7 M=22 Y=87 K=0
  • Ruby: C=2 M=100 Y=85 K=6
  • Vintage Black: C=62 M=59 Y=68 K=72
new color swatch ruby
new color swatch yellow
swatches panel

Bước 3

Từ bảng Tools, đặt ở bên trái của vùng làm việc, chọn Rectangle Tool (M) và kéo lên toàn bộ trang, đến các mép giấy trên tất cả các cạnh.

Thiết lập Stroke Color thành [None]Fill Color thành Cream.

cream rectangle

4. Tạo một khung theo phong cách vintage

Bạn sẽ để ý rằng hầu hết các poster theo phong cách vintage có những thiếu sót như các đường nét nghiêng ngả và các bề mặt chắp vá. Tất cả những điều này tạo thành một diện mạo vintage không hoàn hảo một cách hoàn hảo.

Bước 1

Trở lại bảng Layers khóa layer Background lại. Mở khóa layer Border tiếp theo.

locked layers

Chọn Pen Tool (P) từ bảng Tools, và bắt đầu click xung quanh mép trang (bleed) (biểu thị bởi một đường màu chạy xung quanh bên trong các cạnh của trang) với chủ định không hoàn hảo một chút.

Kéo đến lề trang (margin) một cách đại khái, nhưng thả các điểm neo rải rác ở các cạnh, để tạo ra một hình chữ nhật không hoàn hảo.

pen tool
pen tool around margin

Click vào điểm neo đầu tiên để kết nối các điểm thành một hình thống nhất.

completed shape

Thiết lập Fill Color của hình này thành Emerald, và Stroke Color thành [None].

shape with emerald fill

Bước 2

Với hình có màu xanh ngọc được chọn, vào menu chính ở phía trên vùng làm việc và chọn Object > Effects > Transparency.

Thiết lập Mode thành Multiply và giảm Opacity đến 90%.

transparency effect

Từ menu bên trái của cửa sổ Effects, nhấp vào Gradient Feather để áp dụng một hiệu ứng chuyển màu mặc định và mở ra các tùy chọn đó để điều chỉnh hiệu ứng chuyển màu.

Xoay tròn Angle thành -60 Degrees, và kéo Gradient Stop gần lại với nhau một cách hợp lý, qua một nửa tay phải của bảng tỷ lệ.

gradient feather

Nhấp vào OK để thoát khỏi các cửa sổ Effects. Bây giờ, bạn đã có một khung hoàn hảo một cách không hoàn hảo lên bố cục poster của bạn, trông thật sự rất tuyệt vời. Bạn làm tốt lắm!

completed effects

5. Theo con đường gạch màu vàng

Tiêu điểm poster của chúng ta sẽ là một hình đồ họa bắt chước của con đường gạch màu vàng nổi tiếng của bộ phim.  Để tạo được con đường này, chúng ta cần vào Adobe Illustrator.

Bước 1

Đầu tiên, trở lại InDesign và vào bảng Swatches. Click chọn mẫu màu Vintage Yellow, và chọn Save Swatches từ menu xổ xuống của bảng này.

save swatches

Đặt tên tập tin Adobe Swatch Exchange (ASE) là "Vintage Yellow" và click vào Save.

save ASE file

Bước 2

Bây giờ, bạn có thể mở Illustrator và vào File > New để tạo một New Document. Giữ tất cả các tùy chọn như mặc định và click OK.

Mở bảng Swatches (Window > Swatches) và mở menu xổ xuống của bảng này. Vào Open Swatch Library > Other Library.

open swatch library

Đi tới tập tin ASE trong máy tính của bạn và click Open. Mẫu màu Vintage Yellow sẽ tải vào cửa sổ chứa nó.

vintage yellow swatch

Bước 3

Bây giờ chúng ta sẽ tạo ra con đường gạch màu vàng! Từ bảng Tools, chọn Spiral Tool (tìm nó nằm dưới menu bật mở ở Line Segment Tool)

Nhấn giữ phím Shift và kéo lên bản vẽ để tạo một hình xoắn ốc như hình bên dưới. Chọn Stroke Color của hình xoắn này là Vintage Yellow.

spiral tool

Bước 4

Mở bảng Brushes (Window > Brushes) và click vào nút Brush Libraries Menu nằm ở bên trái, phía dưới góc bảng này. Chọn Artistic > Artsitic_ChalkCharcoalPencil.

artistic brushes

Với một loạt các brush được tải lên, chọn brush có tên Chalk - Blunt và áp dụng brush đó vào nét stroke của hình xoắn ốc. Tăng độ dày của nét Stroke thành 4 pt, từ các tùy chọn nằm ở phía trên của không gian làm việc.

brush applied to spiral

Bước 5

Dùng Scissors Tool (C) từ menu Tools (nằm dưới menu bật mở Eraser Tool). Để tạo "những viên gạch" của con đường, cắt dọc theo hình xoắn ốc này thành các khúc có khoảng cách khác nhau. Tạo một đoạn cắt lớn hơn theo sau bằng một đoạn cắt nhỏ hơn, và xóa các vùng nhỏ hơn này để tạo một chuỗi "những viên gạch" lớn.

scissors tool

Tiếp tục dọc theo toàn bộ độ dài của hình xoắn ốc.

Để tạo hiệu ứng con đường lát gạch, kéo con chuột của bạn qua những phần của hình xoắn ốc và Edit > Copy, Edit > Paste. Giảm một chút kích cỡ của những hình cắt được dán vào nếu bạn thấy cần thiết (nhấn giữ phím Shift để giữ tỉ lệ), và đặt nó bên trong hình xoắn ốc đầu tiên.

pasted bricks

Lập lại quy trình, sao chép và dán các mặt cắt của hình xoắn ốc này và đặt chúng bên ngoài cạnh của hình xoắn ốc nguyên gốc, dọc theo con đường, cho đến khi bạn có một con đường hình xoắn ốc có kích thước mở rộng hướng ra phía ngoài của hình xoắn ốc.

completed spiral

Bước 6

Kéo chuột của bạn lên toàn bộ hình đồ họa này, bạn đã chọn toàn bộ "những viên gạch", và sau đó vào Edit > Copy.

select and copy spiral

Trở lại bố cục poster InDesign của bạn, và Khóa layer Border. Mở khóa layer tiếp theo, Yelllow Brick Road. Vào Edit > Paste để bỏ hình đồ họa xoắn ốc vào trang poster.

Bạn có thể xoay hình đồ họa một chút - thử làm cho nó trông hơi mất cân đối và không nằm ở giữa trang - và đặt nó hướng lên trên cạnh phải trên cùng của trang này, như hình minh họa.

paste into indesign

Khi bạn đã hài lòng với sự sắp xếp này, trở lại bảng LayersKhóa layer Yellow Brick Road lại. Mở layer Ruby Slippers ở trên nó.

6. Tạo dấu giày màu hồng ngọc

Dorothy sẽ rất xấu hổ nếu không có đôi guốc màu hồng ngọc tuyệt đẹp của mình, và chúng ta có thể thêm một chút liên tưởng về lựa chọn giày dép của mình trên thiết kế poster của chúng ta.

Bạn có thể vẽ hình dấu giày đơn giản theo cách của bạn (hãy nhớ có cả gót giày và một dấu giày hằn xuống cho đôi giày cao gót) trong Illustrator, hoặc tải tập tin EPS đã thực hiện sẵn từ GraphicRiver.

Bước 1

Mở hình đồ họa đó trong Illustrator, và tách nó ra như là một đôi giày cao gót để làm việc.

footprint vector

Áp dụng brush mảnh Charcoal Brush vào nét Stroke của những dấu chân này để tạo cho cạnh giày thô hơn một chút. Sau đó kéo chuột lên một trong những dấu giày này, và Edit > Copy.

charcoal brush applied to stroke

Bước 2

Trở lại InDesign, và Edit > Paste hình dấu giày lên layer Ruby Slippers. Điều chỉnh StrokeFill Color của hình đồ họa đó thành Ruby.

Trở lại Illustrator và Edit > Copy hình dấu giày kia (cách hoàn thành tách biệt giúp bạn có thể chỉnh sửa chúng riêng biệt trong InDesign), và Dán vào InDesign. Thiết lập Stroke Fill của hình này thành Ruby.

Bây giờ, bạn có thể đặt lại kích thước cho dấu giày (trong khi nhấn giữ phím Shift) và điều chỉnh lại góc và vị trí. Đặt chúng lên ở đâu đó trên con đường gạch màu vàng, như hình minh họa bên dưới.

ruby slippers

Bước 3

Như một sự chỉnh trang cuối cùng, kéo chuột của bạn lên trang đó để chọn cả hai hình dấu giày và vào Object > Effects > Transparency. Thiết lập Mode thành Multiply và click vào OK.

multiply effect
final result

7. Hoàn thành Poster của bạn với nghệ thuật sắp đặt chữ kiểu vintage

Có một sự khác biệt giữ các thiết kế "vintage" thật sự và các thiết kế bắt chước từ phong cách vintage. Poster này thuộc về nhóm thứ hai. Chúng ta muốn tạo một poster trong như một poster hiện đại với các phong cách vintage, và nghệ thuật sắp chữ là một cách xuất sắc để giới thiệu cả hai yếu tố hiện đại và xưa cũ vào một bản thiết kế poster.

Bước 1

Điều cần làm đầu tiên đó là chọn kiểu chữ. Có rất nhiều font chữ để lựa cho phù hợp với phong cách vintage, một số trông sẽ đẹp hơn, và nó thật sự là tùy thuộc vào bạn để chọn được một font chữ có thể thể hiện được một khoảng thời gian và cảm giác mà bạn muốn dành cho bản thiết kế poster của mình.

Đây là những font chữ mà tôi đã chọn để sử dụng cho thiết kế poster này. Nhưng bạn hãy thoải mái trải nghiệm với các tùy chọn khác nhé!

Minotaur là một font chữ kiểu phiến đá dày với phong cách kiểu mẫu của những năm 1930 và Fontleroy Brown thì truyền thống hơn, kiểu chữ serif của những năm 1940.

Tải các font chữ ở trên (hoặc chọn theo ý bạn), cài đặt và trở lại InDesign.

Bước 2

Trở lại bảng Layers, Khóa layer Ruby Slippersmở khóa layer Typography ở trên cùng.

Từ cây thước ở phía trên màn hình (nếu bạn không thể thấy những cây thước, vào View > Show Rulers), nhấp chuột và kéo xuống một đường dẫn đến vị trí Y 374 mm, hướng xuống cạnh dưới của trang.

guide on page

Dùng Type Tool (T) và tạo một khung chữ lớn, hình vuông. Đặt nó ở góc dưới bên phải của trang. Gõ vào "Oz" và cài đặt FontMinotaur, Size 260 pt. Điều chỉnh Font Color thành Ruby.

Điều chỉnh vị trí khung chữ, như vậy, đường cơ sở của chữ này sẽ chạm tới vị trí đường dẫn 374 mm.

oz text frame

Bước 3

Kéo xuống một đường dẫn thứ hai lên trang, ở vị trí 329 mm. Dùng Type Tool (T) để tạo một khung chữ khác, lần này sẽ dài hơn một chút, và gõ "Wizard" vào đó.

Thiết lập Font Fontleroy Brown, Size 241 pt, và thiết lập Font Color thành Cream.

Đặt khung chữ này vào bên trái của trang, đường cơ sở của chữ này sẽ nằm trên đường dẫn 329 mm.

wizard text frame

Bước 4

Tạo một khung chữ khác, nhỏ hơn khá nhiều và đặt nó ở trên chữ "Wizard" ở bên trái của trang. Gõ vào chữ "the" và thiết lập FontMinotaur, Size 70 ptFont Color Cream.

the text frame

Chọn khung chữ và CopyPaste (Dán), thay đổi thành chữ "of" và tăng Font Size thành 100 pt. Đặt chữ of qua bên trái của chữ "Oz"

of text frame

Bước 5

Bây giờ bạn đã sắp đặt được tiêu đề phim, bạn có thể giới thiệu một tiêu đề phụ nhỏ hơn, như các câu khẩu hiệu, câu trích dẫn hoặc tên diễn viên.

Ở đây, tôi đã đặt "Judy Garland" với Size 37 pt Minotaur, Font Color Vintage Black và chọn Align Right từ bảng Character Formatting Controls ở phía trên màn hình Tôi đã đặt tên của cô ấy ở phía trên chữ 'Oz'.

judy garland headline

Tôi cũng thêm vào tên của những diễn viên nổi tiếng khác ở bên dưới chữ "Wizard", thiết lập Minotaur, Size 23 pt, và Vintage Black. Tôi đã canh hàng những cái tên này một cách ngẫu nhiên để tạo cho typography này cảm giác vintage thực sự. Tôi cũng thêm những từ kết nối như "starring" bằng font chữ Fontleroy Brown, để tạo thêm một chút tương phản.

cast names
final result

8. Chỉnh trang cuối cùng...

Poster của bạn trông đã đẹp rồi đấy, nhưng chúng ta có thể tạo thêm diện mạo vintage thực sự hơn nữa bằng cách thêm vào một chút kết cấu bề mặt trên nền background của bố cục này.

Bước 1

Khóa layer Typographymở khóa layer Border ở phía dưới. Với layer được kích hoạt, chọn hình màu xanh ngọc bích, và vào Edit > Copy.

border layer

Bước 2

Đừng dán hình của bạn vào nhé, đầu tiên chúng ta sẽ chỉnh sửa hình màu xanh ngọc bích đang có trên trang này.

Bỏ đi các hiệu ứng đang áp dụng cho hình này bằng cách chọn hình này và vào Object > Effects. Bỏ chọn Gradient Feather từ menu bên tay trái của cửa sổ Effects, và đặt lại TransparencyNormal, và Opacity 100%. Click OK để thoát khỏi cửa sổ này.

transparency removed

Loại bỏ màu tô màu xanh ngọc bích bằng cách lựa chọn [None] từ bảng Swatches.

color removed

Bước 3

Bây giờ, vào File > Place. Chọn một hình nền bằng giấy với một cảm giác vintage. Hãy thử kết cấu bề mặt bằng giấy này từ PhotoDune.

Chọn Open và thay đổi kích cỡ hình ảnh giấy để nó lấp đầy các hình này (chọn Fill Frame Proportionally từ các lựa chọn xuất hiện ở phía trên cùng của vùng làm việc).

paper image placed

Bước 4

Cuối cùng, vào Edit > Paste in Place để dán một bản sao của hình màu xanh ngọc bích ban đầu của bạn lên trên hình trang giấy. Kết cấu bề mặt tờ giấy sẽ lộ ra một cách tinh tế qua hình màu ngọc bích và cung cấp cho toàn bộ poster một diện mọa thực sự vintage hơn rất nhiều.

final poster

Kết thúc

Một công việc tuyệt vời! Poster của bạn đã hoàn tất, và nó trông thật tuyệt vời!

Tất cả những gì bạn cần làm là xuất tập tin (File > Export, chọn Adobe PDF (Print) or (Interactive) từ menu Format xổ xuống) và chia sẻ nó với bạn bè và gia đình.

final poster hung up

Trong hướng dẫn này, bạn đã biết được một số kỹ năng thực sự hữu ích, có thể chuyển giao để tạo lại những mẫu thiết kế kỹ thuật số theo phong cách vintage. Bây giờ bạn đã cảm thấy tự tin:

  • Tạo một hình nền theo phong cách vintage và khung viền "không hoàn hảo một cách hoàn hảo" cho các bố cục poster của bạn.
  • Tạo ra các bảng màu mẫu tùy chỉnh trong InDesign, và chia sẻ chúng với Illustrator bằng các tập tin ASE.
  • Tạo ra các hình đồ họa vector đơn giản trong Illustrator, sẵn sàng để chuyển trực tiếp vào các tài liệu InDesign.
  • Việc lựa chọn các kiểu chữ phù hợp và tạo ra các typography với một đường cong kiểu retro
  • Tích hợp các kết cấu bề mặt bằng giấy vào thiết kế của bạn để tạo lại diện mạo vintage như thực

Tuyệt vời. Hãy chia sẻ thiết kế poster của bạn trong phần bình luận dưới đây!

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.