วิธีเพิ่ม Drop Shadow ลงใน Svg Illustrator

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

ในบทช่วยสอนนี้ เราจะเรียนรู้วิธีเพิ่มเงาตกกระทบใน Illustrator ด้วยเหตุนี้ เราจะคุ้นเคยกับเอ ฟเฟกต์เงา ของ Illustrator รวมถึงทุกสิ่งที่คุณจำเป็นต้องรู้เกี่ยวกับเอฟเฟกต์นี้ บทช่วยสอนนี้มีให้รับชมในช่อง YouTube ของ Envato Tuts คุณสามารถเลือกจากสีต่างๆ ได้โดยการคลิกที่วงล้อสี ตั้งค่านี้เป็น 0% เพื่อให้เงาของคุณใช้เติมรูปร่างด้วยสีเดียวกัน ตราบใดที่คุณเลือกเฉดสีเติมที่เข้มขึ้น ให้เพิ่มความมืด ทันทีที่คุณสร้างเงาตกกระทบเสร็จแล้ว ให้คลิกตกลง

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

หากการรีสตาร์ทหรือการรีเซ็ตการตั้งค่าไม่สามารถแก้ไขปัญหาได้ คุณอาจต้องลองอีกครั้ง หากคุณไม่เห็น ให้ถอนการติดตั้งเครื่องมือ Adobe Cleaner และติดตั้งใหม่ หากคุณยังไม่มี ให้ลองรีเฟรชค่ากำหนดของคุณ

คุณสามารถเพิ่ม Drop Shadow ใน Svg ได้หรือไม่?

สามารถใช้ฟังก์ชัน drop-shadow() CSS รวมถึงค่าสี rgba เพื่อเพิ่มเอฟเฟกต์เงาให้กับ องค์ประกอบ svg ได้อย่างง่ายดาย สามารถใช้ค่า rgba เพื่อปรับความทึบของเงาได้

เมื่อใช้ตัวกรอง CSS เราสามารถเพิ่มจำนวนเงาบน SVG ของเราได้โดยอนุญาตให้เงาเหล่านั้นมีส่วนร่วมในความดีด้านมืดทั้งหมด ค่าที่สามารถระบุสำหรับฟังก์ชันตัวกรองเงาตกกระทบเกือบจะเหมือนกันกับค่าที่สามารถระบุสำหรับ ฟังก์ชัน กล่องเงาและข้อความเงา คุณจะเห็น SVG ของคุณพร้อมเงาตกกระทบที่ออกแบบเองเมื่อคุณทำเสร็จแล้ว เงาจะถูกสร้างขึ้นเพื่อให้เหมาะกับลักษณะเฉพาะของ SVG ของคุณ

เดอะ Filter Primitive เหมาะสำหรับการสร้างเงาตกกระทบของภาพ

ฟิลเตอร์ดั้งเดิมของ feDropShadow เป็นเครื่องมือที่ดีที่สุดสำหรับการสร้างเงาตกกระทบของภาพ แต่ไม่รองรับการเพิ่มเงาแบบกล่อง หากคุณต้องการเงาสำหรับข้อความที่ถูกต้องมากขึ้น คุณต้องใช้ fe>Shadow filter primitive

คุณจะเพิ่ม Drop Shadow ให้กับ Vector ใน Illustrator ได้อย่างไร?

มีหลายวิธีในการเพิ่มเงาให้กับเวกเตอร์ใน Adobe Illustrator วิธีหนึ่งคือการใช้เอฟเฟกต์ "วางเงา" ภายใต้เมนู "เอฟเฟกต์" คุณยังสามารถใช้เอฟเฟกต์ " ร่ายเงา " และ "ขนนก" เพื่อสร้างเงาตกกระทบได้อีกด้วย

นักออกแบบไอคอนทุกคนจะใช้ Photoshop เพื่อสร้าง เงาที่สวยงามและโปร่งใส ไม่ว่าจะเป็นการสร้างภาพเงาหรือไอคอน หากคุณต้องการทำสิ่งเดียวกันใน Illustrator ให้ใช้คำสั่ง 'Effect -> Stylize -> Drop Shadow' ด้วยเหตุนี้ เงาจึงทำงานได้ยากเล็กน้อยเนื่องจากการเรนเดอร์เป็นแรสเตอร์ ถ้าคุณต้องการความโปร่งใสเป็น '0%' ให้เลือกวงรีที่ใหญ่ขึ้น ผสมผสานโดยเลือกทั้งวงรีและวัตถุ ผสมผสาน เมื่อใช้สี ตัวเลือก และระดับความโปร่งใส คุณสามารถกำหนดได้ว่าแบบใดจะให้ผลลัพธ์ที่ดีที่สุด การเปลี่ยนแปลงเล็กน้อยในการออกแบบของคุณอาจทำให้ซับซ้อนขึ้นได้ นี่คือตัวอย่างบางส่วนของการใช้งาน

Svg วางเงา

ตัวกรองเงาแบบหยดเป็นวิธีสร้างเงาแบบหยดที่มีความเข้มและสีต่างกัน เงาตกกระทบถูกเพิ่มเป็นเงาภายนอกที่หักล้างจากองค์ประกอบ ค่าชดเชยถูกกำหนดโดยค่าของแอตทริบิวต์ stdDeviation ยิ่งค่ามากเท่าใด เงาก็จะเบลอมากขึ้นเท่านั้น

คำจำกัดความพื้นฐานขององค์ประกอบนั้นสั้นสำหรับคำจำกัดความ และองค์ประกอบประกอบด้วยคำจำกัดความขององค์ประกอบพิเศษ (เช่น ตัวกรอง) องค์ประกอบตัวกรองมีแอตทริบิวต์ id ที่จำเป็นซึ่งต้องใช้เพื่อระบุ เอฟเฟกต์ เงาตกกระทบ สามารถสร้างขึ้นได้โดยใช้องค์ประกอบ ซึ่งก็คือ>feOffset> กระบวนการนี้เกี่ยวข้องกับการวาดภาพหรือองค์ประกอบและย้ายมันไปสองสามองศาในระนาบ xy

วิธีเพิ่ม Drop Shadow ให้กับข้อความใน Illustrator

ในการเพิ่มเงาให้กับข้อความใน Illustrator ก่อนอื่นให้เลือกข้อความด้วยเครื่องมือ Selection จากนั้นไปที่ Effect > Stylize > Drop Shadow ในกล่องโต้ตอบ Drop Shadow ให้ตั้งค่าตัวเลือก Opacity, X และ Y Offset และ Blur Radius ตามต้องการ คลิก ตกลง เพื่อใช้เงาตกกระทบ

Illustrator Drop Shadow หายไป

หากเงาตกกระทบของนักวาดภาพประกอบหายไป อาจเป็นเพราะสาเหตุหลายประการ สาเหตุที่พบบ่อยที่สุดคือวัตถุหรือเลเยอร์ที่ใช้เงาตกกระทบถูกย้ายหรือลบ อีกสาเหตุหนึ่งที่เป็นไปได้คือความโปร่งใสของวัตถุหรือเลเยอร์มีการเปลี่ยนแปลง ซึ่งอาจส่งผลต่อเงาตกกระทบได้เช่นกัน

เลือกวัตถุของคุณแล้วคลิกเอฟเฟกต์เพื่อเพิ่มเงาใน Illustrator ไม่จำเป็นต้องเรียนรู้วิธีการทำเช่นนี้ เป้าหมายของหลักสูตรนี้คือการสอนวิธีแก้ไขเงาตกกระทบเป็นพาธเวกเตอร์ เพื่อให้คุณสามารถใช้ข้ามแพลตฟอร์มได้ มีหลายวิธีในการทำให้เงาตกกระทบของคุณปรากฏแตกต่างออกไปในเมนู Drop Shadow เนื่องจากโดยทั่วไปแล้วเงาแบบหล่นจะแสดงผลในโหมดการผสมแบบทวีคูณ เราจะปล่อยการตั้งค่านั้นไว้สำหรับการสาธิตนี้ คุณสามารถเรียนรู้เพิ่มเติมเกี่ยวกับโหมดผสมผสานแต่ละโหมดได้ที่นี่ เลือกวัตถุที่ใช้เงาจาก หน้าจอแก้ไขเงา ใน Illustrator หากต้องการดูเงาตกกระทบของคุณ ให้ดูในเมนูลักษณะที่ปรากฏ

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

นักวาดภาพประกอบการตั้งค่า Drop Shadow ที่ดีที่สุด

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

สร้างเงาตกกระทบใน Adobe Illustrator โดยใช้ขั้นตอนต่อไปนี้ เงาตกกระทบเป็นเอฟเฟ็กต์ภาพที่ทำให้มองไม่เห็นวัตถุ การเพิ่มเงาทำให้ภาพมีมิติและความลึกเป็นพิเศษ นอกจากนี้ยังสามารถสร้างเงาที่เพิ่มความลึกและความสมจริงให้กับภาพใน Illustrator ได้อีกด้วย เงาตกกระทบให้ภาพลวงตาของวัตถุที่ลอยอยู่และเหมาะสำหรับปุ่มและข้อความ เงาตกกระทบจะถูกนำไปใช้หากเนื้อหาของคุณขนานกับพื้นหลัง เป็นผลให้เนื้อหาดูเหมือนลอยอยู่ด้านหน้าของพื้นหลัง

ในโปรแกรมวาดภาพประกอบ คุณสามารถเปลี่ยนเงาตกกระทบได้หลายวิธี ด้วยเครื่องมือเงาตกกระทบของ Adobe คุณสามารถเปลี่ยนโหมดการผสมของเงาตกกระทบได้ หัวข้อทั้งหมดใน กล่องโต้ตอบแบบหล่นเงา อ้างอิงถึงค่าที่ตั้งไว้ล่วงหน้าที่แตกต่างกัน วิธีทั่วไปในการสร้างเงาดำคือการใช้การตั้งค่าเริ่มต้น คุณสามารถสร้างเอฟเฟ็กต์เรืองแสงได้หากคุณใช้สีที่อ่อนกว่ามาก เช่น สีขาวตัดกับฉากหลังที่มืด หากคุณกำลังมองหาทางเลือกอื่นนอกเหนือจาก Adobe Illustrator คุณสามารถลองใช้ Vectornator ได้ เนื่องจากอินเทอร์เฟซที่เรียบง่ายและเป็นมิตรกับผู้ใช้ คุณจะไม่มีปัญหาในการเริ่มต้นใช้งานในเวลาไม่นาน

ต่อไปนี้เป็นบทช่วยสอนง่ายๆ สำหรับการสร้างเงาใน VECTornator คุณสามารถเปิดใช้งานการเบลอได้โดยเลือกใน Mac Style Inspector คุณจะสามารถเห็นเงาที่ใหญ่ขึ้นหรือเล็กลงเมื่อความเบลอเพิ่มขึ้นหรือลดลง เงาจะโปร่งใสมากขึ้นหากคุณลากปุ่มสลับซ้ายไปทางซ้ายบนแถบเลื่อนทึบแสง และเงาจะโปร่งใสน้อยลงถ้าคุณลากปุ่มสลับขวาบนแถบเลื่อนทึบแสง หากคุณต้องการลบเงา เพียงกลับไปที่เนื้อหาแล้วคลิกสลับเงา ในตัวอย่างด้านล่าง สามารถใช้เงาตกกระทบเพื่อเพิ่มความหมายให้กับข้อความได้ สามารถใช้เงาหลายชั้นเพื่อสร้างเงายาวที่ดูยาวเย้ายวน หากคุณใช้ Vectornator เพื่อทดลองกับเงาตกกระทบ โปรดส่งแนวคิดของคุณมาให้เรา