ส่งออกเลเยอร์เดียวเป็นรูปภาพใน Photoshop


47

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

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

ฉันมี Photoshop CS5 ดังนั้นฉันจึงไม่ต้องการซอฟต์แวร์ภายนอกทำอะไร แต่ฉันแค่ต้องหาวิธีที่จะใช้เลเยอร์เดียวซึ่งอาจมีบางสิ่งเล็ก ๆ เหมือนไอคอนและส่งออกเป็น PNG หรือ JPG .

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

มีวิธีง่าย ๆ ในการทำเช่นนี้?

คำตอบ:


26

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

เพื่อทำความเข้าใจกระบวนการนี้ในเชิงลึกโปรดดูที่บทช่วยสอนนี้


4
แม้ว่าจะไม่ทำให้ชั้นอัตโนมัติตรงกันก็ตาม
Capi Etheriel

3
ใช่ดังนั้นถ้าภาพต้นฉบับของคุณมีขนาดใหญ่กว่าเลเยอร์คุณต้องย้อนกลับไปที่รูปภาพที่ส่งออกทั้งหมดแล้วครอบตัด หากต้องการหลีกเลี่ยงการใช้ Smart Objects ให้ดูคำตอบของฉันด้านล่าง
reflexiv

55

เลือกเลเยอร์ที่คุณต้องการส่งออกไปยังไฟล์ใหม่

ในเมนูด้านบนคลิก "เลเยอร์" -> "ทำซ้ำเลเยอร์ ... "

โปรดทราบว่ามีสองตัวเลือก หนึ่งชื่อสำหรับเลเยอร์ใหม่ ...

ที่สองใช้สำหรับปลายทางของเลเยอร์ใหม่ไม่ว่าจะเป็นเอกสารปัจจุบันของคุณหรือเอกสารใหม่ เลือก "ใหม่"


6
เมื่อคุณเลือก "ใหม่" เป็นไปได้หรือไม่ที่จะได้รับเอกสารที่มีขนาดเท่ากันกับเลเยอร์ที่ซ้ำกัน
djromero

เคล็ดลับที่เป็นประโยชน์มาก หวังว่าสิ่งนี้จะถูกครอบตัด ไม่ว่าจะด้วยวิธีใดมันเป็นคุณสมบัติที่ดีที่จะรู้
Trey Copeland

แต้มต่อดูคำตอบของฉันด้านล่างเพื่อใช้ Smart Objects ที่ครอบตัดโดยอัตโนมัติเกือบตลอดเวลา
reflexiv

49

คำตอบก่อนหน้านี้จะไม่เติมข้อความอัตโนมัติให้กับขนาดเลเยอร์เนื่องจาก barraponto ชี้ให้เห็น Smart Objectsแก้ไขสิ่งนี้และมีประสิทธิภาพมากขึ้น:

  1. คลิกขวาที่เลเยอร์ในแผงเลเยอร์แล้วเลือกแปลงเป็นวัตถุอัจฉริยะ
  2. คลิกขวาที่เลเยอร์อีกครั้งและเลือกแก้ไขเนื้อหา

CTRL + คลิกหลายเลเยอร์ก่อนที่จะแปลงเป็นวัตถุอัจฉริยะเพื่อจัดกลุ่มพวกเขา


2
นี่คือคำตอบที่ง่ายและมีประสิทธิภาพมากที่สุดสำหรับการส่งออกภาพ / เลเยอร์เดียวจากเอกสารที่มอบให้คุณ
Luke Shaheen

3
ที่ควรได้รับการโหวตให้เป็นคำตอบ เพราะมันเป็นอย่างแน่นอน ขอบคุณ @reflexiv
Eric MORAND

1
นี่เป็นวิธีที่มีประสิทธิภาพที่สุดใน Photoshop นอกจากนี้ฉันต้องการเพิ่มเข้าไปในขั้นตอนที่สองคุณสามารถคลิกสองครั้งที่ภาพขนาดย่อของเลเยอร์ซึ่งมีผลเหมือนกับคลิกขวาและเลือกแก้ไขเนื้อหา แต่ง่ายกว่า
Betty

10

ฉันจะเพิ่มคำตอบของ @Daniel Garman

  1. Duplicate Layer (ทั้งในเมนูคลิกขวาบนเลเยอร์) -> NEW (ยังมีตัวเลือกให้ตั้งชื่อในเวลานั้นดังนั้นคุณจะไม่สูญเสียสิ่งที่เรียกว่าเลเยอร์ก่อนที่คุณจะไปที่ขั้นตอนการบันทึก)
  2. รูปภาพ -> ตัดแต่ง (ซึ่งจะทำให้คุณมีตัวเลือกในการลบพิกเซลโปร่งใส)
  3. ไฟล์ -> บันทึกสำหรับเว็บ (CMD-SHIFT-OPT-S บน OSX)

นั่นเป็นวิธีที่รวดเร็วในการทำ


7

คุณสามารถทำได้โดยไปที่ File-> Scripts->Export layers to Files


1
ยกเว้นคำถามบอกว่าเขารู้เรื่องนี้และมันเป็นทางออกที่ไม่ดีสำหรับกรณีของเขา ... และมันก็ไม่ได้ผลเสมอไป
cregox

1

วิธีการส่งออกแบบดั้งเดิมเพียงส่วนเดียวของเลเยอร์คือการใช้ตัวแบ่งส่วนข้อมูล:

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

  2. สร้างส่วนสำหรับส่วนที่คุณสนใจโดยใช้เมนูเลเยอร์: "New Layer Based Slice" (ซึ่งค่อนข้างอัตโนมัติ) หรือสร้างด้วยตนเองด้วยเครื่องมือ Slice ตรวจสอบให้แน่ใจว่าชิ้นใหม่ของคุณเป็นชิ้นเดียวที่เลือก (มีเครื่องมือเลือกชิ้นถัดจากชิ้นที่สร้างชิ้นในเมนู flyout เดียวกัน)

  3. ในกล่องโต้ตอบบันทึกสำหรับเว็บตรวจสอบให้แน่ใจว่ายังคงเลือกชิ้น (กล่องโต้ตอบนั้นมีเครื่องมือเลือกส่วนของตัวเองหากคุณต้องการ)

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

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

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


0

วิธีการทำแบบดั้งเดิมแบบเก่า - บอกว่า pre-CS จะทำงานได้ดีในกรณีนี้:

  1. ลดงานศิลปะที่มีเลเยอร์เป็นเลเยอร์เดียว - คุณสามารถยกเลิกได้ในภายหลัง
  2. ตัวเลือก / alt คลิกเลเยอร์นั้นในพาเล็ท LAYER - สิ่งนี้จะให้คุณเลือกเลเยอร์งานศิลปะที่ไม่ใช่ผ้าใบล้อมรอบ
  3. คัดลอก --- แก้ไข> คัดลอกหรือตัวเลือก / alt C ==== ตอนนี้คุณมีสำเนาของเลเยอร์นี้ในคลิปบอร์ด
  4. ทำเอกสารใหม่ - เมื่อคุณทำคุณจะสังเกตเห็นว่าตอนนี้เอกสารใหม่จะมีขนาดเท่ากับสิ่งที่คุณคัดลอกไปยังคลิปบอร์ด
  5. เอกสารใหม่ของคุณจะมีเพียงพื้นหลังธรรมดา .... เพียงกด "วาง" -> แก้ไข> วางหรือ optioin / alt V
  6. ณ จุดนี้คุณมีเอกสาร 2 ฉบับแยกกัน - คุณสามารถกลับไปที่เอกสารต้นฉบับและเลิกทำเลเยอร์ใด ๆ กลับไปเป็นสภาพดั้งเดิม
โดยการใช้ไซต์ของเรา หมายความว่าคุณได้อ่านและทำความเข้าใจนโยบายคุกกี้และนโยบายความเป็นส่วนตัวของเราแล้ว
Licensed under cc by-sa 3.0 with attribution required.