[ Photoshop ] Create a Diablo III Inspired Text Effect in Photoshop

**admin** Tue Dec 24, 2013 7:47 pm

admin: Admin; Điểm : 4739
Bài viết : 1563
Like : 4408
Forum,web : http://www.diendandip.info

Tài sản
Tài sản: 0

Post n°1

[ Photoshop ] Create a Diablo III Inspired Text Effect in Photoshop

admin Tue Dec 24, 2013 7:47 pm

Nếu bạn là một fan hâm mộ lớn của việc chơi trò chơi video, sau đó bạn có thể nhận thức của việc phát hành của Diablo III. Nhượng quyền thương mại Diablo đã được một tiêu đề trò chơi video phổ biến trong hơn một thập kỷ. Trong hướng dẫn này, chúng tôi sẽ giải thích làm thế nào để tạo ra một hiệu ứng văn bản Diablo lấy cảm hứng từ trong Photoshop. Chúng ta hãy bắt đầu!

Tài sản hướng dẫn
Các tài sản sau đây đã được sử dụng trong quá trình sản xuất của hướng dẫn này.

Bước 1 - Thiết lập cảnh của bạn
Trước khi bắt đầu ra trong Photoshop, chúng tôi sẽ cần phải chuẩn bị kiểu chữ của chúng tôi một chút. Mở một tài liệu mới trong minh hoạ, làm cho nó 20 x 7 inch.

Cho logo, tôi sẽ sử dụng một phông chữ tùy chỉnh cá nhân. Tuy nhiên, bạn chỉ có thể sử dụng Blade 2 font chữ miễn phí phù thủy là gần như giống hệt nhau. Lấy Type Tool (T), thiết lập các loại kích thước đến 500 pt, click vào khung hình của bạn và gõ tiêu đề bạn muốn.

Để chỉnh sửa font chữ, đầu tiên chúng ta sẽ cần phải vectorize nó. Điều này có nghĩa là phông chữ của chúng tôi sẽ trở thành một hình dạng vector có thể chỉnh sửa, và sẽ không còn có thể chỉnh sửa với công cụ Type. Để làm như vậy, nhấp chuột phải vào font chữ và chọn Tạo vạch ra. Nhấn chuột phải một lần nữa, và lần này chọn rã nhóm.

Chọn tất cả các thư đầu tiên và cuối cùng, và quy mô cho họ xuống (Object> Transform> Scale). Một khi các chữ cái được thu nhỏ lại, sử dụng công cụ Selection Tool (V) để thay thế các chữ cái để họ có một không gian thậm chí giữa của nhau.

Bước 2 - Bù trừ các chữ cái
Để tạo ra logo cuối cùng, chúng tôi sẽ cần ba phiên bản của tiêu đề của chúng tôi: một thường xuyên, một phiên bản mỏng hơn và một phiên bản lớn hơn.

Để thực hiện các phiên bản mỏng hơn, chỉ đơn giản lặp lại tiêu đề của bạn (bạn chỉ có thể sao chép và dán, hoặc kéo nó trong khi giữ phím Alt). Chọn các chữ cái và đi đến Object> Path> Offset và đường dẫn đầu vào các giá trị sau.

Chúng ta có thể sử dụng quá trình tương tự để tạo ra các phiên bản lớn hơn của tiêu đề. Tuy nhiên, tôi thấy rằng phương pháp Offset Path không làm việc tốt khi mở rộng một con đường. Như bạn có thể thấy trong ví dụ sau đây, công cụ này có xu hướng san bằng những lời khuyên của con đường.

Một cách tốt để tránh điều này là sử dụng một đột quỵ thay thế. Chọn văn bản của bạn, và trong Stroke Panel, đầu vào cân nặng là 10 pt.

Bây giờ bạn có thể vectorize đột quỵ (Object> Đường dẫn> Phác thảo đột quỵ) và sử dụng nút của Pathfinder Đoàn kết để hợp nhất các Stroke path với đường dẫn văn bản gốc.

Bước 3 - Thiết lập các tập tin trong Photoshop
Bây giờ chúng ta có ba phiên bản của tiêu đề, mở một file mới trong Photoshop, và cung cấp cho nó các cài đặt sau.

Trong tập tin của bạn, điền vào các lớp nền với màu đen (Edit> Fill). Sao chép một trong những phiên bản của tiêu đề trước đây chúng tôi đã làm trong Illustrator, và dán nó vào Photoshop. Khi bạn dán, một cửa sổ pop-up yêu cầu bạn những loại lớp bạn muốn dán file của bạn. Chọn "Smart Object". Xin lưu ý rằng nó thực sự là quan trọng để nhập khẩu chúng như vậy để hoàn thành các bước sau. Một khi bạn đang thực hiện với tất cả các ba danh hiệu, sắp xếp chúng đúng cách.

Để phân biệt ba lớp, bạn có thể cung cấp cho họ một màu sắc cụ thể bằng cách sử dụng Layer Style. Để làm như vậy, hãy nhấp vào ít "FX" biểu tượng ở dưới cùng của Layer Palette và chọn Color Overlay. Hãy lưu ý cẩn thận nơi mà nút Layer Style có vị trí, như chúng ta sẽ sử dụng nó rất nhiều thông qua hướng dẫn này.

Bước 4 - Tạo hình dạng màu đỏ
Để thực hiện các hình dạng màu đỏ trong nền, tạo một layer mới (Command / Ctrl + Shift + N). Lấy công cụ Brush Tool (B), thiết lập độ cứng 0%, chọn màu # 6d0100 và vẽ một vòng tròn lớn màu đỏ ở giữa vải của bạn. Nhấn Command / Ctrl + T để vào chế độ chuyển đổi miễn phí, và kéo dài vòng tròn theo chiều ngang.Tên layer "Red Spot".

Cho lớp của bạn một mặt nạ bằng cách nhấn vào nút Mask bên cạnh nút Layer Style. Trong bảng điều khiển kênh, hãy chắc chắn để chọn kênh Mask và ẩn RGB, Red, Green và kênh màu xanh. Vào Filter> Render> Clouds. Sau đó, vào Filter> Distort> Polar Coordinates và chọn Rectangular to Polar. Cuối cùng, vào Filter> Blur> Radial Blur, thiết lập mờ để phóng lớn với số tiền khoảng 80.

Nhấn Command / Ctrl + F để lặp lại hiệu ứng Radial Blur một vài lần, và sau đó Command / Ctrl + M để cho nó điều chỉnh Curves sau.

Một khi bạn đã làm xong, bạn có thể chọn kênh RGB của bạn và thôi ẩn nó. Bạn cần phải có kết quả như sau.

Bước 5 - Thêm làm việc trên các hình dạng màu đỏ
Bản sao của "Red Spot" lớp và nén nó theo chiều ngang, và quy mô nó một chút theo chiều dọc.

Tải về SoilSand0016_2 và đặt nó vào trong khung hình của bạn. Bạn có thể phải lặp lại nó và đặt hai lớp, do đó các kết cấu bao gồm đầy đủ các hình dạng màu đỏ. Nếu bạn làm như vậy, chắc chắn rằng bạn kết hợp cả hai lớp trước khi xảy ra.

Cho "SoilSand" layer mặt nạ, và vẽ một hình bầu dục mềm để kết cấu là không thể nhìn thấy ở trung tâm của hình dạng màu đỏ. Thiết lập các lớp để Multiply.

Chúng ta hãy làm cho nền của chúng tôi nhiều hơn grittier bằng cách thêm kết cấu khác. Tải về và nơiConcreteBare0129 vào vải của bạn.

Nhấn Command / Ctrl + I để đảo ngược hình ảnh. Sau đó, nhấn Command / Ctrl + M để đưa lên Điều chỉnh Curves, và cung cấp cho nó những đường cong sau đây. Một khi bạn đã làm xong, thiết lập layer sang Multiply và 33% opacity.

Bước 6 - mẫu Trang Trí
Tải về OrnamentsVarious0028 và mở nó trong một tập tin mới. Tăng độ tương phản với một điều chỉnh Curves, và nhấn Command / Ctrl + Shift + U để desaturate layer.

Tạo thêm một file mới trong Photoshop, và cung cấp cho nó các cài đặt sau. Trở lại tập tin mô hình của bạn, sử dụng Rectangular Marquee Tool (M) để chọn một phần của các vật trang trí, sao chép (Command / Ctrl + C) và dán nó vào tập tin mới được tạo ra của bạn.

Lặp lại quá trình cho đến khi bạn điền vào khung hình. Bạn có thể sử dụng các chế độ hoà trộn đậm hơn màu để giúp bạn. Bạn cũng có thể muốn sử dụng Eraser Tool (E) để xóa các phần của một số lớp, do đó họ pha trộn với nhau.

Một khi bạn đã làm xong, san bằng lớp của bạn (Nhấp chuột phải vào một lớp> Flatten Image). Nhấn Command / Ctrl + A để chọn toàn bộ hình ảnh, và vào Edit> Define Pattern để tạo ra một mô hình mới.Chúng tôi sẽ đặt tên cho mô hình này "mẫu Trang Trí".

Bước 7 - Thêm mẫu
Tiếp theo, chúng tôi sẽ cung cấp cho hoặc văn bản có kích thước trung bình một số lớp Style. Tuy nhiên, trước khi làm như vậy, chúng ta sẽ cần phải tạo thêm một mẫu. Tải về và mở Crackles0014 trong một tập tin mới. Nhấn Command / Ctrl + A và vào Edit> Define Pattern. Chúng tôi sẽ đặt tên này "Vết nứt mẫu."

Trong cùng một tập tin, đặt ConcreteBare0129 và đặt nó vào nhân. San bằng hình ảnh của bạn, và một lần nữa, tạo ra một mô hình. Chúng tôi sẽ đặt tên này "Vết nứt mẫu 2."

Bước 8 - Áp dụng Layer Styles để các văn bản
Trở lại vào tập tin của Photoshop, chọn layer chữ nhỏ hơn và cung cấp cho nó Layer Style sau đây.

Cung cấp cho các văn bản có kích thước trung bình Layer Style sau đây.

Cuối cùng, cung cấp cho các Layer Style sau vào lớp văn bản lớn hơn.

Thôi ẩn tất cả các lớp, bạn cần phải có kết quả như sau.

Bước 9 - Làm xói lở các văn bản
Chúng tôi cũng có thể giúp làm cho văn bản định hình hơn để tìm xói mòn hơn bằng cách thay đổi nó một chút trong Illustrator. Để làm như vậy, nhấp đúp chuột vào họa tiết các lớp văn bản của lớn hơn để mở nó trong Illustrator.

Chọn văn bản của bạn và thêm một vài điểm neo bằng cách vào Object> Đường dẫn> Thêm điểm neo.Chọn công cụ nhăn và vẽ trên văn bản để thêm một số nếp nhăn. Bạn có thể nhấp đúp chuột vào biểu tượng công cụ để điều chỉnh tùy chọn của nó.

Gợi ý: nếu có hiệu lực đi ra quá căng thẳng ở một số nơi, bạn có thể sử dụng Delete Anchor Point Tool (-) để loại bỏ một vài điểm.

Một khi bạn đã làm xong, bạn có thể lưu và thoát khỏi các tập tin Illustrator. Hình cần được cập nhật trong tập tin Photoshop của bạn.

Bước 10 - Thêm Bevel nổi bật và Shadows
Trong bước này, tôi đã không hoàn toàn hài lòng với hiệu quả bevel từ Layer Style. Vì vậy, tôi đã đi trước và tạo ra một layer mới đặt giữa các văn bản nhỏ hơn và các lớp văn bản trung bình. Tôi lấy ra một lựa chọn từ các lớp văn bản và vừa, trong khi vẫn giữ nguyên vùng chọn, vẽ một số điểm nổi bật với một bàn chải mềm (B).

Sau đó tôi tạo một lớp, và lần này, bằng cách sử dụng kỹ thuật tương tự, sơn một số bóng. Trong ví dụ này, tôi điền các văn bản trong trắng, do đó bạn có thể thấy tôi vẽ bóng tối.

Bước này có thể được thực hiện bằng cách sử dụng Layer Style chỉ. Tuy nhiên, tôi có xu hướng thích những bức tranh bằng tay đôi khi vì nó cho phép cung cấp cho tự do hơn Layer Style. Thôi ẩn tất cả các lớp của bạn, bạn cần phải có kết quả này:

Bước 11 - Thêm làm việc trên các văn bản
Trong bước này, chúng ta sẽ tạo ra một phác thảo màu trắng đẹp trong các lĩnh vực nổi bật. Nhân đôi layer "Text nhỏ" (Command / Ctrl + J) và rõ ràng phong cách layer (Nhấp chuột phải> Clear Layer Style). Cung cấp cho các lớp mới Layer Style sau đây. Hãy chắc chắn rằng các lớp Fill là 0%.

Tạo một layer mới (Command / Ctrl + Shift + N) và kết hợp nó với lớp trước. Điều này sẽ áp dụng phong cách lớp chỉ để lại đột quỵ trắng trên layer mới.

Đặt tên layer này là "trắng Stroke" và cho nó một mặt nạ. Trong mặt nạ, sơn ra các khu vực theo văn bản đó sẽ được ít tiếp xúc với ánh sáng.

Bước 12 - Thêm Texture
Chúng ta hãy làm cho văn bản của chúng tôi thậm chí grittier với một số kết cấu. Tải về và mởConcreteBare0280_24 . Một lần nữa, bạn có thể phải lặp lại trong các lớp để trang trải toàn bộ văn bản.Một khi bạn đã làm xong đặt nó, tăng điểm nổi bật của lớp với một điều chỉnh Curves.

Lấy lựa chọn từ các kích thước văn bản trung bình của Command / Ctrl + click trên họa tiết của lớp. Áp dụng các lựa chọn như một mặt nạ để lớp kết cấu mới. Thiết lập các lớp nhân và chắc chắn rằng nó được đặt trên lớp văn bản của bạn.

Đặt Crackles0014 trong vải của bạn. Cung cấp cho nó một sự điều chỉnh Curves tốt đẹp để tăng độ sáng, và sau đó một Gradient Map để tô màu cho các vết nứt.

Lấy lựa chọn từ lớp văn bản có kích thước trung bình của bạn, sử dụng nó để che dấu các kết cấu. Thiết lập các kết cấu là Darken.

Bước 13 - Điều chỉnh cuối cùng trên các văn bản
Do tất cả các kết cấu, chúng tôi thêm, văn bản của chúng tôi có một chút nhàm chán. Chúng tôi sẽ khắc phục vấn đề này trong bước này. Bắt đầu bằng cách tạo ra một lớp mới. Lấy lựa chọn từ các văn bản có kích thước trung bình, và điền vào các lớp với # F98111. Thiết lập các lớp là Color Dodge và giảm Opacity xuống khoảng 15%.

Tạo ra một lớp điều chỉnh Curves để làm tối các văn bản. Một lần nữa lấy lại lựa chọn văn bản để cung cấp cho các lớp mặt nạ. Trong mặt nạ, sơn trong màu đen khu vực trên cùng của văn bản. Điều này sẽ cho phép lớp của chúng tôi chỉ tối dưới cùng của các chữ cái.

Tạo một layer mới và lấy lại lựa chọn một lần nữa. Với sự lựa chọn vẫn còn hoạt động, lấy công cụ Brush Tool (B), đặt nó vào độ cứng 0% và sơn của các chữ cái với # 92754C. Thiết lập các lớp Screen.

Trong trường hợp bạn bị mất bất cứ điều gì, đây là những gì các lớp của bạn như thế nào.

Một khi bạn đã hài lòng với tất cả mọi thứ, nhóm tất cả các lớp có liên quan đến các văn bản trong một thư mục mới (Command / Ctrl + G) và làm tương tự cho các lớp nền. Điều này sẽ giúp chúng tôi ở lại tổ chức như tập tin của chúng tôi trở nên phức tạp hơn.

Bước 14 - Tạo Pentagram
Trở lại trong vẽ tranh minh họa, lấy công cụ Ellipse Tool (L) và làm một nhấp chuột duy nhất trên vải của bạn. Một cửa sổ pop-up. Đầu vào các giá trị sau và nhấn OK.

Chọn công cụ sao và lặp lại quá trình tương tự. Đặt ngôi sao bên trong vòng tròn.

Một lần nữa, lần này với công cụ đa giác.

Lấy công cụ Line Segment (\) và tạo ra những dòng bắt đầu từ trung tâm của vòng tròn hướng về những lời khuyên của các ngôi sao. Để tìm trung tâm, bạn chỉ cần nhấn Command / Ctrl + Y để vào chế độ Outline.Trung tâm của vòng tròn sẽ hiển thị như một X.

Một khi bạn đã hoàn tất, chọn tất cả mọi thứ ngoại trừ vòng tròn, sao chép và dán để lặp lại chúng. Xoay chúng 180 ° và quy mô cho họ xuống để những lời khuyên của ngũ giác nhỏ phù hợp với những ngôi sao lớn hơn.

Và cuối cùng, thêm một hình ngũ giác nhỏ bên trong ngôi sao nhỏ nhất.

Một khi bạn đã hài lòng, chọn tất cả mọi thứ, đi đến Object> Mở rộng. Hãy chắc chắn rằng đột quỵ được kiểm tra và nhấn Ok. Sau đó vào Effect> Distort & Transform> Roughen. Điều này sẽ cung cấp cho một cái nhìn bị xói mòn đột quỵ của chúng tôi.

Bước 15 - Trở lại trong Photoshop
Trở lại trong Photoshop, dán tất cả mọi thứ trong một layer mới. Nhân đôi layer và lật nó theo chiều dọc (Edit> Transform> Flip Vertical).

Hãy chắc chắn rằng bạn đặt tất cả mọi thứ phía sau văn bản. Lấy công cụ Polygon (U), thiết lập số lượng bên ba và vẽ một hình tam giác. Nhấn Command / Ctrl + T, xoay và kéo dài hình tam giác theo ví dụ. Sau đó, sao chép layer ba lần và đặt tam giác để phù hợp với ví dụ.

Đối với mô hình, không có trò ảo thuật. Trong ví dụ của tôi, tôi sử dụng Vector hình xăm Tribal và Wing Tattoo Set . Nếu bạn không muốn mua vector chứng khoán, bạn luôn có thể có một cái nhìn tại Brushes Bộ lạc trên Deviantart. Đặt mẫu bộ lạc của bạn xung quanh vòng tròn cho đến khi bạn hài lòng với kết quả.

Một khi bạn đã làm xong, nhóm tất cả các lớp được tạo ra trong bước này vào một thư mục (Command / Ctrl + G). Sao chép nhóm và kết hợp nó. Giữ lớp, chúng tôi sẽ cần nó trong bước tiếp theo.

Bước 16 - Sáp nhập Pentagram
Tạo một layer mới và điền nó với màu trắng. Tên layer "Hoa văn". Lấy lựa chọn từ lớp sáp nhập trước đây của chúng tôi, và với việc lựa chọn hoạt động, cung cấp cho các "mẫu" lớp mặt nạ.

Thiết lập này sẽ cho phép chúng ta vẽ màu theo ý muốn trên mô hình của chúng tôi. Lấy một bàn chải mềm lớn, và sơn màu sắc theo ví dụ. Một lần nữa, điều này có thể được thực hiện bằng cách sử dụng Layer Style Gradient, nhưng phương pháp này cho chúng ta tự do hơn một gradient tuyến tính đơn giản.

Bước 17 - Hoàn thiện Pentagram
Nhóm của bạn "mẫu" lớp, cho nó một mặt nạ và vẽ ra khu vực phía dưới.

Cung cấp cho các "mẫu" lớp Layer Style sau đây.

Bản sao nhóm, đảo ngược mặt nạ (Command / Ctrl + I), rõ ràng các Layer Style và cung cấp cho nó những điều sau đây:

Một khi bạn đã làm xong, nhóm tất cả mọi thứ và tên thư mục "Background mẫu."

Bước 18 - Tạo ánh sáng dòng
Trên một layer mới đặt dưới sự "Văn bản" thư mục và trên "nền mẫu" thư mục, vẽ ba đường nhỏ với một Brush 2px. Mẹo nhỏ: bạn có thể giữ shift để vẽ đường thẳng.

Giữ vẽ đường với màu đen và trắng cho đến khi bạn đạt được một kết quả tương tự như ví dụ. Sau đó vào Filter> Blur> Motion Blur và áp dụng một chuyển động mờ theo chiều dọc mạnh mẽ.

Với Eraser Tool (E) để thiết lập độ cứng 0%, tô lên các bộ phận của dòng ánh sáng để đạt được một hiệu ứng đối xứng nơi dòng giữa là một chút cao hơn.

Bước 19 - Tô màu các dòng
Tạo một layer mới và sơn các màu sắc sau đây. Sau đó, cắt lớp cho "Lines" lớp chúng tôi tạo ra trong bước trước.

Tạo một lớp và clip nó trên đầu trang của tất cả mọi thứ. Với một Brush 2px, vẽ một đường màu vàng sáng bên trong mỗi một trong ba dòng. Thiết lập các lớp để sàng lọc.

Bước 20 - Mờ sáng
Bản sao của "Lines" lớp và quy mô nó lên.

Vào Filter> Blur> Gaussian Blur và áp dụng một ba điểm ảnh mờ đến lớp.

Sử dụng Rectangular Marquee Tool (M), chọn quyền và các đường bên trái và mang lại cho họ gần gũi hơn với trung tâm để họ phù hợp với lớp chúng tôi tạo ra ở bước trước,

Cuối cùng, lấy Eraser Tool (E) và tô lên trên và phần dưới cùng của lớp.

Tạo một layer mới và điền nó với các màu sắc sau đây. Clip lớp mới cho "mờ Lines" lớp chúng ta chỉ cần thực hiện.

Bước 21 - Sharpening Lines
Chúng ta có thể làm cho các dòng thú vị hơn bằng cách cho họ một chút sắc nét. Nhóm tất cả mọi thứ vào một "dòng" thư mục và sao chép nó. Tạo một layer mới đầy màu đen, và kết hợp nó với "Line Copy" thư mục.

Với các lớp mới được chọn, vào Filter> Sharpen> Smart Sharpen, và nhập giá trị sau. Một khi bạn đã làm xong, thiết lập layer sang Screen.

Bước 22 - tác cuối cùng
Chúng tôi gần như có! Trong bước này, chúng ta sẽ thêm một số chạm cuối cùng sẽ mang lại hình ảnh của chúng tôi để hoàn thành. Đầu tiên, tạo một layer mới đặt tên là "Shadow" và đặt nó ở trên lớp nền của chúng tôi. Trên lớp này, một số sơn màu đen với một bàn chải mềm phía sau văn bản. Điều này sẽ giúp làm giảm tiếng ồn trực quan trong trung và khả năng đọc.

Tiếp theo, chúng ta sẽ thêm một chút bóng sáng để hình ảnh của chúng tôi. Tạo một layer mới và điền nó với màu đen. Vào Filter> Render> Lens Flare và chọn 105mm Prime. Nhấn Command / Ctrl + M để mang lại độ tương phản, và sau đó áp dụng một Gaussian Blur.

Nhấn Command / Ctrl + T để vào chế độ chuyển đổi miễn phí, quy mô xuống lớp và mang nơi đường sáng đáp ứng các chữ cái. Thiết lập các lớp Color Dodge để có một hiệu ứng khúc xạ ánh sáng ban đêm.

Lặp lại quá trình nhiều như bạn xin vui lòng. Bạn có thể đi xem một ví dụ của tôi để tham khảo. Khi bạn làm xong, đặt tất cả những lớp vào một thư mục mới có tên là "ống kính Pháo sáng".

Để hoàn thiện hình ảnh của chúng tôi, chúng ta hãy thêm một bộ lọc thông minh sắc nét. Để làm như vậy, nhân bản và hợp nhất tất cả các thư mục với nhau. Với các lớp mới được chọn, vào Filter> Sharpen> Smart Sharpen và thêm các giá trị sau.

Hình ảnh cuối cùng

Diendandip

Top posters

Latest topics

[ Photoshop ] Create a Diablo III Inspired Text Effect in Photoshop

[ Photoshop ] Create a Diablo III Inspired Text Effect in Photoshop

Similar topics

Similar topics

Tìm kiếm

Display results as : Số bài Chủ đề
Advanced Search