วิธีปรับแต่งเทมเพลต Photoshop

• อาจ 8, 2024

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

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

มีหลายสถานที่บนเว็บที่นำเสนอแม่แบบ Photoshop ที่ออกแบบไว้ล่วงหน้าและง่ายต่อการปรับแต่งแม่แบบเหล่านี้สำหรับความต้องการเฉพาะของคุณ ลองมาดูวิธีการแทนที่ตัวยึดแม่แบบทั่วไปบางส่วนด้วยเนื้อหาของคุณเอง

แบบอักษร

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

Adobe ได้เพิ่มใหม่ ฟรี การเป็นสมาชิก Creative Cloud ซึ่งรวมถึงการใช้แบบอักษรไม่ จำกัด ในไลบรารีพื้นฐาน ในเทมเพลตของฉันฉันชอบที่จะใช้ Adobe Fonts เหล่านี้เพราะพวกเขามีให้ใช้งานโดยการลงทะเบียนเพื่อรับรหัส Adobe ฟรีซิงค์ได้ง่ายและเงื่อนไขการใช้งานนั้นชัดเจนมากสำหรับการใช้งานส่วนตัวและเชิงพาณิชย์ เมื่อคุณซิงค์แบบอักษรที่หายไปแล้วแบบอักษรนั้นจะเชื่อมโยงกับ Adobe ID ของคุณและจะสามารถใช้ได้กับซอฟต์แวร์ Adobe ใด ๆ

รูปร่างสด

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

ลักษณะเลเยอร์

เลเยอร์สไตล์อาจใช้กับเลเยอร์เกือบทุกประเภทใน Photoshop คุณจะรู้จักเลเยอร์เหล่านี้จากไอคอน fx ทางด้านขวาของชื่อเลเยอร์ (ดูภาพหน้าจอ)

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

วัตถุอัจฉริยะ

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

ผู้ออกแบบเทมเพลตมักจะให้คำแนะนำเกี่ยวกับวัตถุประสงค์ของวัตถุอัจฉริยะ ตัวอย่างเช่นหากภาพถ่ายมีอยู่ใน Smart Object คำแนะนำอาจอยู่ในชื่อเลเยอร์เช่น [ภาพพื้นหลังที่นี่]. เมื่อคุณดับเบิลคลิกที่ภาพย่อของเลเยอร์เลเยอร์ Smart Object จะเปิดขึ้นในไฟล์. psb temp ใหม่ (ดูภาพหน้าจอ) คุณจะแก้ไขเนื้อหาของ Smart Object ในไฟล์ temp นี้ วิธีที่ง่ายที่สุดคือการคัดลอกและวางเนื้อหาใหม่ลงในไฟล์ temp หรือลาก / วางเนื้อหาใน Photoshop จากเดสก์ท็อปหรือโฟลเดอร์ เมื่อคุณบันทึกไฟล์ temp แล้วกลับไปที่เทมเพลตคุณจะเห็นการอัปเดต Smart Object

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

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

Smart Objects บางอันเชื่อมโยงกันและเมื่อคุณแทนที่ตัวยึดตำแหน่งด้วยเนื้อหาของคุณเองสำหรับ Smart Object ชิ้นเดียว Smart Objects ที่เชื่อมโยงอื่น ๆ ทั้งหมดจะอัปเดต แน่นอนคุณจะต้องแก้ไข Smart Object ที่เชื่อมโยงหนึ่งรายการเท่านั้น เพื่อป้องกันความสับสนฉันตั้งชื่อเลเยอร์เป็น [อย่าแก้ไข] สำหรับทั้งหมดยกเว้น Smart Object ที่เชื่อมโยง

เลเยอร์ข้อความ

เลเยอร์ข้อความมีวัตถุข้อความ แน่นอนคุณจะต้องการเปลี่ยนข้อความตัวยึดตำแหน่งด้วยข้อมูลของคุณเอง คุณจะรู้จักเลเยอร์เหล่านี้ด้วยไอคอน T ทางด้านซ้ายของชื่อเลเยอร์ (ดูภาพหน้าจอ)

โดยปกติชื่อเลเยอร์จะระบุประเภทของข้อมูลที่ต้องการเช่น [ชื่อธุรกิจที่นี่]. ดับเบิลคลิกที่ไอคอน T เพื่อเลือกกล่องข้อความในเอกสาร คลิกในกล่องข้อความเพื่อเปลี่ยนคำในเอกสาร นอกจากนี้คุณยังสามารถแก้ไขแบบอักษรลักษณะแบบอักษรขนาดตัวอักษรและตัวเลือกอื่น ๆ อีกมากมายในหน้าต่างตัวละคร (ดูภาพหน้าจอ)

ส่งออก

หากเทมเพลตไม่เคลื่อนไหวคุณมักจะส่งออกเทมเพลตเป็น. gif, .png หรือ. jpg ขึ้นอยู่กับวัตถุประสงค์ของเทมเพลต หากเทมเพลตเป็นภาพเคลื่อนไหวคุณจะต้องส่งออกเป็นวิดีโอ. mp4 หรือภาพเคลื่อนไหว. gif สำหรับเว็บ

ส่งออกวิดีโอ

ในการส่งออกหรือแสดงผลเทมเพลตเป็นวิดีโอ. mp4 ให้คลิก ไฟล์ - ส่งออก - วิดีโอแสดงผล (ดูภาพหน้าจอ) ในหน้าต่าง Render Video (ดูภาพหน้าจอ) ตั้งชื่อไฟล์ของคุณแล้วเลือกตำแหน่งบันทึก ตั้งค่ารูปแบบเป็น H.264ซึ่งจะแสดงวิดีโอโดยอัตโนมัติในรูปแบบ. mp4 ตั้งค่า Range เป็น เฟรมทั้งหมด และคลิก ทำให้. เมื่อเทมเพลตของคุณแสดงผลแล้วคุณสามารถดูวิดีโอใน QuickTime

บันทึกเป็น Animated Gif

หากต้องการบันทึกเทมเพลตเป็น. gif แบบเคลื่อนไหวให้คลิก ไฟล์ - ส่งออก - บันทึกสำหรับเว็บ (ดูภาพหน้าจอ) ในหน้าต่าง Save for Web (ดูภาพหน้าจอ) ให้ตั้งค่าประเภทไฟล์เป็น GIF และตัวเลือกวนรอบเพื่อ ตลอดไป. รักษาการตั้งค่าเริ่มต้นอื่น ๆ ไว้แล้วคลิก บันทึก. หากต้องการดู gif ให้เปิดเข้าไปในเว็บเบราว์เซอร์

ทำงานกับ Animation

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

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

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

ประโยชน์ของการเป็นสมาชิก Creative Cloud ฟรี
//helpx.adobe.com/creative-cloud/help/benefits-creative-cloud-free-membership.html

ยินดีต้อนรับสู่ Adobe Fonts
//fonts.adobe.com/about

ลิขสิทธิ์ 2018 Adobe Systems Incorporated สงวนลิขสิทธิ์. ภาพหน้าจอผลิตภัณฑ์ Adobe พิมพ์ซ้ำได้รับอนุญาตจาก Adobe Systems Incorporated Adobe, Photoshop เป็น / เป็น [a] เครื่องหมายการค้าจดทะเบียน [s] หรือเครื่องหมายการค้า [s] ของ Adobe Systems Incorporated ในสหรัฐอเมริกาและ / หรือประเทศอื่น ๆ

คำแนะนำวิดีโอ: 03การปรับแต่งTemplate (อาจ 2024).