สติกเกอร์ลอกกลับมีผล Curl หรือ Dog Ear ใน Illustrator

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

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

ปฏิบัติตามขั้นตอนต่อไปจนกว่าจะถึงจุดสิ้นสุดและมีกราฟิกที่สมบูรณ์

01 จาก 19

สร้างเอกสารใหม่

ในการสร้างเอกสารใหม่ใน Illustrator ให้เลือก ไฟล์ > ใหม่ ที่นี่เราได้ตั้งชื่อไฟล์ "สติกเกอร์" และทำให้เป็น "x 4" จากนั้นคลิก ตกลง

02 จาก 19

สร้างสแควร์

จากแผงเครื่องมือเลือกเครื่องมือสี่เหลี่ยมผืนผ้าแล้วคลิกและลากเพื่อสร้างสี่เหลี่ยมผืนผ้าใหญ่เหนือส่วนใหญ่ของอาร์ตเวิร์ก

03 จาก 19

บันทึกไฟล์

หากต้องการบันทึกความคืบหน้าให้เลือก ไฟล์ > บันทึก แล้วคลิก บันทึก กล่องโต้ตอบจะปรากฏขึ้น สำหรับโครงการส่วนใหญ่คุณสามารถตั้งค่าเริ่มต้นและคลิก ตกลง

04 จาก 19

เพิ่มสี

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

05 จาก 19

ลบจังหวะ

คุณสามารถเปลี่ยนสีของจังหวะได้โดยดับเบิลคลิกที่ปุ่ม Stroke ในแผง Tools และเลือกสีใน Color Picker แต่ในกรณีนี้เราไม่ต้องการจังหวะ หากต้องการลบค่าที่ระบุโดยค่าเริ่มต้นให้คลิกที่ช่อง Stroke จากนั้นคลิกที่ปุ่ม None ตรงใต้ส่วนนี้

06 จาก 19

ขีดเส้น

จากแผงเครื่องมือเลือก เครื่องมือปากกา หากต้องการทำเส้นที่คุณต้องการให้สติกเกอร์ลอกกลับให้คลิกเหนือรูปสี่เหลี่ยมผืนผ้าและอีกครั้งทางด้านขวาของภาพ

07 จาก 19

แบ่งสี่เหลี่ยมผืนผ้า

ตอนนี้แบ่งรูปสี่เหลี่ยมผืนผ้าเพื่อให้เป็นสองชิ้น จากแผงเครื่องมือเลือก เครื่องมือการเลือก และคลิกที่เส้นที่วาดเพื่อเลือกจากนั้นให้กดปุ่ม shift ค้างไว้เมื่อคุณคลิกที่สี่เหลี่ยมผืนผ้า

ซึ่งจะเลือกทั้งเส้นและสี่เหลี่ยมผืนผ้า ถัดไปเลือก Window > Pathfinder คลิกที่ปุ่ม Divide จากนั้นคลิกที่ปุ่ม Minus Back เพื่อลบส่วนมุม

08 จาก 19

วาดเปลือกกลับ

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

เพื่อให้รูปร่างของคุณเสร็จสมบูรณ์คลิกที่จุดแรกที่ทำ

09 จาก 19

เพิ่มสี

เมื่อคุณเพิ่มสีลงในสี่เหลี่ยมผืนผ้าคุณจะเพิ่มสีลงในรูปวาดของคุณ เวลานี้ในเครื่องเลือกสีเราพิมพ์ลงในฟิลด์สี RGB 225, 225 และ 204 สำหรับสีครีม

นี่เป็นช่วงเวลาที่ดีในการบันทึกความคืบหน้าของคุณอีกครั้ง คุณสามารถเลือก ไฟล์ > บันทึก หรือใช้แป้นพิมพ์ลัดของ "Command + S" บน Mac หรือ "Control + S" หากใช้ Windows

10 จาก 19

เพิ่ม Drop Shadow

ด้วยการเลือกรูปวาดแล้วคุณจะเลือก Effect > Stylize > Drop Shadow คลิกเพื่อทำเครื่องหมายในช่องถัดจากแสดงตัวอย่างซึ่งจะช่วยให้คุณสามารถดูได้ว่าเงาจะมีลักษณะเป็นอย่างไรก่อนที่จะกระทำการดังกล่าว

หากต้องการสร้างรูปลักษณ์ที่เราสร้างใหม่ให้เลือกคูณสำหรับโหมด 75% สำหรับความทึบให้ทั้ง X และ Y ออฟเซ็ท 0.1 นิ้วทำให้ภาพเบลอ 0.7 ให้สีเริ่มต้นเป็นสีดำและคลิก ตกลง

11 จาก 19

ซ่อนเลเยอร์

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

12 จาก 19

เพิ่มข้อความ

คลิกที่เครื่องมือ Type ในแผง Tools จากนั้นคลิกที่ artboard และพิมพ์ข้อความของคุณ ที่นี่เราใช้ "ใช้ส่วนลดมากถึง 30% หรือ 20% หรือ 15%" โดยใช้ตัวพิมพ์ใหญ่และตัวพิมพ์เล็กในกรณีที่เหมาะสม

จากนั้นคุณจะกด escape สีข้อความเป็นสีดำซึ่งคุณสามารถเปลี่ยนแปลงได้ในภายหลัง

หากต้องการสร้างพื้นที่ใหม่ให้คลิกที่เครื่องมือพิมพ์อีกครั้ง ขณะนี้เราป้อนข้อความหลังขดหน้า: พิมพ์ "PEEL TO" แล้วกดกลับเพื่อไปที่บรรทัดถัดไปและพิมพ์ "REVEAL" จากนั้นกด escape

13 จาก 19

ย้ายและหมุนข้อความ

ด้วยเครื่องมือการเลือกให้คลิกและลากข้อความที่อยู่ด้านหลังหน้าขด ("PEEL TO REVEAL" ในการออกแบบของเรา) ไปทางขวาบนซึ่งรูปสี่เหลี่ยมผืนผ้าถูกตัดออก

ดับเบิลคลิกที่ที่จับที่ขยายแล้วเลื่อนเคอร์เซอร์ไปยังมุมของกรอบล้อมรอบจนกว่าคุณจะเห็นเส้นโค้งลูกศรคู่ จากนั้นลากเพื่อหมุนข้อความ

14 จาก 19

ปรับแบบอักษร

ด้วยเครื่องมือ Text ให้คลิกและลากผ่านข้อความเพื่อเลือก จากนั้นเลือก Window > Character ในแผงอักขระคุณสามารถเปลี่ยนขนาดแบบอักษรและแบบอักษรได้ตามต้องการโดยคลิกที่ลูกศรเล็ก ๆ เพื่อแสดงตัวเลือกของคุณ

ที่นี่เราสร้างแบบอักษร Arial สไตล์ Bold และขนาด 14 pt

15 จาก 19

เปลี่ยนสีแบบอักษร

เมื่อเลือกข้อความที่ยังคงอยู่ให้คลิกที่ลูกศรเล็ก ๆ ถัดจากสีเติมในแถบตัวเลือกเพื่อเปิดสีอื่น ๆ และเลือกสีแดงสด ไม่สามารถมองเห็นสีเมื่อเน้นข้อความได้ดังนั้นคลิกเพื่อปิดข้อความเพื่อดูลักษณะที่ปรากฏ

16 จาก 19

ศูนย์ข้อความ

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

17 จาก 19

แก้ไขข้อความ

นี่คือโอกาสของคุณในการเปลี่ยนแปลงข้อความส่วนที่เหลือ

สำหรับการออกแบบนี้เราใช้เครื่องมือ Text เพื่อวางเคอร์เซอร์หลังคำว่า "EXTRA" และกด return แบ่งข้อความออกเป็นสองบรรทัด เมื่อต้องการทำสามบรรทัดเราวางเคอร์เซอร์ไว้หลัง "30%" แล้วกดกลับอีกครั้ง

หากต้องการเปลี่ยนแบบอักษรและขนาดให้ไฮไลต์ข้อความทั้งหมดเพื่อเลือกและทำการเลือกในแผงตัวอักษร ที่นี่เราเปลี่ยนแบบอักษรเป็น Arial Black และทำให้เป็น ผู้นำ (space between lines) 90 จุด

ในพาเนลย่อหน้าเราเลือกที่จะคลิกปุ่มที่ทำให้ทุกเส้นถูกต้องและในแถบตัวเลือกเราเปลี่ยนสีเป็นสีฟ้าสดใส

หลังจากทำการแก้ไขแล้วคุณสามารถคลิกจากข้อความเพื่อดูว่ารูปลักษณ์ดังกล่าวเป็นอย่างไร

หลังจากทบทวนเราตัดสินใจที่จะเน้นเฉพาะบรรทัดบนสุดเพื่อเลือกและในแผงอักขระเปลี่ยนขนาดเป็น 24 จุด จากนั้นเราเน้นบรรทัดที่สองและเปลี่ยนขนาด 100% หากต้องการเลือก 100% คุณต้องพิมพ์ลงในช่องค่าเนื่องจากตัวเลือกที่มองเห็นได้สูงสุดคือ 72% จากนั้นเราเน้นบรรทัดสุดท้ายและทำให้เป็น 21%

18 จาก 19

Scale Text

จากนั้นคุณจะปรับขนาดข้อความ แม้ว่าเราชอบสัดส่วนของเส้นสายในความสัมพันธ์กับอีกฝ่ายหนึ่ง แต่เราก็ต้องการทำให้ภาพใหญ่ขึ้นเล็กน้อย ให้ใช้เครื่องมือเลือกเพื่อคลิกที่ข้อความจากนั้นเลือก Object > Transform > Scale และเลือก Uniform ที่เลือกไว้พิมพ์ค่าของคุณเราเลือก 125% จากนั้นคลิก OK จากนั้นคลิกและลากข้อความไปวางไว้ที่ด้านซ้ายอีกครั้ง

19 จาก 19

ทำการปรับขั้นสุดท้าย

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

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

เมื่อคุณต้องการทุกสิ่งทุกอย่างแล้วเลือก ไฟล์ > บันทึก แล้วเสร็จเรียบร้อย! ขณะนี้คุณมีสติกเกอร์ลอกออกพร้อมกับผลงานขลุกหน้าพร้อมสำหรับการใช้งาน