ฉันจะสร้างเอฟเฟกต์ประเภทนี้ด้วยภาพได้อย่างไร ฉันสงสัยว่าจะได้ขอบที่หนาและหน้าตาเอียงได้อย่างไร มีเครื่องมือออนไลน์ที่จะแปลงภาพแบนให้เป็นแบบนี้หรือไม่?

_{แหล่ง}

หากคุณต้องการสร้างภาพขึ้นใหม่โดยใช้ Photoshop คุณสามารถทำสิ่งต่อไปนี้ (โปรดยกตัวอย่างของฉันที่เร็วและแย่!)

• สร้างสี่เหลี่ยมผืนผ้า
• ใช้Transform > Skewเพื่อแปลงสี่เหลี่ยมในลักษณะที่เลียนแบบมุมมองที่ต้องการ
• ทำซ้ำเลเยอร์และวางไว้ด้านหลังต้นฉบับทำมุมให้สมบูรณ์โดยการวาดรูปร่างเพิ่มเติม
• ใช้ภาพผลงานของคุณกับรูปร่างแรกและวาดหรือตัดและเอียงด้านข้าง (ไม่มีวิธีการทำแบบ 'อัตโนมัติ')
• ใช้แสงและเงาเพื่อสร้างเอฟเฟกต์การถ่ายภาพใหม่

นักออกแบบหลายคนได้สร้างไฟล์ PSD โดยใช้ Smart Objects ที่คุณสามารถใช้เพื่อให้บรรลุสไตล์ "isometric 3D" (ขอบคุณTomที่นี่)

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

นี่คือวิธี

1. ดาวน์โหลดไฟล์ PSD เพื่อใช้เป็นจุดเริ่มต้น

มีมากมายมีนี่คือรายการของฉันพยายาม:

1. มุมมองหน้าจอ MockUp - (http://techandall.com) (แนะนำ)
2. Isometric มุมมอง MockUp - (http://graphicburger.com/) (แนะนำ)
3. มุมมองแอพหน้าจอ Mockup PSD - (http://graphicsfuel.com/)
4. หน้าจอแอพมุมมอง Mock-Up - (http://graphicburger.com/)
5. หน้าจอแอพมุมมอง MockUp - (http://graphicburger.com/)

Pixeden มีทรัพยากรที่ดีเช่นกันและคิดว่าจะซื้อหนึ่งใน PSD ของพวกเขา (ซึ่งถูกสร้างและออกแบบมาอย่างดี) แต่เมื่อฉันได้พบทรัพยากรฟรีข้างต้น ... คุณรู้ส่วนที่เหลือ

2. สร้างภาพสามมิติของคุณเอง

ในตัวอย่างนี้ฉันจะใช้ไฟล์Perspective Screen MockUp PSD ที่ฉันแนะนำข้างต้นในรายการ # 1

1. เปิดไฟล์TechAndAll_Perspective_Screen_MockUp.psd
2. ซ่อนโฟลเดอร์ทั้งหมดยกเว้น"TechAndAll- 3D หน้าจอที่ 1"โฟลเดอร์
3. ขยายออกไปข้างในคุณจะเห็นเลเยอร์ Smart Object ชื่อ"TechAndALL DOUBLE CLICK ME" :
4. ดับเบิลคลิกที่ไฟล์นั้นและไฟล์แยกต่างหากที่มีนามสกุล. psbจะถูกเปิดขึ้นมา:
5. ลบเลเยอร์ทั้งหมด:
6. ใช้ตัวจัดการไฟล์ของคุณเพียงลากและวางการออกแบบของคุณในกรณีนี้ฉันใช้รูปวาดของอีกาที่ฉันทำ
7. ตัดพื้นที่ว่าง / ไม่จำเป็นทั้งหมดรอบภาพของคุณ:
8. เมื่อผืนผ้าใบถูกตัดและเหมาะกับภาพของคุณแล้วให้บันทึกไฟล์. psb ไม่ต้องกังวลคุณจะไม่สามารถเอาชนะไฟล์ PSD ต้นฉบับได้
9. สลับกลับไปเป็นไฟล์. psd ดั้งเดิมและvoilá คุณได้สร้างภาพสามมิติแบบสามมิติเพื่อแสดงการออกแบบของคุณ ... หรือภาพวาด :)
10. นี่คือภาพโคลสอัพ:
11. ทำซ้ำขั้นตอนเดียวกันกับไฟล์ PSD ฟรีใด ๆ ที่ฉันอ้างถึงข้างต้น

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

ต่อไปนี้เป็นวิดีโอที่แสดงวิธีสร้างภาพวาดสามมิติของคุณเองสำหรับนามบัตรโดยใช้ Smart Objects ง่ายอย่างน่าอัศจรรย์: https://www.youtube.com/watch?v=DZF0HnipaZ0

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

นี่คือตัวอย่างรวดเร็วมากที่ฉันรวบรวม:

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

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

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

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

Go เอฟเฟกต์ / 3D / ขับไล่และเอียง การตั้งค่าเหล่านี้สร้างขึ้นใน 1 นาที ด้วยการควบคุมจังหวะและเงาอย่างระมัดระวังคุณสามารถทำให้มันสมจริงมาก