Chia sẻ [Dịch] Thiết kế một tờ rơi chủ đề Lễ phục sinh trong Photoshop và Ilustrator

26/3/17 Xem: 1,698

  1. Kayoko

    Kayoko Tích cực

    Đã được thích:
    232
    THỨ CHÚNG TA SẼ THỰC HIỆN:
    Đây là một tutorial thiết kế tờ rơi Lễ Phục Sinh trong Photoshop, nhưng sẽ sử dụng một chút Illustrator. Chúng ta sẽ thiết kế tờ rơi này bằng cách sắp xếp các patterns, textures và brushes.

    Đây là kết quả mà chúng ta cần đạt được:

    [​IMG]

    [​IMG]

    Để thực hiện theo tutorial này: Download file tài nguyên miễn phí sau
    File tài nguyên này bao gồm những texture, parrterns và brushes từ Bulbfish Design, Elan Blog Studio, Greta Ivy, Kim Klassen, Misprinted Type The Paper Town.

    Gói tài nguyên này chỉ làm một phần nhỏ trong nguồn tài nguyên có tại The Ultimate Textures, Patterns and Backgrounds Bundle chỉ có $29 (đã giảm 99% off). Bundle này tiết kiệm tối ưu thời gian cho mọi designer, mang đến cho bạn theo đúng nghĩa đen hàng nghìn những món sẵn-sàng-để-sử-dụng, ngay khi vừa giải nén.

    [​IMG]

    DOWNLOAD.


    Step 1: Background
    Mở Photoshop và chọn File > New. Trong cửa sổ New Document, nhập chiều rộng (Width) là 8.5 inches và chiều dài (Height) là 11 inches. Chỉnh Resolution ở 300 ppi và Color Mode sang RGB.

    Click OK để tạo một file mới.

    [​IMG]

    Lưu file.

    Chúng ta bắt đầu chỉnh màu cho background. Vào Layer > New Fill Layer > Solid Color. Trong cửa sổ mở ra, đặt tên layer là Background Teal và nhấn OK.

    [​IMG]

    Trong cửa sổ của Color Picker, điền giá trị RGB là 60/180/148 và nhấn OK.

    [​IMG]

    Bây giờ chúng ta điểm nhẹ một chút texture. Vào File > Place Linked. Điều hướng tới folder đã tải và chọn Kim-Klassen_studio collection-11. Nhấn Place.

    Sau khi file chèn xuất hiện, giữ phím Shift và kéo bức ảnh một góc 90 độ sang bên phải.

    [​IMG]

    Giữ phím Shift lần nữa và kéo rộng bức ảnh ra đến khi che toàn bộ phần layer. Nhấn Enter khi đã xong.

    [​IMG]

    Trên cùng của bảng Layers (Window > Layers), chỉnh Blend Mode thành Multiply và giảm Opacity xuống 15%.

    [​IMG]

    Step 2: Tạo viền
    Tiếp theo, chúng ta tạo phần viền. Mở Illustrator và vào File > New. Trong cửa sổ mở ra, chọn chiều rộng (Width) là 8.5 inches và chiều dài (Height) là 11 inches. Nhần OK.

    [​IMG]

    Chọn công cụ (M). Click một lần trên bảng vẽ và trong cửa sổ mở ra, chỉnh chiều rộng (Width) là 8 inches và chiều dài (Height) là 10.5 inches. Nhấn OK.

    [​IMG]

    Mở bảng Swatches (Window > Swatches) và đổi Fill Color thành None. Để Stroke Color thành màu đen.

    Giờ mở bảng Align (Window > Align). Phía dưới Align Objects, chọn biểu tượng Horizontal Align Center và Vertical Align Center.

    Note: Nếu không có gì xảy ra khi click vào biểu tượng Align, click vào biểu tượng Align To: và chọn Align to Artboard.

    [​IMG]

    Click chọn bảng vẽ với Rectangle Tool lần nữa. Lần này, chọn chiều rộng (Width) là 8.125 inches và chiều dài (Height) là 10.625 inches. Nhấn OK.

    Sử dụng bảng Align để di chuyển hình chữ nhật mới vào giữa.

    [​IMG]

    Với hình chữ nhật ở ngoài đang được chọn, mở bảng Strokes (Window > Strokes). Nâng độ dày (Weght) lên 2 pt. Tiếp đến phần Cap, chọn biểu tượng ở giữa cho Rounded.

    Chọn Dashed Line. Với ô Dash đầu tiên, điền 0 pt. Còn với ô Gap đầu, điền 6 pt.

    [​IMG]

    Trong Finder (hay Explorer trong PC), điều hướng đến file đã tải mở The-Paper-Town_CrayonBrushes trong Illustrator.

    Nhấn Cmd (Ctrl trong PC) + A để chọn toàn bộ bảng vẽ. Nhân Cmd (Ctrl) + C để Copy, rồi đóng file.

    Quay trở lại phần viền chính trong Illustrator, nhấn Cmd (Ctrl) + V để Paste. Nó sẽ tạo một brush strokes sang file mới.

    Nhấn Delete để bỏ hai đường viền đã dán và brush strokes vẫn còn trong bảng Brushes.

    [​IMG]

    Trong bảng vẽ, dùng Selection Tool (V) để chọn hình chữ nhật phía trong. Mở bảng Brushes (Window > Brushes). Trong danh sách tại Brushes, chọn Crayon11.

    [​IMG]

    Trong folder freebies đã tải về trong Finder, mở Bulbfish-Design_Pattern_14 trong Illustrator.

    Thay vì sử dụng toàn bộ pattern, chúng ta sẽ cắt một phần nhỏ để dùng như một phần trang trí.

    Mở bảng Swatches. Chọn pattern swatch và kéo từ bảng Swatches vào giao diện làm việc.

    [​IMG]

    Trong Toolbar, click và giữ Direct Selection Tool (mũi tên trắng) đến khi một menu xuất hiện và chọn Group Selection Tool (mũi tên trắng với dấu cộng).

    Với Group Selection Tool, click một lần bên trên cùng góc trái để chọn một phần của pattern.

    [​IMG]

    Nhấn Cmd (Ctrl) + C để Copy. Đóng file.

    Trong file viền chính ở Illustrator, nhấn Cmd (Ctrl) + V để Paste.

    Trên cùng của bảng vẽ, chọn W: (Width), gõ 0.5 inches, rồi kích vào biểu tượng giữa Width và Height gắn hai tỉ lệ này lại.

    Ở vị trí góc trên cùng bên trái của bảng vẽ, bên trong hình chữ nhật bên trong.

    [​IMG]

    Trong bảng Brushes, chọn Crayon02.

    Trong bảng Stroke, giảm Weight xuống 0.5 pt.

    [​IMG]

    Vỡi phần góc đang chọn, vào Object > Transform > Reflect. Trong cửa sổ, chọn Vertical và nhấn Copy.

    Giữ Shift và dùng Selection Tool (V) để di chuyển phần copy đến góc tương tự phía góc bên phải bảng vẽ.

    Note: Giữ Shift giúp kéo phần được chọn theo một góc 45 độ trong trường hợp này – một đường thẳng.

    [​IMG]

    Giữ Shift và dùng Selection Tool để chọn hai phần hình vẽ ở góc.

    Vào Object > Transform > Reflect. Lần này, chọn Horizontal và nhấn Copy.

    Giữ Shift và dùng Selection Tool để di chuyển phần copy đến địa điểm đối xứng ở dưới đáy của bảng vẽ.

    [​IMG]

    Bây giờ hãy thêm chút màu sắc, rồi chúng ta sẽ chuyển qua Photoshop.

    Dùng Selection Tool để chọn hình chữ nhật chấm chấm. Giữ Shift và cùng lúc chọn 4 hình trang trí ở góc.

    Trong bảng Color (Window > Color), chuyển Stroke Color sang CMYK 7/15/100/0.

    [​IMG]

    Chọn hình chữ nhật phía trong. Trong bảng Color, chuyển Stroke Color sang CMYK 25/2/18/0.

    [​IMG]

    Nhấn Cmd (Ctrl) + A để chọn tất cả. Nhấn Cmd (Ctrl) + C để Copy.

    Trở về file chính trong Photoshop. Nhấn Cmd (Ctrl) + V để Paste. Trong cửa sổ hiện lên, chọn Smart Object và nhấn OK.

    [​IMG]

    Khi phần viền xuất hiện, nhấn Enter để kết thúc.

    [​IMG]

    Trong bảng Layers, click đúp tên của layer, Vector Smart Object, đổi tên Border.

    Step 3: Những quả trứng
    Bây giờ chúng ta tạo những hình ảnh chính – những quả trứng.

    Tròn Toolbar, chọn Ellipse Tool (U).

    Note: Ellipse Tool xuất hiện ở cửa sổ dưới Rectangle Tool.

    Giữ Shift, click và thả vào bảng vẽ để tạo một tròn khoảng 3 inches đường kính.

    [​IMG]

    Chuyển sang Pen Tool (P). Giữ Cmd (Ctrl) và chọn phần đỉnh của hình tròn.

    [​IMG]

    Tiếp tục giữ Cmd (Ctrl) và Shift. Kéo điểm đó lên đến khi bạn có hình một quả trứng.

    Bạn có thể nhận được một cảnh báo hỏi liệu bạn có muốn đổi sang đường viền thường không. Click Yes.

    [​IMG]

    Dùng Move Tool (V) để di chuyển quả trứng vào giữa bảng vẽ.

    [​IMG]

    Trong bảng Layers, chọn layer Ellipse1 và thả vào biểu tượng Create A New Layer dưới đáy của bảng vẽ để tạo một bản sao (Cmd_Ctrl + L).

    Vào Edit > Free Transform. Phía trên cùng của bảng vẽ, chọn chiều rộng (Width) là 90% và click vào biểu tượng link giữa Width và Height để cố định tỉ lệ. Tiếp đến Angle, gõ -12 độ. Nhấn Enter khi bạn đã xong.

    [​IMG]

    Dùng Move Tool (V) và thả quả trứng nhỏ hơn sang bên trái của bản gốc thấp hơn một chút.

    [​IMG]

    Trong bảng Layers, thả Ellipse 1 Copy layer xuống biểu tượng Create A New Layer để nhân đôi nó (Cmd_Ctrl L).

    Vào Edit > Transform > Flip Horizontal.

    Trên bảng vẽ, dùng Move Tool (V) khi giữ Shift để thả quả trứng thứ ba đối xứng với quả trứng lớn bên phải, quả trứng ban đầu.

    [​IMG]

    Vào File > Place Linked. Điều hướng đến Elan-Blog-Studio_geometric-patterns-4 folder đã tải về. Nhấn Place.

    Trên cùng của bảng vẽ, chỉnh chiều rộng (Width) sang 40% và click biểu tượng link giữa Width và Height.

    Di chuyển sang quả trứng ở giữa và nhấn Enter.

    [​IMG]

    Trong bảng Layers, thả layer pattern trên layer Ellipse 1.

    Giữ Cmd (Ctrl) và click vào hình nhỏ của layer Ellipse 1 để tạo một vùng chọn.

    [​IMG]

    Trong bảng Layers, chắc chắn layer pattern, Elan-Blog-Studio_geometric-patterns-4, là layer đang hiện. Dưới cuối bảng Layers, click biểu tượng Add Layer Mask.

    Ẩn quả trứng màu đen bằng cách click vào biểu tượng con mắt bên trái hình nhỏ trong bảng Layers.

    [​IMG]

    Vào File > Place Linked chọn Elan-Blog-Studio_geometric-patterns-20 trong folder đã tải. Nhấn Place.

    Trên cùng của bảng vẽ, chuyển chiều rộng (Width) sang 40% và click biểu tượng giữa Widght và Height.

    Di chuyển sang quả trứng bên trái và nhấn Enter.

    [​IMG]

    Trong bảng Layers, thả layer pattern lên trên Ellipse 1 copy layer.

    Hold Cmd và click the hình nhỏ on the Ellipse 1 copy layer to create a selection around it.

    Chắc chắn layer Elan-Blog-Studio_geometric-patterns-20 đang được hiện. Dưới cùng bảng Layers, click biểu tượng Add Layer Mask.

    Ẩn hình quả trứng màu đen bằng cách click vào con mắt bên trái hình nhỏ trong bảng Layers.

    [​IMG]

    Vào File > Place Linked và chọn Elan-Blog-Studio_geometric-patterns-18 trong folder đã tải. Nhấn Place.

    Trên cùng bảng vẽ, chỉnh chiều rộng (Width) sang 40% và click biểu tượng link giữa Width và Height.

    Di chuyển qua quả trứng bên phải và nhấn Enter.

    Trong bảng Layers, thả layer pattern bên trên layer Ellipse 1 copy 2 layer.

    Giữ Cmd (Ctrl) và click vào hình nhỏ layer Ellipse 1 copy 2 để tạo vùng chọn.

    Chắc chắn rằng layer Elan-Blog-Studio_geometric-patterns-18 là layer được hiện. Dưới cùng ở bảng Layers, click biểu tượng Add Layer Mask.

    Ẩn layer quả trứng màu đen bằng cách nhấn vào biểu tượng con mắt bên cạnh hình nhỏ trong bảng Layers.

    [​IMG]

    Trong bảng Layers, giữ Cmd (Ctrl) và click vào hình nhỏ của layer Ellipse 1. Layer này đã ẩn, nhưng không có vấn đề gì cả – chúng ta vẫn có thể tạo vùng chọn quanh nó.

    Vào Select > Modify > Expand. Trong cửa sổ hiện lên, gõ 20 px và nhấn OK.

    [​IMG]

    Nhấn D để chỉnh Foreground Color sang màu đen.

    Trong bảng Layers, click vào layer mask của layer Elan-Blog-Studio_geometric-patterns-20. Với layer mask đã hiện, nhấn Cmd (Ctrl) + Backspace để fill phần chọn với màu đen của layer mask.

    Note: Trong layer masks, phần trắng là phần hiển thị và phần đen là phần ẩn.

    [​IMG]

    Click vào layer mask ở layer pattern Elan-Blog-Studio_geometric-patterns-18. Với layer mask hiện, nhấn Cmd (Ctrl) + Backspace.

    [​IMG]

    Nhấn Cmd + D để Deselect.

    Trong bảng Layers, chọn layer Ellipse 1. Giữ Shift và chọn layer Elan-Blog-Studio_geometric-patterns-18. Ở cuối bảng Layers, click biểu tượng Create A New Group.

    Click đúp để đổi tên group, Group 1, và đổi tên thành Eggs.

    Step 4: Băng rôn
    Chọn Rounded Rectangle Tool trong cùng một menu với Ellipse Tool earlier.

    Click trong bảng vẽ theo hướng dưới những quả trứng và vẽ một hình chữ nhật 5.35 inches chiều rộng và 1.75 inches chiều cao.

    Mở bảng Properties (Window > Properties) và gõ góc bán kính 50 pixels. Click biểu tượng link để thiết lập cài đặt với cả bốn góc.

    [​IMG]

    Trong bảng Properties, click thẻ Fill Color. Trong cửa sổ hiện lên, click biểu tượng Color Picker. Khi Color Picker hiện lên, dùng công cụ chọn màu Eyedropper Tool để chọn phần màu vàng tại phần pattern ở quả trứng giữa.
    [​IMG]

    Chọn công cụ (không bo góc) Rectangle Tool. Click vào bảng vẽ ở bên trái hình chữ nhật bo góc và vẽ một hình chữ nhật 1 inch rông và 1.5 inches cao. Chắc chắn rằng để lại vài khoảng trống giữa hình chữ nhật bo tròn và hình chữ nhật mới.

    [​IMG]

    Chuyển sang Pen Tool (P). Click ở phần giữa cạnh bên trái của hình của hình chữ nhật nhỏ và tạo điểm.

    [​IMG]

    Giữ phím Option (Alt) và click vào điểm đã tạo,

    Giữ Cmd (Ctrl) + Shift, rồi click vào điểm và di chuyển về phía bên phải để tạo hình lá cờ.

    [​IMG]

    Chuyển sang Move Tool (V).

    Trong bảng Layers, thả layer Rectangle 1 xuống dưới biểu tượng Create A New Layer để nhân đôi.

    Vào Edit > Transform > Flip Horizontal. Thả layer nhân bản đối xứng với layer gốc.

    [​IMG]

    Trong Finder, điều hướng đến Greta-Ivy_pattern-punch-3 trong folder đã tải và mở nó trong Illustrator.

    Dùng Selection Tool để chọn phần hình ảnh trên bảng vẽ. At the top of the artboard, chuyển chiều rộng (Width) sang 8.5 inches và nhấn biểu tượng link để cố định tỉ lệ.

    [​IMG]

    Nhấn Cmd (Ctrl) + C để Copy. Đóng file.

    Trở về phần làm việc chính trong Photoshop, nhấn Cmd (Ctrl) + V để Paste. Trong cửa sổ Paste, chọn Smart Object và nhấn Ok. Nhấn Enter để hoàn thành.

    [​IMG]

    Trên cùng bảng Layers, chỉnh Blend Mode sang Screen và Opacity sang 80%.

    [​IMG]

    Trong bảng Layers, giữ Cmd (Ctrl) và click vào layer Rounded Rectangle 1 layer. Giữ Shift trong khi tiếp tục giữ Cmd (Ctrl) và đồng thời click vào layerRectangle 1 và Rectangle 1 Copy.

    Chắc chắn ràng layer chấm bi (Vector Smart Object) đang hiện và click biểu tượng Create Layer Mask ở dưới cùng bảng Layers.

    [​IMG]

    Trong bảng Layers, chọn bốn layer trên cùng. Dưới đáy của bảng, click biểu tượng Create A New Group. Click đúp để đổi tên group sang Banner.

    Step 5: Copy
    Chọn Type Tool (T). Click lên băng rôn và đánh: EGG HUNT

    Chuyển sang Move Tool (V).

    Mở bảng Character (Window > Character) và chuyển font sang Caferus Normal Regular ở kích thước 120 pt. Chuyển Kerning sang Optical và Tracking, khoảng cách giữa các chữ cái, sang -20.

    Chọn thẻ Color và chuyển sang màu trắng.

    Note: Caferus là một font chất lượng từ Flavortype. Nếu bạn không có, tìm một font chữ viết tay hơi có vẻ kỳ quái để tạo hình ảnh tương tự.

    [​IMG]

    Trong bảng Layer, nhân đôi layer Egg Hunt bằng cách thả vào biểu tượng Create A New Layer.

    Thả layer nhân bản xuống dưới layer gốc trong bảng Layers.

    Trong bảng Character, chuyển thông số RGB sang 197/165/31.

    Di chuyển phần bóng sang bên trái và dưới phần gốc.

    [​IMG]

    ChọnType Tool (T). Chọn bần dưới băng rôn và đánh: Open at 10 am • Hunt begins 11 am

    Chuyển sang Move Tool (V).

    Trong bảng Character, tiếp tục dùng Caferus Normal với màu trắng.

    Với kích thước chữ, chúng ta muốn dùng chữ copy có cùng chiều rộng với băng rôn. Chọn Move Tool (V). Vào Edit > Free Transform (Ctrl + T).

    Giữ Shift và kéo dãn để thay đổi kích cỡ văn bản cho đến khi nó có chiều rộng giống như phần băng rôn giữa.

    [​IMG]

    Trong bảng Layers, nhân bản layer bằng cách thả vào biểu tượng Create A New Layer.

    Trên bảng vẽ, thả hình nhân bản dưới phần gốc.

    Dùng Type Tool (T) để chọn phần text nhân bản và thay thế với: April 19, 2017

    [​IMG]

    Một lần nữa, chúng ta muốn dùng chữ copy có cùng chiều rộng với băng rôn. Chọn Move Tool (V). Vào Edit > Free Transform (Ctrl + T).

    Giữ Shift và kéo dãn để thay đổi kích cỡ văn bản cho đến khi nó có chiều rộng giống như phần băng rôn giữa.

    [​IMG]

    Ở bảng Layers, nhân bản layer “Open at 10 am” .

    Trên bảng vẽ, thả phần nhân bản xuống dưới phần ngày the duplicate below the date.

    Chọn text và chuyển thành: Open to the Public • Free Admission

    Chuyển sang Move Tool (V).

    Trong bảng Character, chọn thẻ Color và dùng công cụ chọn màu Eyedropper Tool để chọn màu vàng chính trong băng rôn.

    Vào Edit > Free Transform. Giữ Shift và chỉnh kích thước bằng chiều rộng với băng rôn.

    [​IMG]

    Tiếp tục với cách làm tương tự. Ở mỗi dòng, tạo nhân bản và chỉnh kích thước cho bằng chiêu rộng với băng rôn. Ba dòng còn lại để mà trắng.

    Buchanan Fairgrounds

    Food • Crafts • Photos • Facepainting

    For more information, visit designcuts.com

    Dùng Move Tool (V) để tạo một group text. Hai dòng đầu nên cạnh nhau, dòng tiếp theo sẽ là của riêng nó, hai cái tiếp theo với nhau và cái cuối cùng một mình.

    [​IMG]

    Giờ chúng ta sẽ thêm phân cách nhỏ giữa các phần. Việc đọc và nhận thông tin trở nên dễ dàng hơn nếu nó bị chia thành những phần nhỏ hơn.

    Trở lại layout đường viền trong Illustrator.

    Chọn Line Segment Tool (\).

    Click một lần trên bảng vẽ và tạo một đường line dài 5.35 inches long (chiều rộng giống như phần giữa băng rôn trong Photoshop).

    [​IMG]

    Select the Eyedropper Tool (i). Sample the outer, dotted rectangle.

    [​IMG]

    Nhấn Cmd (Ctrl) + C để Copy đường chấm bi mới. Đóng file sau khi lưu.

    Trở lại trong Photoshop, nhấn Cmd (Ctrl) + V để Paste.

    Thả đường chấm bi ở giữa ngày và “Open to the public…”

    [​IMG]

    Chọn Move Tool (V).

    Giữ Option (Alt) + Shift, rồi click dòng chấm bi xuống dưới để tạo một bản sao. Di chuyển bản sao dưới dòng “Open to the public…”.

    [​IMG]

    Nhân bản dòng chấm bi một lần nữa bằng cách giữ Option (Alt) + Shift, rồi kéo nó xuống. Di chuyển dòng chấm bi mới trên dòng chữ cuối cùng.

    [​IMG]

    Trong bảng Layers palette, chọn 8 layer text và 3 layer đường chấm bi. Dưới cùng của bảng Layers, click vào biểu tượng Create A New Group. Click đúp vào tên của group và đổi tên thành Text.

    Step 6: Thêm Một chút nhấn nhá
    Chúng ta sẽ thêm vài texture cuối cùng để tạo những chi tiết đặc sắc để mang tờ rơi này bắt mắt hơn.

    Vào File > Place Linked. Điều hướng đến Greta-Ivy_vintage-paper24 trong folder đã tải. Nhấn Place.

    Giữ Shift và chỉnh để tăng kích thước đến khi nó phủ toàn bộ bảng vẽ. Nhấn Enter khi đã xong.

    [​IMG]

    Trên cùng bảng Layers, chuyển Blend Mode sang Multiply và Opacity xuống 40%.

    [​IMG]

    Màu sắc sẽ trông khá vàng, vậy vào Saturation.

    Mở thẻ Adjustments (Window > Adjustments). Click vào biểu tượng Hue/Saturation.

    Trong thẻ Properties hiện lên, chỉnh Saturation xuống -65. Dưới cùng thẻ Properties, click biểu tượng ở ngoài cùng bên trái để gắn adjustment chỉ với layer ở trên nó.

    [​IMG]

    Bước cuối, chúng ta sẽ thêm một layer texture.

    Vào File > Place Linked và điều hướng sang Misprinted-Type_Daguerreotype(2)-14 trong folder đã tải. Nhấn Place.

    Giữ Shift và chỉnh để tăng kích thước đến khi nó phủ toàn bộ bảng vẽ. Nhấn Enter khi đã xong.

    [​IMG]

    Trên cùng bảng Layers, chuyển Blend Mode sang Screen và Opacity sang 25%.

    [​IMG]

    Và chúng ta hoàn thành rồi! Chúng ta đã sẵn sàng cho một mùa xuân với một tờ rơi Lễ Phục Sinh đẹp đẽ bằng cách kết hợp sử dụng những lớp texture phức tạp, kỹ thuật minh hoạ và các parterns.

    [​IMG]

    [​IMG]


    -------------------------------------
    Bài gốc: DesignerCuts
     
    3 ♥
    Có thể bạn thích

Chia sẻ trang này