เอฟเฟกต์ข้อความการ์ตูน (บทช่วยสอนสำหรับ Adobe Illustrator)

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

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

เอฟเฟกต์ข้อความการ์ตูน

เราเปิด Adobe Illustrator แล้วไปที่ สร้างเอกสารใหม่ (Mac: Cmd + N Windows: Ctrl + N) เราสามารถตั้งชื่ออะไรก็ได้ที่เราต้องการและเลือกขนาดไฟล์ ในกรณีของฉัน ฉันเลือก 570 x 300 px ซึ่งเป็นรูปแบบที่เราใช้ Creativos Online เพื่ออัพโหลดภาพ

เป็นสิ่งสำคัญมากที่ด้านล่างของกล่องโต้ตอบ (ขั้นสูง) คุณต้องแน่ใจว่าคุณได้ทำเครื่องหมายเป็นโหมดสีแล้ว RGB, เอฟเฟกต์แรสเตอร์บน หน้าจอ (72 ppi) y ค่าเริ่มต้นของโหมดดูตัวอย่าง. เมื่อคุณเลือกตัวเลือกได้แล้วให้คลิกที่ตกลง

Fondo

เราจะสร้างพื้นหลังสีที่ข้อความของเราจะสวมใส่ เราเลือกเครื่องมือสี่เหลี่ยมผืนผ้า (Rectangle Tool, ปุ่ม M) และคลิกที่ใดก็ได้ในเอกสารของเรา จากนั้นหน้าต่างเล็ก ๆ จะเปิดขึ้นเพื่อให้เราเข้าสู่มาตรการของสี่เหลี่ยมผืนผ้า: คุณจะต้องวางมาตรการของเอกสารของคุณ ในกรณีของฉันคือ 570 x 300px คลิกที่ตกลงและสี่เหลี่ยมที่เราเพิ่งสร้างขึ้นจะปรากฏบนหน้าจอ

ตอนนี้เราจะต้องวางให้ดี ในการดำเนินการนี้เราจะเลือกลูกศรสีดำบนแถบเครื่องมือ (เครื่องมือการเลือก, ปุ่ม V) ด้วยวิธีนี้เราจะคลิกที่เส้นขอบของสี่เหลี่ยมผืนผ้าและโดยไม่ต้องปล่อยเราจะลากเส้นขอบจนกว่าจะตรงกับขอบของเอกสาร

พื้นหลังสี

พื้นหลังเสร็จเรียบร้อยแล้ว แต่โดยค่าเริ่มต้นเราจะเห็นเป็นสีขาวพร้อมขอบดำ ถึงเวลาเปลี่ยนสิ่งนี้! ด้วยลูกศรสีดำที่เลือกเป็นเครื่องมือ (Selection Tool, ปุ่ม V) ให้เราคลิกที่สี่เหลี่ยมผืนผ้า เราไปที่กล่องสีสองกล่องที่ด้านล่างของแถบเครื่องมือกล่องที่อยู่ด้านหน้าตรงกับ เติมสี ของรูปเราและรูปที่อยู่เบื้องหลังหมายถึง TRAZO โดยค่าเริ่มต้นเราจะเติมสีขาวและขอบสีดำ เราคลิกที่ช่องกรอกข้อมูลและ ตัวเลือกสี (ตัวเลือกสี). ตอนนี้คุณสามารถเลือกสีที่คุณต้องการสำหรับพื้นหลังของคุณได้ ในกรณีของฉันมันเป็นสีน้ำเงิน เมื่อเลือกแล้วให้คลิกตกลงและคุณจะมีสี่เหลี่ยมผืนผ้าสีของคุณ 

ตอนนี้ขอ เอาขอบออก. คลิกที่กล่องตรงขอบของแถบเครื่องมือของเรา ตอนนี้ด้านล่างของสี่เหลี่ยมนั้นมีสี่เหลี่ยมสีขาวเล็ก ๆ ที่มีเส้นทแยงมุมสีแดง คลิกเลย ... เท่านี้ก็เสร็จเรียบร้อย! ช่องนี้บอก Illustrator ว่าเราต้องการให้เส้นโครงร่างไม่มีสี หากเราต้องการให้การเติมสี่เหลี่ยมไม่มีสีเราจะต้องเลือกช่องที่เกี่ยวข้องและคลิกที่ช่องว่างอีกครั้ง 

ลดลง

ขั้นตอนต่อไปคือการไล่ระดับวงกลมบนพื้นหลังของเรา ในการดำเนินการนี้เราต้องไปที่หน้าต่างลักษณะที่ปรากฏ (หากคุณไม่เห็นทางด้านขวาของหน้าจอดังที่แสดงในภาพไปที่เมนูด้านบนของหน้าต่าง Illustrator แล้วไปที่ หน้าต่าง> เครื่องแต่งกาย). ตามค่าเริ่มต้นตัวเลือกเติมจะปรากฏขึ้นพร้อมกับสีที่เรากำหนดไว้สำหรับสี่เหลี่ยมผืนผ้าและตัวเลือก Stroke (เส้นโครงร่างหรือเส้นโครงร่าง) ซึ่งจะเป็นตัวเลือกว่างเปล่า ทางเลือกสุดท้ายคือ Opacity (ความทึบ) ที่ด้านล่างของหน้าต่างนั้นมีช่องสี่เหลี่ยมเล็ก ๆ สองช่อง เส้นหนึ่งมีขอบสีดำกว้างมากและอีกเส้นมีขอบบาง ๆ เราเลือกสิ่งที่ดีเป็น สร้างการเติมใหม่ (Fill). ตอนนี้ในสี่เหลี่ยมสีของการเติมใหม่ที่เราสร้างขึ้นให้เราคลิก ลูกศรจะปรากฏขึ้นทางด้านขวาและเราจะเลือกจากตัวอย่างสีทั้งหมดที่ปรากฏขึ้นลูกศรที่ตรงกับการไล่ระดับสีดำวงกลม

ตอนนี้เราเปิดส่วนใหม่โดยคลิกที่ลูกศรทางด้านซ้ายของ Fill แล้วคลิกที่คำนั้น ความทึบเพื่อเปลี่ยนวิธีการนำเลเยอร์การเติมของเราไปใช้ เมื่อถึงแล้วให้เราเลือกตัวเลือก วางซ้อน (เหลื่อม).

วงกลม

เราจะสร้างวงกลมสีขาวตรงกลางเอกสารของเรา ในการดำเนินการนี้เราเลือกเครื่องมือ เครื่องมือวงรีซึ่งจะอยู่ "ภายใน" Rectangle Tool เพื่อให้สามารถเลือกได้เราต้องทำการคลิกยาว ๆ โดยไม่ต้องปล่อยรอให้ตัวเลือกแสดงขึ้น เมื่อปรากฏขึ้นโดยไม่ต้องปล่อยเราให้เลื่อนเคอร์เซอร์ไปไว้เหนือเครื่องมือวงรีแล้วปล่อย

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

ตอนนี้เราจะจัดกึ่งกลาง ไปที่ หน้าต่าง> จัดแนว และเมื่อเลือกวงกลมให้คลิกที่ตัวเลือกที่แสดงในภาพ 

ข้อความ

เราเลือกเครื่องมือข้อความ (พิมพ์เครื่องมือ, คีย์ T) และเราพิมพ์ข้อความที่เราต้องการ ในกรณีของเราเราได้เลือกแบบอักษร BadaBoom BB ซึ่งคุณสามารถดาวน์โหลดได้จาก DaFont. 

ทีนี้มาหมุนกันหน่อย คลิกขวาที่ข้อความ> Transform> ตัด. เราแนะนำค่า-8ºในแนวตั้งและคลิกตกลง

เราจัดกึ่งกลางข้อความในลักษณะเดียวกับที่เราจัดวงกลมสีขาวไว้ตรงกลางก่อนหน้านี้

การเพิ่มสไตล์

เมื่อเลือกข้อความแล้วเราไปที่ตัวเลือก วัตถุ ในเมนูด้านบนและเลือก แสดง และในหน้าต่างที่ปรากฏขึ้นตกลง แล้วทำ คลิกขวา เหนือข้อความและเลือกยกเลิกการจัดกลุ่ม (ยกเลิกการจัดกลุ่ม).

กลับไปที่ แผงลักษณะ. เลือกเติมสีดำและคลิกที่ไอคอน "fx' เลือก เส้นทาง> เส้นทางออฟเซ็ต. ใส่ใน Offset, 8px ในการเข้าร่วมรอบ และในขีด จำกัด 4.

ตอนนี้คลิกที่ไอคอน 'fx' อีกครั้งแล้วเลือก Distor & Transform> Transform และป้อน:
ในมาตราส่วน: แนวนอน> แนวตั้ง 100%> 100%
ในการย้าย: แนวนอน> 7px แนวตั้ง> 12px

ตอนนี้ขอ เพิ่มไส้อื่น. แตะไอคอนสี่เหลี่ยมบนเส้นขอบบาง ๆ แล้วเลือกสีอ่อน ตัวอย่างเช่นสีขาว

เราเติมอีกไส้. ในกรณีของเราของ สีส้ม. เราจะเพิ่มเอฟเฟกต์การเปลี่ยนแปลงให้กับมัน คลิกที่ไอคอนอีกครั้ง 'fx' แล้วเลือก Distor & Transform> Transform และป้อน:
ในการย้าย: แนวนอน> 2px แนวตั้ง> 2px

เราจะวางโครงร่างสีดำไว้ เราเลือกไฟล์ สีดำในจังหวะ และเราให้ 3px ฉลาด! ตอนนี้เพื่อบันทึกไฟล์> บันทึก หากต้องการบันทึกเป็น. jpg ไฟล์> ส่งออก (และคุณเลือกรูปแบบที่นั่น)