คุณได้รวบรวมเลย์เอาต์ดั้งเดิมพร้อมองค์ประกอบกราฟิกและต้องการสร้างเลย์เอาต์หรือไม่? ขั้นแรก คุณต้องเรียนรู้วิธีแบ่งเลย์เอาต์เพื่อให้องค์ประกอบกราฟิกแต่ละรายการอยู่ในตำแหน่งที่ถูกต้องตรงกลาง ด้านบน หรือด้านล่างของหน้า
คำแนะนำ
ขั้นตอนที่ 1
เมื่อเลือกเทคนิคในการตัดเลย์เอาต์ โปรดจำไว้ว่าผู้ออกแบบเลย์เอาต์แต่ละคนใช้วิธีการตัดของตัวเองเมื่อทำงานกับเลย์เอาต์ PSD ดังนั้นในขั้นแรกให้เลือกเฉพาะเทคนิคที่ง่ายที่สุดซึ่งรวมถึงการตัดเลย์เอาต์ที่สร้างขึ้นด้วยกราฟิกเป็นชิ้น ๆ ซึ่งสะดวกสำหรับผู้เริ่มต้น ก่อนอื่น ลองนึกภาพในใจก่อนว่าคุณจะแบ่งเลย์เอาต์ออกเป็นส่วนใด พิจารณาแต่ละส่วนแยกจากกัน จากนั้นไปยังส่วนทางเทคนิคของกระบวนการเอง โปรดจำไว้ว่าเลย์เอาต์ PSD นั้นแบ่งออกเป็น "ชิ้น" ขึ้นอยู่กับความซับซ้อนของมันโดยแบ่งออกเป็นองค์ประกอบแยกกัน นอกจากนี้ องค์ประกอบกราฟิกแต่ละรายการจะต้องไม่ขึ้นกับรายละเอียดอื่นๆ ทั้งหมด
ขั้นตอนที่ 2
เมื่อตัดสินใจว่าจะตัดเลย์เอาต์ด้วยส่วนหัวที่ประกอบด้วยปุ่ม เลเยอร์พื้นหลังและเลเยอร์ข้อความที่แยกจากกัน จำไว้ว่าในกรณีนี้ ส่วนหัวทั้งหมดไม่สามารถตัดเป็นรูปภาพ ในสถานการณ์เช่นนี้ เป็นการดีกว่าที่จะตัดเลเยอร์ข้อความทั้งหมดเป็นรูปภาพแยกกัน แต่ละปุ่ม รวมถึงเลเยอร์พื้นหลังของส่วนหัวด้วย ประการที่สอง การแบ่งส่วนเค้าโครงถือว่าผู้ออกแบบเค้าโครงดำเนินการตามลำดับต่อไปนี้ หากข้อความเป็นเพียงส่วนหนึ่งของการตกแต่ง ให้ใช้ก่อนรูปแบบ HTML / CSS
ขั้นตอนที่ 3
ขั้นแรก เปิดเลย์เอาต์ใน Photoshop เพื่อให้แผงเลเยอร์ปรากฏขึ้นทางด้านขวา ซึ่งถือเป็นกระดูกสันหลังที่จำเป็นในการเริ่มเลย์เอาต์ ในกรณีที่รูปภาพทั้งหมดคลิกได้ ให้เปิดเลย์เอาต์เวอร์ชันความละเอียดเต็ม ถัดไป จัดวางองค์ประกอบกราฟิกทั้งหมดเพื่อให้ดูเหมือนกับในรูปแบบ HTML ดังนั้นให้บันทึกองค์ประกอบกราฟิกที่เด่นชัดแต่ละองค์ประกอบในรูปแบบที่ต้องการ: GIF,.
ขั้นตอนที่ 4
ในการเลือกองค์ประกอบกราฟิกที่ต้องการ ให้ใช้เครื่องมือเช่น Rectangular Marquee Tool ซึ่งช่วยให้คุณทำเครื่องหมายพื้นที่ที่เลือกด้วยเส้นประ หลังจากนั้น ครอบตัดส่วนที่เหลือของเลย์เอาต์ลงไปที่องค์ประกอบจุดโดยใช้เมนู Image> Crop ในการกำจัดเลเยอร์พื้นหลังที่ไม่จำเป็น ให้ใช้การเติมไล่ระดับสี ปิดการมองเห็นของเลเยอร์พื้นหลัง ถัดไป ตัดแต่งมุมของส่วนที่เลือก จากนั้นให้เลเยอร์อื่นๆ ทั้งหมดโปร่งใส