วิธีการออกแบบเอฟเฟ็กต์แว่นขยายแบบเพรียวบางเช่นนี้?


13

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

นี่คือสองตัวอย่าง ฉันชอบคนแรก (ที่แรกที่ฉันเห็นด้วย)

แอพสิ่งต่าง ๆ : example1

SupportBreeze: example2

คำตอบ:


18
  1. สร้างเลเยอร์ใหม่ที่ด้านบนของพื้นหลังจากนั้นทำการเลือกแบบวงกลม (กด Shift ค้างไว้เพื่อให้แน่ใจว่าเป็นวงกลมที่สมบูรณ์แบบ) แล้วเติมสีใดก็ได้ที่คุณต้องการ
  2. ตั้ง% การเติมในจานสีเลเยอร์เป็น 0%
  3. เข้าไปในเลเยอร์ FX และเพิ่มสโตรก (ดำ) และเรืองแสงด้านใน (สีขาว)
  4. ทำให้วงกลมที่เลือกไว้เลื่อนไปที่เลเยอร์พื้นหลังแล้วกด ctrl + c (คัดลอก)
  5. สร้างเลเยอร์ใหม่เหนือพื้นหลัง แต่ด้านล่างแว่นขยายวางชิ้นส่วนที่คัดลอกแล้วเรียงแถวให้เข้ากันดีกด ctrl + t (เปลี่ยนรูปแบบอิสระ) จากนั้นปรับขนาดขณะที่กดทั้งสองกะ (เพื่อให้ได้สัดส่วน) และ alt (เพื่อคงไว้ ศูนย์นิ่ง)
  6. Ctrl + คลิกไอคอนเลเยอร์ของแว่นขยายในพาเล็ตชั้น (ไอคอนที่คุณสร้างในขั้นตอนที่ 1, ลูบในขั้นตอนที่ 3 ฯลฯ ) จากนั้นกด Ctrl + Shift + i เพื่อสลับส่วนที่เลือก
  7. เมื่อเลเยอร์เนื้อหาที่ซูมถูกเลือก (จากขั้นตอนที่ 5) ให้กด Delete
  8. นำ FX ขึ้นมาสำหรับเลเยอร์เนื้อหาที่ซูมและวางเงาแบบเลือนลงไป

หลังจากนั้นให้จัดการกับแว่นขยาย ... อาจเป็นวิธีที่ง่ายที่สุดในการสร้างเลเยอร์ใหม่สร้างตัวเลือกที่สูงและแคบเติมด้วยสีดำแล้วใช้ของเหลวกับมัน วิธีที่ยากขึ้น (แต่ผลลัพธ์ที่ดีกว่า) คือการสร้างเลเยอร์ใหม่ใช้เครื่องมือปากกาเพื่อสร้างพา ธ ที่มีขอบหยักเล็กน้อยจากนั้นไปที่พาเลตพา ธ คลิกขวาที่พา ธ เลือก "ทำการเลือก" จากนั้นใช้ Edit-Stroke ลบด้านซ้ายขวาและด้านล่างโดยเก็บเฉพาะส่วนบนสุด จากนั้นจัดวางตำแหน่งเพื่อให้มันล้างออกด้วยจังหวะจากชั้นแว่นขยาย (อันที่มีจังหวะและการเรืองแสงภายใน)

นี่คือตัวอย่าง:

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

คุณสามารถใช้ spherize กับเนื้อหาที่ซูมได้ แต่มันจะทำให้ข้อความบิดเบี้ยว:

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


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

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

ในที่สุดคุณสามารถเพิ่มเอฟเฟกต์ทรงกลมบางส่วนเพื่อผลลัพธ์ไดนามิกเล็กน้อยจากฟิลเตอร์ -> บิดเบือน -> สเฟียร์ 20% ควรทำ ..
Sisir

@Michael - รักเวอร์ชั่น spherized ของคุณ
Dan Hanly

1
@Michael ฉันคิดว่าการลดระดับของเอฟเฟกต์จะทำให้ความสมจริงและกลับไปสู่เวทีการทำงาน
Dan Hanly

2

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

โปรดดูและทำตามสิ่งเดียวกัน ...

  1. Photoshop แว่นขยาย
  2. Photoshop ขยาย
  3. ผลการซูมใน Photoshop
  4. ขยายจากรอยขีดข่วน
  5. อันนี้ยอดเยี่ยม

และมิเชลทำผลงานได้ดีมากแล้ว ....


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