Tạo ảnh minh họa typography ấn tượng

Discussion in 'Thiết kế - Đồ họa' started by bboy_nonoyes, Jun 2, 2014.

  1. bboy_nonoyes

    bboy_nonoyes Administrator Staff Member

    (Lượt xem: 672)

    Trong bài hướng dẫn này chúng ta sẽ tận dụng khả năng của phần mềm 3D, raster và vector trong hầu hết các tiến trình xử lí typography. Bài hướng dẫn là sự kết hợp xuất sắc của C4D, Illustrator và Photoshop. Tác phẩm bao gồm những khía cạnh về mô hình 3D, sự tích hợp vector, brush và ảnh thao tác

    Giới thiệu


    Tôi không có gì nhiều để nói, chỉ là tôi hoàn toàn thích các phương pháp xử lí chữ. Những từ tôi chọn trong bài thực hành chỉ là lí do cho việc sử dụng tất cả những công cụ và kĩ thuật của tôi. Tôi có thể nhanh chóng quyết định giữa những kí tự 2D và 3D, những texture trơn hoặc thô, môi trường tối hoặc sáng, phong cách lộng lẫy hoặc đơn giản, nhưng không thể quyết định được những điều mình muốn viết trong cuộc sống của tôi! Vì vậy tôi đã viết chính xác những gì tôi nghĩ ở bài hướng dẫn này

    Phần mềm sử dụng

    • Tác giả: Alex Beltechi
    • Illustrator CS +
    • Cinema 4D +
    • Photoshop CS +
    • Bạn có thể download file PSD nguồn ở cuối bài viết này
    Hình sau khi hoàn thành


    Bạn sẽ tìm thấy file PSD Photoshop trong thư mục “source” từ file ZIP bạn tải về. Bạn có thể xem sơ qua trước khi chúng ta bắt đầu. Tác phẩm hoàn thành bạn có thể xem bên dưới.

    [​IMG]
    Bước 1


    Với phần đầu tôi sẽ tạo chữ trong Maxon Cinema 4D. Kiếm Bezier Tool. Nếu bạn quen thuộc với nó, bạn sẽ biết nó tương tự như Pen Tool trong Photoshop, nhưng không quá giống hệt nhau. Click và kéo mỗi endpoint, bao gồm điểm đầu tiên. Bắt đầu vẽ kí tự đầu tiên.

    [​IMG]
    Bước 2


    Chỉnh sửa endpoint click vào Move Tool (E) và dùng Point Tool ở thanh menu bên trái. Sau đó click vào một trong những endpoints để di chuyển chúng xung quanh hoặc điều chỉnh tay nắm.

    [​IMG]
    Bước 3


    Sau khi bạn vẽ tất cả kí tự ta dùng Move Tool (E) kết hợp với Model Tool để thay đổi vị trí của mỗi kí tự riêng biệt.

    [​IMG]
    Bước 4


    Điều chỉnh vị trí của endpoints để chúng bẻ cong trong không gian 3D chứ không chỉ có 2D. Di chuyển một số xa hơn hoặc gần hơn và điều chỉnh tay nắm để có sự chuyển đổi mượt mà trong không gian.

    [​IMG]
    Bước 5


    Những kí tự của bạn sẽ trông giống như thế này.

    [​IMG]
    Bước 6


    Click và kéo vào Add HyperNURBS Object và chọn Sweep Nurbs. Bạn có thể nhìn thấy nó trong Menu Objects.

    [​IMG]
    Bước 7


    Chọn một trong những đường path của kí tự và kéo nó xuống bên dưới weep NURBS.

    [​IMG]
    Bước 8


    Bây giờ chèn một Rectangle.

    [​IMG]
    Bước 9


    Kéo hình này vào bên dưới Sweep NURBS cũng được. Click vào tab Object khi hình chữ nhật đã được chọn và chỉnh như hình bên dưới.

    [​IMG]
    Bước 10


    Bây giờ click vào Detail ở menu thả xuống. Chỉnh Scale và Rotation tương tự hình. Dựa vào cách bạn vẽ những kí tự, bạn sẽ phải điều chỉnh những điều này cho phù hợp

    [​IMG]

    Nếu các góc quá sắc nét, bạn cần phải kéo dãn các tay nắm của endpoints, nếu không bạn sẽ gặp những lỗi sai như hình bên dưới. Scale và Rotation của một đối tượng cũng có thể dẫn đến những lỗi này. Những kí tự trông khá dễ để tạo ra chúng nhưng làm mịn chúng thì mất khá lâu. Bạn sẽ phải điều chỉnh tốt tất cả các endpoints, scale và rotation cho tới khi bạn nhận được kết quả hài lòng.

    [​IMG]
    Bước 11


    Lặp lại tiến trình cho tới khi toàn bộ từ được hoàn thành. Đây là một ví dụ đã được render.

    [​IMG]
    Bước 12


    Bây giờ chúng ta cần một background trắng, đơn giản. Tạo một Plane.

    [​IMG]
    Bước 13


    Xoay nó để nó được thẳng đứng.

    [​IMG]
    Bước 14


    Dùng Scale Tool (T) làm nó rộng ra và di chuyển về phía sau. Di chuyển nó về sau nhiều sẽ làm cho render cuối cùng có background màu xám, thay vì một màu trắng đơn giản.

    [​IMG]
    Bước 15


    Vị trí của các kí tự sẽ trông tốt hơn từ một góc độ nhất định, nên đặt camera vào khung hình thì khá quan trọng. Vào Objects > Scene > Camera để chèn một cái vào đến khi bạn cảm thấy hài lòng với góc độ nhất định.

    Hãy nhớ rằng di chuyển điểm nhìn sẽ làm cho camera di chuyển theo. Có thể xem các đối tượng từ những góc độ khác nhau mà không làm ảnh hưởng tới camera, click vào icon vuông màu trắng bên phải của layer từ Menu Objects (nhìn thấy layer đầu tiên trong screenshot ở bước kế tiếp).

    [​IMG]
    Bước 16


    Bạn có thể nhìn thấy ở đây camera bây giờ chưa được kích hoạt và có icon màu đen. Đây là nơi tôi đề nghị bạn đặt nó vào.

    Tại sao là góc độ thấp? Tôi thật sự thích những thứ từ phía dưới tạo cảm giác thống trị. Bỏ qua chúng thì càng táo bạo và khó khăn hơn. Ít nhất thì đó là cách thức tôi đã nhìn thấy chúng từ dưới như thế này ở ngay đây [​IMG]

    [​IMG]
    Bước 17


    Đã đến lúc chèn material vào text. Trong Menu Material, vào File > Shader > Nukei. Chỉ tạo một hiệu chỉnh tới nó. Thay đổi màu sắc Specular 1 A thành cyan (R:0, G:217, B:255) và Specular 3 A thành màu sáng hơn (R:125, G:255, B:230). Bạn có thể tạo ra bằng cách click đúp vào material từ Menu Material.

    [​IMG]
    Bước 18


    Bây giờ vào Photoshop và gõ chữ đầu tiên dùng MOD font. Chỉnh thiết lập text như hình dưới.

    [​IMG]
    Bước 19


    Click phải vào Icon Layer từ Menu Layer và click vào Convert to Shape.

    [​IMG]
    Bước 20


    Sau đó vào File > Export > Paths to Illustrator…

    [​IMG]
    Bước 21


    Quay lại C4D và vào File > Merge. Định vị Illustrator và đặt nó vào trong file.

    [​IMG]
    Bước 22


    Chèn Extrude NURBS và kéo tất cả đường path của text dưới nó. Thay đổi thiết lập Object và Caps như hình bên dưới. Để nhìn thấy cả hai tab cùng lúc, Shift+ Click vào cả hai.

    [​IMG]
    Bước 23


    Xoay và di chuyển nó vào vị trí. Phần giao nhau với text bị bẻ cong là có chủ ý. Bạn có thể giữ chúng nếu bạn thích, nhưng phần thủy tinh phản chiếu sẽ được đưa vào cho thú vị.

    [​IMG]
    Bước 24


    Bây giờ chúng ta sẽ tạo material dùng cho phần text thủy tinh. Từ menu material, vào File > New Material. Click đúp vào nó để đưa lên Material Editor và dùng chuỗi ảnh này để chỉnh sửa các thông số.

    [​IMG]
    [​IMG]
    [​IMG]
    [​IMG]
    [​IMG]
    [​IMG]
    Bước 25


    Kéo material lên text và lặp lại tiến trình tạo những từ khác.

    [​IMG]
    Bước 26


    Bây giờ chèn Area Light.

    [​IMG]
    Bước 28


    Định vị và xoay nó vào đúng vị trí.

    [​IMG]
    Bước 29


    Tất cả những gì chúng ta cần làm bây giờ là render chữ. Vào Render > Render Settings (Command + B). Dùng các thiết lập từ hình sau.

    [​IMG]
    [​IMG]

    Đừng quên xác định đường dẫn (nơi bạn muốn lưu).

    [​IMG]
    [​IMG]
    Bước 30


    Một khi tất cả các thiết lập được đặt đúng vị trí, render nó (Shift + R). Thế nhưng trước khi bạn vào Photoshop, bạn cần tạo phiên bản khác để bạn có thể dùng để tạo vùng chọn cho text.

    [​IMG]
    Bước 31


    Nhân đôi khung ảnh và xóa tất cả những material từ Menu Material, Light và đối tượng background (Plane). Đừng thay đổi góc độ hay zoom bằng Camera và vào go to Render > Render Settings một lần nữa. Click vào tab Save, thay đổi đường dẫn cho khác tên gọi và check vào vùng Alpha Channel.

    [​IMG]
    Bước 32


    Mở file Photoshop có chứa phiên bản ban đầu của ảnh. Vào Window > Channels và Ctrl+ Click trên layer Alpha 1.

    [​IMG]
    Bước 33


    Vào Select > Save Selection và save nó tên “type”.

    [​IMG]
    Bước 34


    Bây giờ mở file Photoshop trước chứa những ảnh thực. Đặt tên layer là Background và nhân đôi nó (Ctrl + ]). Làm ẩn cái đầu tiên và chắc rằng chỉ có một layer đang hiển thị. Vào Select > Load Selection. Từ menu Document được thả xuống, chọn ảnh đơn giản. Từ menu Channel thả xuống, kím channel “type”. Đảo ngược vùng chọn (Command + Shift + I) và làm ẩn nó (Layer > Layer Mask > Hide Selection).

    [​IMG]
    Bước 35


    Làm layer đầu tiên hiển thị lần nữa. Tạo màu foreground và background trong swatch mang sắc độ sáng nhất và tối nhất cho bức ảnh. Dùng Gradient Tool thiết lập Radial để tái tạo lại background trên layer tương tự.

    [​IMG]
    Bước 36


    Mở file “clouds.psd” từ thư mục “source” và chèn chúng vào khung hình.

    [​IMG]
    Bước 37


    Thay đổi trình tự layer để một vài trong số những đám mây ở trên text và hầu hết nằm đằng sau.

    [​IMG]
    Bước 38


    Desaturate chúng (Command + Shift + U) và thay đổi độ contrast bằng Curves Tool (Ctrl + M).

    [​IMG]
    Bước 39


    Chèn Layer hiệu chỉnh Gradient Map lên một trong số layer “cloud” (Layer > New Adjustment Layer > Gradient Map). Dùng ba màu từ trái qua phải: #2f324b, #cccccc, và #ffffff.

    [​IMG]
    Bước 40


    Tạo layer mới lên trên layer “type”. Bây giờ dùng Pen Tool (P) và vẽ những đường line bẻ cong tương tự trong mode Path. Chọn Brush tool (B) và thay đổi kích thước cọ khoảng 100px và Hardness là 0%. Dùng màu trắng làm màu foreground, dùng Pen Tool (P) một lần nữa và click phải vào khung hình. Chọn Stroke Path, check hộp Simulate Pressure và nhấn Ok.

    [​IMG]
    Bước 41


    Dùng kĩ thuật tương tự một lần nữa nhưng thay vào đó dùng màu tím đậm (#5b6171). Vẽ xung quanh với Opacity khoảng 70% cho mỗi layer.

    [​IMG]
    Bước 42


    Chèn màu khác như cyan (#71dce5).

    [​IMG]
    Bước 43


    Cuối cùng chèn thêm màu trắng để hoàn thành.

    [​IMG]
    Bước 44


    Lặp lại tiến trình để tạo cái khác ở bên phải.

    [​IMG]
    Bước 45


    Làm ẩn phần đầu của dòng chảy với một đám mây nhỏ. Tạo một Layer mới lên trên nó. Tạo Clipping mask, tô màu tím và cyan phát sáng gần dòng chảy.

    [​IMG]
    Bước 46


    Kế đến tải bộ brush Aurora Borealis. Dùng nó để tô vài vùng phát sáng trên background. Xem vị trí ở những tấm hình bên dưới.

    [​IMG]
    [​IMG]
    [​IMG]
    Bước 47


    Như ở bước 45, tô màu tất cả đám mây trong ảnh.

    [​IMG]
    Bước 48


    Đừng quên những đám mây nhỏ phủ lên phần đầu mỗi dòng chảy.

    [​IMG]
    Bước 49


    Chèn một vài vùng phát sáng nhỏ hơn và mạnh hơn nằm phía dưới đám mây. Chúng ta sẽ chèn vài vùng sáng vào đây ở những bước tiếp theo.

    [​IMG]
    Bước 50


    Đối với phần này bạn sẽ cần Arsenal’s Lightning Vector Pack. Dùng một trong số những cái này và đặt nó lên một trong những dòng chảy. Click đúp vào layer để chèn vài vùng phát sáng huyền ảo. Dùng hiệu ứng cho shot ảnh như bên dưới.

    [​IMG]
    [​IMG]
    Bước 51


    Bây giờ tạo một layer thứ hai và tạo clipping mask. Tô màu cyan nhẹ bên trong layer này.

    [​IMG]
    Bước 52


    Chèn tia chớp khác bắt đầu từ bên trong trước. Dùng màu magenta vào bên trong của tia chớp này.

    [​IMG]
    Bước 53


    Chèn tia chớp khác vào phía bên trái.

    [​IMG]
    Bước 54


    Bây giờ chèn một cái vào bên dưới.

    [​IMG]
    Bước 55


    Chúng ta sẽ tạo một vài hiệu chỉnh cho chữ. Tôi thấy độ tương phản quá cao, trái ngược với sự mềm mại của khung cảnh, vì vậy đầu tiên ta chèn layer hiệu chỉnh Selective Color và tạo clipping mask. Từ menu thả xuống, kiếm tab Cyan và thay đổi cho phù hợp.

    [​IMG]
    Bước 56


    Bây giờ từ thanh menu thả xuống, ta kiếm Blacks. Chỉnh sửa nó như hình dưới.

    [​IMG]
    Bước 57


    Vào lúc này độ tươi hơi cao nên chèn Hue & Saturation cũng được. Thay đổi Blues và kéo thanh Saturation xuống -56.

    [​IMG]
    Bước 58


    Khung cảnh bây giờ sẽ trông như thế này. Có vẻ thiếu độ tương phản, nhưng chúng ta sẽ sửa lại với một chút thay đổi nhiệt độ trong vài bước tiếp theo.

    [​IMG]
    Bước 59


    Click vào layer trên cùng và chèn Gradient Map. Click vào Gradient và từ menu Gradient Editor click vào cái đầu tiên của hàng dưới. Nhấn Ok cho cả hai menu, kéo thanh Opacity của layer xuống 15% và thay đổi Blending Mode thành Color Burn.

    [​IMG]
    Bước 60


    Chèn layer Adjustment khác: Levels và kéo điểm sáng ở giá trị 243.

    [​IMG]
    Bước 61


    Bây giờ là lúc để chèn một chi tiết cuối cùng. Tôi nhìn thấy có nhiều brush đường thẳng bao gồm những đường song song, lặp đi lặp lại. Tôi khá thích điều này, nhưng muốn tạo một phiên bản hơi khác bằng cách dùng gradient và độ dày đường line khác nhau. Blend Option của Illustrator có thể làm tất cả những điều này

    Chúng ta sẽ copy tấm hình. Để làm điều này, nhấn Ctrl + Shift + C. Bắt đầu vào Illustrator và paste hình (Ctrl + V). Tạo layer mới và dùng Pen Tool vẽ đường line đầu tiên. Chỉnh độ dày stroke 0.5 và tô màu đen.

    [​IMG]
    Bước 62


    Copy nó (Ctrl + C) và paste nó vào đúng chỗ (Ctrl + F). Transform nó bằng cách kéo endpoint ở giữa phía trên theo hướng lên. Thay đổi thành màu trắng.

    [​IMG]
    Bước 63


    Chọn cả hai ta nhấn Shift- click vào cả hai đường line. Vào Object > Blend > Blend Options. Thay đổi thiết lập như hình.

    [​IMG]
    Bước 64


    Bây giờ blend nó (Object > Blend > Make).

    [​IMG]
    Bước 65


    Tạo một cái khác theo cách tương tự nhưng thay đổi steps thành 15

    [​IMG]
    Bước 66


    Lặp lại tiến trình để tạo tất cả các chi tiết. Chúng dường như hơi quá nhiều, chúng ta sẽ sửa lại trong Photoshop.

    [​IMG]
    Bước 67


    Copy cái đầu tiên chúng ta đã tạo và paste nó vào Photoshop dưới dạng Smart Object. Đặt nó vào góc bên trái phía dưới.

    [​IMG]
    Bước 68


    Chèn Gradient Map và tạo Clipping mask cho layer đường line. Thay đổi màu thành màu hồng (#e9bad6) và cyan (#d9f4f7).

    [​IMG]
    Bước 69


    Paste chi tiết đường line thứ hai như thể nó đến từ bên trong đám mây.

    [​IMG]
    Bước 70


    Lặp lại tiến trình và chèn chúng lên khung cảnh với những màu sắc khác nhau.

    [​IMG]
    Bước 71


    Tô màu cho chúng. Dùng những sắc thái khác nhau như hồng, tím, xanh dương, xanh da trời, v.v…. Đảm bảo mọi thứ đều có nét mềm mại.

    [​IMG]
    Bước 72


    Tôi cảm thấy text thủy tinh không thể đọc được, vì vậy tôi chèn độ phản chiếu màu trắng lên bề mặt của mỗi kí tự. Dùng Pen Tool (P) để đồ lên bề mặt mỗi kí tự và chọn màu trắng làm màu foreground.

    [​IMG]
    Bước 73


    Giảm Opacity và erase (E) những phần quá sáng.

    [​IMG]
    Bước 74


    Làm tương tự cho text phía dưới càng tốt.

    [​IMG]
    Hoàn thành


    Và chúng ta đã hoàn thành! Đây quả là một hành trình trải qua nhiều ứng dụng, tôi hi vọng nó sẽ đem lại nhiều bổ ích cho bạn. Cám ơn đã ghé thăm!

    [​IMG]
    DOWNLOAD FILE PSD
    http://www.fshare.vn/file/IWMU3IZE1Z/
    Từ khóa bài viết:

    • phần mềm viết chữ typo
    • работа типографики в фотошопе
    • Стрикинг

    The post Tạo ảnh minh họa typography ấn tượng appeared first on Đồ họa và nhiếp ảnh Việt Nam.
    Nguồn DohoaVN.net
     
  2. Facebook comment - Tạo ảnh minh họa typography ấn tượng

Share This Page