Photoshop - Thiết kế chữ SHINY trong photoshop



FINISH3 Thiết Kế Chữ SHINY Retro Mới trong Photoshop   thiết kế webPhương tiện truyền thông in ấn phát triển ồ ạt kể từ khi phong cách “grunge” lần đầu tiên trở thành một xu hướng, mấy năm trước đây. Các kết cấu với một cảm giác Vin­tage còn rất phổ biến, nhưng gần đây một phong cách mới nổi lên “phong cách Retro”, đó là phong cách thu hút trí tưởng tượng. Ý tưởng của chúng là tạo ra một quan điểm trong tương lai…từ quá khứ. 

Tôi sẽ chỉ cho bạn thấy những chuyển biến của loại phong cách này, nếu bạn hiểu rõ, tôi sẽ chỉ bạn cách kết hợp cách hình ảnh với nhau.Hiệu ứng text này phù hợp với tất cả các loại dự án, tờ rơi, web­site, poster. Nó đặc biệt phù hợp với các loại dự án       về âm nhạc.
Đây là những gì chúng ta sẽ tạo ra. Nhấp chuột lên hình ảnh để xem với kích thước đầy đủ.
FINISH3 Thiết Kế Chữ SHINY Retro Mới trong Photoshop   thiết kế web

Bước 1

Tạo một khung hình mới trong Pho­to­shop, chúng ta sẽ làm việc trên một khung hình có kích thước 250 x 180mm trong RGB mode 300dpi. Điều này quan trọng bởi vì các giá trị đối với các Fil­ter hoạt động trên kích thước px sẽ cần phải được sửa đổi nếu bạn đang làm việc trên một khung hình có kích thước khác.
Step1 Thiết Kế Chữ SHINY Retro Mới trong Photoshop   thiết kế web

Bước 2

Trong Pho­to­shop, chọn Gra­di­ent Tool (vòng tròn) và nhấp chuột Gra­di­ent Edi­tor (vòng tròn) lên Options Bar (Win­dow > Options) để chỉnh sửa Gra­di­ent. Thay đổi 2 giá trị màu sắc như trong Screen Grab, bạn sẽ phải nhấp chuột lên Colour tab nhỏ và dấu hình chữ nhật “Color”. Nhập 2 giá trị đó vào vùng được đánh dấu ‘#’ trong cửa sổ Color đang pop­sup. Thay đổi Radial gra­di­ent trong Options bar và vẽ từ chính giữa ra phía ngoài.
Step2 Thiết Kế Chữ SHINY Retro Mới trong Photoshop   thiết kế web

Bước 3

Chọn Hor­i­zon­tal Type Tool và một Font chữ bạn muốn sử dụng. Tôi muốn chọn một font chữ cổ điển, font chữ sans serif có tên gọi Avant Garde, nếu không sử dụng quá nhiều. Sau đó, tôi sử dụng một phiên bản Cen­tury (font chữ serif), và nó hoạt động tốt hơn rất nhiều.
Step3a Thiết Kế Chữ SHINY Retro Mới trong Photoshop   thiết kế web
Gõ chữ SHINY và vào Layer > Layer Style > Gra­di­ent Over­lay và thiết lập như trên Pho­to­shop screen grab.
Step3b Thiết Kế Chữ SHINY Retro Mới trong Photoshop   thiết kế web
Thêm một Stroke và một Inner Shadow layer style cho text đang sử dụng Screen grabs như các hướng dẫn.
Step3c Thiết Kế Chữ SHINY Retro Mới trong Photoshop   thiết kế web
Tôi đã giảm Kern­ing trong “N” và “Y” để cân bằng khoảng cách.

Bước 4

Tạo một layer mới nằm dưới SHINY, chọn cả SHINY và layer mới đó và vào Layer > Merge Lay­ers. Mục đích: Ras­ter­ize cả text và Layer Styles để chúng ta có thể xây dựng nhiều Layer Styles hơn nữa trên phía trên cùng. Có thể có một cách tốt hơn để thực hiện, tuy nhiên Ras­ter­ize text layer sẽ không thực hiện điều này, không thực hiện trong CS2.
Thêm một Gra­di­ent Over­lay Layer Style như hiển thị trong Screen Grab.
Step4 Thiết Kế Chữ SHINY Retro Mới trong Photoshop   thiết kế web
Step4a Thiết Kế Chữ SHINY Retro Mới trong Photoshop   thiết kế web
Lặp lại tiến trình merge layer và thêm một Gra­di­ent Over­lay khác (với màu đen 50%). Một lần nữa, lặp lại quá trình merge để không còn Layer Styles trên text của bạn phải chỉnh sửa.
Step4b Thiết Kế Chữ SHINY Retro Mới trong Photoshop   thiết kế web
Text phải giống như hiển thị trên Screen grab.
Step4c Thiết Kế Chữ SHINY Retro Mới trong Photoshop   thiết kế web

Bước 5

Sao chép SHINY (Layer > Dupli­cate Layer) và gắn một Gauss­ian Blur fil­ter 8px (Fil­ter > Blur > Gauss­ian Blur) vào bản copy. Hãy chắc layer ban đầu nằm trên layer copy trong Lay­ers palette.
Step5 Thiết Kế Chữ SHINY Retro Mới trong Photoshop   thiết kế web

Bước 6

Sao chép SHINY (layer không bị che mờ) và vào Fil­ter Blur > Radial Blur. Thiết lập nó sang Zoom, Best qual­ity và áp dụng 100%. Thiết lập điểm bắt đầu được tập trung ở Bot­tom trong mối quan hệ với text.
Step6 Thiết Kế Chữ SHINY Retro Mới trong Photoshop   thiết kế web

Bước 7

Phóng to không phải là một kích thước hoàn toàn phù hợp với yêu cầu của chúng ta. Vào Edit > Free Trans­form để xuất hiện Free Trans­form bound­ing box. Giữ phím Shift trong khi điều khiển các điểm góc để hạn chế khía cạnh tỷ lệ.
Step7a Thiết Kế Chữ SHINY Retro Mới trong Photoshop   thiết kế web
Thêm một Smart Sharpen (Fil­ter > Sharpen > Smart Sharpen). Thêm một Layer Mask (Layer > Layer Mask > Reveal All) và xóa các phần bạn không cần bằng cách sử dụng Eraser Tool như thiết lập trên Screen Grab. Gọi tên layer này ZOOM_BLUR.
Step7b Thiết Kế Chữ SHINY Retro Mới trong Photoshop   thiết kế web

Bước 8

Sao chép ZOOM_BLUR và thiết lập Layer Blend Mode của bản copy sang Multiply.
Step8 Thiết Kế Chữ SHINY Retro Mới trong Photoshop   thiết kế web

Bước 9

CTRL + Click vào Layer thumb­nail của ZOOM_BLUR (không phải là Mask thumb­nail), điều này sẽ tạo ra một vùng chọn. Sau đó, vào Select > Inverse Selection.
Step9 Thiết Kế Chữ SHINY Retro Mới trong Photoshop   thiết kế web
Tạo một layer bên dưới ZOOM_BLUR và gọi FILL_LIGHT và tô màu nó bằng Màu trắng.
Step9a Thiết Kế Chữ SHINY Retro Mới trong Photoshop   thiết kế web
Gắn Gra­di­ent Layer Style tương tự (không tạo Inner Shadow hoặc Stroke) như đã làm trong bước 3.
Step9b Thiết Kế Chữ SHINY Retro Mới trong Photoshop   thiết kế web
Tạo một Layer Mask và sử dụng Eraser Tool để xóa những vùng không mong muốn. Tôi nghĩ bạn có thể có những kết quả tốt hơn bằng cách giảm Opac­ity của Eraser Brush xuống khoảng 30% và làm vỡ nó ra nhiều lần để nó hợp với mask. Sử dụng Screen như một hướng dẫn.
Step9c Thiết Kế Chữ SHINY Retro Mới trong Photoshop   thiết kế web
Cuối cùng, giảm Opac­ity của Layer xuống 50% và di chuyển nó xuống bên dưới SHINY trong Lay­ers Palette.
Step9d Thiết Kế Chữ SHINY Retro Mới trong Photoshop   thiết kế web

Bước 10

Chọn Line Tool. Thiết lập nó sang Shape Lay­ers trên Options Bar, với Weight có kích thước 8px. Vẽ một Line màu trắng. Sử dụng Rec­tan­gu­lar Mar­quee Tool để tạo một dấu hình chữ nhật kéo dài theo chiều dài của Line mà bạn vừa tạo ra.
Step10 Thiết Kế Chữ SHINY Retro Mới trong Photoshop   thiết kế web
Chọn Paint­brush Tool và thiết lập một Brush có Edge mềm, lớn. Hạ Flow xuống 21 và bắt đầu vẽ một chút ánh sáng, làm cho chúng đi qua nhiều hơn trên edge kết nối với Line. Sử dụng Screen Grab như một hướng dẫn.
Step10a Thiết Kế Chữ SHINY Retro Mới trong Photoshop   thiết kế web
Chọn layer này và Layer Line, merge chúng lại với nhau. Gọi tên layer vừa merge là TWINKLE và gắn một Gauss­ian Blur (Fil­ter > Blur > Gauss­ian Blur) như trên Screen Grab.
Step10b Thiết Kế Chữ SHINY Retro Mới trong Photoshop   thiết kế web

Bước 11

Sử dụng Eraser Tool (thiết lập như trên Screen Grab) để xóa các Edge thô cứng.
Step11 Thiết Kế Chữ SHINY Retro Mới trong Photoshop   thiết kế web
Sao chép TWINKLE và di chuyển nó song song. Sao chép nó một lần nữa và sử dụng Free Trans­form Tool để xoay nó một góc 90 độ, thay đổi kích thước và định lại vị trí.
Step11a Thiết Kế Chữ SHINY Retro Mới trong Photoshop   thiết kế web

Bước 12

Tạo một layer mới và tô màu nó bằng màu đen. Vào Fil­ter > Ren­der > Lens Flare và thiết lập như trên Grab.
Step12 Thiết Kế Chữ SHINY Retro Mới trong Photoshop   thiết kế web
Thử và căn chỉnh ngọn lửa để toàn bộ các chi tiết đi theo một đường thẳng phía trên.
Step12a Thiết Kế Chữ SHINY Retro Mới trong Photoshop   thiết kế web
Điều chỉnh Lev­els (Image > Adjust­ments > Lev­els) để loại bỏ những ánh sáng không muốn và làm tăng thêm ánh sáng ở trung tâm. Vào Image > Adjust­ments > Desaturate.
Step12b Thiết Kế Chữ SHINY Retro Mới trong Photoshop   thiết kế web
Chọn 4 layer đã được tập hợp (TWINKLE và 2 layer đã sao chép của nó và ngọn lửa), nhóm chúng lại, gọi tên nhóm là STAR.
Step12c Thiết Kế Chữ SHINY Retro Mới trong Photoshop   thiết kế web

Bước 13

Sử dụng Free Trans­form Tool để xoay, thay đổi kích thước và định vị STAR. Sao chép nhóm STAR và xoay, thay đổi kích thước và định vị nó. Vì một yếu tố của nhóm STAR nằm trên mỗi layer riêng, bạn có thể tinh chỉnh mỗi phần của STAR cho đến khi bạn thấy hài lòng.
Step13 Thiết Kế Chữ SHINY Retro Mới trong Photoshop   thiết kế web
Tạo một layer mới bên dưới toàn bộ nhóm STAR và gọi nó là GLOW. Chọn Brush Tool và thiết lập như trên Screen Grab, sau đó, vẽ thêm một số Glow đằng sau mỗi Star bằng cách chọn một kích thước Brush phù hợp.
Step13a Thiết Kế Chữ SHINY Retro Mới trong Photoshop   thiết kế web

Bước 14

Nhóm tất cả layer trong hình ảnh của bạn (trừ back­ground) lại với nhau và gọi nó là SHINY. Sao chép nhóm này và vào Edit > Trans­form > Flip Ver­ti­cal. Tạo một Layer Mask cho nhóm (Chọn nhóm và vào Layer > Layer Mask > Reveal All). Sử dụng Gra­di­ent Tool, thiết lập sang Lin­ear với màu trắng – đen để che kín phần Bot­tom, tạo một hiệu ứng phản chiếu. Giảm Layer Opac­ity xuống khoảng 50%.
Step14 Thiết Kế Chữ SHINY Retro Mới trong Photoshop   thiết kế web

Bước 15

Bây giờ, chọn các tex­ture giấy cũ theo sở thích của bạn. Những tex­ture này từ ittbox khá tốt. Tôi đã sử dụng paper2.jpg, paste nó vào trong doc­u­ment và di chuyển nó lên phía trên của layer palette. Thay đổi Layer Blend Mode sang Multiply.
Step15 Thiết Kế Chữ SHINY Retro Mới trong Photoshop   thiết kế web
Bây giờ, nó trông quá tối, vào Layer > New Adjust­ment Layer > Lev­els, chọn Box có tên ‘Use Pre­vi­ous Layer To Make Clip­ping Mask’ và thiết lập như trên Screen Grab. Để làm tăng tex­ture, sao chép layer giấy, desat­u­rate và thiết lập Blend Mode của layer sang Hard Light. Drop Opac­ity của layer xuống 58%.
Step15a Thiết Kế Chữ SHINY Retro Mới trong Photoshop   thiết kế web

Bước 16

Chọn tất cả các layer của bạn và merge chúng lại với nhau. Đặt layer vừa mới sao chép này phía trên cùng của layer palette (trong trường hợp này, chúng ta sẽ chỉ giữ lại các layer ban đầu). Sao chép layer này và desat­u­rate nó.
Step16 Thiết Kế Chữ SHINY Retro Mới trong Photoshop   thiết kế web
Sau đó, vào Image > Adjust­ments > Invert. Gắn một Gauss­ian Blur có kích thước 40px, chuyển Blend Mode của layer sang Over­lay. Thêm một Lev­els Adjust­ment Layer (Layer > New Adjust­ment Layer >Lev­els) như trong Screen Grab.
Step16a Thiết Kế Chữ SHINY Retro Mới trong Photoshop   thiết kế web

Bước 17

Vào Mode > Grayscale. Chọn Flat­ten trong cửa sổ pop-up. Sau đó vào Mode > Bitmap và làm theo Screen Grab để đối phó với cửa sổ pop-up Bitmap và Halftone Screen.
Step17 Thiết Kế Chữ SHINY Retro Mới trong Photoshop   thiết kế web
Step17a Thiết Kế Chữ SHINY Retro Mới trong Photoshop   thiết kế web
Khi bạn đã gắn nó vào, chọn toàn bộ khung hình và load nó lên clip­board (CTRL+C). Vào His­tory palette (Win­dow > His­tory) và nhấp chuột quay lại ngay trước khi bạn thay đổi sang Grayscale Mode. Sau đó, paste layer Bitmap mà bạn đã copy và di chuyển nó lên phía trên cùng của layer palette.
Step17c Thiết Kế Chữ SHINY Retro Mới trong Photoshop   thiết kế web
Chọn Magic Wand Tool và bỏ chọn Con­tigu­ous box trên Options bar. Sử dụng Wand để chọn bất kỳ vết màu trắng nào trên Bitmap layer, sau đó xóa tất cả vết màu trắng.
Step17d Thiết Kế Chữ SHINY Retro Mới trong Photoshop   thiết kế web

Bước 18

Thay đổi Blend Mode của bitmap layer sang Soft Light và Opac­ity của nó là 80%. Sau đó, tinh chỉnh các opac­ity của 3 layer cuối cùng như hiển thị trên Screen Grab. Những layer này là layer nghệ thuật đã được merge, bản copy đã được desat­u­rated, đảo ngược & làm mờ và có Lev­els Adjust­ment layer. Layer nghệ thuật đã được copy phải được thiết lập sang Overlay.
Step18 Thiết Kế Chữ SHINY Retro Mới trong Photoshop   thiết kế web

Kết luận

Về cơ bản chúng ta đã hoàn thành….Nhưng, nếu bạn muốn bạn muốn tác phẩm của mình đứng hàng đầu trên Deviantart.com hay brusheezy.com, bạn có thể sử dụng một vài Brush theo kiểu dirty/grunge. Đừng sử dụng màu trắng, nhưgn có thể sử dụng màu kem như màu #ddc8b3 cho fore­ground của bạn. Màu sắc này sẽ làm tăng thêm cái vẻ cổ điển cho bức tranh của bạn. Hãy tạo ra một layer mới để vẽ và thử nghiệm các Brush trước khi áp dụng vào trong tác phẩm của mình.
FINISH1 Thiết Kế Chữ SHINY Retro Mới trong Photoshop   thiết kế web
FINISH2 Thiết Kế Chữ SHINY Retro Mới trong Photoshop   thiết kế web
FINISH3 Thiết Kế Chữ SHINY Retro Mới trong Photoshop   thiết kế web

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

Nguồn vnwordpress


Responses

0 Respones to "Photoshop - Thiết kế chữ SHINY trong photoshop"

Đăng nhận xét

Thủ thuật PTS mong các bạn nhận xét ( hoặc có thắc mắc ) một cách " có văn hoá ". Mình sẽ tận tình trả lời hoặc giúp đỡ.
*Note: Đừng Spam nhak' !

 

Nhận xét mới nhất

Tổng số lượt xem trang

Trở về đầu trang Copyright © 2011 | Thủ thuật psd | Bản quyền thuộc về Vagab0ne_r0se