Support
Web Programming
(083) 0466100
Your shopping cart
ดูตะกร้าสินค้าของคุณ
ไม่มีสินค้าในตะกร้าของคุณ

เทคนิคการสร้าง smoke shape

slotjunz | 22-06-2553 | เปิดดู 26018 | ความคิดเห็น 7

Creating a Stunning Digital Smoke Effect

Step 1

 

เปิด Illustrator จากนั้นให้ใช้  Pen Tool วาดเส้นขึ้นมา 2 เส้น ไม่ต้องเหมือนกัน  ลองวาดเส้นให้มันตัดกัน แบบรูปตัวอย่าง เพื่อที่จะสร้างรูปร่างของควัน หลังจากนั้น ทำแบบเดิมอีกครั้งแล้ววาดเส้นเพิ่ม เป็น 2 คู่ เลือกมา 1 คู่ และเลือกเฉดสีของเส้นแรกเป็นสีขาว และอันอื่นเป็น เทา 70% คู่อื่นทำแบบนี้ซ้ำเหมือนกัน แต่ให้สลับด้านกัน เหตุผลที่ทำแบบนี้เพราะว่าเมื่อเรา import เข้าไปใน photoshop เราจะสามารถปรับแต่งสีได้สะดวกมากขึ้น

 

 

Step 2

 

ใช้ Blend Tool  คลิกที่ขอบของเส้นสีขาวและเส้นสีเทา จะสร้างเส้นระหว่างสองเส้นด้วย  Blend  Tool selected แล้วไปที่  Object>Blend>Blend Options ในที่นี้เราจะปรับค่า Spacing เลือกเป็น  Specified Steps  200 ตามรูปตัวอย่าง ทำแบบนี้เหมือนกันกับคู่อื่นๆ

 

 

Step 3

 

ตอนนี้ จากนี้ไปเราจะมาทำทั้งหมดใน photoshop  ให้ copy คู่แรกแล้วเอามาวางใน photoshop มันจะเป็น Smart Objects เพราะคุณสามารถจะสามารถย่อหรือขยายขนาดได้โดยที่ไม่สูญเสียคุณภาพของภาพไป ที่เป็นแบบนั้นเพราะมันยังเป็นภาพ vectors อยู่แทนที่จะเป็นภาพแบบ bitmap นอกจากนั้นเรายังสามารถแก้ไข vectors ได้อีก และถ้าคุณใช้ CS3 เป็นไปได้ที่เมื่อ apply filters ทั้งหมดแล้ว จะไม่เสียหายเช่นกัน ซึ่งหมายความว่าถ้าคุณใช้  filters  คุณจะสามารถเปลี่ยนพารามิเตอร์ของพวกมันได้ตลอดเวลาหรือลบ filters  effect กลับไปยังรูปภาพต้นฉบับ ซึ่งนี่ก็ไม่แตกต่างกับ Layer Styles แต่มันถูกใช้ใน filter

 

 

Step 4

 

ทีนี้เราจะมาจัดระเบียบเลเยอร์ โดยใช้ folder  ตามภาพ แล้วตั้งค่า blending mode เป็น  Multiply ทั้ง 2 folder หลังจากนั้น  apply  Gaussian Blur ตั้ง radius เป็น  1 pixels ทั้ง 2 เลเยอร์

 

 

Step 5

Duplicate เลเยอร์ ทั้ง 2 เลเยอร์ไว้ด้านในของแต่ละ  folder. ดังนั้นคุณจะได้ Smoke 1, Smoke 1 Copy, Smoke 2, และ Smoke 2 Copy. เปลี่ยน Blending mode ของ the Smoke 1 Copy และ Smoke 2 Copy เป็น Overlay

Step 6

ตอนนี้เรากำลังจะเปลี่ยนสี จาก สีเทาเป็นสีฟ้า โดย สร้าง adjustment layer ให้เลือกที่ icon ข้างล่างของเลเยอร์ตามภาพโดยเลือก Hue/Saturation แล้ว double-click ที่เลเยอร์ แล้วแก้สีที่ Hue/Saturation parameters.ดูตามภาพ

Step 7

Duplicate the Smoke 1 copy layer แล้ว Rasterize มัน. จากนั้นวางไว้ด้านบนสุดของเลเยอร์ทั้งหมดบน adjustment layer ด้วย.หลังจากนั้นเปลี่ยน blending mode เป็น Color Dodge และ apply Gaussian Blur ให้ radius เป็น 25 pixels. คุณก็จะได้แสงสีฟ้า

 

 

Step 8

 

ตอนนี้เรามีตัวหลักแล้ว เราจะไม่หยุดทำแค่นี้เราจะต้องใส่ effect ที่สมบูรณ์ แต่เราจะทำมันในขั้นตอนหน้า ตอนนี้ถึงเวลาที่เราจะใส่ extra wafts  อันดับแรก ทำควันจางให้  Smoke 1 กลับไปเป็น  50% ดังนั้นมันจะได้  effect  ที่บางเบา จากนั้น duplicate Smoke 1 group และ  fade ลงเหลือ 20%. เลือก group แล้ว add a Layer mask จากนั้นใช้สีขาวและดำทำ radial gradient . เพื่อ mask ให้มันเจือจางไปทางด้านขวา จางออกไปจนหมด

Step 9

 

ถัดไป duplicate  เลเยอร์ที่ทำเมื่อสักครู่ขึ้นมาแล้วปรับหรือหมุนเพื่อให้มันดู เป็นมิติของ effect มากขึ้น ถ้าคุณมีเวลาคุณสามารถทำ ซ้ำของหลายๆรูปทรงจากขั้นตอนแรกใน Illustrator ได้ เป้าหมายคือควรจะมี  ควันจางๆ ออกจากตัวควันหลัก ถ้าคุณต้องการที่จะให้ควันอยู่บนพื้นสีขาว เท่านี้ก็เป็นอันเสร็จขั้นตอน

Step 10

 

ต่อมา สร้างเลเยอร์ใหม่ขึ้นมาวางไว้บนสุดของเลเยอร์ทั้งหมด แล้วใส่สี gradient เป็น radial gradient white (#FFFFFF) กับ grey-ish blue (#C4CCD0) ตามภาพ

Step 11

 

ตั้งค่า blending mode ของ เลเยอร์ใหม่เป็น Exclusion ( เป็นคุณสมบัติของความแตกต่างกันหรือให้ผลที่ตรงกันข้าม )

มันจะ  invert colors จาก เลเยอร์ล่าง ซึ่งจะทำให้เราได้ผลของ effect กลายเป็นสีเทาดำ.

 

 

Step 12

 

สีตอนนี้เป็นสีแบบบรรยากาศช่วงเย็น แต่เราจะทำให้มันสวยกว่านี้ สร้างเลเยอร์ใหม่ขึ้นมาบนเลเยอร์อื่นๆ และใส่สี linear gradient จาก #5f4547 ถึง #7096e4 ตามภาพ เมื่อเราได้  gradient มาแล้วให้ ตั้งค่า blending mode เป็น Color และ Opacity  50%

Step 13

 

สุดท้ายเราจะใส่ข้อความเล็กๆ ลงไป แล้วไปที่ (Filters > Sharpen > Unsharp Mask) เพื่อให้มันดูโค้งมนและคมชัด เท่านี้ก็เป็นอันเสร็จสิ้น

Thank you for this tutorial     Credit : psd.tutsplus.com And Fabio

Translate By Slotjunz.

 

ความคิดเห็น

วันที่: 28-11-2022

แสดงความคิดเห็น
All Comments: 7 Pages: 1/1
guest
AJ Lennon
- Guest -

28/06/2010 16:11 Post : 28/06/2010 16:11

เด็ดมากครับอันนี้ 

 

Quote

guest
AK3
- Guest -

27/08/2010 22:27 Post : 27/08/2010 22:27

effect สุดๆครับ

Quote

guest
น๊อง แอล
- Guest -

13/10/2010 18:56 Post : 13/10/2010 18:56

ขอบคุณคัฟ

Quote

guest
น่ารัก
- Guest -

28/10/2010 20:43 Post : 28/10/2010 20:43

สุดยอดค่ะ ขอบคุณค่ะ

Quote

guest
T
- Guest -

16/06/2011 13:49 Post : 16/06/2011 13:49

ชอบมากครับ

Quote

guest
กล้าณรงค์
- Guest -

05/10/2011 10:33 Post : 05/10/2011 10:33

สุดยอดเลยครับ

Quote

guest
ang
- Guest -

21/11/2012 16:05 Post : 21/11/2012 16:05

 หามานานแล้ว สุดยอดครับ ขอบคุณครับ...

Quote

1