สอนออกแบบโลโก้ และฉลากสินค้า

ขั้นตอนที่ 1 – สร้างเอกสาร

เปิด Illustrator เอกสารใหม่ 11 นิ้ว 8.5 นิ้วโดยในโหมดสี CMYK นี้อาจจะไม่ตั้งค่าเริ่มต้นของคุณเพื่อให้แน่ใจว่ามีการเปลี่ยนแปลงหน่วยและโหมดสีสำหรับการนี้

เลือกเครื่องมือสี่เหลี่ยม (M) ที่มีการเติมและ .25 จังหวะ PT แล้วคลิกหนึ่งครั้งบนเวทีและป้อน 4in กว้างโดย 3.5in สูงเลือกเครื่องมือ Ellipse (L) คลิกครั้งเดียวบนเวทีและป้อน 2.1in โดย 2.2in เลือกทั้งสองวงรีและตารางและในการจัดตำแหน่งจานกลางวัตถุในแนวนอนและแนวตั้ง


ขั้นที่ 2 – ทำเครื่องหมายพืช

เลือกตารางและในเมนูไป Filter> สร้าง> เครื่องหมายครอบตัด เพิ่มขนาดตารางเพื่อ 4.125in โดย 3.875in ตารางนี้จะเป็นขนาดของภาพของเราซึ่งมีขนาดใหญ่กว่า 1/8in เครื่องหมายครอบตัด ซึ่งจะทำให้ไม่มีพื้นที่ว่างสีขาวเมื่อคุณหรือเครื่องพิมพ์ตัดป้ายชื่อเหล่านี้ออก


ขั้นตอนที่ 3 – ศูนย์กลางฉลาก

เลือกทั้งหมดและในจานสีจัดสลับ artboard และศูนย์ฉลากตามแนวนอนและแนวตั้ง เลือกตารางและเครื่องหมายการเพาะปลูกและในเมนูวัตถุเลือก> เลือกล็อค> (Command + 2)


ขั้นตอนที่ 4 – สร้างไข่

ตกลงตอนนี้เราสามารถเริ่มต้นจริงๆทำกราฟิก ก่อนปิดให้เลือกวงรีและคัดลอก (ไม่วางมันค่อนข้างยัง) กรอกไข่ที่มีสีเขียวเข้ม (# 6B752A) ให้ไข่ที่อยู่ภายในไฟเขียว (# D3E27E) จังหวะ 3pt คุณสามารถใช้แผ่นลักษณะเพื่อเพิ่มนอกสีเขียวเข้ม (# 6B752A) 1.5pt ละโบม


ขั้นตอนที่ 5 – ตัดออกจากศูนย์

ไปข้างหน้าและวางอยู่ด้านหน้าของคุณคัดลอกวงรี (Command + F) ดับเบิลคลิกที่เครื่องมือวัดที่จะนำขึ้นหารือและใส่ 65% ในสาขา Uniform เลือกวงรีทั้งสองและใน Pathfinder จานสีแล้วใช้ลบออกจากบริเวณรูปร่างแล้วคลิกขยาย


ขั้นตอนที่ 6 – สร้างข้อความชื่อยี่ห้อ

คุณยังควรจะมีไข่ที่เป็นต้นฉบับของคุณในคลิปบอร์ดเพื่อวางวงรีอยู่ด้านหน้าอีกครั้ง (Command + F) ดับเบิลคลิกที่เครื่องมือวัดที่จะนำขึ้นหารือและครั้งนี้ใส่ 71% ในสาขา Uniform เลือกประเภทที่เครื่องมือ Path และเลือกตัวอักษร (ผมใช้แผ่นทองแดงหนาที่ 34pt) และตั้งค่าสีเป็นสีขาว ทองแดง font-family สามารถดูได้ที่ MyFonts.com . คลิกที่รูปไข่และพิมพ์ชื่อยี่ห้อของผลิตภัณฑ์

ปรับการติดตาม (ช่องว่างระหว่างตัวอักษร) หากจำเป็นโดยคลิกที่ระหว่างตัวอักษรและกด (Command + Shift + + ซ้ายหรือขวาปุ่มวงเล็บ) > ปรับพื้นฐานหากจำเป็นโดยเพิ่มหรือลดขนาดของวงรีว่าข้อความที่เกี่ยวกับ


ขั้นตอนที่ 7 – หมุนข้อความ

ดูปกครองโดยการกด (Command + R) หรือเมนู> View> ไม้บรรทัดแสดงให้เลือกชนิดและลากคู่มือแนวนอนจากไม้บรรทัดด้านบนไปยังศูนย์กลางของวงกลม ถ้าคู่มือที่มองไม่เห็นแล้วไปที่เมนู> View> Show เคล็ดลับการ (Command + อัฒภาค) ใช้เครื่องมือเลือก (V) เพื่อลากจุดจับของข้อความไปยังตำแหน่งที่เป็นศูนย์กลาง


ขั้นตอนที่ 8 – เพิ่มพื้นหลังที่จะรี

เลือกเครื่องมือ Ellipse คลิกค้างไว้ Alt + Shift ขณะที่ลากออกมาจากศูนย์กลางของรูปไข่ของคุณเพื่อสร้างวงกลมที่ผ่านมาขยายศูนย์ว่างของรูปไข่ เติมด้วยสีส้ม (# DF771C) และโรคหลอดเลือดสมองไม่มี คลิกขวาที่> รูปแบบ> ส่งไปไว้ข้างหลัง (Command + ปุ่ม Alt + ขายึดซ้าย) เพื่อส่งวงกลมสีส้มเพื่อกลับ


ขั้นตอนที่ 9 – สร้างรางแบนเนอร์ที่หน้าหลัก

เลือกเครื่องมือสี่เหลี่ยมผืนผ้า (M) และคลิกหนึ่งครั้งบนเวที ป้อน 2.2in และ 0.3in สำหรับความกว้างและความสูง ด้วยรูปสี่เหลี่ยมผืนผ้าเลือกไปที่จานสีไล่โทนสีและเลือกสีที่ไล่ระดับแนวนอนเส้น # 533930 เมื่อปลายแต่ละด้านและ # A6583F อยู่ตรงกลาง ให้สี่เหลี่ยมผืนผ้าจังหวะสีดำ 1pt และตรวจสอบตัวเลือกที่เข้าร่วมรอบที่


ขั้นตอนที่ 10 – บีบมัน!

ในเมนูให้ไปที่วัตถุ Distort Envelope>> ทำกับ Warp และเลือกบีบให้ตรวจสอบแนวนอนและเบนด์เพียง 2%


ขั้นตอนที่ 11 – สร้างข้อความแบนเนอร์

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


ขั้นตอนที่ 12 – สร้างส่วนหาง Banner 1

เลือกเครื่องมือสี่เหลี่ยม (M) และคลิกหนึ่งครั้งบนเวทีใส่ .5 ในความกว้างและความสูง 0.3 ใน ให้มันจังหวะสีดำ 1pt โดยใช้ตัวเลือกที่เข้าร่วมรอบอีกครั้ง ให้สี่เหลี่ยมผืนผ้านี้ลาดเชิงเส้นด้วย # 533930 ด้านซ้ายและ DF771C # บนด้านขวา


ขั้นตอนที่ 13 – สร้างส่วนหางแบนเนอร์ 2

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


ขั้นตอนที่ 14 – ตำแหน่งและทำซ้ำ Tail

วางวัตถุที่หางนี้เมื่อปลายด้านขวาของรูปสี่เหลี่ยมผืนผ้าและเขยิบมันลงเล็กน้อย ส่งไปที่อยู่เบื้องหลังรูปสี่เหลี่ยมผืนผ้าที่มีการคลิกขวา> รูปแบบ> ย้ายไปข้างหลัง (Command + แป้นยึดซ้าย) คัดลอกวัตถุหางและวางอยู่ตรงหน้า (Command + F) คลิกขวาที่วัตถุหางคัดลอกและเลือกแปลง> สะท้อน เลือกองศาแนวตั้งและมุม 90 ย้ายวัตถุหางสะท้อนไปยังด้านซ้ายถือ Shift ขณะลากเพื่อบังคับให้เป็นตรง


ขั้นตอนที่ 15 – สร้างรายละเอียดป้ายโฆษณา

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

เติมรูปทรงที่มีสีน้ำตาลเข้ม (# 2D1C17) และโค้งมน 1pt จังหวะสีดำ คำสั่งกดปุ่มซ้ายขายึด + จนกว่ารูปร่างเป็นสี่เหลี่ยมผืนผ้าที่อยู่เบื้องหลัง แต่ในด้านหน้าของหาง

คัดลอกวางอยู่ด้านหน้า (Command + F), คลิกขวา> Transform> สะท้อน> เลือกแนวตั้ง 90 องศา Shift-ลากเพื่อจุดเดียวกันบนด้านซ้ายของแบนเนอร์


ขั้นตอนที่ 16 – Warp แบนเนอร์

เลือกแบนเนอร์ทั้งหมดและในเมนูไปที่วัตถุ Envelope> บิดเบือน> ทำกับ Warp เลือก% Arc และ 12 สำหรับเบนด์


ขั้นตอนที่ 17 – ตำแหน่งแบนเนอร์

ตอนนี้ขอวางแบนเนอร์ในการออกแบบ คลิกที่ข้อความชื่อแบรนด์ (“TUTS VECTOR”) ดังนั้นจุดกึ่งกลางจะมองเห็นได้ลากคู่มือแนวตั้งจากผู้ปกครองที่ยังเหลืออยู่ตรงจุดกึ่งกลาง > วางแบนเนอร์ในตำแหน่งที่ไม่ใช้คู่มือแนวตั้งเพื่อให้มันอยู่กึ่งกลาง


ขั้นตอนที่ 18 – สร้างเมล็ดข้าวสาลี

เราก็สามารถคว้าภาพของข้าวสาลีหรือเวกเตอร์สต็อก แต่คุณจะได้เรียนรู้มาก? Nope! ขอให้ลูกของข้าวสาลีจากรอยขีดข่วน ใช้เครื่องมือ Ellipse (L) และสร้างวงรีแนวตั้งขนาดเล็กบางของสีใด ๆ

ใช้เครื่องมือแปลง Anchor Point (ซึ่งเป็นที่ซ้อนกันอยู่ในเครื่องมือ Pen) และคลิกที่จุดบนสุดของรูปไข่ ใช้เครื่องมือเลือก (V) และกด Alt ขณะลากเพื่อสร้างสำเนาของรูปร่างลดลงนี้ฉีกขาดเพื่อใช้เป็นเคล็ดลับของข้าวสาลีในไม่กี่ขั้นตอน วางไว้กันตอนนี้

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

ดับเบิลคลิกที่เครื่องมือหมุน (R) และเลือกมุมจากประมาณ -20 องศา คุณต้องการที่จะได้รับเคล็ดลับที่ชี้ออกไปเล็กน้อยทางด้านขวาของแนวตั้ง

 

ขั้นตอนที่ 19 – แปลงข้าวสาลี

จากเมนูเลือกผล> Distort & Transform> Transform นี่คือคุณลักษณะที่ดีของ Illustrator คุณสามารถใช้มันเพื่อสร้างทุกชนิดของรูปแบบที่น่าสนใจและรูปร่าง ในกรณีนี้เราจะทำซ้ำเมล็ดข้าวสาลีที่จะทำให้ส่วนที่เหลือของก้านข้าวสาลี ตรวจสอบดูตัวอย่างและใส่ 3 สำหรับสำเนาและ -0.15 (ประมาณ) สำหรับแนวตั้งเพิ่มเติม คลิกที่ OK เมื่อมันมองขวา


ขั้นตอนที่ 20 – คัดลอกและตำแหน่งบนด้านซ้าย

คัดลอกวางอยู่ด้านหน้า (Command + F) แล้วคลิกขวา> Transform> สะท้อนและเลือกแนวตั้ง 90 องศา เขยิบไปทางซ้ายในตำแหน่ง วางแบบเลื่อนการฉีกขาดที่ถูกคัดลอกบนปลายของคุณ

ใช้เครื่องมือจำแนกตามส่วนงานสาย (\) และสร้างเส้นแนวตั้งสีขาวสำหรับลำต้นด้านล่างธัญพืช


ขั้นตอนที่ 21 – Warp ข้าวสาลี

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


ขั้นตอนที่ 22 – ข้าวสาลีตำแหน่งในป้ายชื่อ

วางข้าวสาลีในฉลากการปรับขนาดและหมุนได้ตามความจำเป็นแล้วไปที่รูปแบบ> ย้ายไปข้างหลัง (Command คีย์ Bracket + ซ้าย) เพื่อส่งไปที่อยู่เบื้องหลังแบนเนอร์ คัดลอกและวางอยู่ตรงหน้า (Command + F), คลิกขวาและการแปลง> สะท้อนให้เลือกแนวตั้ง 90 องศาและย้ายสำเนาไปทางด้านขวาของป้ายชื่อ


ขั้นตอนที่ 23 – เพิ่มข้อความไปที่ด้านล่าง

เพิ่มคำว่า “Ale” หรือ “เบียร์ราก” หรือสิ่งที่ประเภทของเครื่องดื่มที่เป็น ในเมนูให้ไปที่ object> ซองจดหมายบิดเบือน> ให้กับ Warp และป้อนจำนวนลบที่ยอมรับได้ภายใต้ผล Arch วางตำแหน่งข้อความในกลางด้านล่างของป้าย


ขั้นตอนที่ 24 – เพิ่มข้อความไปด้านบน

เลือกและคัดลอกข้อความที่มีขนาดใหญ่เป็นหลัก-on-เส้นทาง วางอยู่ตรงหน้า (Command + F) เพิ่มขนาดเพื่อให้วงกลมเป็นเพียงขนาดใหญ่กว่าไข่ฉลาก ใช้เครื่องมือเลือก (V) และคลิกที่มุมของข้อความ-on-เส้นทางและ Alt + Shift ใด ๆ ลากเพื่อขยายเท่าเทียมกัน

พิมพ์วลีจับหรืออ้างเพื่อปรับแต่งผลิตภัณฑ์ ลดขนาดตัวอักษรตามความจำเป็นและใช้สี # 6B752A ใช้เครื่องมือเลือก (V) เพื่อปรับตำแหน่งของข้อความบนเส้นโค้งโดยการลากจุดจับด้านขวา


ขั้นตอนที่ 25 – หยิบรูปถ่าย

รับภาพจาก Brewmaster หรือคนที่คุณต้องการมีอยู่บนฉลากใด ๆ มันหัวและไหล่เรากำลังมองหา มันจะมีประโยชน์มากที่จะมีเรื่องเกี่ยวกับพื้นหลังสีขาว ขอบคุณมากที่ wookiestock ที่ deviantart.com สำหรับ ภาพนี้ ผมได้นำมาใช้ในการกวดวิชานี้ เปิดภาพใน Adobe Photoshop


ขั้นตอนที่ 26 – เตรียมรูปถ่าย

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

ใช้ Elliptical Marquee Tool (M) เพื่อสร้างการเลือกรอบศีรษะและไหล่ ไปที่ Select> Inverse (Command + Shift + I) และลบทุกอย่าง แต่หัวและไหล่ การครอบตัดและบันทึกภาพ


ขั้นตอนที่ 27 – ติดตาม Live!

เปิดภาพหน้าใหม่ใน Illustrator ของคุณ เลือกภาพและคลิกติดตาม Live, การปรับตั้งค่าได้ตามต้องการ


ขั้นตอนที่ 28 – สี Live!

คลิกที่สีสดแล้วกับเครื่องมือถังสีสด (K), เติมเต็มทุกพื้นที่สีดำกับสีน้ำตาลเข้ม (# 533930) กรอกทุกส่วนใบหน้าที่มีสีขาวโดยใช้ Paint Bucket Tool สด ทำความสะอาดภาพตามความจำเป็นและวางไว้ตรงกลางของฉลาก


ขั้นตอนที่ 29 – เพิ่มความลึกให้กับใบหน้า

ตอนนี้เราต้องการด้านบนของหัวจะปรากฏออกมาจากไข่ แต่ส่วนที่เหลือจะไปอยู่เบื้องหลังรูปไข่ทำให้ผล 3-D เลือกใบหน้า, สำเนา (Command + V) และวางอยู่ตรงหน้า (Command + F) คลิกขวาและเลือกยกเลิกการจัดกลุ่ม (Command + Shift + G)

ในจานสีเบิกทางเลือกเพิ่มรูปร่างในบริเวณคลิกขยายที่จะทำให้ใบหน้ารูปร่างหนึ่งที่เป็นของแข็ง

ใช้เครื่องมือมีดสับลงบนหัวและลบส่วนที่เหลือโดยใช้เครื่องมือการเลือกโดยตรง () เครื่องมือมีดเป็นหนึ่งฉันแทบจะไม่เคยใช้และมีทางลัดสำหรับมันไม่ดังนั้นมันอาจจะยุ่งยากในการค้นหา มันถูกซ่อนอยู่ภายใต้เครื่องมือยางลบ (Shift + E)

เลือกใบหน้าและส่งกลับไปหลังรูปไข่ ส่วนหัวสับปิดจะอยู่ในหน้านี้

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


ขั้นตอนที่ 30 – ขอขึ้นสีและเส้น

เลือกตารางฉลากและเติมด้วยแสงสีเขียว (# D3E27E) และถอดจังหวะ ใช้เครื่องมือในการสร้างสายสองเส้นแนวนอน 0.25 จุดสีดำ; หนึ่งอยู่ด้านบนและหนึ่งอยู่ด้านล่าง รู้สึกอิสระที่จะทำให้พวกเขานานกว่าตารางที่เราจะตัดพวกเขาในภายหลัง


ขั้นตอนที่ 31 – ปั่นเส้น

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


ขั้นตอนที่ 32 – เลือนเส้นในศูนย์

อีกคุณสมบัติที่เย็นจริงๆใน Illustrator เป็นหน้ากากทึบ ฉันจะใช้ที่นี่จะจางหายออกเส้น คัดลอกสี่เหลี่ยมสีเขียวและวางไว้ในด้านหน้าของเส้นและให้มันไล่ระดับสีดำและสีขาวรัศมีด้วยสีดำในใจกลาง

เลือกตารางและเส้นและในเมนูจานสีโปร่งใสเลือกทำหน้ากากทึบ

ปรับการไล่ระดับสีจะจางหายสายในศูนย์ การออกแบบฉลากของคุณจะทำ!

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


ขั้นตอนที่ 33 – เรียบโปร่งใส

เครื่องพิมพ์บางแปลกออกเมื่อพวกเขาเห็นผลกระทบที่เกี่ยวข้องกับความโปร่งใสดังนั้นเราจะแผ่เราจะปลอดภัย เลือกหน้ากากทึบและเลือก object> แผ่ความโปร่งใส


ขั้นตอนที่ 34 – ออกแบบเค้าโครง

เลือกข้อความทั้งหมดในแฟ้ม (หรือเพียงแค่เลือกคำสั่งทั้งหมด (+) และในเมนูให้เลือกประเภท> สร้าง Outlines. นี้จะให้แน่ใจว่าตัวพิมพ์ของคุณจะถูกเก็บรักษาไว้. มันอาจจะเป็นความคิดที่ดีที่จะบันทึกแฟ้มของคุณก่อนที่ขั้นตอนนี้นี้ ในกรณีที่คุณต้องการแก้ไขข้อความในภายหลัง


ขั้นตอนที่ 35 – รูปแบบสองป้ายบน Artboard

เลือกทุกอย่างรวมทั้งเครื่องหมายการเพาะปลูกและกลุ่มมัน (Command + G) เปลี่ยนตำแหน่ง X-to-3in คัดลอกและวางป้ายกำกับอื่นในด้านหน้า (Command + F) ย้ายตำแหน่ง X-ฉลากที่สองเพื่อ 8in

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

ขอขอบคุณสำหรับความพร้อมต่อไปนี้และผมหวังว่าป้ายผนึกของคุณจะตีใหญ่!

ที่นี่ฉลากเดิมที่ผมทำคือ “Huja เบียร์.”