Home > Photoshop > Thiết Kế Text bằng Hiệu Ứng Sữa

Thiết Kế Text bằng Hiệu Ứng Sữa

Sau hàng loạt các hiệu ứng Text như hiệu ứng: Nước, Mây, Ánh sáng, và trước kia còn có các hiệu ứng Diềm ăng ten… Bây giờ, tôi sẽ chỉ dẫn các bạn cách tạo ra một hiệu ứng dễ thương mà tôi đã quan sát thấy trên DeviantArt mấy tháng trước, đó là hiệu ứng Text kết hợp với các Splashes bằng sữa. Và chúng ta sẽ sử dụng Photoshop và Illustrator để thực hiện hướng dẫn này.

Ý tưởng rất đơn giản, tôi sử dụng một số hình ảnh có sẵn và typeface rất blocky (dạng hình khối). Thay vì phải lãng phí thời gian để tìm kiếm phông chữ hoàn hảo, tôi quyết định tạo ra phông chữ trong Illustrator. Như vậy, bước đầu tiên, tôi sẽ chỉ các bạn cách tạo ra phông chữ và sau đó, chúng ta sẽ thực hiện các bước tiếp theo trong Photoshop, tôi sẽ chỉ bạn cách kết hợp phông chữ đó với các bức ảnh.

Bước 1

Mở Adobe Illustrator và vào View>Show Grid. Sau đó chọn Rectangle Tool (M) và tạo ra 2 hình vuông và 2 chữ nhật như hình dưới đây.

Image from the Milk Typography Effect in Photoshop Tutorial

Bước 2

Để tạo chữ M chọn Pen Tool (P) và thêm 2 chấm 2 Block từ chính giữa.

Image from the Milk Typography Effect in Photoshop Tutorial

Bước 3

Thêm tiếp 2 chấm nữa và di chuyển chúng lên trên 2 Block.

Image from the Milk Typography Effect in Photoshop Tutorial

Bước 4

Bây giờ, thêm một chấm ở chính giữa của nét vẽ và nhích chấm nhỏ này xuống 1 block. Sử dụng hình ảnh như bên dưới để tham khảo.

Image from the Milk Typography Effect in Photoshop Tutorial

Bước 5

Để hoàn tất chữ M, ta phải sử dụng Pen Tool (P) một lần nữa, thêm vào 3 điểm mới nhưng chỉ di chuyển điểm ở giữa xuống.

Image from the Milk Typography Effect in Photoshop Tutorial

Bước 6

Đối với các chữ cái khác, cách làm khá giống nhau, sử dụng Pen Tool (P) và sử dụng cùng kỹ thuật mà chúng ta đã sử dụng với chữM. Sử dụng hình ảnh bên dưới để tham khảo.

Image from the Milk Typography Effect in Photoshop Tutorial

Image from the Milk Typography Effect in Photoshop Tutorial

Image from the Milk Typography Effect in Photoshop Tutorial

Image from the Milk Typography Effect in Photoshop Tutorial

Image from the Milk Typography Effect in Photoshop Tutorial

Image from the Milk Typography Effect in Photoshop Tutorial

Bước 7

Mở Photoshop và tạo một document mới, tôi đã sử dụng một document có kích thước 1920×1200 pixels Sau đó, copy các chữ cái từ Illustrator và paste chúng vào Photoshop. Mỗi phông chữ phải nằm trong một layer. Background sẽ có màu đen trắng, các chữ sẽ có màu trắng.

Image from the Milk Typography Effect in Photoshop Tutorial

Bước 8:

Để tạo ra các splashes bằng sữa, tôi đã sử dụng một số hình ảnh có sẵn. Bạn có thể download hình ảnh đầu tiên tại http://www.shutterstock.com/pic-27264406-splash-in-a-milk-glass.html.

Image from the Milk Typography Effect in Photoshop Tutorial

Bước 9

Copy và paste vào trong document. Vào Edit>Transform>Scale và thay đổi kích thước cho vừa với chiều rộng của chữ M. Sử dụng Eraser Tool (E) để xóa một số khu vực ở phía dưới cùng của các bức ảnh. Ngoài ra với Stamp Tool (S) tô màu các bộ phận, nơi bạn có thể nhìn thấy cái ly, ý tưởng là để ẩn cái ly và chỉ để nhìn thấy phần sữa.
Image from the Milk Typography Effect in Photoshop Tutorial

Bước 10

Với Eraser Tool (E) chúng ta xóa một phần của chữ M phía trên cùng của góc phải, vị trí mà hiệu splash bằng sữa này sẽ trông không được đẹp.

Image from the Milk Typography Effect in Photoshop Tutorial

Bước 11

Đối với ký tự, chúng ta sẽ sử dụng một bức ảnh khác nhau, phương pháp này có thể làm cho hiệu ứng trông thuyết phục hơn. Bạn có thể chỉ sử dụng bức ảnh đó một và 2 lần với Warp Tool. Bức ảnh mà tôi sử dụng, tôi đã download về từ http://www.shutterstock.com/pic-12058783-splash-in-a-milk-glass.html

Image from the Milk Typography Effect in Photoshop Tutorial

Bước 12

Paste hình ảnh trong Photoshop vào document, sau đó, dùng Magic Wand Tool(W) chọn vùng màu đen của hình ảnh và xóa nó đi. Vào Edit>Transform>Rotate. Ngoài ra, thay đổi kích thước để nó phù hợp với chiều rộng của chữ “I”

Image from the Milk Typography Effect in Photoshop Tutorial

Bước 13

Với Rectangular Marquee Tool (M) chúng ta xóa phần dưới cùng của hình ảnh mà bạn có thể nhìn thấy cái ly, sau đó chọn một khu vực giống nhau và vào Edit>Transfor>Scale.Làm cho các khu vực cao hơn nhiều giống như hình ảnh dưới đây và sau đó với Eraser Tool (E) sử dụng một bút vẽ mềm mại và xóa phần dưới cùng của splahs bằng sữa cho đến khi bạn có một sự chuyển tiếp rất uyển chuyển. Bạn có thể di chuyển toàn bộ splash xuống một chút.

Image from the Milk Typography Effect in Photoshop Tutorial

Bước 14

Thử sử dụng các hình ảnh khác cho các ký tự, đối với chữ L, tôi đã sử dụng bức ảnh khác từ Shutterstock, bạn có thể download tại http://www.shutterstock.com/pic-10532656-milk-splash-against-dark-background.html. Sau đó, lặp lại điều tương tự mà chúng ta đã làm với các chữ cái khác cho phù hợp với hình ảnh của Text.

Image from the Milk Typography Effect in Photoshop Tutorial

Step 15

Đối với chữ K tôi sử dụng một hình ảnh khác mà bạn có thể tìm thấy ở http://www.shutterstock.com/pic-15459070-milk-splash-on-a-blue-background.html.

Điều đầu tiên chúng ta cần thực hiện là chuyển đổi hình ảnh này sang màu xám. Vào Image>Adjustment>Desaturate. Sau đó. Vào Image>Adjustment>Levels. Tăng Black Input cho tới khi background của bạn chuyển sang màu đen, và với Magic Wand Tool(W) lựa chọn và xóa các background của hình splash. vào Edit>Transform>Scale để di chuyển và thay đổi kích thước hình ảnh này cho phù hợp với chiều rộng của chữ K, sau đó với Eraser Tool (E) xóa một số khu vực của splash này như hình dưới đây. Lời khuyên: sử dụng [và] để tăng hoặc giảm kích thước Eraser, việc xóa các vùng phù hợp để làm cho hiệu ứng trông hiện thực hơn , thực sự rất quan trọng. Cố gắng làm theo dòng chảy của sữa.

Image from the Milk Typography Effect in Photoshop Tutorial

Bước 16

Chọn chữ Kvà với Eraser Tool (E) chúng ta xóa góc trên cùng bên phải của chữ cái này.

Image from the Milk Typography Effect in Photoshop Tutorial

Bước 17

Vì chúng ta sử dụng các hình ảnh khác nhau nên có rất nhiều màu sắc khác nhàu, chẳng hạn, hình ảnh bao trùm chữ M và chữ L. Như vậy, để chúng trông giống nhau hơn, vào Layer>New Adjustment Layer>Gradient Map. Chọn Reverse và nó sẽ làm cho các splash trông giống nhau hơn.

Image from the Milk Typography Effect in Photoshop Tutorial

Bước 18

Để tạo ra chiều sâu (Depth) cho hiệu ứng này (Field Effect), chỉ cần copy một phần của các hình ảnh có khá nhiều drog và paste trong document. Trong trường hợp của mình, tôi đã sử dụng góc trên cùng bên phía phải của hình ảnh đã sử dụng trong bước 15. Copy và paste nó vào document, và vào Image>Adjustments>Desaturate, and Image>Adjustments>Levelsmột lần nữa để làm tăng Black Input để chuyển background sang màu đen. Sau đó, vào Edit>Transform>Scale và làm cho nó lớn hơn và vào Filter>Blur>Gaussian Blur. Sử dụng kích thước 15 px cho tất cả .

Image from the Milk Typography Effect in Photoshop Tutorial

Kết luận

Nhắp chuột vào Control/Ctrl + Alt + Shift + E để tạo một layer mới với tất cả các lớp đã merge. Sau đó, hãy vào Filter>Blur>Gaussian Blur một lần nữa. Sử dụng kích thước 10 pixels cho tất cả. Sau đó, thay đổi Blend Mode sang ScreenOpacity lên 50%.

Ngoài ra, đặt logo của bạn vào và hiệu ứng đã thực sự hoàn thành. Bạn có thể thêm nhiều splash hơn nữa và thử sử dụng các màu sắc khác nhau. Điều cơ bản là học cách kết hợp các splash bằng sữa với vector text và làm cho nó trông hiện thực hơn. Tôi hi vọng bạn yêu thích hướng dẫn này và hãy cho tôi biết ý kiến của bạn đối với hướng dẫn này cũng như các hướng dẫn khác xuất cho hướng dẫn này hay khác.

Image from the Milk Typography Effect in Photoshop Tutorial
Click vào đây để xem hình ảnh đầy đủ.

Tải file source (PSD) tại đây

Dịch và biên tập từ:AbduZeedo

Xem bài viết gốc

Categories: Photoshop
  1. No comments yet.
  1. No trackbacks yet.

Leave a Reply

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out / Change )

Twitter picture

You are commenting using your Twitter account. Log Out / Change )

Facebook photo

You are commenting using your Facebook account. Log Out / Change )

Google+ photo

You are commenting using your Google+ account. Log Out / Change )

Connecting to %s

%d bloggers like this: