สร้างฉากเมืองที่วุ่นวายใน Illustrator

Sep 16, 2025

วิธีการ

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

100 บทช่วยสอน Adobe Illustrator ที่น่าตื่นตาตื่นใจ

ในการกวดวิชานี้เราจะมองไปที่ฉากถนนที่คึกคักใน Illustrator - ส่วนหนึ่งของ Adobe เมฆความคิดสร้างสรรค์ . เราจะสร้างสถาปัตยกรรมเพิ่มตัวเลขวางเฟอร์นิเจอร์ถนนและป้ายและทดลองกับสิ่งที่ฉันชอบ: สี

ขั้นตอนที่ 01

Linework for a store – note how much of it is copy and pasted for efficiency (click image to enlarge) — LineWork สำหรับร้านค้า - บันทึกว่ามีการคัดลอกและวางไว้เท่าใดสำหรับประสิทธิภาพ (คลิกที่ภาพเพื่อดูภาพขยาย)

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

ขั้นตอนที่ 02

This is a great way to learn how to get spacing and proportions correct before starting to draw (click image to enlarge) — นี่เป็นวิธีที่ยอดเยี่ยมในการเรียนรู้วิธีการเว้นวรรคและสัดส่วนที่ถูกต้องก่อนที่จะเริ่มวาด (คลิกที่ภาพเพื่อขยาย)

หากคุณไม่รู้สึกกระตือรือร้นที่จะวาด - หรือคุณกำลังมองหาทางลัดด่วน - จากนั้นไปข้างหน้าและติดตามภาพถ่าย ใช้เครื่องมือรูปร่างเพื่อสร้างขึ้นจากกลับไปด้านหน้าดังนั้นชั้นใน AI อยู่ในลำดับที่ถูกต้อง ประการแรกกำแพงพื้นฐาน (วัตถุที่ไกลที่สุด) จากนั้นรายละเอียดบนผนังและอื่น ๆ การทำงานของคุณไปข้างหน้าไปยังกรอบหน้าต่างและประตู

ขั้นตอนที่ 03

Repeated windows, frames and fire escape (click image to enlarge) — หน้าต่างซ้ำเฟรมและหนีไฟ (คลิกที่ภาพเพื่อดูภาพขยาย)

ฉากเมืองสามารถมีหน้าต่างหลายพันรายการ อย่าเวกเตอร์พวกเขาทีละคนเพียงแค่แสดงหนึ่งในตอนแรกใน linework จากนั้นเพิ่มสี จัดกลุ่มองค์ประกอบทั้งหมดเข้าด้วยกันโดยเลือกแต่ละส่วนและคลิก cmd + g . ฉันทำงานอย่างมีประสิทธิภาพโดยการคัดลอกและวางหน้าต่างเดียว

เลือกกลุ่มหน้าต่างค้างไว้ Shift + Alt และย้ายไปในทิศทางที่คุณต้องการใช้ปุ่มลูกศร จากนั้นปล่อย alt คีย์และคลิกต่อไป กะ + ปุ่มลูกศร จนกว่าจะมีหน้าต่างต่อไป ทำซ้ำจนกว่าคุณจะเป็นแถวของ Windows จากนั้นจัดกลุ่มหน้าต่างเหล่านั้นทั้งหมดเข้าด้วยกันและสร้างแถวใหม่ด้านล่าง เก็บคัดลอกไว้จนกว่าคุณจะเติมเต็มอาคารด้วยหน้าต่างที่เหมือนกัน

ขั้นตอนที่ 04

I've included three key landmarks, which are spread across the illustration (click image to enlarge) — ฉันได้รวมสถานที่สำคัญสามประการซึ่งแพร่กระจายไปทั่วภาพประกอบ (คลิกที่ภาพเพื่อดูภาพขยาย)

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

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

ขั้นตอนที่ 05

Space out the roads and try playing with diagonal shapes (click image to enlarge) — อวกาศออกไปบนถนนและลองเล่นกับรูปร่างของเส้นทแยงมุม (คลิกที่ภาพเพื่อดูภาพขยาย)

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

ขั้นตอนที่ 06

The colour palette can completely change the atmosphere of a city scene (click image to enlarge) — จานสีสามารถเปลี่ยนบรรยากาศของเมืองได้อย่างสมบูรณ์ (คลิกที่ภาพเพื่อดูภาพขยาย)

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

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

ขั้นตอนที่ 07

These simple assets will bring a lot of extra interest to the scene (click image to enlarge) — สินทรัพย์ง่าย ๆ เหล่านี้จะนำความสนใจเป็นพิเศษไปยังฉาก (คลิกที่ภาพเพื่อดูภาพขยาย)

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

ขั้นตอนที่ 08

Note how easy it is to change hairstyle, skin and clothing colours to make new people (click image to enlarge) — สังเกตว่ามันง่ายแค่ไหนที่จะเปลี่ยนทรงผม, ผิวหนังและสีเสื้อผ้าเพื่อให้คนใหม่ (คลิกที่ภาพเพื่อดูภาพขยาย)

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

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

ขั้นตอนที่ 09

The details bring it all to life (click image to enlarge) — รายละเอียดนำมาให้ทุกอย่างเพื่อชีวิต (คลิกที่ภาพเพื่อดูภาพขยาย)

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

วางคนในกลุ่มคู่และเป็นรายบุคคล ฉันมักจะให้เรื่องราวแก่ผู้คน - พ่อแม่และเด็กเดินกลับบ้านจากโรงเรียนหรือเพื่อนร่วมงานสองคนวิ่งจ๊อกกิ้งด้วยกัน

ขั้นตอนที่ 10

Set the scene, add little details for people to find (click image to enlarge) — ตั้งฉากเพิ่มรายละเอียดเล็กน้อยสำหรับผู้ที่จะหา (คลิกที่ภาพเพื่อดูภาพขยาย)

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

บทความที่เกี่ยวข้อง:

รีวิว: ปากกาโทนสี Chameleon
วิธีการแสดงหนังสือเด็ก: 7 เคล็ดลับยอดนิยม
สร้างวอลล์เปเปอร์โพลีต่ำใน C4D

สร้างฉากเมืองที่วุ่นวายใน Illustrator

ขั้นตอนที่ 01

ขั้นตอนที่ 02

ขั้นตอนที่ 03

ขั้นตอนที่ 04

ขั้นตอนที่ 05

ขั้นตอนที่ 06

ขั้นตอนที่ 07

ขั้นตอนที่ 08

ขั้นตอนที่ 09

ขั้นตอนที่ 10

วิธีการ - บทความยอดนิยม

วิธีการตั้งค่าและเพิ่มประสิทธิภาพหน้าร้าน SMUGMUG ของคุณ

ใช้ Brain.js เพื่อสร้างเครือข่ายประสาทเทียม

ใช้เครื่องมือปากกาและพื้นผิวเพื่อเพิ่มความลึกใน Photoshop

วิธีการสแกนบุคคลในเวลาน้อยกว่าห้านาที

ทำให้ผลการพิมพ์ 3 มิติแบบโต้ตอบ

ดาวน์โหลดไฟล์สำหรับ 3D World 232

สร้างการออกแบบโลโก้ทางเรขาคณิตอย่างสมบูรณ์แบบใน Illustrator

สร้างร่างดิจิทัลแบบร่าง

หมวดหมู่