Hãy đăng ký thành viên để có thể dễ dàng trao đổi, giao lưu và chia sẻ về kiến thức đồ họa.
  1. Hãy đăng ký subscribe kênh Youtube mới của Việt Designer tại địa chỉ: Youtube.com/VietDesignerChannel để theo dõi các video về thiết kế đồ họa. Do trước đó kênh cũ bị Youtube quét không rõ lý do, trong thời gian chờ kháng cáo nếu các bạn thấy video trên diễn đàn bị die không xem được thì có thể vào kênh mới để tìm xem video sơ cua nhé.
    Loại bỏ thông báo

[TUT] Hiệu ứng chữ 3D mùa thu

Chủ đề thuộc danh mục 'Hiệu ứng chữ' được đăng bởi Liebestraum, 10/3/13.

Lượt xem: 24,940

  1. Liebestraum Clone Stamp Talent

    Hiệu ứng chữ 3D mùa thu ( cái này hơi dài và yêu cầu máy bạn có 3D )

    [​IMG]

    Nguyên liệu

    Bước 1

    Hãy bắt đầu! Tạo một trang mới (File> New) với các thiết lập sau đây:
    [​IMG]
    Bước 2

    Đặt Autumn park vào trong khung hình của bạn.
    [​IMG]
    Bước 3

    Tải về English Alphabet và mở nó trong Photoshop. Lấy công cụ Lasso Tool (L) và chọn chữ cái đầu tiên của từ đã chọn, sao chép (Command / Ctrl + C) và dán (Command / Ctrl + V) vào khung hình của bạn
    [​IMG]
    Đặt tên layer này với chữ cái theo tên của nó, ví dụ "letter L". Bây giờ chúng ta cần phải loại bỏ nền trắng. Vì vậy, lấy công cụ Magic Wand Tool (W), chọn layer bằng chữ và nhấp chuột trên một nền trắng. Nhấn Delete. Lưu ý rằng “Sample All Layers” tham số không được check.
    [​IMG]
    Chọn layer "letter L" và kích hoạt các công cụ Transform (Command / Ctrl + T). Trong khi giữ phím Shift kéo một góc để giảm kích thước của bức thư.
    Nếu bạn muốn thay đổi màu sắc của lá thư của bạn, bạn có thể sử dụng Adjustment Layers (ví dụ, Color Balance hoặcSelective color). Tôi sẽ cho một mô tả chi tiết trong Bước 15. Khi tôi đã khá hài lòng với màu đỏ, bạn chuyển đến việc tạo ra text 3D.
    [​IMG]
    Bước 4

    Chọn 3D > New 3D Extrusion từ Selected Layer. Photoshop sẽ yêu cầu bạn chuyển đổi không gian làm việc 3D - nhấn OK. Chọn Scene trong bảng điều khiển 3D và điều chỉnh mặt đất bằng cách sử dụng các biểu tượng trong thanh Options.
    [​IMG]
    Thử định vị mặt đất để nó trùng với bề mặt ngang, nơi bạn sẽ đặt các chữ cái:
    [​IMG]
    Bước 5

    Tải về Concrete texture (Image 1) và mở nó trong Photoshop.
    Chọn 1 hình vuông cỡ 500x500
    Một khi các khu vực thích hợp được lựa chọn, nhấn Enter và lưu các kết cấu. Tên tập tin "texture_front".
    [​IMG]
    Bước 6

    Trên bảng 3D chọn "Front Inflation Material" và nhìn vào bảng Properties của đối tượng 3D. Tìm các thiết lập Bump trong bảng Properties và chọn "Load texture". Trong cửa sổ mở ra, chọn hình bạn đã chuẩn bị trong bước trước ("texture_front.jpg"):
    [​IMG]
    Trong bump đặt 20%. Sau đó click vào biểu tượng thư mục và chọn “Edit UV Properties”
    Chỉnh U và V như hình hoặc sao cho có kết quả hợp lý
    [​IMG]
    Bước 7

    Tiếp theo chỉnh phần nổi 3d đằng sau của chữ. Để làm điều này, đi đến bảng điều khiển 3D, chọn "Extrusion Material" và tải load cùng 1 file như trên ("texture_front.jpg") cho tham số Bump tương tự như vậy.
    [​IMG]
    Tăng giá trị Bump lên đến 25% cho phần ép nổi ra sau của Text. Bạn có thể tùy chỉnh các thông số như phần trên hoặc tự mình chỉnh theo ý muốn về độ sâu hay màu sắc.
    [​IMG]
    Bước 8

    Bây giờ là lúc để làm việc với vị trí và hướng của text. Tới bảng điều khiển 3D và chọn "letter L" - bạn sẽ thấy rằng ba trục xuất hiện ở trung tâm của text. Bạn có thể xoay, thay đổi kích thước và di chuyển đối tượng tương đối với trục này bằng cách sử dụng các biểu tượng trong thanh Options. Đoạn này rất trực quan và dễ nhìn. Bạn có thể tùy chỉnh như việc Ctrl + T trong 2d.
    [​IMG]
    Bạn cũng có thể di chuyển chuột ra các cạnh của khối hộp bao text để chỉnh.
    [​IMG]
    Khi chỉnh các thông số trong 3D > Snap Object sẽ thay đổi và nếu làm hỏng bạn có thể đưa nó về ban đầu bằng cách đưa các giá trị về 0.
    [​IMG]
    Bây giờ bạn biết làm thế nào để thay đổi vị trí của các đối tượng 3D. Vì vậy, đặt text trên mặt đất như bạn thích và thay đổi kích thước của nó nếu cần thiết. Ví dụ, vị trí của text trong bài này sẽ như sau:
    [​IMG]
    Bước 9

    Trong bước này bạn cần click vào biểu tượng như trong hình để có thể điều chỉnh độ sâu của text. Hãy chắc chắn các mục Catch Shadows và Cast Shadows đã được check.
    [​IMG]
    Bước 10

    Trong bước này, bạn có thể điều chỉnh góc xiên. Tới bảng Properties panel > Mesh section, tôi đã chọn loại viền sau đây, nhưng bạn có thể thử một số khác và sau đó thử nghiệm với các thiết lập của nó:
    [​IMG]
    Tiếp theo, chúng tôi di chuyển đến phần Cap section và chọn Contour of the Bevel (Cove – Deep):
    [​IMG]
    Bước 11

    Bây giờ bạn nên xác định màu sắc ra. Để thay đổi màu sắc của nó, chọn vật liệu phun ra trên bảng điều khiển 3D và đi đến bảng Properties. Màu sắc chính của phun ra sẽ được xác định bởi các màu sắc mà bạn chọn cho tham số Diffuse. Tôi chọn màu # f25646:
    [​IMG]
    Bạn cũng có thể thử nghiệm với các thiết lập khác, chẳng hạn như Specular (nó ảnh hưởng đến độ sắc nét / tương phản của kết cấu) và Illumination (nó ảnh hưởng đến độ sáng của các cạnh bên). Trong trường hợp này, tôi đã chọn các giá trị sau: Specular - # 645.858, Illumination - # 290.816.
    [​IMG]
    Bước 12

    Bây giờ là thời gian để làm việc trên các nguồn ánh sáng. Bảng điều khiển 3D và chọn nguồn sáng đầu tiên - Infinite Light 1. Trong trường hợp này tôi chọn ánh sáng mặt trời ở bên phải hắt xuống. Nếu bạn sử dụng hình ảnh của riêng bạn làm nền, bạn nên xác định vị trí của nguồn sáng thật phù hợp. Nhấp chuột trái vào nguồn và xoay nó để các bóng của text nằm khoảng ở góc dưới cùng bên trái:
    [​IMG]
    Các thiết lập và tọa độ của nguồn sáng này như sau (màu sắc là # ffebcf):
    [​IMG]
    Bước 13

    Hãy thêm một nguồn ánh sáng để text không quá tối. Để làm điều này bấm vào ánh sáng mới Add new Light to Scene ở phần dưới cùng của bảng điều khiển 3D và chọn New Infinite Light.
    [​IMG]
    Tôi được thêm vào nguồn ánh sáng với các thiết lập sau đây (màu sắc là # ffc871):
    [​IMG]
    Bước 14

    Trong bước này bạn có thể thông số màu của text nếu bạn muốn bằng cách chọn như hình
    [​IMG]
    Trong bài này tôi chỉnh Front Inflation Material và Front Bevel Material như trong hình.
    [​IMG]
    Sau khi hoàn thành công việc với chữ cái đầu tiên hãy lưu lại và tiếp tục với các chữ khác
    [​IMG]
    Bước 15

    Bây giờ bạn có thể làm các chữ cái khác tương tự.
    [​IMG]
    Chỉnh 1 số thông số về màu như Layer> New Adjustment Layer để tạo ra màu khác như bạn muốn
    [​IMG]
    Bước 16

    Chỉnh các chữ còn lại. Sau cùng bạn đã có đủ các chữ cái như mình muốn
    [​IMG]
    Bước 17

    Nếu đã hài lòng, bạn có thể nhân đôi các layer chữ lên và tắt hiển thị các layer gốc để có thể phục hồi khi cần thiết
    [​IMG]
    Bước 18

    Trong bước này, chúng ta sẽ thêm bóng đổ của chữ trên cỏ. Để làm điều này, tạo ra một Layer mới ( Ctrl + Shift + N), đặt tên là "Shadow" và đặt nó dưới tất cả các lớp với các chữ cái trên bảng Layers. Chọn Brush Tool (B) với các thiết lập sau đây
    [​IMG]
    Vẽ vùng bóng với Brush được lựa chọn như nó được hiển thị trong hình:
    [​IMG]
    Bước 19

    Bây giờ chúng ta sẽ làm cho phần dưới cùng của các chữ cái trông giống như chúng đang thực sự đứng trong cỏ. Chọn Brush Tool (B) và chọn cọ cứng tròn (100% Hardness), Opacity khoảng 50%. Và tốt nhất là làm việc trên layer mask (Layer> Layer Mask> Reveal All) và thay đổi màu Foreground thành màu đen.Nhấp vào hình thu nhỏ Layer Mask và tô lên phần dưới cùng của các chữ cái để ẩn chúng:
    [​IMG]
    Với Brush Tool được chọn, nhấn F5 và chọn "Dune Grass" brush. Cài đặt brush như sau:
    [​IMG]
    [​IMG]
    [​IMG]
    Tô lên phần dưới cùng của các chữ cái với cọ được lựa chọn trên Layer Mask. Chọn kích thước brush nhỏ - khoảng 30 px. Dưới đây là những gì bạn sẽ nhận được:
    [​IMG]

    Bước 20

    Tải về hình ảnh với cracked paint add vào trước chữ điểu chỉnh độ cao cho phù hợp
    [​IMG]
    Kích hoạt công cụ Transform (Ctrl + T), kéo để tấm song song với chữ
    [​IMG]
    Tạo layer mask và xóa đi phần xung quanh
    [​IMG]
    Đổi chế độ hòa trộn là Soft Light
    [​IMG]
    Lặp lại quá trình này với các chữ cái khác.
    [​IMG]
    Bạn sẽ nhận được nhu hình
    [​IMG]
    Bước 21

    Nhóm tất cả các lớp có liên quan đến các chữ cái ( Ctrl + G) và đặt tên Group "Letters":
    [​IMG]
    Bước 22

    Thêm các bộ lọc như hình dưới:
    Hue/Saturation, Levels
    [​IMG]
    Tiếp theo lấy các Công cụ Gradient (G), màu sắc của gradient là màu đen và trắng. Chuyển sang "Levels" layer mask và vẽ một gradient từ trên xuống dưới. Chọn mặt nạ "Hue / Saturation" của lớp và vẽ một gradient với các thiết lập tương tự, nhưng trong trường hợp này, nó có thể rộng hơn:
    [​IMG]
    Bước 23

    Bây giờ chúng ta điều chỉnh độ tương phản và độ bão hòa màu sắc của các chữ cái để phù hợp với môi trường. Để làm điều này, tạo ra hai Adjustment Layers: Levels và Hue / Saturation, và chuyển đổi chúng sang Clipping Mask cho nhóm "Letters", do đó, các lớp này sẽ chỉ ảnh hưởng đến nhóm này.Điều chỉnh Layers 'cài đặt như sau:
    [​IMG]
    [​IMG]
    Bước 24

    Tải về hình ảnh yellow maple leaf và mở nó trong Photoshop. Chọn công cụ Quick Selection Tool (W) và chọn lá.
    [​IMG]
    Sao chép và dán lá vào text, tùy chỉnh để nó có thể đứng phù hợp trên text
    [​IMG]
    Double-click vào layer "Leaf" trên bảng Layers, cài đặt như sau:
    Gradient Overlay: "cam, vàng, da cam" . Drop Shadow: # 460,000
    [​IMG]
    [​IMG]
    Bước 25

    Làm tương tự với các lá khác
    [​IMG]
    [​IMG]
    Kết quả:
    [​IMG]
    Bước 26

    Bây giờ tải về a bush và làm tương tự như những lá ở trên
    [​IMG]
    [​IMG]
    Bước 27

    Thêm các loại lá khác nhau, ở đây là maple leaf
    [​IMG]
    [​IMG]
    [​IMG]
    Bây giờ bạn có thể nhóm tất cả các lớp liên quan đến lá ( Ctrl + G) và đặt tên Group "Leap".

    Bước 28

    Trong bước này, chúng ta tạo ra vùng sáng tối cho bức hình. Để làm điều này, tạo một Layer mới (Command / Ctrl + Shift + N), đặt tên là "Shadows / Highlights", đặt nó trên đầu trang của bảng Layers và điền nó với màu xám 50% (Edit> Fill):
    [​IMG]
    Thay đổi chế độ hoà trộn của layer "Shadows / Highlights" Soft Light. Chọn Brush Tool (B), thay đổi màu Foreground thành màu trắng, thiết lập Opacity đến 5% và sơn trên những điểm nổi bật. Sau đó nhấn "D" để thay đổi màu Foreground thành màu đen và tô lên các vùng bóng. Vì vậy, kết quả của tôi được thể hiện trong hình dưới đây. Trong hình dưới, tôi đã thay đổi chế độ hoà trộn của layer "Shadows / Highlights" để bình thường, vì vậy bạn có thể xem các vùng tối và sáng sủa hơn.
    [​IMG]
    Bước 29

    Trong bước này, chúng ta sẽ giảm độ bão hòa của màu vàng trên cây. Vì vậy, tạo lớp điều chỉnh màu chọn lọc (Layer> New Adjustment Layer> Selective Color), chọn kênh màu vàng và thiết lập các giá trị được hiển thị trong hình dưới đây. Chuyển sang mask layer này và điền nó với màu đen (Edit> Fill, sử dụng: Black). Chọn Brush Tool (B), thay đổi màu Foreground là màu trắng và vẽ trên cây. Qua đó Adjustment Layer sẽ chỉ ảnh hưởng đến khu vực này.
    [​IMG]
    Bước 30

    Tạo độ sâu cho ảnh.
    Tạo một Layer mới (Command / Ctrl + Shift + N), đặt tên là "Depth map", đặt nó trên đầu của bảng Layers và chọn chữ xa nhất, trong hướng dẫn này, đó là chữ "A." Nhấn Shift + Backspace để mở Fill settings. Hãy chắc chắn rằng, rằng "Depth map" layer được chọn và điền nó với màu # 474.747. Tiếp theo là "E" và "F" (để chọn chúng nhấn Ctrl + Shift-click vào hình thu nhỏ của layer '). Chọn layer "Depth map" và điền vào lựa chọn với màu # 2d2d2d. Và cuối cùng là chữ cái "L" và tô cho nó màu đen
    [​IMG]
    Bước 31

    Bây giờ tạo thêm 1 layer (Command / Ctrl + phím Shift + N) và đặt dưới layer Depth map. Fill layer này với bất kỳ màu sắc mà bạn thích. Nhấp đúp chuột vào nó và thêm Gradient Overlay Layer Style thông số như trong hình
    [​IMG]
    Gradient của bạn sẽ giống như sau:
    [​IMG]
    Bây giờ bạn có thể hợp nhất (Command / Ctrl + E) các layer với gradient và layer "Depth map".
    Bước 32

    Chọn layer "Depth map" , nhấn Ctrl + A> Ctrl + C để sao chép layer Depth map, sau đó chuyển vào bảng Channels và tạo ra một kênh mới "Alpha 1" (click vào biểu tượng tạo kênh mới trong phần dưới cùng của bảng Channels). Chọn "Alpha 1" và nhấn Command / Ctrl + V để dán.
    [​IMG]
    Vào bảng Channels, chọn chế độ RGB và chuyển sang bảng Layers. Tắt khả năng hiển thị của layer "Depth map" . Chọn layer nằm dưới layer "Depth map". Trong ví dụ của tôi đó là "Selective Color 1" layer. Nhấn Ctrl + Shift + Alt + E để hợp nhất tất cả các lớp và làm cho một lớp kết quả.
    [​IMG]
    Chọn layer kết quả (nó được gọi là "Layer 1" trên ảnh chụp màn hình của tôi) và đi đến Filter> Blur> Lens Blur. Thiết lập như sau:
    [​IMG]
    [​IMG]
    Bước 33

    Tạo 1 lớp Hue / Saturation Adjustment Layer và đặt nó trên đầu của bảng Layers. Chọn và sao chép nội dung của lớp "Depth map" của, tạo 1 layer mask cho Hue / Saturation. Paste lên lớp layer mask này.
    [​IMG]
    [​IMG]
    Bước 34

    Bạn có thể crop lại hình để nhìn hợp lý hơn.
    [​IMG]
    Và đây là kết quả cuối cùng, chúc bạn thành công

    [​IMG]
    Dịch theo tut từ : tutsplus.com

    ...
    Lã Duy Tùng, crystavip, Ncn16 người khác thích bài viết này.
  2. casau_baucamap

    casau_baucamap Thành viên cấp 1

    bác sưu tầm toàn chữ đẹp thôi. thích bác dần đều rồi đấy O:-)
    Liebestraum thích bài viết này
  3. CoffeeLove

    CoffeeLove Thành viên cấp 2

    Tut quá công phu, hâm mộ bác rồi đấy.
  4. jackypham

    jackypham Thành viên cấp 2

    Đề nghị bạn tôn trọng quyền tác giả, ghi rõ nguồn của bài viết Tuts+ (dù bạn có Dịch thì nó vẫn là Tuts của tác giả).
  5. Liebestraum

    Liebestraum Clone Stamp Talent

    Haizz hôm đó dịch liền 1 lúc hơi nhiều bài ở 1 trang tổng hợp tut ( lúc đầu đây là 1 bài dài nhưng admin yêu cầu tách ra làm nhiều bài nhỏ và trong bài tổng hợp mình đã có ghi là DỊCH ) nên sơ xuất không ghi nguồn cho từng bài được. Bạn chỉ cần nhắc mình sẽ nhớ điền nguồn chứ không cần thiết phải "đề nghị" đâu.
  6. 2ndFACE

    2ndFACE Thành viên cấp 1

    Cám ơn bạn đã dịch, TUT nc ngoài khá là chi tiết, bạn thực hành có chỗ nào cần lưu ý có thể lồng ý kiển của mình vào. thank bạn nhiều!
  7. tuankiet_nct

    tuankiet_nct Thành viên cấp 2

    thích làm quá nhưng không có 3d =((
  8. The Dreamer

    The Dreamer Mới đăng kí

    Thanks bác nhé :D nhìn đẹp :)
  9. daongoclen

    daongoclen Mới đăng kí

    bác nào làm cái video hướng dẫn giúp e cái, e mới học photoshop muốn làm cái này quá mà làm mãi ko đc, bác nào làm thì quay lại video hướng dẫn chi tiết giúp e cái. Thanks các bác nhiều lắm!!!
  10. k3n.al0ne

    k3n.al0ne Thành viên cấp 1

    Chuẩn luôn
  11. Leo Lombard

    Leo Lombard Thành viên cấp 2

    ko có 3D thì tính sao :( chữ đẹp quá :(
  12. nomercy.rolex

    nomercy.rolex Mới đăng kí

    mình dùng cs5, lúc vào chỗ 3d thì không có New 3D extrusion thì phải làm thế nào vậy ??
  13. h0ang2410

    h0ang2410 Mới đăng kí

    Mình muốn làm Avartar cái này để tặng bạn gái nhưng mà chăc ko làm đc chữ có dấu :(..Bạn gái mình tên "Thương"
  14. Hieuheroin123

    Hieuheroin123 Thành viên cấp 2

    cs6 chắc có

Ủng hộ diễn đàn