ตัวเร่งปฏิกิริยาแฟลชและ Photoshop - การวางแผนโครงการ

• เมษายน 29, 2024

ด้วยการเปิดตัว Adobe^R แฟลช^R ตัวเร่ง^TM เบต้าผู้ออกแบบมีเครื่องมือใหม่สำหรับการสร้างโครงการ Flash และด้วยความช่วยเหลือของ Photoshop^R หรือนักวาดภาพประกอบ^Rเราสามารถทำให้โครงการของเราดึงดูดสายตามากขึ้น สำหรับบรรดาของคุณที่ยังไม่ได้ดาวน์โหลดรุ่นเบต้าฟรี Catalyst ได้รับการพัฒนาโดยคำนึงถึงนักออกแบบและด้วยเครื่องมือที่ใช้สายตาผู้ออกแบบสามารถเพิ่มองค์ประกอบส่วนต่อประสานผู้ใช้ที่ใช้งานได้กับเค้าโครง UI โดยไม่จำเป็นต้องมีทักษะการเขียนโปรแกรม

Photoshop อยู่ตรงไหนของภาพ? การออกแบบเลย์เอาต์ UI ส่วนใหญ่เริ่มต้นใน Photoshop เมื่อผู้ออกแบบสร้างจำลอง หลังจากได้รับอนุมัติ mockup ถึงเวลาที่จะสร้างกราฟิกที่แท้จริงสำหรับ UI สิ่งนี้มักจะทำใน Photoshop ขณะนี้ด้วย Catalyst เรายังสามารถสร้างเค้าโครงสุดท้ายใน Photoshop และนำเข้าเค้าโครงนั้นลงใน Catalyst ซึ่งเราจะเพิ่มการนำทางแบบใช้ Flash สำหรับผลงานของเรา เลเยอร์สไตล์และลักษณะอื่น ๆ ทั้งหมดของภาพ Photoshop ของคุณจะยังคงอยู่เมื่อไฟล์นั้นเปิดเข้าสู่ Catalyst สิ่งที่สวยงามเกี่ยวกับ Catalyst คือเราสามารถใช้กราฟิกได้เช่นเดียวกับที่เราสร้างขึ้นใน Photoshop และเปลี่ยนเป็นส่วนประกอบ UI เช่นปุ่มโดยไม่ต้องเตรียมอะไรเป็นพิเศษ

ในบทช่วยสอนนี้เราจะสร้างกราฟิกสำหรับผลงานเล็ก ๆ ของ websets บางชุดที่ฉันขายที่ DIYeStores.com ชุดเว็บไซต์เหล่านี้สร้างขึ้นสำหรับผู้สร้างเว็บไซต์ DIY โดยเฉพาะ รูปลักษณ์และความรู้สึกของแต่ละชุดของเว็บนั้นสะท้อนอยู่ในโลโก้ของ webset สำหรับโครงการนี้ฉันตัดสินใจที่จะสร้างผลงานของโลโก้เหล่านี้ สำหรับวัตถุประสงค์ของบทช่วยสอนนี้เราจะมีโลโก้เพียงสามโลโก้ แต่คุณอาจต้องการมีตัวอย่างเพิ่มเติมในแฟ้มสะสมผลงานของคุณ ขั้นตอนแรกของเราคือการตัดสินใจว่าโลโก้ใดที่เราต้องการรวมไว้ในผลงานของเราและลำดับที่เราต้องการให้พวกเขาดู

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

ลิขสิทธิ์ 2018 Adobe Systems Incorporated สงวนลิขสิทธิ์. ภาพหน้าจอผลิตภัณฑ์ Adobe พิมพ์ซ้ำได้รับอนุญาตจาก Adobe Systems Incorporated Adobe, Photoshop, อัลบั้ม Photoshop, องค์ประกอบ Photoshop, Illustrator, InDesign, GoLive, Acrobat, Cue, Premiere Pro, องค์ประกอบรอบปฐมทัศน์, Bridge, After Effects, InCopy, Dreamweaver, แฟลช, ActionScript, ดอกไม้ไฟ, Contribute, Flash Catalyst และ Flash Paper เป็น / เป็น [a] เครื่องหมายการค้าจดทะเบียน [s] หรือเครื่องหมายการค้า [s] ของ Adobe Systems Incorporated ในสหรัฐอเมริกาและ / หรือประเทศอื่น ๆ