Tạo hiệu ứng ảnh giống với poster phim "The Bourne Legacy"

Bạn đã từng xem bộ phim hành động "The Bourne Legacy" bao giờ chưa? Nếu đã từng xem có lẽ bạn sẽ không còn lạ lẫm gì với poster của bộ phim này, hiệu ứng khá bắt mắt đúng không nào? Và hôm nay mình sẽ hướng dẫn các bạn tạo hiệu ứng để làm cho ảnh giống với Poster Film: "The Bourne Legacy".

[caption id="" align="aligncenter" width="600"] Poster của phim The Bourne Legacy[/caption]

[caption id="" align="aligncenter" width="450"] Poster của phim The Bourne Legacy[/caption]

Bài hướng dẫn này được tham khảo từ trang PhotoshopTutorials.ws

Chúng ta bắt đầu bài tutorial này nhé, cũng đơn giản thôi.

Bước 1: Mở Stock lên. (ở đây mình dùng ảnh cô gái này để thực hành).

[caption id="" align="aligncenter" width="450"] Click vào đây để lấy ảnh fullsize[/caption]

Rồi ấn chuột phải vào layer Background, chọn Convert to Smart Object. Cái này chuyển sang để chúng ta có thể tùy chỉnh mà không bị ảnh hưởng đến các layer bên trên.

Bước 2: Chúng ta tạo 1 lớp Fill màu đen bằng cách: Layer-->New Fill Layer-->Solid Color.

Chọn cho nó màu đen và ấn OK.

Bước 3: Ấn và di chuyển layer Color Fill xuống dưới Layer gốc, bạn có thể đổi tên layer này (nếu muốn).

Bước 4:Tạo một lớp Black & White

Và để nó ở chế độ hòa trộn là Overlay.

Bước 5: Chúng ta tạo tiếp 1 lớp Vibrance.

Các bạn điều chỉnh thông số như sau:

Bước 6: Chúng ta tạo 1 lớp Shadow/Hightlights để tạo điểm nhấn.

Vào Layer--->Adjustments--->Shadows/Hightlights:

Chỉnh thông số như trong hình:

Các bạn có thấy tiện khi mình convert layer này sang Smart Object không? Nó cho phép các bạn tùy chỉnh mà không cần phải quay lại các bước trước.

Bước 7: Add Noise ( Nếu các bạn thích thì có thể bỏ qua bước này, tùy vào từng ảnh).

Các bạn vào Filter--->Noise--->Add Noise

Để để thông số là 8.

Bước 8: Dùng công cụ Crop (C). Để crop lại ảnh sao cho đẹp và ấn tượng. Các bạn nhớ bỏ dấu tích trong mục "Delete Croped Pixels" đi.

Bước 9: Các bạn thêm Text cho ảnh. Và sắp xếp nó sao cho ấn tượng.

Sau đó các bạn chọn tất các các Layer chữ bằng cách ấn Ctrl. Sau đó ấn Ctrl+G để gộp chúng vào 1 nhóm và đổi tên nhóm đó. Ở đây đổi thành nhóm "chữ"

Bước 10: Các bạn tiếp túc gộp các Layer: ("Vibrance, Black & White, Layer 0") vào 1 Group, đặt tên là "ảnh".

Bước 11: Bây giờ chúng ta sẽ thêm các ô kẻ ngang bằng cách dùng công cụ Rectangular Marquee Tools (M) để ở chế độ "Add to Selection" và giá trị là 0px.

Các bạn tạo 1 vùng chọn tùy ý, nếu sai có thể ấn Ctrl+Z để làm lại, hoặc ấn Ctrl+D để bỏ vùng chọn và làm lại từ đầu.

Các bạn kẻ sao cho hợp lí và đẹp mắt. (Lưu ý phải khoanh vùng bao cả chữ)

Bước 12: Ta đang ở Group "ảnh" , ấn vào biểu tưởng Add Layer Mask. Để tạo 1 lớp mặt nạ từ những sự lựa chọn mà ta thực hiên ở bước trước.

Ta sẽ được như thế này:

Bước 13: Tiếp tục chọn công cụ Rectangular Marquee Tools (M) với chế độ là New Selection và khoanh vùng xung quanh Text, sau đó ấn Delete để tô vùng chọn với màu đen, ấn Ctrl+D để bỏ vùng chọn. (Lưu ý màu nền phải được thiết lập là Trắng/Đen. Bằng cách ấn D rồi ấn X)

Bước 14: Bạn có thể tùy chỉnh lại Shadows/Highlights trong Layer 0 đã convert sang Smart Object để tạo điểm nhấn hơn (Cái này có thể chỉnh hay không).

Bước 15: Ta sẽ thêm 1 lớp Gradient vào Text bằng cách vào Layer-->Layer Style-->Blending Option

Trong mục Gradient, ta thiết lập thông số như hình:

Đây là kết quả cuối cùng:

Các bạn có thể tùy chỉnh kẻ ô sao cho đẹp. Nhưng nhất thiết phải kẻ khoanh vùng vào Text để có thể hiện Text lên. Vì bạn khoanh vùng ô ở đâu là ở đó nhìn thấy ảnh.

Thêm 1 ví dụ cho các bạn nè:

Hướng dẫn Việt hóa font chữ với phần mềm Fontlab Studio

Nói đến font chữ bất cứ một designer nào cũng hiểu rõ tầm quan trọng của nó rồi đúng không nào? Hiện nay chỉ cần gõ vào một địa chỉ web cung cấp font chữ phổ biến, ví dụ như Dafont là bạn đã có thể tìm thấy hàng ngàn font chữ đẹp lung linh rồi. Tuy nhiên điều đáng nói ở đây là những font chữ này không thể viết được tiếng Việt có dấu. Thế nên chúng ta cần phải Việt hóa chúng để có thể sử dụng chúng vào việc gõ tiếng Việt có dấu khi design.

Hiện tại, Việt Designer đang lập thêm một dự án về website chuyên cung cấp font chữ Việt hóa. Website có địa chỉ là http://font.vietdesigner.net/, và địa chỉ Fanpage để cho bạn tiện cập nhật font mới là: http://www.facebook.com/VietFont. Với đội ngũ các designer nhiệt huyết, mình tin rằng website sẽ là nơi cung cấp font chữ Việt hóa hàng đầu và đáng tin cậy dành cho các designer.

Để mở đầu sự kiện này, mình xin trích dẫn một bài viết về cách sử dụng phần mềm Fontlab Studio để Việt hóa font chữ của một thành viên trong team, dựa trên 1 bài viết về Fontlab của iDesign.

Đa phần chúng ta sử dụng phần mềm Fontlab Studio để tạo ra các Font chữ có thể viết được tiếng Việt trên nền các Font có sẳn (hay còn gọi là Việt hóa các Font) nên bài viết này mình chủ yếu hướng dẫn cách tạo thêm các chữ trong một font để có thể gõ tiếng Việt, ví dụ như: Ô, Ơ, Ư, Ê,…

Đầu tiên các bạn cần tải phần mềm này về! Ở đây mình chuẩn bị sẵn phiên bản Fontlab Studio 5.04 đầy đủ crack.

Sau khi cài đặt xong, các bạn khởi động FontLab Studio lên.

Vì mỗi chữ khi bạn đánh ra được ký hiệu bởi 1 dòng mã. Vì thế khi edit font bạn cần có một font chữ (bất kỳ) có thể gõ tiếng Việt để đối chiếu, qua đó bổ xung thêm chữ vào font không có các dấu dùng trong tiếng Việt.

Trong hướng dẫn này mình sẽ thêm các dấu vào font Broadway, và lấy font Arial (có thể gõ tiếng Việt) để đối chiếu.

Đầu tiên chọn File > Open (mình thì mình cứ phải Open Installed mới mở được) và mở 2 font Broadway và Arial.

Tại bảng font Arial, kéo chuột xuống gần dưới cùng, bạn thấy các chữ có dấu dành cho tiếng Việt nằm nhóm với nhau, như Â, â..cho mình Ỹ, ỹ. Trên mỗi một chữ đều có một unicode tương ứng với nó.

Ví dụ Ạ = 1EA0, Ả = 1EA2 …

Như vậy tại bảng font Broadway chắc chắn thiếu những chữ này, vì thế ta mới không gõ được tiếng Việt.

Tại bảng font Broadway bạn nhấn Ctrl + F (tìm kiếm). Tại box tìm kiếm bạn chọn vào menu thả đầu tiên, và chọn Unicode Index, bạn gõ vào ô tìm kiếm là 1EA2 – trong ô vuông bên phải sẽ hiện ra chữ tương ứng với mã Unicode đó.

Bạn nhấp chọn Create unexisting glyph và bấm OK. Sau đó trong bảng font Broadway sẽ có thêm ô có chữ ả nhưng chưa có dấu. Đây chính là việc bạn cần làm.

Bạn có thể tự vẽ thêm dấu hỏi bằng cách click đúp vào ô 1EA2. Chữ A hiện ra (chưa có dấu hỏi ở trên). Trong bảng Tool bên tay phải, các công cụ để tạo và edit của Fontlab được thể hiện tương tự như phần mềm Illustrator.

(Tiện lợi hơn bạn có thể Decompose chữ a, rồi copy bỏ qua Illustrator, rồi thêm dấu tại Illustrator sau đó copy ngược lại. Ở đây mình không vẽ dấu mới mà mở chữ ả của font Arial rồi copy dấu hỏi của nó paste vào chữ A tại font Broadway]. Nhớ chỉnh lại vị trí sao cho hợp lý.

Sau khi để dấu hỏi hợp lý bạn chọn Tool > Hints & Guides > Auto Hinting (phím tắt F7).

Như vậy bạn đã tạo xong chữ Ả. Cứ vậy bạn cứ bật bảng font Arial để lấy số Unicode và gõ nó vào khi Ctrl + F tại bảng font Broadway, rồi thêm dấu cho phù hợp.

Sau khi tạo thấy đã đủ, bạn cần kiểm tra xem còn thiếu chữ nào không. Bạn vào Window > New Metrics Window. Trong bảng này bạn hãy viết thử  vài dòng tiếng Việt rồi paste vào đó.

Bạn hãy chú ý những chữ nào còn thiếu sẽ không hiện đc đủ trên bảng, giống như bạn gõ tiếng Việt đối với một font không hỗ trợ tiếng Việt vậy.

Bạn để ý dòng chữ nhỏ ở dưới cùng, dòng này thông báo cho bạn biết mỗi chữ có dấu đặc biệt được ký hiệu bằng Unicode gì, bạn thông qua đó Ctrl+F rồi gõ Unicode vào để tạo chữ còn thiếu. (Hoặc đơn giản nhưng lâu lắc hơn là dòm lại mã uni bên Font Arial :D) Mà nhớ là test cả chữ HOA nữa nhé.

Sau khi kiểm tra thấy không thiếu chữ nào, lúc này bạn có thể nhập các thông số về tác giả, bản quyền trong File > Font info.

Với việc thêm dấu vào font có sẵn nên chúng ta không nên chỉnh sửa gì trong này. Nhưng nếu bạn tạo mới 1 font hoàn toàn bạn có thể đặt tên và ghi rõ họ tên, phiên bản, ngày thiết kế… (khuyến khích thêm chữ UVF phía trước tên Font hiện tại. Để chúng ta dễ dàng tìm thấy 1 font đã Việt hóa, mã là Uni trong quá trình design. Vd: UVF Helvetica LT Std, UVF Memoriam Pro, …)

Việc cuối cùng để hoàn tất một font là bạn chọn File > Generate font, rồi lưu font tại một nơi nào đó, sau đó bạn cài đặt font mới như bình thường. (Mình thì cứ phải lưu trong cái folder Studio mới được).

Bạn có thể tham khảo thêm video hướng dẫn tại đây

Đến đây xem như công việc của chúng ta đã hoàn thành. Khi nào hoàn thành xong 1 Font chữ, bạn có thể share font đó + hình ảnh minh họa trên Fanpage của Việt Font tại địa chỉ: http://www.facebook.com/fontviet, hoặc nếu như bạn có thắc mắc gì cũng có thể vào page này để hỏi nhé!

MỘT SỐ ĐIỀU ĐÁNG CHÚ Ý KHÁC

Bạn nên thống nhất các khoảng cách từ chữ cho mình dấu, ví dụ từ chữ a, o, e mình dấu hỏi phải bằng nhau, hay các dấu sắc, huyền phải giống nhau và khoảng cách từ dấu mình chữ bằng nhau (chú ý xem cách sắp xếp các dấu tại font Myria Pro, Arial,…).

Một lưu ý khác là 3 đường màu ghi nét đứt là những đường rất quan trọng. Trong đó đường ngang chính là baseline để chữ nằm trên đó, 2 đường đứng trước và sau chữ chính là khoảng cách của nó với chữ đứng trước và đứng sau.

Đối với những ô hoàn toàn mới thì 2 đường ghi đứng sẽ đứng nhập làm 1, bạn chỉ cần nhấp chuột kéo là đường (khoảng cách với chữ sau) sẽ dịch chuyển theo ý bạn. Trong 1 vài trường hợp cần tạo ký tự mới ( chủ yếu là copy từ chỗ này sang chỗ khác thì sẽ chỉ có 1 đường bên trái, bạn kéo ấn vào rồi kéo ra sao cho giống ở chỗ bạn copy ký tự ấy là được.

Các font đều có 1 bộ vài mũ dấu đi kèm , các bạn có thể copy rồi paste cho lẹ (dĩ nhiên là vẫn có trường hợp không có dấu).

[box_dark]Hi vọng sau khi đã biết cách Việt hóa 1 font chữ, bạn sẽ tham gia cùng team Việt hóa font chữ của chúng mình để cùng nhau xây dựng 1 cộng đồng Font chữ tiếng Việt thật lớn mạnh. Liên hệ Facebook của mình: http://www.facebook.com/phamhuudu nếu bạn muốn tham gia vào team Việt hóa font cho website http://font.vietdesigner.net/ nhé :)[/box_dark]