01 จาก 05
วิธีการสร้างเงายาวใน Adobe Illustrator CC 2014
หากมีความจริงพื้นฐานเกี่ยวกับการทำงานกับซอฟต์แวร์กราฟิกคือ: "มี 6,000 วิธีในการทำทุกสิ่งทุกอย่างในสตูดิโอดิจิตอล" สองสามเดือนที่ผ่านมาผมได้แสดงให้คุณเห็นถึงวิธีการสร้างเงายาว ๆ ใน Illustrator เดือนนี้ผมแสดงให้คุณเห็นอีกทางหนึ่ง
เงายาวเป็นจุดเด่นของแนวโน้มการออกแบบแบบแบนบนเว็บซึ่งเป็นปฏิกิริยาต่อแนวโน้มของ Skeuomorphic ที่นำโดยแอปเปิ้ล แนวโน้มนี้เป็นเรื่องธรรมดาโดยการใช้ความลึกลดเงาและอื่น ๆ เพื่อเลียนแบบวัตถุ เราเห็นมันในการเย็บรอบปฏิทินและการใช้ "ไม้" ในไอคอน bookcase ใน Mac OS
การออกแบบแบบแบนซึ่งปรากฏตัวครั้งแรกเมื่อ Microsoft เปิดตัวเครื่องเล่น Zune ในปี 2006 และได้ย้ายไปอยู่ใน Windows Phone 4 ปีต่อมาไปในทิศทางตรงกันข้ามและโดดเด่นด้วยการใช้องค์ประกอบแบบเรียบง่ายการพิมพ์และสีเรียบ
แม้ว่าจะมีผู้ที่ดูเหมือนจะมองว่า Flat Design เป็นแนวโน้มที่ผ่านไปมันไม่สามารถลดราคาได้ โดยเฉพาะอย่างยิ่งเมื่อ Microsoft สร้างมาตรฐานการออกแบบนี้ลงในส่วนติดต่อ Metro และ Apple จะย้ายไปใช้ทั้ง Mac OS และ iOS
ใน "วิธีการ" นี้เราจะสร้างเงายาวสำหรับปุ่ม Twitter มาเริ่มกันเลย.
02 จาก 05
วิธีการเริ่มสร้าง Long Shadow
ขั้นตอนแรกในกระบวนการคือการสร้างวัตถุที่ใช้สำหรับเงา เห็นได้ชัดว่าเป็นโลโก้ Twitter สิ่งที่คุณต้องทำคือเลือกวัตถุและคัดลอก เมื่อวัตถุอยู่ในคลิปบอร์ด เลือก Edit> Paste In Back a nd สำเนาของวัตถุจะถูกวางลงในเลเยอร์ใต้ออบเจ็กต์ต้นฉบับ
ปิดการแสดงผลของเลเยอร์ด้านบน เลือกวัตถุที่วางและกรอกด้วยสีดำ
คัดลอกและวางในกลับวัตถุสีดำ วัตถุที่วางจะถูกเลือกไว้และ กดปุ่ม Shift ค้างไว้ ให้เลื่อนลงและไปทางขวา กดปุ่ม Shift ขณะเคลื่อนที่วัตถุ จำกัด การเคลื่อนที่ไปที่ 45 องศาซึ่งตรงมุมที่ใช้ในการออกแบบแบบแบน
03 จาก 05
วิธีการใช้เมนู Blend เพื่อสร้าง Long Shadow
เงาทั่วไปจะเริ่มจากมืดไปสู่แสง เพื่อเลือกสิ่งนี้ให้เลือกวัตถุสีดำที่อยู่นอกงานศิลปะและ ตั้งค่าความทึบเป็น 0% นอกจากนี้คุณยังสามารถเลือก หน้าต่าง> ความโปร่งใส เพื่อ เปิดแผงความโปร่งใส และตั้งค่านั้นเป็น 0 ด้วย
ด้วยปุ่ม Shift ค้างไว้เลือกวัตถุสีดำในปุ่มเพื่อเลือกทั้งวัตถุที่มองเห็นและมองไม่เห็นบนชั้นที่แยกจากกัน เลือก Object> Blend> Make นี่อาจไม่ใช่สิ่งที่เราต้องการ ในกรณีของฉันมีนก Twitter ตัวหนึ่งอยู่ในเลเยอร์ Blend ใหม่ ลองแก้ไขสิ
เลือก Blend Layer เลือก Object> Blend> Blend Options เมื่อกล่องโต้ตอบตัวเลือกการผสมปรากฏขึ้นให้เลือก ระยะห่างที่กำหนด จากช่องว่าง Spacing และตั้งระยะทางไปที่ 1 พิกเซล ขณะนี้คุณมีเงาที่ค่อนข้างเรียบ
04 จาก 05
วิธีการใช้แผงความโปร่งใสด้วยเงายาว
สิ่งที่ยังคงไม่ค่อยเหมาะสมกับเงา มันยังคงเป็นบิตที่แข็งแกร่งและ overpowers สีทึบที่อยู่เบื้องหลังมัน เพื่อจัดการกับสิ่งนี้เลือกเลเยอร์ Blend และเปิดแผงความโปร่งใส ตั้งค่า Blend mode เป็น Multiply และ Opacity ถึง 40% หรือค่าอื่น ๆ ที่คุณเลือก โหมด Blend กำหนดว่าเงาจะมีปฏิสัมพันธ์กับสีที่อยู่ข้างหลังและการเปลี่ยนแปลงความทึบช่วยลดผลกระทบ
เปิดการแสดงผลของชั้นบนสุดและคุณสามารถดู Long Shadow ได้
05 จาก 05
วิธีการสร้างหน้ากากตัดสำหรับเงายาว
เห็นได้ชัดว่าเงาที่หลุดออกจากฐานไม่ใช่สิ่งที่เราคาดหวัง ลองใช้รูปร่างใน Base layer เพื่อตัดเงา
เลือกเลเยอร์ Base คัดลอกไปยังคลิปบอร์ดและอีกครั้ง เลือก Edit> Paste In Back ซึ่งจะสร้างสำเนาที่อยู่ในตำแหน่งที่แน่นอนเหมือนกับต้นฉบับ ในเลเยอร์เลเยอร์ให้ย้ายเลเยอร์ที่คัดลอกนี้ไปไว้เหนือเลเยอร์ Blend
ด้วย ปุ่ม Shift ค้างไว้ คลิกที่ Blend layer ให้เลือกวัตถุ> Clipping Mask> Make. Shadow ถูกตัดและจากที่นี่คุณสามารถบันทึกเอกสารได้