Students Save 30%! Learn & create with unlimited courses & creative assets Students Save 30%! Save Now
Advertisement
  1. Design & Illustration
  2. Digital Painting
Design

Cách tạo ra một tấm card có kết cấu, chữ viết tay bằng Adobe Photoshop

by
Difficulty:IntermediateLength:LongLanguages:

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

Final product image
What You'll Be Creating

Trong hướng dẫn này, tôi sẽ hướng dẫn bạn cách tạo một tấm card chữ viết tay để trang trí trong Adobe Photoshop bằng các vector shape và texture brush. Chúng tôi sẽ vẽ một tấm card Valentine có hương vị từ Mexico, bao gồm cả dòng chữ "Te Quiero Mucho" ("Tôi yêu bạn rất nhiều") và rất nhiều vật trang trí. Hãy bắt đầu!

1. Cách chuẩn bị bản phác thảo của bạn

Bước 1

Chữ viết kiểu Mexico có tính trang trí, vì vậy hãy vui vẻ và bổ sung thêm nhiều chi tiết. Tôi vẽ một bản phác thảo của bưu thiếp trong tương lai bằng bút chì và giấy, chụp ảnh bằng điện thoại thông minh của tôi và tự gửi cho mình qua email. Bạn có thể vẽ các chữ cái của riêng mình hoặc có thể tải xuống một số font chữ hoặc hiệu ứng văn bản tuyệt đẹp. Là nhân vật chính, tôi chọn một trái tim phong cách Mexico với khuôn mặt của hộp sọ người Mexico.

Bước 2

Trước hết, chúng ta cần chuẩn bị quy trình làm việc của mình. Tạo New Document (Command-N) trong Adobe Photoshop và thiết lập kích thước 1800 px x 1500 pxResolution 144 px/inch. Bạn có thể thay đổi kích thước artboard của mình bằng cách sử dụng Image > Canvas Size.

Chỉ cần di chuyển ảnh phác thảo của bạn từ thư mục của bạn vào artboard và nhấn Enter để định vị trí nó. Để điều chỉnh kích thước artwork, bạn có thể sử dụng Transform Tool (Command-T). Nếu bạn muốn thay đổi kích thước canvas, hãy vào Image > Canvas Size hoặc sử dụng Crop Tool (C).

Mexican Lettering style sketch

Bước 3

Để chuẩn bị phác họa để tô màu, tôi sử dụng Image > Adjustments > Hue/Saturation (Command-U) và Levels (Command-L).

Preparing the sketch with HueSaturation and Levels Panels

Bước 4

Nếu bạn muốn thay đổi điều gì đó trong bản thảo của bạn (ví dụ, tôi đã di chuyển các chữ "Mucho" một chút), bạn có thể sử dụng Lasso Tool (Q)Transform Tool (T). Nếu bạn muốn bổ sung một số chi tiết, thì bạn có thể vẽ chúng ngay trên bản phác thảo của bạn với Brush Tool (B) và xóa thứ gì đó bằng Erase Tool (E). Bạn có thể làm bất cứ điều gì bạn muốn!

Bây giờ chúng ta có thể bắt đầu quá trình tô màu. Đặt layer mode của bản phác thảo thành Multiply và đặt Opacity khoảng 15-20%. Sau đó, thêm một layer mới dưới layer phác thảo. Đừng quên Lock vị trí của layer.

Lock the layer Set the Multiply Mode and the Opacity

Bước 5

Bạn có thể bỏ qua bước này, nhưng tôi luôn bắt đầu công việc tô màu của tôi bằng cách tạo ra bảng màu (lời khuyên chuyên nghiệp: chọn ba màu chính và sử dụng chúng và các sắc thái của chúng ngay từ đầu). Phong cách Mexico rất mạnh mẽ và có màu sắc tươi sáng, ấm áp. Tôi chọn màu đỏ, một loại màu vàng và màu xanh ngọc. Trên một layer mới bên dưới layer sketch, tôi sử dụng Brush (B) và cố gắng tìm tông màu sắc mà tôi thích nhất. Tôi luôn thực hiện vài biến thể. Đây là một quá trình sáng tạo, do đó, đừng ngần ngại tô vẽ lên và làm lại một điều gì đó.

Cuối cùng, tôi đã chọn được hai biến thể tôi thích nhất. Tôi thích cái thứ hai hơn.

Coloring Scheme Samples

Lưu file lại (Tôi chỉ cần lưu các layer và vẽ biến thể cuối cùng của tôi ngay trên đó để nhìn thấy màu sắc xuyên suốt quá trình).

2. Cách tạo Vector Shape trong Photoshop

Bước 1

Hãy bắt đầu với trái tim của nhân vật. Tạo một Layer mới bên dưới phác thảo nhưng phía trên bảng tô màu, và vẽ một hình trái tim bằng Pen Tool (P).

Draw the heart shape using the pen tool

Bước 2

Trên layer mới bên trên, vẽ hình trái tim bên trong. Để cho quá trình tô màu dễ dàng hơn, tôi tạo một bản sao của layer đang được tô màu, làm cho nó nhỏ hơn và di chuyển nó bằng Transform Tool (T) để dễ dàng lấy màu bằng Eyedropper Tool (I). Ngoài ra, tôi thiết lập Opacity của màu chính (hình lớn) là 70-80% và lock vị trí của layer.

Inner red heart shape

3. Bổ sung Texture và Volume

Bước 1

Điều kỳ diệu bắt đầu từ đây. Đối với textures và volume, tôi sử dụng Photoshop Kyle T. Webster Brushes chính thức, nhưng bạn có thể chọn bất kỳ nhóm Brush tuyệt vời khác có sẵn. Quan trọng là bộ bàn chải của bạn đã có texture brush và bàn chải bắt chước than hoặc bất kỳ vật liệu 'sống' khác.

Tạo một layer clip phía trên layer trái tim màu đỏ:

  1. Giữ phím Alt, đặt vị trí con trỏ trên đường chia hai layer trong bảng điều khiển Layers (con trỏ thay đổi thành hai vòng tròn chồng lên nhau), sau đó click.
  2. Trong bảng Layers, chọn layer trên cùng của một cặp layer bạn muốn group (nhóm lại), và chọn Layer > Create Clipping Mask.

Tôi sử dụng Brush Oil Lush từ nhóm Brush Kyle. Bạn có thể chọn bất kỳ brush khác hoặc thậm chí sử dụng brush tiêu chuẩn của Photoshop (chỉ cần thiết lập Opacity cho brush để làm mịn màu). Tôi sử dụng sắc màu sáng và tối của hình trái tim màu đỏ để tạo hiệu ứng volume.

Lời khuyên chuyên nghiệp: dùng phím Alt trong khi vẽ để chọn các màu xung quanh để chuyển đổi màu trơn tru.

Paint over the heart shape to add the volume

Bước 2

Tạo một layer Clip mới cho trái tim màu đỏ, phía trên layer volume. Sử dụng texture brush (tôi sử dụng Airbrush - Grainy Opaque), tạo ra shadow (bóng) với màu nâu sẫm. Chọn modeMultiply cho layer này.

Áp dụng quá trình tương tự cho các điểm nổi bật. Tạo một layer clip mới phía trên layer dark, vẽ các điểm nổi bật bằng cách sử dụng màu đỏ nhạt và texture brush của bạn và xét Screen Mode cho nó. Thay đổi Opacity để làm cho nó trông êm ả và tự nhiên hơn (tôi đã sử dụng 50%).

texture by Kyle T Brushes

Vậy quy trình làm việc thông thường cho kiểu ảnh này là:

  1. Tạo vector shape.
  2. Tạo volume bằng paint brush.
  3. Thêm texture tối và sáng bằng texture brush và các chế độ layer khác nhau.
  4. Thêm một số chi tiết khác nếu cần.

Bước 3

Quá trình hầu như tương tự như đối với hình trái tim màu vàng phía ngoài — chỉ cần thêm vài vật trang trí đơn giản với Gouache Round Opaque Brush. Bạn có thể sử dụng bất kỳ brush nào khác, và đừng quên rằng bạn có thể thay đổi chế độ hòa trộn (blend mode) và độ mờ (opacity) của brush trong cài đặt brush gần menu brush (hoặc sử dụng F5 để mở Brush Settings nâng cao).

Lời khuyên chuyên nghiệp: sử dụng [ hoặc ] để tăng hoặc giảm kích thước brush của bạn.

Texture highlights by Kyle T Brushes

Bước 4

Sử dụng quá trình tương tự cho mắt và miệng. Đừng quên để thêm một lớp cho bóng tối (tôi sử dụng bàn chải kết cấu một lần nữa cho nó). Chọn tất cả các lớp của mắt và Group chúng (Command-G).

Drawing the eye in Mexican style

Copy (Command-J)Move (V) nhóm layer eye. Bây giờ trái tim có con hai mắt.

Duplication in Photoshop

Bước 5

Tiếp tục tô màu và bổ sung chi tiết. Vẽ nose shape với Pen Tool và thêm một số volume với một layer Clip và paint brush. Để vẽ đôi môi, sử dụng Rotate Tool (R) để giúp bạn có các nét vẽ đẹp.

Drawing tips in Photoshop

Hoàn thành phần miệng bằng kỹ thuật quen thuộc. Ngoài ra, tôi đã thêm các đường kẻ cho răng trên một layer mới. Tôi đã sử dụng Inker yêu thích mới của bạn từ nhóm Kyle Brush. Các brush khác cũng sẽ hiệu quả. Đừng quên shadow dưới miệng.

Drawing the details in Photoshop

Bước 6

Để thêm một số trang trí, tôi sử dụng một màu vàng ấm áp và bàn chải inker (giống như cho các dòng răng). Tạo một Layer Clip mới phía trên layer trái tim màu đỏ và vẽ một số đồ trang trí trên đó. Ngoài ra, tôi đã vẽ lông mày ở đây. Khuôn mặt của trái tim đã sẵn sàng!

Mexican style decoration by inker brushes

Bước 7

Chọn tất cả các layer và nhóm layer của trái tim (bao gồm miệng, mắt và mũi) và Group chúng lại (Command-G). Sắp xếp các layer của bạn để dễ dàng điều hướng. Nếu bạn đã nhóm các đối tượng không chính xác, bạn có thể tách nhóm (Command-Shift-G).

Group the layers in Photoshop

Bước 8

Bây giờ là lúc cho đôi cánh của trái tim. Vẽ hai cánh lớn trên cùng một layer bằng Pen Tool (P).

Mexican style wings by Pen Tool

Trên một layer khác, vẽ các shape hình cánh phía trong. Bạn có thể chỉnh sửa shape bằng Direct Selection Tool (A) và chỉnh sửa các điểm anchor. Hãy bảo đảm con trỏ của Direct Selection Tool có màu trắng. Bạn có thể thay đổi nó trong bảng Tools.

Inner wings in Photoshop by Pen Tool

Bước 9

Tạo một layer texture mới phía trên layer red wings (đôi cánh màu đỏ) và vẽ shadow (bóng) từ đôi cánh bên trong với texture brush có màu đỏ sẫm. Chuyển mode của layer thành Multiply và đổi Opacity để làm cho nó trông đẹp và tự nhiên. Tôi sử dụng Opacity 60%.

Shadows by texture brush

Bước 10

Tạo một layer Clip mới cho layer red wings. Với inker brush và màu đỏ nhạt, vẽ các đường thẳng cho phần lông vũ. Bạn có thể vẽ bất kỳ kiểu đường thẳng nào - chủ yếu là để bổ sung texture và chi tiết. Tôi chọn những đường thẳng đơn giản. Chuyển mode thành Screen và sau đó thiết lập Opacity (tôi đặt 80%).

Adding details to wings

Bước 11

Đối với hình dạng của inner wings (đôi cánh bên trong), tôi tạo ra hai layer bóng với cùng một texture brush. Người đầu tiên là một layer màu da cam đậm trong chế độ Multiply và Opacity 70%. Thứ hai là một layer màu nâu, cũng với mode là Multiply. Một số layer shade cho hình ảnh có thêm chiều sâu.

Shadows by Kyle T Brushes

Trên một layer Clip mới, thêm các điểm nổi bật với texture brush và màu vàng nhạt. Chế độ là Screen. Xóa các nét vẽ không cần thiết (nếu có) bằng công cụ Erase Tool (E).

Highlights with texture brushes

Bước 12

Trên một layer Clip khác, vẽ trang trí bằng inker brush và lock Opacity của layer. Sử dụng texture brush, thêm một số giá trị với màu tối hơn gần khuôn mặt của trái tim hơn. Group tất cả các layer của phần cánh và nó đã sẵn sàng.

Decorative wings elements

Bước 13

Tôi quyết định thay đổi kế hoạch của mình một chút và vẽ một chiếc vương miện trên cùng của trái tim. Dùng Pen Tool (P), tôi vẽ vài shape hình vương miện. Tôi đã ẩn đi layer color scheme để làm cho quá trình vẽ shape rõ và dễ dàng hơn. Chỉ cần click vào eye icon trong bảng điều khiển Layers.

Mexican hearts crown by Pen Tool

Bước 14

Áp dụng kỹ thuật quen thuộc, thêm các giá trị cho vương miện. Sử dụng các layer tối trong chế độ Multiply với texture brush và các layer sáng trong chế độ Screen. Hãy thử số lượng layer và độ mờ của chúng.

Crowns shadows and highlights by texture brushes

Sắp xếp các layer, và xin chúc mừng! Chúng ta đã hoàn thành với trái tim và các vật thể của nó.

Arrange the Photoshop layers

4. Cách tạo vector chữ và tô màu chữ

Bước 1

Giờ đến ribbon và các chữ. Với Pen Tool (P), hãy vẽ ribbon. Tôi dùng màu xanh ngọc. Một lần nữa hãy ẩn đi màu sắc.

Ribbon for the text by Pen Tool

Bước 2

Trên layer mới, vẽ các chữ cái bằng Pen Tool (P). Để tạo các shape chồng chéo (như không gian bên trong trong Q), chọn hai shape bằng Direct Selection Tool (A) và chọn Exclude Overlapping Shapes.

Overlapping vector shapes in Photoshop

Sử dụng mũi tên màu đen từ Direct Selection Tool (A) nếu bạn cần di chuyển một số shape. Chỉnh sửa các điểm anchor phím mũi tên màu trắng trong cùng một công cụ.

Selection vector shapes in Photoshop

Bước 3

Như mọi khi, bổ sung vài volume với brush và một số texture với brush trên các layer khác nhau, với Multiply cho các sắc thái (shades) và Screen cho các điểm nổi bật.

Painting over the vector shapes

Bước 4

Sử dụng Pen Tool (P), bổ sung một số đường nét đứt để trang trí. Tôi rasterize tất cả các layer vẽ dashed line (đường đứt nét) (Nhấp chuột phải vào Layer > Rasterize) và merge (hợp nhất) chúng thành một (chọn tất cả các layer cần thiết và Command-E).

Decorative dashed lines in Photoshop

Bước 5

Tạo một layer clip mới cho các chữ cái của chúng ta. Ta tô màu nó bằng brush: màu vàng nhạt trên cùng, và màu da cam và màu cam đậm ở phía dưới. Điều này bổ sung thêm giá trị cho bảng hiệu của chúng ta.

Adding color accent by clip layer

Bước 6

Một lần nữa, bổ sung texture với texture brush. Sử dụng một layer tối cho shadow và một layer sáng cho những điểm nổi bật.

Using the texture brush in Photoshop

Bước 7

Giờ là lúc trải nghiệm tuyệt vời. Nhân đôi layer letter (chữ cái) (Command-J) và đặt nó dưới layer chữ cái. Click vào layer mới, tô màu xanh ngọc đậm, và di chuyển nó xuống thấp hơn và sang trái (V hoặc chỉ sử dụng các phím mũi tên trên bàn phím). Bây giờ chúng ta có một cái bóng dưới các chữ cái của chúng ta.

Shadows in Photoshop

Bước 8

Tạo một layer mới bên dưới ribbon và vẽ phần ribbon bên trong bằng Pen Tool (P). Ở đây, tôi quyết định thay đổi bảng màu đầu tiên và tô màu xanh ngọc đậm. Trên layer clip mới, thêm vài volume bằng brush. Chọn tất cả các layer ribbon và letter (chữ cái) và nhóm (Command-G) chúng lại.

Inner ribbon part in Photoshop

Bước 9

Nhân đôi (Command-J) nhóm của ribbon và merge các mục bên trong (Command-E).

Group and arrange the ribbons layers

Di chuyển layer mới này bên dưới nhóm ribbon trên cùng và double-click vào layer thu nhỏ (hoặc nhấn chuột phải > Blending Options). Chọn Color Overlay và chọn màu thành màu nâu đậm.

Blending options color overlay in Photoshop

Di chuyển layer này (V hoặc phím mũi tên) và đặt chế độ thành Multiply. Đặt Opacity40-50%. Chúng tôi đã hoàn thành ribbon trên cùng. Lặp lại các bước cho ribbon dưới cùng.

Mexican style heart lettering

Bước 10

Đây là lúc bổ sung chi tiết. Thêm chi tiết mới và vẽ một số cạnh.

Adding ribbons details

5. Cách tô màu cho màu nền

Bước 1

Giờ là lúc cho background. Tạo một layer mới dưới tất cả các layer đã có và tô màu bằng Paint Bucket Tool (G). Hãy chắc chắn rằng bạn đã chọn Paint Bucket Tool thay vì Gradient Tool.

Background in Photoshop by Bucket Tool

Bước 2

Sử dụng Pen Tool (P), tạo các đường viền trang trí và tô màu vàng sậm cho chúng.

Pen tool for the background decoration

Bước 3

Để tạo ra frame (khung hình), hãy vẽ shape của frame và một hình chữ nhật lớn (có cùng kích thước với toàn bộ artboard) trên cùng một layer. Chọn nó bằng công cụ Direct Selection Tool (A) và chọn Exclude Overlapping Shapes.

Background frame by Pen Tool

Bước 4

Chọn bất kỳ texture brush nào (ví dụ, từ bộ này) và thêm một số hạt vào khung, tạo một layer clip mới phía trên.

Adding the texture to the background

Bước 5

Double click vào layer frame để mở các tùy chọn blending và thiết lập màu Drop Shadow là màu nâu đậm, Opacity 20-35%, Angle90 độ, Distance 15 px, Size 20 px, và Noise16%.

Layer Blending Options Drop shadow settings

Bước 6

Đây là lúc trang trí cho frame. Với Pen Tool (P), vẽ một trái tim nhỏ và vài đốm lửa màu vàng trên các layer riêng biệt.

Heart frame decoration

Nhân đôi đối tượng này và di chuyển nó lên bốn góc.

Copying the small heart objects

Bước 7

Với Pen Tool (P), vẽ các đường thẳng ở hai bên của frame. Group (G) tất cả các layer của frame.

Decorative line by Pen Tool

Chúng ta đã hoàn thành màu chính. Đây là kết quả trung cấp của chúng ta. Hãy hoàn tất nó!

Mexican style lettering card intermediate result

Bước 8

Chọn các ribbon và nhóm layer trái tim và làm chúng to lên một chút. Sự tiện lợi của đồ họa máy tính là chúng ta có thể tự do thay đổi và di chuyển các đối tượng.

Increasing the objects

6. Cách bổ sung các chi tiết nhỏ hơn

Bước 1

Hãy làm việc với các chi tiết. Tôi đã bổ sung một số điểm nổi bật dưới mũi của trái tim. Để nhanh chóng chọn layer bạn cần, hãy sử dụng công cụ Move Tool (V) và chọn Auto-Select > Layer trong panel trên cùng.

Move Tool in Photoshop painting the details

Bước 2

Ngoài ra, tôi đã thêm một số noise vào background bằng cách sử dụng noise và texture brush khác nhau. Đặt chúng thành chế độ Multiply và đặt Opacity5-15%.

Background texture by texture brushes in Photoshop

Bước 3

Double click vào nhóm layer trái tim chính và xét Drop Shadow thành màu nâu đậm, chế độ Multiply, 90 độ Angle, 6 px Distance, 13 px Size16% Noise.

Drop Shadow settings in Photoshop for the noise shadow

Bước 4

Tôi đã quyết định thay đổi bóng ribbon thành giống như trái tim. Bạn có thể giữ cái cũ. Chọn nhóm bóng cũ và làm cho nó vô hình (hoặc đơn giản là Delete nó). Giữ phím Alt và di chuyển layer effects từ nhóm layer chính của trái tim đến nhóm layer ribbon trên cùng. Thực hiện tương tự với ribbon dưới cùng.

Changing the shadows styles

Bước 5

Bây giờ chúng ta có thể trang trí nó như chúng ta muốn! Với inker brush, tôi đã thêm một số đường kẻ bên trong cho các chữ. Bạn có thể sử dụng công cụ Rotate (R) để vẽ thoải mái hơn. Đừng quên bạn có thể nhấn Command-Shift-Z để Undo hành động này.

Decoration lettering with the inker brush

Bước 6

Sử dụng Pen Tool (P), vẽ một vài ngôi sao. Trên layer clip, dùng texture brush vẽ một số stroke.

Drawing stars by the Pen Tool

Bước 7

Áp dụng shadow cho layer các ngôi sao. Chọn màu đỏ sẫm, chế độ Multiply, Opacity 50%, Distance 6 px, 10 px Size, 16% Noise.

Stars shadows

7. Cách sử dụng Điều chỉnh màu

Tạo một layer levels adjustment mới phía trên background.

Creating the adjustment layer

Di chuyển thanh trượt ở phía tối một chút để làm cho màu nền đậm hơn.

Levels panel in Adobe Photoshop

Thêm một số giọt màu đỏ đậm và vật trang trí dạng khối dưới frame bằng Pen Tool (P).

Chúng ta đã hoàn tất!

Phong cách trang trí này rất sự tự do, và bạn có thể dễ dàng thư nhiều sắc và các thành phần trang trí. Bạn có thể sử dụng quy trình làm việc này làm cơ sở và tạo ra thiết kế của riêng bạn. Cảm ơn bạn đã tạo ra và trải nghiệm với tôi. Hãy tận hưởng quá trình và hãy chia sẻ kết quả của bạn!

The Mexican hand lettering Valentine card design

Xem một số hướng dẫn từng bước rất tuyệt vời khác với các thiết kế chữ đáng yêu, và các hướng dẫn tuyệt vời về vẽ bằng Photoshop với những mẹo vẽ hình chuyên nghiệp!

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.