ด้วยการเปิดตัวแผงไทม์ไลน์ใน Photoshop CS6 Adobe ได้ใช้ความสามารถในการตัดต่อวิดีโอใหม่ ๆ มากมายซึ่งช่วยให้คุณสามารถแก้ไขปรับปรุงและแสดงผลวิดีโอได้โดยตรงใน Photoshop แม้ว่า Adobe จะอ้างว่าเป็นเครื่องมือตัดต่อวิดีโอเป็นหลัก แต่สิ่งที่น่าสนใจมากสำหรับฉันคือความสามารถในการสร้างภาพเคลื่อนไหวที่รวดเร็วได้โดยตรงจาก Photoshop โดยไม่จำเป็นต้องเปลี่ยนแพ็คเกจซอฟต์แวร์
ที่นี่ฉันจะแสดงวิธีสร้างหน้าจอสแปลชแบบเคลื่อนไหวสั้น ๆ สำหรับ iPad ได้อย่างรวดเร็ว สำหรับนักออกแบบที่คุ้นเคยกับการทำงานกับ Flash หรือ After Effects เครื่องมือเหล่านี้อาจดูค่อนข้างธรรมดา แต่สำหรับนักออกแบบที่ต้องการใช้งานกราฟิกเคลื่อนไหวพวกเขาจะให้คำแนะนำเกี่ยวกับเส้นเวลาและคีย์เฟรมที่รวดเร็วและง่ายดาย แน่นอนว่าผลลัพธ์สุดท้ายไม่จำเป็นต้องมีไว้สำหรับหน้าจอสแปลชของ iPad ดังนั้นคุณจึงถูก จำกัด ด้วยจินตนาการของคุณว่าจะใช้ผลลัพธ์สุดท้ายของอะไร
01 เริ่มต้นด้วยการตั้งค่าเอกสารใหม่ตามความละเอียด iPad ที่คุณต้องการจากเมนูแบบเลื่อนลง Mobile & Devices เติมพื้นหลังด้วยสีที่คุณเลือก (ในกรณีนี้เป็นสีเทา) สร้างสี่เหลี่ยมสีขาวตรงกลางบนเลเยอร์ใหม่จากนั้นสร้างจุดสีดำสองจุดแล้วสแนปไปที่มุมตรงข้ามสองมุมอีกครั้งในเลเยอร์ที่แยกจากกัน ติดป้ายกำกับทุกอย่างให้เหมาะสมเพื่อให้ชีวิตง่ายขึ้นในภายหลัง
02 ในแผงไทม์ไลน์ให้กดสร้างไทม์ไลน์ของวิดีโอและเลเยอร์ทั้งหมดของคุณจะปรากฏในไทม์ไลน์ ตั้งค่าเป็น 00:00 เลือก Spot 01 และขยายเลเยอร์โดยใช้ไอคอนสามเหลี่ยม ตอนนี้กดแท็บตำแหน่งเพื่อสร้างคีย์เฟรม เลื่อนไทม์ไลน์ไปที่ 01:00 น. และสร้างคีย์เฟรมตำแหน่งอื่น ตอนนี้ย้ายจุดไปที่ด้านล่างซ้ายของสี่เหลี่ยมและทำซ้ำขั้นตอนสำหรับจุดที่สองโดยใช้การกำหนดเวลาเดียวกัน ทำขั้นตอนนี้ซ้ำโดยให้จุดในช่วงเวลา 1 วินาทีจนกระทั่งถึงเครื่องหมาย 3 วินาทีเพื่อสร้างคีย์เฟรมในขณะที่คุณไป
03 ย้อนกลับไปที่ 00:00 และบนเลเยอร์ใหม่เหนือพื้นหลังให้สร้างการเลือกแนวทแยงและเติมสี เราอยากได้ทรงนี้รูดเข้าออก สร้างคีย์เฟรมตำแหน่งเวลา 00:00 น. จากนั้นกด Shift ค้างไว้เลื่อนรูปร่างออกจากผืนผ้าใบ เวลา 01:00 น. ให้สร้างคีย์เฟรมอื่นและย้ายรูปร่างกลับไปที่ตำแหน่งเดิม เล่นกลับและดูเหมือนว่าจะเลื่อนเข้าคุณสามารถดูว่าคีย์เฟรมจับคู่กับจุดเหล่านั้นอย่างไร
04 ตอนนี้ย้ายไทม์ไลน์ไปตามอีก 10 เฟรมไปที่ 01:10 แล้วย้ายรูปร่างกลับไปที่ตำแหน่งภายในขอบเขตเอกสาร ใช้ไทม์ไลน์กลับไปที่ 01:00 ซึ่งรูปร่างอยู่ในมุมมองแบบเต็มเลือกทั้งหมดและคัดลอกเลเยอร์ ในเลเยอร์สี่เหลี่ยมให้กด Cmd / Ctrl + A เพื่อทำการเลือกจากนั้นไปที่ Edit> Paste Into เพื่อวางรูปร่างภายในสี่เหลี่ยมบนเลเยอร์ใหม่ เติมด้วยสีดำติดป้ายให้เหมาะสมแล้วย้ายไปไว้เหนือเลเยอร์สี่เหลี่ยมเดิม
05 ตอนนี้เราต้องการให้รูปทรงด้านในสีดำปัดเข้ากับรูปทรงสีเหลือง ย้ายเลเยอร์กลับบนไทม์ไลน์ไปที่ 00:00 และทำซ้ำขั้นตอนจากรูปทรงสีเหลืองก่อนหน้าตั้งค่าคีย์เฟรมแรกที่ 00:00 โดยให้รูปร่างออกจากผืนผ้าใบโดยสิ้นเชิงและในเวลา 01:00 น. โดยจะมองเห็นได้อย่างสมบูรณ์ แต่หลังจากนั้น อย่าเพิ่มคีย์เฟรมอีกเพื่อให้ดูเหมือนว่าจะปัดเข้ามาพร้อมกับเลเยอร์สีเหลือง แต่ยังคงอยู่ในตำแหน่ง