Xuân Quý Tỵ 2013
Hiển thị các bài đăng có nhãn Photoshop - Hiệu ứng ánh sáng. Hiển thị tất cả bài đăng
Hiển thị các bài đăng có nhãn Photoshop - Hiệu ứng ánh sáng. Hiển thị tất cả bài đăng

Thứ Hai, 14 tháng 1, 2013

Hiệu ứng ánh sáng trong photoshop

Ở đây, chúng ta sẽ tạo ra một số dải sáng. Kỹ thuật này khá đơn giản và là một cách lý tưởng để tạo ra một Wall­pa­per trừu tượng và rất tốt để tích hợp thành một hình ảnh khác. Hướng dẫn này chủ yếu sẽ khai thác dụng cụ Brush và ngoài ra, bạn sẽ được tìm hiểu cách tạo ra các Brush tùy chỉnh và sử dụng chúng một cách hiệu quả, kết hợp với một số Layer Styles hấp dẫn.

Các File hướng dẫn

Nếu bạn là một thành viên PSD PRO, bạn hãy down­load File PSD và rất nhiều thứ tại đây.

Hình ảnh của sản phẩm cuối cùng

Trong hướng dẫn này, bạn sẽ học cách tạo ra một hình ảnh tương tự như hình ảnh này:
lml11 Hướng Dẫn Thiết Kế Photoshop: Vẽ Dải Sáng   thiết kế web

Bước 1

Chúng ta sẽ bắt đầu bằng cách tạo ra một doc­u­ment mới, ở đây, tôi sử dụng doc­u­ment có kích thước 1024x768px và 72dpi. Sử dụng Paint Bucket Tool (G), tô màu back­ground layer bằng màu đen, hoặc bạn có thể sử dụng một Gra­di­ent màu tối để thay thế. Nhấp chuột vào Brush Tool (B), sau đó, thay đổi các cách cài đặt của Brush này với một Brush 1px, tròn, màu trắng Hard­ness 0%.
Hãy tạo ra một layer mới, sau đó chọn Pen Tool ℗ và trong thanh Tool­bar chính, hãy chắc bạn đã chọn Paths, ngoài ra, bây giờ, hãy bắt đầu di chuyển khung hình sang bên trái một chút, sau đó, sử dụng 4 điểm để vẽ một Curve với hình dạng tương tự như hình bên dưới. Nhấp chuột phải lên bất kỳ đâu bên trong doc­u­ment, sau đó, chọn Stroke Path, hãy chắc rằng Sim­u­late Pres­sure đã được kiểm tra, sau đó nhấn OK. Cuối cùng, nhấn phím Esc 2 lần để loại bỏ Path.
lml1 Hướng Dẫn Thiết Kế Photoshop: Vẽ Dải Sáng   thiết kế web

Bước 2

Bây giờ, giữ Ctrl và nhấp chuột vào layer có Curve trong đó, trong Layer Panel, tạo ra một vùng chọn xung quanh Line. Tiếp theo, vào Edit> Define Brush Pre­set và lưu Curve đó như một Brush. Bây giờ, bạn có thể ẩn layer này bằng cách nhấp chuột vào đôi mắt bên cạnh nó trong Layer Panel. Chọn Brush Tool một lần nữa, sau đó, đưa ra các cách cài đặt Brush bằng cách vào Win­dow> Brushs. Hãy chọn Brush mà bạn vừa tạo ra, sau đó, sử dụng các cách cài đặt như bên dưới.
lml2 Hướng Dẫn Thiết Kế Photoshop: Vẽ Dải Sáng   thiết kế web
lml3 Hướng Dẫn Thiết Kế Photoshop: Vẽ Dải Sáng   thiết kế web

Bước 3

Tạo một layer mới để giữ các Line của chúng ta. Ok, bây giờ, chúng ta nên sử dụng Brush này để tạo các Line trong bức tranh, do đó, đầu tiên, hãy Drag từ bên trái của khung hình qua bên phải cho đên khi bạn có được một cái gì đó tương tự như hình bên dưới. Mỗi Line hơi khác nhau một chút, bởi vì, trong các cách cài đặt mà chúng ta đã thực hiện, có thay đổi Angle và Round­ness.
lml4 Hướng Dẫn Thiết Kế Photoshop: Vẽ Dải Sáng   thiết kế web

Bước 4

Bây giờ, chúng ta sẽ tạo Line Glow, nhấp chuột phải lên layer này trong Layer Panel, sau đó, chọn Blend­ing Option. Hãy sử dụng các cách cài đặt như hiển thị bên dưới cho Drop Shadow và Outer Glow. Chú ý: mặc dù, chúng ta đã sử dụng Drop Shadow, nhưng chúng ta vẫn sử dụng nó để tạo ra hiệu ứng sáng, bởi vì, chúng ta đã thay đổi Blend Mode của hiệu ứng này từ Mul­ti­ply sang Nor­mal.
lml5 Hướng Dẫn Thiết Kế Photoshop: Vẽ Dải Sáng   thiết kế web
lml6 Hướng Dẫn Thiết Kế Photoshop: Vẽ Dải Sáng   thiết kế web

Bước 5

Nhấp chuột phải vào layer này, sau đó chọn layer vừa mới sao chép để tạo một bản copy chính xác. Bây giờ, vào Blend­ing Options cho layer này và điều duy nhất chúng ta nên thay đổi là Gra­di­ent sang một Gra­di­ent Rain­bow khác, bởi vì, bạn sẽ thấy 2 Gra­di­ent Rain­bow khác nhau, một cái có các Edge trong suốt, một cái thì không.
lml7 Hướng Dẫn Thiết Kế Photoshop: Vẽ Dải Sáng   thiết kế web

Bước 6

Bây giờ, tùy thích, bạn có thể Blend một số đoạn cuối của các Line này bằng cách hoặc sử dụng Era­sor Tool trên cả 2 layer hoặc tốt hơn, bạn nên đặt cả 2 layer này trong một nhóm layer mới, sau đó, tạo ra một layer mask, tô màu một số phần của nó. Nếu bạn đã hài lòng với hình bạn, có thể bỏ qua bước tiếp theo.
lml8 Hướng Dẫn Thiết Kế Photoshop: Vẽ Dải Sáng   thiết kế web

Bước 7

Ở đây, tôi thêm một số bọt khí trên Line, bạn có thể thực hiện điều này bằng cách sử dụng kỹ thuật tương tự từ bước 3 đên bước 5, ngoại trừ việc sử dụng một Brush nhỏ, tròn 2px hoặc 3px để thay thế Brush mà bạn đã thực hiện trong các bước đó.
lml9 Hướng Dẫn Thiết Kế Photoshop: Vẽ Dải Sáng   thiết kế web

Bước 8:

Bây giờ, tạo một layer mới và chọn một brush mềm, lớn. Sau đó, thay đổi màu sắc của Fore­ground sang màu sắc sáng và Brush một vài hình dạng ngẫu nhiên. Lặp lại kỹ thuật này với một vài màu sắc khác để hoàn thiện hiệu ứng giống như hiệu ứng này.
lml10 Hướng Dẫn Thiết Kế Photoshop: Vẽ Dải Sáng   thiết kế web

Bước 9

Tiếp theo vào Fil­ter > Blur> Gauss­ian Blur và sử dụng một Value khoảng 100px, sau đó, thay đổi Blend Mode của layer này sang Color. Tôi sẽ để bạn quyết định Opac­ity của layer này, nhưng tôi sử dụng Opac­ity khoảng 50%.
lml11 Hướng Dẫn Thiết Kế Photoshop: Vẽ Dải Sáng   thiết kế web

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

Nguồn : Vnwordpress

Hiệu ứng ánh sáng sắc nét!

Trong hướng dẫn này, chúng ta sẽ tạo ra một số hiệu ứng ánh sáng thực sự sắc nét, bằng cách sử dụng sự kết hợp của các Layer Styles, Pen Tool và Color Blend­ing. Hiệu ứng cuối cùng mà chúng ta tạo ra khá ấn tượng và hi vọng rằng bạn có thể tìm ra được một vài thủ thuật mà trươc đây bạn chưa từng biết.

Bước 1:

Cũng như khá nhiều hướng dẫn mà tôi đã từng viết, chúng ta bắt đầu với một Radial Gra­di­ent. Radial Gra­di­ent này khá chói mắt, từ màu nâu đỏ sang màu đen. Đây là code của các màu sắc:
Fore­ground color – #922f00
Back­ground color – #000000
1 Hướng Dẫn Photoshop: Hiệu Ứng Ánh Sáng   thiết kế web

Bước 2:

Trong hướng dẫn này, chúng ta thực sự cần một tạo ra một trung tâm khá ấn tượng, do đó, những gì chúng ta cần phải làm là sao chép Layer mà chúng ta vừa tạo ra và thiết lập layer bên trên sang Blend­ing Mode của Color Dodge. Đây là một vài dạng Blend­ing Mode: Blend­ing Mode làm cho màu đậm hơn, Blend­ing Mode làm cho màu nhạt hơn, Blend­ing Mode làm cho đầy màu sắc và Blend­ing Mode đảo ngược màu sắc. Color Dodge có lẽ là mạnh nhất của dạng Blend­ing Mode làm cho màu nhạt hơn. Như bạn có thể thấy trên màn hình chụp, nó có thể bao trùm trên toàn bộ vùng trung tâm.
2 Hướng Dẫn Photoshop: Hiệu Ứng Ánh Sáng   thiết kế web

Bước 3:

Bây giờ, trong hiệu ứng ánh sáng của chúng ta, cần phải có một Tex­tured Back­ground xinh xắn. Vì vậy, chúng ta sẽ tạo ra một layer mới, hãy chắc rằng bạn đã chọn các màu trắng, # FFFFFF, và đen, # 000000, như màu sắc của back­ground và foreground.
Sau đó vào Fil­ter> Ren­der> Clouds. Làm như vậy để bạn có thể tạo ra một hình mẫu đám mây ngẫu nhiên như trên.
3 Hướng Dẫn Photoshop: Hiệu Ứng Ánh Sáng   thiết kế web

Bước 4:

Bây giờ, thiết lập Opac­ity của Layer sang Over­lay và độ trong suốt 30%. Trong một số trường hợp, độ trong suốt như vậy đã khá đủ, nhưng đối với nhu cầu của chúng ta, chúng ta thậm chí cong cần nó giống như người đang hút thuốc.
Vì vậy, vào Fil­ter> Sketch> Chrome và sử dụng cài đặt mặc định của hình 4 và 7 để tạo ra các chi tiết và làm cho nó trở nên tương đối mềm mại. Hiện tại, có lẽ bạn cần làm rối xung quanh nếu bạn muốn, nhưng các mặc định này dường như rất tốt.
Khi bạn đã hoàn thành, kết quả nhận được trông giống khói thuốc nhiều hơn (Over­lay và độ trong suốt của nó là 30%). Bạn có thể xem kết quả trên back­ground của screen­shot hình kế tiếp.
4 Hướng Dẫn Photoshop: Hiệu Ứng Ánh Sáng   thiết kế web

Bước 5:

Bây giờ, trước khi bắt đầu tạo ra các tia phát sáng, chúng ta cần có một cái gì đó để phát sáng. Đây là lúc chúng ta sử dụng Pen Tool. Nếu bạn đã sử dụng Pen Tool nhiều, tôi khuyên bạn nên thử xung quanh nó một chút. Sẽ có một số cái mà bạn có thể thực hiện với các phím tắt, nhưng trong hướng dẫn này, bạn không cần những cái này.
Trong thực tế, tất cả chúng ta đều muốn tạo ra một vài Curve xinh xắn. Thật may, điều này không qua khó. Tôi đã tìm thấy một thủ thuật không phải sử dụng quá nhiều điểm. Thay vì phải dựa vào các đường cong tự nhiên của Pen Tool và Drag chuột từ mỗi điểm để bạn tìm ra một Angle lớn. Trong S-curve như hiển thị bên trên, tôi chỉ sử dụng 3 điểm, điểm bắt đầu, điểm kết thúc và điểm nằm giữa để làm cho nó uốn cong về một hướng.
5 Hướng Dẫn Photoshop: Hiệu Ứng Ánh Sáng   thiết kế web

Bước 6:

Khi bạn đã có một Curve xinh xắn, hãy tạo ra một layer mới. Sau đó, nhấp chuột lên trên Paint­brush Tool (B) và chọn một Brush thật mỏng, cứng. Vì bạn biết rằng, các Brush mềm sẽ làm mờ đi và các Brush cứng sẽ làm cho nó vững chắc hơn. Trong trường hợp này, tôi khuyên bạn sử dụng Thick­ness 3.
Chú ý: bạn có thể chọn bất kỳ màu sắc nào cho brush color vì chúng ta sẽ đổi thành một Layer Style ngay sau đó.
6 Hướng Dẫn Photoshop: Hiệu Ứng Ánh Sáng   thiết kế web

Bước 7:

Bây giờ, quay lại với Pen Tool. Bạn phải cần sử dụng các công cụ để thực hiện bước tiếp theo này.
Sau đó, nhấp chuột phải và chọn Stroke Path. Một chiếc hộp thoại xuất hiện như trên Screen­shot. Chọn Brush và hãy chắc rằng bạn đã nhấn sang Sim­u­late Pres­sure. Điều này quan trọng như là việc nó sẽ tạo ra một Curve dạng hình nón, trông như một khói đá nhô lên khỏi mặt đất.
Tiếp theo, nhấp chuột phải một lần nữa và chọn Delete Path.
8 Hướng Dẫn Photoshop: Hiệu Ứng Ánh Sáng   thiết kế web

Bước 8:

Bây giờ, bạn sẽ có một cái gì đó giống như hình ảnh bên trên. Một cái gì đó rất mỏng, tuyệt vời và sang trọng.
9 Hướng Dẫn Photoshop: Hiệu Ứng Ánh Sáng   thiết kế web

Bước 9:

Bây giờ, chúng ta sẽ thêm một số tia sáng. Cách dễ nhât để tạo ra các tia sáng là sử dụng Layer Styles. Và cách tốt nhất bạn nên biết, đó là để sử dụng Layer Styles, bạn có thể down­load Pho­to­shop PSD mẫu từ phần cuối của trang và sau đó mở ra và sử dụng.
Tóm lại, tôi đã thêm được 2 tia sáng vào. Để thực hiện điều này, đầu tiên, tôi sử dụng Outer Glow và bởi vì, tôi muốn có một tia sáng thứ 2, nên tôi thay đổi các cách cài đặt Drop Shadow để nó trở thành một tia sáng (bạn có thể thực hiện điều này bằng cách giảm Dis­tance – khoảng cách và đồng thời thay đổi Blend Mode sang một cái gì đó như là Color Dodge).




Và ngoài ra, tôi đã sử dụng Color Over­lay để tạo nên một Item màu trắng để nó giống như là trung tâm của một tia sáng mạnh mẽ.
10 Hướng Dẫn Photoshop: Hiệu Ứng Ánh Sáng   thiết kế web

Bước 10:

Bây giờ, để bạn có một Line tương tự, nhưng với một tia sáng cực cool. Vẻ đẹp của việc sử dụng một Layer Style là bạn có thể copy và paste nó sang các layer khác. Để thực hiện điều này, bạn chỉ cần nhấp chuột phải lên layer và chọn Copy Layer Style, sau đó tạo ra một layer mới và nhấp chuột phải và chọn Paste Layer Style.
11 Hướng Dẫn Photoshop: Hiệu Ứng Ánh Sáng   thiết kế web

Bước 11:

Bây giờ, lặp lại quy trình tượng một vài lần để làm cho các Line nguệch ngoạc hơn.
Trong trường hợp này, tôi đã tạo ra một Line dày hơn bằng cách thay đổi kích thước của Paint Brush trước khi tôi thực hiện Stroke Path của phương pháp này. Ngoài ra, tôi cũng đẫ tạo ra một Line thứ 3 và xóa một phần của nó và kết hợp với 2 Line khác trông giống như hình dạng của một hình tam giác cực cool.
12 Hướng Dẫn Photoshop: Hiệu Ứng Ánh Sáng   thiết kế web

Bước 12:

Ở đây, tôi đã thêm một số Text và gắn một layer style tương tự vào text layers.
Điều quan trọng là phải quan tâm và chú ý nhiều đến text của bạn. Đầu tiên, khi bạn bắt đầu, hãy sử dụng các phông chữ đơn giản và thử các không gian giữa các chữ cái, các từ và kích thước. Bạn có thể thực hiện nhiều thứ với chỉ vài thủ thuật nhỏ. Ở đây, tôi tạo sự tương phản cho 3 từ bằng cách tạo Glow lớn hơn nhiều và tạo ra một Advanced và FX nhỏ hơn nhiều, với không giản lý tưởng giữa các chữ cái và toàn bộ các đỉnh.
Bạn có thể kiểm soát không gian với Text bằng cách sử dụng Char­ac­ter Win­dow. Nếu nó chưa mở, bạn vào Win­dow > Char­ac­ter và nó sẽ xuất hiện. Làm lẫn lộn với các cách cài đặt khác nhau cho đến khi bạn tìm hiểu được cần phải kiểm soát cái gì cho từng cái.
13 Hướng Dẫn Photoshop: Hiệu Ứng Ánh Sáng   thiết kế web

Bước 13:

Bây giờ, chúng ta thêm một số hạt nhỏ. Để thực hiện điều này, hãy tạo ra một layer mới, sau đó, chọn một Paint Brush nhỏ — kích thước 3 – và chỉ cần tô màu vài chấm trên đó. Nếu chúng được tập trung về trung tâm của tia sáng, trông giống như chúng đang được phát ra từ đó.
Bạn có thể tạo ra một vài hạt lớn hơn ở trung tâm bằng cách tăng gấp đôi với Paint Brush Dab thứ hai.
Sau đó, paste Glow layer style của chúng ta lên layer đó.
14 Hướng Dẫn Photoshop: Hiệu Ứng Ánh Sáng   thiết kế web

Bước 14:

Bây giờ, trông nó khá Cool, nhưng nó sẽ Cool hơn nếu chúng ta bổ sung thêm một chút màu sắc tinh tế thay vì chỉ có một màu đỏ cực kỳ lòe loẹt này.
Vì vậy, tọa ra một layer mới, và sử dụng radial gra­di­ent, một Gra­di­ent màu lam sang trắng như hiển thị.
15 Hướng Dẫn Photoshop: Hiệu Ứng Ánh Sáng   thiết kế web

Bước 15:

Sau đó, thiết lập layer sang Blend­ing mode của Color và thay đổi Opac­ity lên 50%.
Bạn dẽ thấy nó biến thành hinhd ảnh của xanh lam. Tôi nghĩ rằng nó trông Cool hơn nhiều, nhưng chỉ đó chỉ là bước bổ sung. Ngoài ra, tôi đã tạo một vài layer bổ sung, một layer màu vàng nhạt và một layer màu tía nhạt. Bạn có thể xem chúng trong screen­shot phía trên.
Tôi thiết lập mỗi layer sang Blend­ing mode của Color và các Opac­ity mỏng để làm cho tất cả chúng cùng phai mờ.
16 Hướng Dẫn Photoshop: Hiệu Ứng Ánh Sáng   thiết kế web

Bước 16:

Và bạn đã hoàn thành tác phẩm của mình: hiệu ứng ánh sáng tiên tiến với color blend thật Cool và ó bạn có nó: hiệu ứng ánh sáng tiên tiến kết hợp với back­ground khói thuốc tạo ra một hiệu ứng khá lý tưởng.
Chỉ cần thử nghiệm với các cách cài đặt và thử áp dụng Glow để tạo nên sự biến đổi khác biệt. Và hãy thử các kết hợp màu sắc khác nhau, một vài sự kết hợp đầy ngạc nhiên sẽ mang lại cho bạn một hiệu ứng thực sự đẹp mắt. Chúc bạn may mắn.
17 Hướng Dẫn Photoshop: Hiệu Ứng Ánh Sáng   thiết kế web


Dịch và biên tập từ: Psd.TutsPlus

Nguồn: vnwordpress

Thể thao trực tuyến

Thống kê truy cập

Flag Counter