วิธีการทำงานระหว่างโปรแกรม Photoshop และ illustrator

เชื่อว่ามีหลายคนครับที่ยังไม่เคยใช้งานทั้งสองโปรแกรมร่วมกัน บทความนี้เราจะได้เรียนทั้ง Photoshop และ illustrator สำหรับใครที่ยังไม่เคยใช้งานโปรแกรมทั้งสองนี้ร่วมกัน เราจะมาเรียนไปพร้อมกันเลย

ความพิเศษของมันคือ เวลาที่เราแก้ไขอะไรก็ตามเราสามารถอัพเดทค่อนข้าง Real – Time  หรือตลอดเวลากันเลย หากเราทำการแก้ไข Source จากโปรแกรมใด โปรแกรมหนึ่ง ครับ

“บทความนี้อาจจะเหมาะกับคนที่ใช้งานโปรแกรมมาแล้ว มีความเข้าใจการทำงานประมาณหนึ่ง สำหรับมือใหม่อ่านได้เหมือนกัน เพื่อให้รู้ขอบเขตของการทำงานของสองโปรแกรมจ้า”

การทำงานโดยการเปิด Photoshop บน illustrator

การทำงานจากไฟล์ Photoshop มาเปิดผ่าน illustrator เราจะทำงานผ่านรูปแบบ link มันจะเหมือนกับการที่เราเอาภาพจากข้างนอกมาเปิดผ่าน illustrator 

วิธีการนำไฟล์ Photoshop มาเปิดบน illustrator

หากเราต้องการทำงานในรูปแบบนี้ เราต้องนำไฟล์ .psd มาเปิดเท่านั้นครับ วิธีก็ไม่ยากครับแค่เราลากไฟล์ .psd เข้าไปในโปรแกรม illustrator 

อีกวิธีคือเปิดผ่านคำสั่ง File > Place…

ตัวอย่างการใช้งาน 

แทบจะ 100% ของงานกราฟิก เรามีโอกาสที่จะต้องทำข้ามไปข้ามมาเช่น เราต้องทำ Background พร้อมรีทัชใน Photoshop แล้วยกข้ามมาจัด Layout บน illustrator 

หรือตามตัวอย่างภาพประกอบใน Banner ที่ผมทำภาพจาก Photoshop แล้วมาจัด Layout บน illustrator

วิธีการแก้ไขไฟล์ที่มาจาก Photoshop

การแก้ไขไฟล์สามารถทำได้ง่ายมากๆ แค่เราแก้ไขจากไฟล์ .psd ของเราได้เลย แล้วทำการ Save ทับ

จากภาพด้านบน จะเห็นคำว่า “Bg.psd”  คือไฟล์ที่ผมเลือกอยู่และมันบอกว่ามาจาก Photoshop และรูปด้านขวา เราสามารถเลือก Edit original แล้วมันจะเปิดภาพ Link ของเราผ่าน Photoshop ทันที

เมื่อเปิด Photoshop ผมทำการแก้ไขสีภาพ แล้วกด Save

บนโปรแกรม illustrator ก็จะถามว่า เราต้องการอัพเดท Link ที่มีอยู่ในโปรแกรมหรือไม่

สีของภาพจะถูกเปลี่ยนแบบอัตโนมัติทันทีในโปรแกรม illustrator ครับ

หรือเราต้องการที่จะเปลี่ยนรูป เปลี่ยน Link เราก็สามารถทำได้เช่นกันนะ โดยมาที่ Link เลือก Relink

ข้อควรระวัง: ถ้าเรา Embed ไฟล์ที่เป็น Link เราจะไม่สามารถแก้ไข หรืออัพเดทได้

หากต้องการ Save Project…ทั้งหมดเพื่อเอาไปทำงานต่อที่อื่น อย่าลืม Save ไฟล์แบบ Package วิธีก็สามารถอ่านได้จากบทความนี้ครับ >   https://www.diydesignskill.com/วิธี-save-งานแบบยก-project-ด้วย-package-file/ คนที่เอาไปทำต่อจากเราจะได้แก้ไขได้ด้วยครับ

การทำงานโดยการเปิด illustrator บน Photoshop

การทำงานในรูปแบบนี้ทำงานคล้ายกันกับด้านบน แต่การทำงานจากการข้าม illustrator ส่วนใหญ่เรามักจะนำกราฟิก Vector มาทำงานบน Photoshop 

วิธีการนำไฟล์ illustrator  มาเปิดบน Photoshop

เราไม่สามารถเอาไฟล์ในรูปแบบ Link เข้ามาเปิดผ่าน Photoshop แต่เราสามารถ Copy กราฟิก ชิ้นที่เราต้องการ แล้วมาวางใน Photoshop ได้เลย 

  • ไฟล์นี้เปิดใน Photoshop นะครับ

แล้วเดี๋ยวผมจะ Copy Sticker จากในโปรแกรม illustrator มาลงใน Photoshop 

คีย์ลัดการ Copy – illustrator (Shortkey คีย์ลัดนี้ใช้ได้ทั้งสองโปรแกรมนะ)

Copy – Ctrl + C (Mac =  Command + C)

Paste – Ctrl + V (Mac =  Command + V)

ตัวอย่างการใช้งาน

เมื่อวางลงบน Photoshop จะมีหน้าต่างให้เราเลือกว่าจะวางในรูปแบบไหน เลือกเป็น Smart Object แล้ว Layer ที่ได้มาจะเป็น Vector Smart Object Layer  

เราจะได้ภาพตามรูปประกอบด้านล่างเลยครับ

วิธีการแก้ไข

หากแก้ไขให้เรามาที่ Layer ดับเบิ้ลคลิก หลังจากนั้นโปรแกรม illustrator จะเด้งทันที เราจะแก้ไขจากตรงนี้ได้เลย แล้วกด Save ทับอีกครั้ง

  • Layer นั้นจะถูกเปิดใน illustrator ผมจะแก้ไขเป็นสีอื่น และเดี๋ยวเราไปลองดูกันอีกครั้งใน Photoshop

การแก้ไขจะถูกอัพเดททันทีในโปรแกรม Photoshop

การทำงานของสองโปรแกรมแรกๆ อาจจะ งง นิดหน่อย อาจจะสับสนว่าต้องทำอะไรก่อนหลังในโปรแกรมไหน แต่ถ้าเราใช้งานไปสักระยะเวลาหนึ่ง จะรู้ความสามารถ ขอบเขต ข้อจำกัด ของโปรแกรม ทำให้เราทำงานได้รวดเร็วมากขั้นครับ

และเหมือนเดิมหากใครที่มีคำถามสามารถส่งเข้ามาได้ทาง inbox ของ DiyDesignSkill ครับ