Thứ Năm, tháng 4 21, 2011

Hiệu ứng rực lửa với stroke trong photoshop

Hiệu ứng ánh sáng có thể truyền đạt chiều sâu và cảm xúc của tác phẩm và kết hợp chặt chẽ với tất cả yếu tố của tác phẩm tạo nên một kết quả hoàn hảo nhất
 Hiệu ứng ánh sáng có thể làm cho tác phẩm nghệ thuật kỹ thuật tăng thêm vẻ đẹp hơn nữa hoặc cũng có thể phá hủy nó. Khi hiệu ứng ánh sáng được thực hiện một cách hợp lý, ánh sáng có thể tác động lên tầm nhìn, thu hút sự chú ý của độc giả, truyền đạt được chiều sâu và cảm xúc của tác phẩm, và kết hợp chặt chẽ với tất cả các yếu tố của tác phẩm để tạo ra một kết quả hoàn hảo nhất. Tuy nhiên, để tạo nên một ánh sáng sống động không phải là một điều dễ dàng và đơn giản, đặc biệt đối với các nghệ sĩ kỹ thuật số mới bước chân vào nghề. Sự tương phản hoàn hảo, màu sắc đa dạng, tính sắc nét và chiều sâu sẽ làm cho tác phẩm nghệ thuật kỹ thuật số của bạn thêm phần hấp dẫn hơn.
Trong hướng dẫn này, bạn sẽ tìm hiểu quá trình cơ bản của việc thực hiện các hiệu ứng ánh sáng sống động trong Photoshop. Sử dụng các brush, blend mode mặc định và một số hình ảnh sẵn có, bạn sẽ học hỏi các kỹ thuật khác nhau theo từng bước để bạn có thể sử dụng nó trong các tác phẩm riêng của bạn và tạo ra những tác phẩm chuyên nghiệp.
Đây là hướng dẫn sử dụng rất nhiều thủ thuật, phím tắt và kỹ thuật, và mỗi chi tiết được giải thích cặn kẽ cho phép người mới học có thể theo dõi dễ dàng. Nhưng ngay cả nếu bạn là một người dùng có trình độ cao, bạn cũng sẽ thấy rằng hướng dẫn này thực sự hữu ích vì nó sẽ mang lại cho bạn những ý tưởng mới lạ trong tác phẩm của riêng mình. Chúng ta cùng bắt đầu nhé!

Công cụ yêu cầu

Xem trước kết quả chúng ta sẽ tạo ra


Bước 1 – Background:

Chúng ta bắt đầu bằng việc tạo một khung hình mới, có kích thước 1970 × 1320 pixel. Sau đó, chọn một background tùy chỉnh mà tôi đã làm (nhấp chuột vào hình ảnh để xem kích thước đầy đủ):
BG 1 499x335 Thiết Kế Hiệu Ứng Ánh Sáng trong Photoshop
Tiếp theo, chúng ta sẽ kết hợp background khác, vì vậy, nhấp chuột vào hình ảnh bên dưới hoặc truy cập vào link sau và download background này: http://jakezdaniel.deviantart.com/art/Texture-3B-108044404
image 3 499x393 Thiết Kế Hiệu Ứng Ánh Sáng trong Photoshop
Tiếp theo, giảm ‘Fill’ option của background thứ hai xuống 79% (xem hình bên dưới):
image 4 Thiết Kế Hiệu Ứng Ánh Sáng trong Photoshop

Bước 2 – Foreground:

Bây giờ, chúng ta cần hình ảnh cận cảnh của đối tượng. Chúng ta sẽ sử dụng hình ảnh cậu bé này. Bạn có thể sử dụng hình ảnh mà tôi đã sử dụng sau đây: http://tonya-tjphotography.deviantart.com/art/Rocker-6-86012281 hoặc bạn có thể sử dụng bất kỳ hình ảnh nào bạn thích. Điều bạn cần phải chú ý với hình ảnh này là mái tóc, vì nó sẽ có một chút khó khăn khi phải chiết nó ra. Phần mềm có thể dễ dàng để chiết các hình ảnh này, đó là Vertus Fluid Mask, nhưng đối với hướng dẫn này, tôi sẽ chiết mái tóc bằng tay bằng cách sử dụng Pen Tool và tôi sẽ áp dụng thêm một số kỹ thuật cắt.
image 5 499x336 Thiết Kế Hiệu Ứng Ánh Sáng trong Photoshop
Sử dụng Pen Tool, phác thảo xung quanh chủ thể, sau đó, vào “Paths” tab và nhấp chuột phải lên Path mà bạn đã tạo ra, tạo một vùng chọn, sau đó bạn có Foreground của chủ thể. Nếu bạn không thành thạo các kỹ thuật chiết ảnh, hãy đọc bài viết:Các kiểu chiết hình ảnh trong Photoshop này.
Chú ý vẫn còn Edge màu trắng bên trái của mái tóc, vì vậy, bạn có thể sử dụng Pen Tool một lần nữa để cắt chúng ra. Bạn cũng có thể dùng tay để loại bỏ chỉ mình phần màu trắng, nhưng tôi thấy rằng Pen Tool là cách nhanh và hiệu quả hơn để cắt phần tóc của cậu bé. Và để hoàn thành, tôi sử dụng một Brush Eraser mềm và Layer>Matting>Defringe (width 1) và thay đổi kích thước của nó cho phù hợp với Document.
image 6 500x449 Thiết Kế Hiệu Ứng Ánh Sáng trong Photoshop
image 7 499x566 Thiết Kế Hiệu Ứng Ánh Sáng trong Photoshop
Bây giờ, chúng ta sẽ tạo một shadow cho cậu bé, để tạo chiều sâu cho hình ảnh của chúng ta. Đối với shadow, tôi đã sử dụng một Brush mềm, có kích thước 200px, sử dụng màu đen để Brush Perspective của shadow (hãy xem hình ảnh bên dưới hoặc sử dụng sự phán đoán của bạn). Sau đó, vào Filter>Gaussian Blur>30px để làm cho nó trông tự nhiên hơn. Giảm opacity nếu cần thiết, xóa một số phần màu đen lan ra phía ngoài bởi Gausian Blur, và bạn sẽ có kết quả tương tự như của tôi:
image 8 500x365 Thiết Kế Hiệu Ứng Ánh Sáng trong Photoshop
image 9 500x402 Thiết Kế Hiệu Ứng Ánh Sáng trong Photoshop
Bây giờ, chúng ta cần phải làm cho cậu bé có vẻ không giống như “bị paste” và background. Để thực hiện điều này, chúng ta sẽ Brurn – làm mờ các Edge của cậu bé đi một chút, bằng cách sử dụng Burn Tool với các thiết lập 100px, Range: Midtones, Exposure: 50 và sau đó, vào Layer>Adjustments>Brightness/Contrast. Chọn sử dụng layer clipping mask và áp dụng các thiết lập sau:
image 10 Thiết Kế Hiệu Ứng Ánh Sáng trong Photoshop
Thêm một sốvết rạn nứt lên bức tường để có thêm nhiều chi tiết và bổ sung tác động lên tính trực quan. Bạn có thể sử dụng một hình ảnh có sẵn, hoặc Brush sau đây: Download.
image 11 500x333 Thiết Kế Hiệu Ứng Ánh Sáng trong Photoshop

Bước 3 – Thêm các yếu tố trừu tượng:

Tôi đã sử dụng rendered C4d. Các gói C4D renders đều có trên Internet, deviantART là trang web lý tưởng để chúng ta bắt đầu tìm kiếm.
image 12 500x512 Thiết Kế Hiệu Ứng Ánh Sáng trong Photoshop
Thay đổi kích thước của nó và sử dụng Desaturate (CTRL-SHIFT-U) để tạo cho nó một màu xám tinh khiết. Tiếp theo, di chuyển nó tới vị trí bạn muốn, đối với hình ảnh này, tôi muốn làm cho nó giống như là đôi cánh của cậu bé.
image 13 500x392 Thiết Kế Hiệu Ứng Ánh Sáng trong Photoshop
Tiếp theo, xóa một số phần bạn không thích trong bức ảnh của bạn. Làm cho nó phù hợp với Foreground của chủ thể và shadow mà chúng ta đã tạo ra, để cho phép Perspective tiếp tục duy trì. Bạn có thể sử dụng vùng chọn của foreground để loại bỏ những phần đó và làm cho nó giống như được bao bọc xung quanh chủ thể.
image 14 500x393 Thiết Kế Hiệu Ứng Ánh Sáng trong Photoshop
Sao chép C4d layer, sau đó, di chuyển layer đã sao chép xuống phía dưới layer cậu bé. Để thực hiện điều này, bạn có thể thêm một backup của những phần bạn không muốn, và bạn có thể làm cho Render chắc chắn hơn.
image 15 500x293 Thiết Kế Hiệu Ứng Ánh Sáng trong Photoshop
Tiếp theo, chúng ta sử dụng C4D render tương tự, Desature nó và thay đổi kích thước. Chúng ta có thể thêm dần dần thêm nhiều yếu tố hơn nữa, đa dạng hóa kích thước để đạt được hiệu ứng như mong đợi. Xóa những phần không mong muốn, thử thiết lập render xung quanh cậu bé.
image 16 499x386 Thiết Kế Hiệu Ứng Ánh Sáng trong Photoshop

Bước 4:

Trong việc tạo ra các hiệu ứng ánh sáng, tôi chỉ sử dụng các công cụ mặc định trong Photoshop. Sử dụng Pen Tool đối với Illustration, bạn có thể vẽ một số Path và Stroke chúng. Tạo một layer mới, sau đó, thiết lập một Brush màu trắng, mềm, có kích thước 7px (Hardness 0%). Tiếp theo, vẽ một số Path dọc theo chủ thể, nơi bạn muốn ánh sáng xuất hiện. Trong khi đang kích hoạt Pen Tool, nhấp chuột phải lên bề mặt, chọn Stroke Path, và chọn ‘simulate pressure’ option.
image 17 Thiết Kế Hiệu Ứng Ánh Sáng trong Photoshop
image 17b Thiết Kế Hiệu Ứng Ánh Sáng trong Photoshop
Mở Blend Mode Options, áp dụng các thiết lập sau cho layer của bạn.
image 18 Thiết Kế Hiệu Ứng Ánh Sáng trong Photoshop
image 18a Thiết Kế Hiệu Ứng Ánh Sáng trong Photoshop
image 18b Thiết Kế Hiệu Ứng Ánh Sáng trong Photoshop
image 18c Thiết Kế Hiệu Ứng Ánh Sáng trong Photoshop
image 18d Thiết Kế Hiệu Ứng Ánh Sáng trong Photoshop
Sao chép Line Layer 2 lần, sau đó, Blur layer đã sao chép. Filter->Blur->Gaussian Blur với kích thước 10px. Sao chép nó một lần nữa, và tạo một nhóm mới, sau đó thiết lập Blend Mode sang Linear Dodge (xem hình ảnh bên dưới). Linear Dodge là một trong những layer mode mạnh nhất để tạo nên các hiệu ứng ánh sáng chất lượng
Tiếp theo, tạo một layer mới và sau đó, tô màu nó bằng màu đen và thiết lập Blend mode sang Linear Dodge. Chọn Brush Tool, và Brush một chút màu đỏ trên vai cậu bé và sử dụng lệnh CTRL+F 3 lần (để Blur nó một lần nữa). Điều này sẽ làm tăng hiệu ứng hào nhoáng cho ánh sáng.
image 19 500x303 Thiết Kế Hiệu Ứng Ánh Sáng trong Photoshop
Lặp lại quá tringh này và thử tạo một số brush adjustments, làm cho nó lớn hơn hoặc nhỏ hơn. Thử tạo với kích thước 10px; 5px; 3px, bất cứ kích thước nào bạn muốn. Thử đặt một số brush adjustments ở phần dưới cùng của layer cậu bé. Chúng ta quan sát hình ảnh sau khi sử dụng các minh họa và lặp lại quá trình của các layer đã được nhóm trước. Chỉ cần thử nghiệm sử dụng Eraser mềm để làm mờ một số phần không muốn một cách độc đáo. Tôi đã sử dụng Motion Blur để thực hiện một số chuyển động trong tác phẩm. Một cách tổng quan, tôi đã có 7 nhóm đối với các hiệu ứng ánh sáng.
image 20 500x299 Thiết Kế Hiệu Ứng Ánh Sáng trong Photoshop

Bước 5 – Các hiệu ứng bổ sung:

Thêm một số hạt nhỏ, giống như đang bắn tung tóe ra từ cậu bé. Trong bước này, tôi đã sử dụng hình ảnh Nebula- sự kéo mây. Có rất nhiều hình ảnh có sẵn trênhttp://resurgere.deviantart.com/ hoặchttp://hameed.deviantart.com/gallery/?3949421#Stock:
Đặt nó trên khung hình và thay đổi Blend Mode sang Linear Dodge, sau đó Desaturate nó và làm cho nó có màu đen & trắng. Đây là cách để thêm một số sự tương phản phụ cho hình ảnh của chúng ta, ngoài màu đỏ. Bây giờ, nó đã được Desaturate, bạn có thể sao chép và định vị nó ở bất cứ đâu bạn muốn, có thể thử xung quanh cho đến khi bạn có được kết quả tốt nhất. Tôi đề nghị chúng ta nên để một vài hạt đằng sau cậu bé, để tạo ảo giác dễ thương và tăng thêm chiều sâu cho tác phẩm. Xóa những phần không mong muốn bằng cách sử dụng một Eraser mềm.
image 24 500x392 Thiết Kế Hiệu Ứng Ánh Sáng trong Photoshop
image 25 500x390 Thiết Kế Hiệu Ứng Ánh Sáng trong Photoshop

Bước 6 – Khói:

Tôi đã bổ sung một chút khói, đối với tác phẩm gốc, tôi đã sử dụng một hình ảnh khói có sẵn. Thật không may, tôi không thể tìm thấy hình ảnh tương tự mà tôi đã sử dụng, nhưng tôi vẫn thể hiện để bạn xem những phần khói đã bị xóa. Có rất nhiều hình ảnh khói miễn phí (tìm trên http://sxc.hu chẳng hạn) và xem chúng có thể giúp gì cho bạn. Nếu bạn muốn sử dụng hình ảnh tương tự như tôi đã sử dụng, nó có sẵn bên dưới:
smoke 499x549 Thiết Kế Hiệu Ứng Ánh Sáng trong Photoshop
Chỉ cần paste hình ảnh làn khói này vào trong document, di chuyển nó lên trên cậu bé và thiết lập Blend Mode sang ‘Screen’ hoặc ‘Linear Dodge’ tùy thuộc vào kết quả bạn muốn đạt được. Bạn có thể chỉnh sửa layer của bạn để làm cho làn khói xuất hiện trước và sau hiệu ứng ánh sáng.
image 27 500x388 Thiết Kế Hiệu Ứng Ánh Sáng trong Photoshop

Bước 7 – Thêm các hiệu ứng:

Tiếp theo, chúng ta có thể thêm các hiệu ứng ánh sáng tuyệt vời để làm tăng đáng kể tác động trực quan của tác phẩm. Đầu tiên, tạo một layer mới (CTRL-SHIFT-N). Tô màu nó bằng màu đen và thay đổi Blending Option sang ‘Linear Dodge’. Chọn Rectangular Marquee Tool, và sử dụng Gradient Tool (từ màu trắng sang trong suốt), sau đó, xóa một chút các bề mặt để làm cho nó mềm mại hơn. image 29 500x394 Thiết Kế Hiệu Ứng Ánh Sáng trong Photoshop
image 30 500x389 Thiết Kế Hiệu Ứng Ánh Sáng trong Photoshop

Bước 8 – Sự điều chỉnh ánh sáng cuối cùng:

Chúng ta gần như đã hoàn thành tác phẩm. Bây giờ, chúng ta sẽ thêm một số ánh sáng đỏ để kết hợp với màu sắc bổ sung trong tác phẩm. Chúng ta sẽ có một Brush mềm, thùng sơn và Blend Mode ở đây. Tạo một layer mới, tô màu nó bằng màu đen, thay đổi Blend mode sang ‘Linear Dodge’. Sử dụng Brush, và sau đó, nhìn vào màn hình bên dưới để tham khảo:
image 31 500x388 Thiết Kế Hiệu Ứng Ánh Sáng trong Photoshop
Về cơ bản chúng ta đã hoàn thành, nhưng chúng ta nên làm thêm một số điều chỉnh để tạo nên chiều sâu và sự sắc nét tốt hơn nữa cho tác phẩm của chúng ta. Tạo một layer mới, và ‘Apply Image’ (CTRL-ALT-SHIFT-E). Tiếp theo, vào Filter->Sharpen->Sharpen. Sau đó, gắn một Curve layer bằng cách vào Layer->New Adjustment Layer->Curves. Gắn thiết lập như sau:

image 32 Thiết Kế Hiệu Ứng Ánh Sáng trong Photoshop
Sau khi gắn Curves, thêm một layer mask (Layer->New Layer Mask) và xóa một số curves layer (đặc biệt là xung quanh đầu của cậu bé). Giảm opacity xuống 42% và sau đó, bạn có thể thêm gradient maps và các điều chỉnh của riêng bạn nếu bạn muốn chọn. Đây là kết quả mà tôi có được sau khi điều chỉnh:

image 33 500x391 Thiết Kế Hiệu Ứng Ánh Sáng trong Photoshop
image 34 500x297 Thiết Kế Hiệu Ứng Ánh Sáng trong Photoshop

Kết luận

Bạn có thể thêm bất kỳ hiệu ứng nào bạn muốn, nhưng tôi nghĩ tôi đã hài lòng với kết quả mà tôi tạo ra, và hi vọng bạn cũng vậy. Nên nhớ hãy thực nghiệm, những thay đổi nhỏ có thể mang lại các kết rất khác nhau và bạn sẽ không bao giờ biết hết những tiềm ẩn ngạc nhiên khác. Hy vọng bạn sẽ học được những điều bổ ích từ hướng dẫn này, và cảm ơn các bạn đã theo dõi!
image 351 500x389 Thiết Kế Hiệu Ứng Ánh Sáng trong Photoshop 

7 nhận xét:

Yolks nói...
lúc 16:13 29 tháng 4, 2011

Hay quá

Nam Duy nói...
lúc 23:27 29 tháng 4, 2011

ừ, tut hay nên mình copy về, làm theo cách này đơn giản nhưng đẹp thật, từ cách này mình ngộ ra đc cách làm chữ phát sáng đơn giản.

Nặc danh nói...
lúc 14:39 27 tháng 3, 2013

[url=http://buyonlineaccutaneone.com/#cnclp]accutane online[/url] - buy accutane , http://buyonlineaccutaneone.com/#wgfyf buy accutane

Nặc danh nói...
lúc 13:50 31 tháng 3, 2013

[url=http://surveys.questionpro.com/a/TakeSurvey?id=3440929][img]http://emeds.biz/pics/spymobile.png[/img][/url]
phone spying app http://archive.org/details/axalpara spybubble application [url=http://archive.org/details/warmtonnascfull] gps cell phone tracking software for pc[/url] spy kids 3 game over full cast phone tracker app without permission cell phone spy software for nokia 5800
mamoleptino321 http://archive.org/details/brevemphaqu http://www.world66.com/member/spymobile_fm5dlr7g/ http://surveys.questionpro.com/a/TakeSurvey?id=3440929
phone spy iphone free http://www.world66.com/member/spymobile_v0nyt7s6/ cell phone spyware detection removal [url=http://flavors.me/mobilespy_debpoohummy1989] iphone spy sms app[/url] how to monitor mobile phone location phone tracker for android free download spy phone mobile software crack
http://surveys.questionpro.com/a/TakeSurvey?id=3440753 http://www.world66.com/member/spymobile_3iekr3ll/ http://www.world66.com/member/spymobile_jlbqzdp1/
[url=http://www.blogger.com/comment.g?blogID=24507983&postID=2803479472400692133&page=1&token=1363426797857]cell phone spyware iphone[/url]
http://www.blogger.com/comment.g?blogID=4009074195189532653&postID=1546447466167621046&page=1&token=1363111315245 http://www.blogger.com/comment.g?blogID=1310617737640064825&postID=2756827425127554269&page=1&token=1363048442731 http://entqhj.iqmdjn.mactg.thdpuixpw.forum.mythem.es/gnok/boekschuld/ http://www.blogger.com/comment.g?blogID=8385598175845698682&postID=1190831358603744649&page=1&token=1363425722419 http://www.blogger.com/comment.g?blogID=8620537085694874881&postID=3741922804418062893&page=1&token=1363141186081&isPopup=true
mobile spyware iphone http://flavors.me/mobilespy_baffverlaipin1975 download spy kids 3 game over [url=http://archive.org/details/corfiesiderc] mobile phone tapping equipment uk[/url] spy call recorder for nokia e5 how to track a cell phone with gps google how to track stolen iphone 4s

Nặc danh nói...
lúc 07:38 4 tháng 4, 2013

[url=http://buyamoxilonline24h.com/#fpfyy]amoxil without prescription[/url] - generic amoxil , http://buyamoxilonline24h.com/#yizlo cheap generic amoxil

Nặc danh nói...
lúc 23:03 19 tháng 4, 2013

Working your nature approaching a sexier essentials will engender you into using a highly effective worth detriment remedy in African Mango Plus. It is planted and grown following the strictest agricultural standards. It does not restrain any baneful ingredient that will genesis side effects. As opposed to it can contrariwise guarantee results in the safest, fastest and the easiest way possible.

Nặc danh nói...
lúc 12:18 25 tháng 5, 2013

[url=http://hairtyson.com]review phen375[/url]Marvellous site. Possess you always been told that your placement helpen an orphan. Yes it definitely helped. Thanks Alot Buddy.

Đăng nhận xét

Nếu bạn quan tâm đến chủ đề, rất vui nếu được bạn comments để mình hoàn thiện, xin vui lòng gõ tiếng Việt có dấu, hãy sử dụng Unikey hoặc Vietkey. Xin cảm ơn !

:) :( :)) :(( =))

 
Hỗ trợ bởi Thiết kế logo | Theme bởi Lasantha - in Lịch tết | in Card visit | in Name Card | in Phong bì | in Hà Nội | in Tem Bảo Hành | Lịch 2012 | de che | clip de che | download de che |