ฉันจะสร้างเอฟเฟ็กต์ภาพลวงตาเชิงลึกด้วยลวดลายจุดใน Illustrator ได้อย่างไร


28

ฉันต้องการความช่วยเหลือในการสร้างกราฟิกในนักวาดภาพประกอบหรือโฟโต้ช็อปโดยใช้เครื่องมือง่าย ๆ และรักษามุมมองเอฟเฟ็กต์เป็นเท่าที่คมชัด (ตรงกันข้ามกับเครื่องมือตัดคำ)

ฉันลองใช้เครื่องมือ mesh แต่ไม่สามารถหาวิธีที่จะทำให้เกิดผลเอียงได้

ป้อนคำอธิบายรูปภาพที่นี่

ความคิดใด ๆ

คำตอบ:


26

นี่เป็นอีกวิธีหนึ่งในการทำงานโดยใช้ Illustrator

  1. สร้างวงกลมและเลือก
  2. ไปที่ Object > Pattern > Make
  3. ปรับระยะห่างระหว่างวงกลมในแผงตัวเลือกรูปแบบและกด Done

ป้อนคำอธิบายรูปภาพที่นี่

  1. วาดสี่เหลี่ยมและเติมด้วยลวดลายที่คุณเพิ่งทำ คุณอาจต้องปรับขนาดรูปแบบเล็กน้อยโดยเลือกeffects > distort & Transform > Transformและปรับขนาดรูปแบบและตรวจสอบให้แน่ใจว่าคุณได้ตรวจสอบTransform Patternเท่านั้นและยกเลิกการเลือกตัวเลือกอื่น ๆ
  2. ทำให้สี่เหลี่ยมนั้นเป็นสี่เหลี่ยมอีกครั้งโดยเลือก Object > Rasterize
  3. ไปที่object > Envelope Distort > Make with Meshในกล่องโต้ตอบสร้างตาข่ายที่คุณต้องการ ในตัวอย่างของฉันฉันให้มัน 4X4 Uเป็นจุดเริ่มต้นและคุณสามารถเพิ่มตาข่ายสมอโดยเครื่องมือตาข่าย
  4. ด้วยลูกศรสีขาวให้เลือกที่ยึดตาข่ายและย้ายไปยังตำแหน่งใหม่เพื่อรับเอฟเฟกต์ที่คุณต้องการ ป้อนคำอธิบายรูปภาพที่นี่

5
+1 นี่คือคำตอบที่ดีที่สุด สิ่งที่ยอดเยี่ยมเกี่ยวกับการบิดซองจดหมายสำหรับสิ่งนี้คือคุณสามารถนำไปใช้กับสิ่งใดก็ได้โดยไม่ทำให้เวกเตอร์ดั้งเดิมเสียหาย (คุณสามารถแก้ไขข้อความได้!) และคุณสามารถควบคุมเส้นโค้งได้อย่างสมบูรณ์ เคล็ดลับ: เมื่อต้องการดันจุดซองจดหมายไปรอบ ๆ อย่างราบรื่นฉันพบว่ามันมีประโยชน์จริง ๆ ที่จะใช้เครื่องมือ lasso ( q) เพื่อเลือกหลายจุดในพื้นที่จากนั้นปรับขนาด ( s) หมุน ( r) ฯลฯ สามารถทำให้ง่ายขึ้น สร้างเส้นโค้งเรียบตามธรรมชาติมากกว่าหนึ่งจุดในเวลา
user56reinstatemonica8

ฉันได้เพิ่มคำตอบอื่น (คำตอบที่ดีสี่คำตอบชัดเจนไม่เพียงพอ:-D) ด้วยเทคนิคเพิ่มเติมสำหรับขอบตรงที่ผู้ถามหา: graphicdesign.stackexchange.com/a/53302/3327
user56reinstatemonica8

ใช่ฉันสังเกตว่ามันเป็นคำตอบที่ดีใหม่ฉันเป็นคนแรกที่ให้คุณ +1: D - จริง ๆ แล้วคำตอบของฉันขึ้นอยู่กับรูปแบบที่ไม่สามารถบิดเบือนโดยใช้เครื่องมือ mesh นั่นเป็นเหตุผลที่ฉัน แรสเตอร์มัน บางทีถ้าเราจัดเรียงวงกลมเราสามารถได้ผลเช่นเดียวกับที่คุณอธิบายไว้ในคำตอบของคุณ
hsawires

1
คุณสามารถขยายรูปแบบแทนการแรสเตอร์ให้มันได้หรือไม่
user56reinstatemonica8

18

ไม่ใช่เรื่องง่ายหากคุณต้องการความแม่นยำ

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

วิธีที่ง่ายที่สุดที่จะทำคือผ่านทางแผนที่กระจัดใน Photoshop

คุณสร้างเอกสารพื้นฐานของคุณ:

ป้อนคำอธิบายรูปภาพที่นี่

ชั้นของวัตถุสีขาวและชั้นที่เต็มไปด้วยสีดำทึบเป็นพื้นหลัง

จากนั้นคุณสร้างเอกสารระดับสีเทาขนาดเดียวกันและเพิ่มค่าที่แตกต่างกันเพื่อสร้างพื้นที่ของความลึก

ตัวอย่างเช่น:

ป้อนคำอธิบายรูปภาพที่นี่

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

Filter > Distort > Displaceจากนั้นจะกลับไปตั้งค่าของคุณไฟล์เลือก คลิกOKในหน้าต่างเล็ก ๆ แรกจากนั้นกล่องโต้ตอบเปิดจะปรากฏขึ้น เลือกไฟล์ greyscale .psd ของคุณที่จุดนั้น

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

ป้อนคำอธิบายรูปภาพที่นี่

ใช้เวลาลองผิดลองถูกเพื่อให้ได้แผนที่ความลึกในแบบที่คุณต้องการ

มีจำนวนของบทเรียนเกี่ยวกับเรื่องนี้ในเว็บถ้าคุณค้นหาสำหรับพวกเขา

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


นี่เป็นวิธีการที่ง่ายที่จะทำ การออกแบบรอยพับเฉพาะด้วยวิธีนี้อาจเป็นเรื่องที่ท้าทาย โดยเฉพาะอย่างยิ่งการหมุนเป็นสิ่งที่น่ารังเกียจอย่างยิ่งที่จะบรรลุด้วยการระบายสีด้วยมือ สิ่งนี้กล่าวว่าแอพ 3D จำนวนมากสามารถสร้างแผนที่การกระจัดที่ต้องการได้
joojaa

15

คำตอบของ hsawires ที่มีการบิดเบี้ยวซองจดหมาย> make with meshเป็นคำตอบที่ดีที่สุด แต่มีเทคนิคเพิ่มเติมที่คุณสามารถใช้เพื่อให้ง่ายขึ้นในการรับ "เอฟเฟ็กต์มุมมองในการพับที่คมชัด" เพียงพอ:-D):

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

ป้อนคำอธิบายรูปภาพที่นี่

  1. อย่าแรสเตอร์! ไม่จำเป็นต้องมี แต่ตรงไปObject>Envelope Distort>Make with Meshและเลือกจำนวนมากของเส้นกริด ตัวอย่างเช่นที่นี่ฉันใช้ 14x14

ป้อนคำอธิบายรูปภาพที่นี่

  1. (หมายเหตุที่คุณสามารถสลับไปมาระหว่างตารางและเวกเตอร์ต้นแบบในเวลาใดก็ได้ที่มีปุ่มเหล่านี้ในด้านบนซ้าย: ป้อนคำอธิบายรูปภาพที่นี่)

  2. หมุนทั้งหมดเพื่อให้บรรทัดที่คุณต้องการสร้างเป็นแนวตั้งหรือแนวนอนจากนั้นใช้เครื่องมือการเลือกโดยตรงเพื่อลากจุดเลือกกล่องในพื้นที่ที่คุณต้องการให้มุมมอง (ที่นี่มีการเลือกก้อนด้านซ้าย):

ป้อนคำอธิบายรูปภาพที่นี่

  1. ใช้เครื่องมือขนาด sลากจุดกึ่งกลางของการปรับสเกลไปที่กึ่งกลางของ 'เส้น' ของคุณจากนั้นปรับขนาด (shift shift) เพื่อนำมาไว้ข้างหน้าหรือข้างหลังตามต้องการ นอกจากนี้ยังสามารถใช้เครื่องมือขยายและเครื่องมือพัคเกอร์ (ซุกอยู่ใต้เครื่องมือความกว้าง) เพื่อปรับสิ่งต่าง ๆ ให้ราบรื่นถ้าดับเบิลคลิกและตั้งค่าIntensityต่ำมาก (เช่น 1%) และแปรงมีขนาดใหญ่มาก เป็นเรื่องยากเล็กน้อยที่จะแม่นยำกับพวกเขา แต่พวกเขาจะใช้กับคะแนนที่เลือกเท่านั้นซึ่งจะช่วย

ป้อนคำอธิบายรูปภาพที่นี่

  1. ทำซ้ำตามที่ต้องการ ... บางครั้งการเปลี่ยนแปลงเล็ก ๆ จำนวนมากที่อยู่ติดกันจะดูราบรื่นที่สุด

ป้อนคำอธิบายรูปภาพที่นี่

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

ป้อนคำอธิบายรูปภาพที่นี่


โปรดทราบ: วิธีการทั้งหมดที่อธิบายไว้จะทำงานกับกราฟิกโดยพลการ
joojaa

ใช่ แต่ทั้งหมดยกเว้นของคุณขึ้นอยู่กับกราฟิก rasterized (พิกเซล)
user56reinstatemonica8

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

Illustrator มีคุณสมบัติเช่นการแก้ไขตามสัดส่วนหรือไม่? ที่สามารถช่วยในการสร้างเส้นโค้งที่นุ่มนวลขึ้นได้ง่ายขึ้น
wchargin

ฉันคิดว่ามันไม่ได้ - แต่จริงๆแล้วคุณสามารถได้รับบางสิ่งบางอย่างเช่นนั้นโดยใช้ชุดเครื่องมือขยายตัวที่ความเข้มต่ำมาก อาจมีสิ่งอื่น ๆ อีกเช่นกัน ... ฉันได้แก้ไขบันทึกย่อเกี่ยวกับสิ่งต่อไปนี้ "มีอะไรที่เหมือนกับการแก้ไขตามสัดส่วนใน Illustrator หรือไม่" ดูเหมือนคำถามที่น่าสนใจ
user56reinstatemonica8

13

คุณสามารถทำได้จริงในIllustrator (ตามคำขอ) เคล็ดลับคือเพื่อให้แน่ใจว่าเมื่อคุณใช้เครื่องมือตาข่ายคุณสามารถลากที่จับพร้อมกันกลับไปที่ 1/3 ของทางที่ขอบมิฉะนั้นจะบีบภาพตาม *

นอกจากนี้ยังสามารถช่วยให้หมุนไปมาเพื่อให้เลือกได้ง่ายขึ้น

scrumple

ภาพที่ 1 : ทำการขัดเกลา สิ่งที่ฉันทำคือสร้างห่อใหม่หลังจากเปิดทุกครั้ง (จากนั้นให้ปล่อย)

ขั้นตอนที่ใช้ในภาพ 1:

  1. ทำตารางจุด (ดาวตัวอักษรและอื่น ๆ )
  2. วน←กลับมาที่นี่เมื่อคุณทำเสร็จหนึ่งครั้ง
  3. หมุนทุกอย่างไปในทิศทางใดทิศทางหนึ่ง
  4. ทำเครื่องหมายเลือกรายการในตารางเพื่อให้การเลือกของคุณแยกรูปร่าง
  5. ใช้การพันด้วยตาข่ายที่มีแถว oly 1 และ 1 คอลัมน์
  6. ย้ายขอบด้านตรงข้ามกับตาข่ายที่ถูกตัดเข้าด้านใน
  7. แก้ไขแทนเจนต์ของขอบทั้งสองด้านเพื่อให้เป็นไปได้ประมาณ 1/3 ของวิธีการนี้เพื่อไม่ให้เกิดการบิดเบือนที่ยิ่งใหญ่
  8. (ไม่บังคับ) ปล่อยตาข่าย
  9. หมุนไปด้านหลัง (ถ้าคุณคลิกหมุนผู้วาดภาพประกอบจะจดจำการหมุนของคุณเพียงแค่ลบหมายเลข)
  10. ทำซ้ำ

มีเครื่องมือที่ดีกว่าสำหรับเรื่องนี้มันเป็นเรื่องดีที่รู้เรื่องนี้เพื่อวัตถุประสงค์อื่นที่อาจเกิดขึ้น

ทางเลือก

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

ตัวอย่างอื่น ๆ

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

ภาคผนวก: * ใช้ตาข่ายสำหรับการเคลื่อนที่เชิงเส้น

เสียงขรม

Image 3 : การบิดตัวสม่ำเสมอเมื่อรูปร่างสั้นลง


2
ฉันไม่ได้รับวิธีการตั้งค่าตาข่ายของคุณ มันเป็นแค่แถวและคอลัมน์มากมายใช่ไหม
สกอตต์

@scott ตาข่ายมีเพียง 1 ตาราง (1 แถว 1 คอลัมน์) บล็อกอยู่ที่นั่นเพื่อให้คุณเห็นผลของการจัดการตำแหน่ง ถ้าคุณไม่ตัดด้ามจับให้สั้นลงคุณจะได้เอฟเฟกต์ bnt (คุณสามารถใช้สเกลบนตาข่าย) หรือใช้ขนาดและความเบ้ แต่ฉันใช้ตาข่ายเพราะนั่นคือสิ่งที่ op ร้องขอ สิ่งที่เป็นขอบด้านบนจัดการกับสถานที่
joojaa

1
joojaa ฉันต้องการโหวตเพราะมันดูง่ายมาก แต่ฉันไม่สามารถหาวิธีที่จะทำกับข้อมูลที่คุณให้มาได้ ฉันเดาบางอย่างที่ ATM แต่ไม่มีความคิดที่มั่นคง
Dom

1
ฉันมีปัญหาในการสร้างขั้นตอนเหล่านี้ซ้ำอีกด้วย @jooja ฉันคิดว่ามีบางอย่างที่สำคัญในกระบวนการของคุณหายไป คุณใช้ซองจดหมายอย่างไร? คุณจะได้รับตัวเลือก 1/3 ของสี่เหลี่ยมเหล่านั้นได้อย่างไร จุดภายในซองจดหมายหรือวัตถุแยกกันหรือไม่?
Scott

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

12

เป็นอีกทางเลือกหนึ่งสำหรับคำตอบของ @ Scott คุณสามารถใช้Puppet Warpใน Photoshop ( แก้ไขPuppet Warp )

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

ตำแหน่งของหุ่นวิปริต

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

นี่คือตัวอย่างที่แย่มากของผลลัพธ์ที่คุณสามารถทำได้

ตัวอย่างของผลลัพธ์วิปริตหุ่นเชิดง่าย ๆ (สามารถสร้างผลลัพธ์ที่ดีกว่าได้มาก)


3

เกี่ยวกับการทำด้วยตนเอง?

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

โดยการใช้ไซต์ของเรา หมายความว่าคุณได้อ่านและทำความเข้าใจนโยบายคุกกี้และนโยบายความเป็นส่วนตัวของเราแล้ว
Licensed under cc by-sa 3.0 with attribution required.