ในโลกดิจิทัล มีเครื่องมือมากมายที่ทำให้ชีวิตเราง่ายขึ้น ในช่วง 10 ปีที่ผ่านมา ตั้งแต่เริ่มใช้กล้องดิจิทัล มีคำถามเกิดขึ้นในการประมวลผลภาพโดยใช้คอมพิวเตอร์ และพื้นฐานหลักคือการเก็บรักษาภาพและการประมวลผล การปรับแต่งภาพทั้งหมดนี้ดำเนินการในโปรแกรม Photoshop ยอดนิยม สำหรับหลายๆ คน มันอาจจะดูซับซ้อนและเข้าใจยาก แต่เราได้ทำให้กระบวนการนี้ง่ายและชัดเจนที่สุด Show
จะบันทึกรูปภาพใน Photoshop ได้อย่างไร?ในคู่มือนี้ เราจะพิจารณาสามตัวเลือกสำหรับการบันทึกรูปภาพโดยใช้ Photoshop: 1. ปกติบันทึกเป็น png, jpg, ฯลฯ. ก่อนตัวเลือกสำหรับการบันทึกรูปภาพ ฉันจะบอกข้อมูลสำคัญเล็กๆ น้อยๆ ที่จะเป็นประโยชน์กับคุณในอนาคต: ความแตกต่างระหว่าง png และ jpg คือ png อนุญาตให้คุณบันทึกรูปภาพด้วยพื้นหลังโปร่งใส รูปแบบ Jpg ทำให้พื้นหลังโปร่งใสเป็นสีขาว ตัวอย่าง. หากคุณต้องการบันทึกภาพโดยไม่มีพื้นหลัง รูปแบบ Jpg จะไม่ทำงาน PSD เป็นรูปแบบที่เราสามารถทำงานกับเลเยอร์ ข้อความ ฯลฯ หากคุณกำลังทำงานกับโครงการ (PSD) คุณสามารถบันทึกภาพในรูปแบบใดก็ได้ การบันทึกภาพสำหรับอุปกรณ์เว็บควรพิจารณาอย่างรอบคอบ คุณภาพที่ลดลงจะสะท้อนให้เห็นในภาพ เว้นแต่จำเป็น ฉันไม่แนะนำให้คุณใช้ตัวเลือกการบันทึกนี้ เริ่มต้นด้วยการบันทึกภาพ 1 . เปิดโปรแกรม Photoshop ตัวเลือกที่ 1 การบันทึกปกติเป็น jpg, png เป็นต้น 1. คลิกไฟล์ (ไฟล์) -> บันทึกเป็น .. (บันทึกเป็น) เราเลือกสถานที่ที่เราต้องการบันทึกภาพ เขียนชื่อ เลือกรูปแบบจากรายการแบบเลื่อนลง (JPEG - สะดวกที่สุดหรือแบบอื่นที่คุณต้องการ) คลิกบันทึก 2. เราเลือกคุณภาพด้วยตัวเลื่อน ยิ่งคุณภาพสูง ขนาดยิ่งใหญ่ และคลิก "ตกลง" ตัวเลือก 2 บันทึกโครงการในรูปแบบ PSD ตอนนี้ เราสามารถทำงานกับโครงการต่อไปได้ทุกเมื่อที่เราสะดวก ตัวเลือก 3: บันทึกสำหรับอุปกรณ์เว็บ 1. คลิกไฟล์ (ไฟล์) -> บันทึกสำหรับเว็บและอุปกรณ์ (บันทึกสำหรับอุปกรณ์เว็บ) จากรายการดรอปดาวน์ เลือกรูปแบบ JPEG, GIF หรือ PNG เลือกคุณภาพ (ระดับคุณภาพ) โดยใช้ตัวเลื่อน 09.11.2018 09.11.2018 เมื่องานใน Photoshop พร้อมแล้วก็ต้องบันทึก คุณต้องเลือกรูปแบบ ทั้งนี้ขึ้นอยู่กับงานที่คุณบันทึกไฟล์ ในบทความนี้เราจะมาดูวิธีการบันทึกและเลือกรูปแบบไฟล์ ไฟล์ควรบันทึกในรูปแบบใด?PSD. นี่คือรูปแบบไฟล์ Photoshop มาตรฐาน ในนั้น คุณจะบันทึกไฟล์ของคุณเพื่อให้คุณทำงานต่อได้ทุกเมื่อ ในรูปแบบ PSD คุณจะไม่สามารถแสดงรูปภาพหรือกราฟิกที่คุณวาดให้กับเพื่อน (พ่อแม่ แฟน ฯลฯ) รูปแบบนี้สามารถเปิดได้ด้วย Photoshop เท่านั้น JPG. รูปแบบนี้เหมาะสำหรับภาพถ่ายและกราฟิกอื่นๆ ก่อนบันทึกใน Photoshop คุณสามารถปรับไฟล์ JPG ที่บันทึกไว้ให้เหมาะสม ซึ่งหมายความว่าคุณสามารถปรับคุณภาพของภาพเพื่อให้ขนาดไฟล์เหมาะสมกับคุณ รูปแบบจะเปิดขึ้นบนคอมพิวเตอร์และโทรศัพท์ทุกเครื่อง ทางออกที่ดีในการแสดงรูปถ่ายให้ญาติ ๆ ส่งกราฟิกไปทำงาน บันทึกพื้นหลังสำหรับเว็บไซต์ ฯลฯ PNG. ส่วนใหญ่ใช้โดยนักออกแบบสำหรับกราฟิกบนเว็บไซต์ โฆษณาออนไลน์ (แบนเนอร์) กราฟิกสำหรับแอปพลิเคชันมือถือ ฯลฯ รูปแบบมีความโดดเด่นในการรองรับความโปร่งใสในภาพ หากคุณต้องการบันทึกวัตถุบนพื้นหลังโปร่งใส ให้บันทึกเป็น PNG กิ๊ฟ. รูปแบบนี้ใช้หากคุณต้องการบันทึกภาพเคลื่อนไหว ตัวอย่างเช่น แบนเนอร์เคลื่อนไหว อีโมติคอน วิดีโอสั้นหรือสติกเกอร์ จำ GIF ที่รู้จักทั้งหมดที่กำลังเดินอยู่บนอินเทอร์เน็ต - นี่เป็นเพียงรูปแบบนั้น วิธีบันทึกลงใน PSDตั้งชื่อไฟล์และเลือกรูปแบบ PSD (ปกติจะถูกเลือกตามค่าเริ่มต้น) อย่าลืมทำเครื่องหมายที่ช่อง เลเยอร์. มิฉะนั้น ทุกอย่างจะไม่ถูกบันทึกและจะไม่มีประโยชน์ใด ๆ จากการบันทึกไฟล์ดังกล่าว วิธีบันทึกเป็น JPG
หลังจากนั้นจะมีหน้าต่างปรากฏขึ้นซึ่งคุณสามารถกำหนดค่าพารามิเตอร์ของไฟล์ที่บันทึกไว้ได้ ที่นี่คุณสามารถปรับคุณภาพของภาพถ่ายโดยการตั้งค่า คุณภาพตั้งแต่ 1 ถึง 12 ทำเครื่องหมายที่ช่องทำเครื่องหมายของตัวเลือกการแสดงตัวอย่าง แล้วคุณจะเห็นว่าคุณภาพของภาพถ่ายเปลี่ยนไปอย่างไรเมื่อคุณเปลี่ยนตัวเลือก คุณภาพ. นอกจากนี้ คุณสามารถดูได้ทันทีว่าไฟล์จะมีน้ำหนักเท่าใดเมื่อคุณบันทึก ยิ่งไฟล์มีขนาดเล็กเท่าไร คุณก็ยิ่งส่งไฟล์ทางอินเทอร์เน็ตได้เร็วเท่านั้น ผู้ใช้รายอื่นจะโหลดไฟล์ได้เร็วขึ้น จำไว้ว่าไม่มีใครชอบรอเวลานานในการอัพโหลดรูปภาพบนอินเทอร์เน็ต โดยเฉพาะผ่านโทรศัพท์มือถือ รูปแบบของรูปแบบที่เหลือดีที่สุด ความก้าวหน้า. ตอนนี้เราจะไม่ลงรายละเอียดทางเทคนิค แต่ตัวเลือกนี้ดีที่สุด คุณต้องปรับคุณภาพเมื่อบันทึกเพื่อให้ภาพไม่ได้รับผลกระทบมากนักในขณะที่ขนาดไฟล์ลดลงอย่างมาก วิธีบันทึกเป็น PNGไม่จำเป็นต้องบันทึกรูปภาพเป็น PNG ใช้รูปแบบนี้หากคุณต้องการบันทึกรูปภาพคุณภาพสูงที่มีพื้นหลังโปร่งใส หน้าต่างที่มีการตั้งค่าสำหรับภาพที่บันทึกไว้จะปรากฏขึ้น เลือกรูปแบบ PNG-24 - นี่จะเป็นภาพคุณภาพสูงที่มีน้ำหนักไฟล์ที่เล็กที่สุดและมีสีทั้งหมด ทำเครื่องหมายที่ช่อง ความโปร่งใสเพื่อให้ภาพมีพื้นหลังโปร่งใส พารามิเตอร์ - อินเทอร์เลซและ โปรไฟล์แบบฝังต้องลบออกเพราะว่า นี่เป็นภาระเพิ่มเติมและไม่จำเป็นในไฟล์ ภาพที่มีพื้นหลังโปร่งใสที่บันทึกไว้ใน photoshopวิธีบันทึกเป็น GIFเลือกรูปแบบ GIF รูปแบบ GIF จะบีบอัดรูปภาพเป็นสีอย่างจริงจังและตามน้ำหนักไฟล์ มีสูงสุด 256 สีให้เลือกที่นี่ อย่าลืมทำเครื่องหมายที่ช่องถัดจาก ความโปร่งใสให้มีพื้นหลังโปร่งใสหากจำเป็น ปรับตัวได้โมเดลสีจะดีที่สุดเมื่อคุณต้องการบันทึกด้วยคุณภาพสูงสุด ditheringฉันตั้งค่าเป็น 100% ซึ่งในกรณีนี้การไล่ระดับสีจะราบรื่นขึ้น หากคุณมีแอนิเมชั่นใน GIF คุณสามารถปรับจำนวนการทำซ้ำได้ มักจะใส่ หลายครั้งเพื่อทำให้แอนิเมชั่นสามารถทำซ้ำได้ไม่สิ้นสุด ตอนนี้คุณรู้วิธีบันทึกใน Photoshop โดยใช้รูปแบบยอดนิยมแล้ว คุณมีคำถามใด ๆ หรือไม่? ผมขอเชิญคุณแสดงความคิดเห็น ทำงานกับโปรแกรมแก้ไขกราฟิก Adobe Photoshopเป็นเวลา 5 ปีแล้วที่ฉันรู้สึกประหลาดใจที่รู้ว่าไม่ใช่ทุกคนที่รู้ถึงความสำคัญและความจำเป็นของการบันทึกภาพอย่างถูกต้อง หาในเน็ตไม่เจอจริงๆ ข้อมูลที่ทันสมัยและถูกต้องในหัวข้อนี้ ด้วยเหตุนี้ฉันจึงคิดออกและอยากจะบอกคุณ วิธีการบันทึกภาพอย่างถูกต้อง ใครบ้างที่ต้องรู้และทำไม?ทุกคน - ผู้ที่ทำงานกับโปรแกรมแก้ไขกราฟิก ไม่จำเป็นต้องเป็น Adobe Photoshop นักวาดภาพประกอบ, ศิลปิน, นักออกแบบกราฟิก, นักออกแบบเว็บไซต์, นักออกแบบอินเทอร์เฟซ, ช่างภาพ, นักเรียน, เด็กนักเรียน - โดยการเรียนรู้วิธีบันทึกภาพอย่างถูกต้อง ลดขนาดไฟล์ ไม่เพียงช่วยประหยัดเวลาของคุณเอง แต่ยังรวมถึงเวลาของผู้อื่นด้วย เรากำลังพูดถึงเวลาไหน?ก่อนอื่น ขอชี้แจงสิ่งหนึ่ง: การใช้อินเทอร์เน็ตทำให้คุณเสียเวลา - เสียเวลามาก การโหลดหน้าเว็บบนอินเทอร์เน็ตไม่ได้เกิดขึ้นทันทีและต้องใช้เวลา แต่ในช่วงหลายปีที่อยู่บนอินเทอร์เน็ต คุณมักจะไม่สังเกตเห็นสิ่งนี้ เอาเป็นว่า ความเร็วในการโหลดหน้าเฉลี่ย 3 วินาทีโดยที่ 2 รายการสำหรับอัปโหลดรูปภาพ ภาพประกอบ องค์ประกอบอินเทอร์เฟซ รูปถ่าย โฆษณาแบนเนอร์ การนำเสนอ PDF หรือแม้แต่รูปแมวน่ารัก ขึ้นอยู่กับขนาดไฟล์ เบราว์เซอร์จะต้องใช้เวลาในการแสดงภาพบนหน้าจอ อย่าหลงกลโดย "เมกะไบต์ต่อวินาที" โอกาสที่ ISP ของคุณสัญญากับคุณ 100 Mbps- นี่เป็นวิธีการโฆษณาที่ยอดเยี่ยม (อ่านว่า: การหลอกลวง) ที่ก่อให้เกิดความเข้าใจผิดมากมาย รวมถึงในหัวข้อความเร็วในการโหลดไซต์ ฉันวัดความเร็วในการเชื่อมต่อกับเซิร์ฟเวอร์ที่ตั้งอยู่ในมอสโก ผลลัพธ์คือ: แต่ความเร็วในการโหลดหน้าจากเว็บไซต์ต่ำกว่ามาก: คุณดูภาพวันละกี่ภาพ? หลายสิบ? ร้อย? ในฐานะผู้ใช้อินเทอร์เน็ต ฉันดูภาพหลายร้อยภาพต่อวัน ซึ่งส่วนใหญ่มีความละเอียดสูง หากคุณลดน้ำหนักของรูปภาพเหล่านี้และเพิ่มความเร็วในการดาวน์โหลดตามลำดับ อย่างน้อยโดย 1 วินาที,คูณด้วย 500 ภาพต่อวันเราได้รับประมาณ 8 นาทีต่อวันและ เดือนละ 4 ชม. 4 ชั่วโมงต่อเดือนฉันรอโหลดรูปภาพ ทุกสิ่งที่คุณจำเป็นต้องรู้เกี่ยวกับการบันทึกภาพด้วยข้อยกเว้นที่หายาก ไม่จำเป็นต้องบันทึกผลลัพธ์สุดท้ายในลักษณะเดียวกับ PSD,ในกรณีนี้เพิ่มเติมและ ข้อมูลเพิ่มเติมตั้งแต่วันที่สร้างและชื่อโปรแกรมแก้ไขกราฟิกจนถึงสภาพอากาศและรุ่นกล้อง นิสัยไม่ดีที่จะกำหนดคุณภาพให้มีค่า 100 แต่เมื่อเทียบกับ 80 แตกต่าง คุณภาพที่มองเห็นได้เกือบเป็นศูนย์ แต่น้ำหนักต่างกัน ชัดเจน. ในการวางรูปภาพบนเว็บไซต์, ส่งทางไปรษณีย์, บันทึกไว้ในคลาวด์, ส่งใน Messenger, ฯลฯ - คุณต้องใช้ บันทึกสำหรับเว็บ JPEG หรือ PNG?JPEG - สำหรับรูปภาพที่มีสีจำนวนมากและรูปร่างที่ซับซ้อน เช่น ภาพประกอบ ภาพวาด ภาพถ่าย PNG - สำหรับภาพเวกเตอร์หรือรูปภาพที่มีข้อความ รูปทรงเรขาคณิตที่เรียบง่ายพร้อมความโปร่งใสและสีจำนวนเล็กน้อย: โลโก้ ภาพหน้าจอ สติ๊กเกอร์ ไอคอน คุณภาพ (Quality) แบบไหนให้เลือก?สำหรับรูปภาพส่วนใหญ่ ค่าที่เหมาะสมจะเป็น 80 สำหรับภาพธรรมดาบางภาพซึ่งการเปลี่ยนสีที่ชัดเจนนั้นไม่สำคัญ คุณสามารถตั้งค่า 60 . การเพิ่มประสิทธิภาพแนะนำให้ใช้ฟังก์ชันนี้รวมถึงอัลกอริธึมการแปลงสีเพิ่มเติม รวมเสมอยกเว้นเมื่อรายละเอียดที่เล็กที่สุดมีความสำคัญ (เช่น Pixel Art) แปลงเป็น sRGB (แปลงเป็น sRGB)การแปลงสีของภาพเป็นตาราง sRGB ที่เหมาะสม sRGB เป็นมาตรฐานสำหรับอินเทอร์เน็ต ความละเอียด (ขนาดภาพ)ความละเอียดหน้าจอที่พบบ่อยที่สุดคือ: 1366×768- สำหรับคอมพิวเตอร์และ 720×1280- สำหรับสมาร์ทโฟน จำสิ่งนี้ไว้และอย่าบันทึกภาพไว้นานกว่า 1920 ในความกว้าง ข้อมูลเมตาข้อมูลเพิ่มเติมที่ฉันได้กล่าวไปแล้ว ไม่จำเป็นต้องระบุข้อมูลเพิ่มเติมเกี่ยวกับรูปภาพซึ่งจะเป็นการเพิ่มขนาดของไฟล์เท่านั้น ครั้งสุดท้ายที่คุณดูรายละเอียดของภาพที่ดาวน์โหลดคือเมื่อใด ด้วยวิธีนี้ ฉันสามารถลดน้ำหนักของรูปภาพได้ครึ่งหนึ่ง แน่นอนว่า มีข้อยกเว้นบางประการที่คุณอาจต้องการข้อมูลโดยละเอียดหรือรายละเอียดที่เพิ่มขึ้น แต่ในกรณีส่วนใหญ่ กฎเหล่านี้จะมีความเกี่ยวข้องและช่วยประหยัดเวลาได้หลายร้อยชั่วโมง ขอบคุณวลาดิสลาฟ หลังจากเสร็จสิ้นการดำเนินการทั้งหมดบนรูปภาพ (ภาพถ่าย) คุณต้องบันทึกลงในฮาร์ดไดรฟ์ของคุณ เลือกตำแหน่ง จัดรูปแบบ และตั้งชื่อ วันนี้เราจะมาพูดถึงวิธีการบันทึกงานที่ทำเสร็จแล้วใน Photoshop สิ่งแรกที่คุณต้องตัดสินใจก่อนเริ่มขั้นตอนการบันทึกคือรูปแบบ มีเพียงสามรูปแบบทั่วไป นี้ JPEG, PNGและ กิ๊ฟ. มาเริ่มกันที่ JPEG. รูปแบบนี้เป็นสากลและเหมาะสำหรับการบันทึกภาพถ่ายและภาพที่ไม่มีพื้นหลังโปร่งใส ลักษณะของรูปแบบคือในระหว่างการเปิดและแก้ไขในภายหลังเรียกว่า "สิ่งประดิษฐ์ JPEG"สาเหตุคือการสูญเสียพิกเซลของเฉดสีกลางจำนวนหนึ่ง จากนี้ไป รูปแบบนี้เหมาะสำหรับภาพที่จะใช้ "ตามที่เป็น" กล่าวคือจะไม่ถูกแก้ไขโดยคุณอีกต่อไป ต่างจากรูปแบบเดิม PNGเมื่อแก้ไขใหม่ (ใช้ในงานอื่น) ก็ไม่เสียคุณภาพ (เกือบ) ตัวแทนสุดท้ายของรูปแบบสำหรับวันนี้ - กิ๊ฟ. ในแง่ของคุณภาพ นี่เป็นรูปแบบที่แย่ที่สุด เนื่องจากมีสีจำนวนจำกัด มาฝึกกันบ้าง หากต้องการเรียกใช้ฟังก์ชันบันทึก ให้ไปที่เมนู "ไฟล์"และพบกับรายการ "บันทึกเป็น"หรือใช้แป้นลัด CTRL+SHIFT+S. นี่เป็นขั้นตอนสากลสำหรับทุกรูปแบบยกเว้น กิ๊ฟ. พื้นผิวอย่างที่เราทราบกันดีอยู่แล้วว่ารูปแบบ JPEGไม่รองรับความโปร่งใส ดังนั้นเมื่อบันทึกวัตถุบนพื้นหลังโปร่งใส Photoshop เสนอให้แทนที่ความโปร่งใสด้วยสีบางสี ค่าเริ่มต้นคือสีขาว ตัวเลือกรูปภาพนี่คือการตั้งค่าคุณภาพของภาพ รูปแบบรูปแบบพื้นฐาน (มาตรฐาน)แสดงภาพบนหน้าจอทีละบรรทัด นั่นคือ ตามปกติ ปรับให้เหมาะสมขั้นพื้นฐานใช้อัลกอริทึม Huffman สำหรับการบีบอัด ฉันจะไม่อธิบายว่ามันคืออะไร ค้นหาตัวเองในเน็ต สิ่งนี้ใช้ไม่ได้กับบทเรียน ฉันสามารถพูดได้ว่าในกรณีของเราสิ่งนี้จะลดขนาดไฟล์เล็กน้อยซึ่งไม่เกี่ยวข้องในวันนี้ ความก้าวหน้าช่วยให้คุณปรับปรุงคุณภาพของภาพทีละขั้นตอนเมื่อโหลดบนหน้าเว็บ ในทางปฏิบัติมักใช้พันธุ์ที่หนึ่งและสาม หากยังไม่ชัดเจนว่าห้องครัวนี้มีไว้เพื่ออะไร ให้เลือก พื้นฐาน ("มาตรฐาน"). กำลังบันทึกเป็น PNGเมื่อบันทึกเป็นรูปแบบนี้ หน้าต่างพร้อมการตั้งค่าจะปรากฏขึ้นด้วย การบีบอัดการตั้งค่านี้ช่วยให้คุณบีบอัดไฟล์สุดท้ายได้อย่างมาก PNGไฟล์โดยไม่สูญเสียคุณภาพ ภาพหน้าจอแสดงการบีบอัด ในภาพด้านล่าง คุณสามารถดูระดับการบีบอัดได้ หน้าจอแรกเป็นแบบบีบอัดภาพ ส่วนที่สองเป็นแบบที่ไม่มีการบีบอัด อย่างที่คุณเห็น ความแตกต่างมีนัยสำคัญ ดังนั้นจึงควรทำเครื่องหมายที่ช่องถัดจาก "เล็กที่สุด/ช้าที่สุด". อินเทอร์เลซการตั้งค่า "ลบการเลือก"ให้คุณแสดงไฟล์บนหน้าเว็บได้ก็ต่อเมื่อดาวน์โหลดเสร็จแล้วเท่านั้น และ "อินเทอร์เลซ"ให้ภาพที่มีการปรับปรุงคุณภาพอย่างค่อยเป็นค่อยไป ฉันใช้การตั้งค่าเหมือนในภาพหน้าจอแรก บันทึกไปที่ GIFเพื่อบันทึกไฟล์ (แอนิเมชั่น) ในรูปแบบ กิ๊ฟที่จำเป็นในเมนู "ไฟล์"เลือกรายการ "บันทึกสำหรับเว็บ". ในหน้าต่างการตั้งค่าที่เปิดขึ้น คุณไม่จำเป็นต้องเปลี่ยนแปลงอะไรเลย เนื่องจากจะเหมาะสมที่สุด จุดเดียว - เมื่อบันทึกภาพเคลื่อนไหว คุณต้องกำหนดจำนวนการเล่นซ้ำ ฉันหวังว่าหลังจากเรียนบทเรียนนี้ คุณมีแนวคิดที่สมบูรณ์ที่สุดในการบันทึกภาพใน Photoshop สวัสดีผู้อ่านที่รักของบล็อก Start-Luck! ติดต่อ Andrey Zenkov และคำแนะนำเชิงปฏิบัติของฉันเกี่ยวกับการออกแบบเว็บ วันนี้เราจะพูดถึงคีย์เดียวกันโดยที่เว็บไซต์ของคุณจะไม่เปิดประตูสู่โลกของบุ๊กมาร์กของเบราว์เซอร์ (และเป็นสิ่งสำคัญมากสำหรับผู้ใช้ในการทำเครื่องหมายหน้าโปรดด้วยเครื่องหมายดอกจัน) มันจะเป็นอย่างที่คุณอาจเดาเกี่ยวกับรูปภาพ การเก็บภาพที่สว่างสดใสมีชัยไปกว่าครึ่ง หลังจากการประมวลผล, การปรับสี, การซ้อนทับข้อความและการปรับแต่งอื่น ๆ ปัญหาใหม่กำลังก่อตัวขึ้นบนขอบฟ้า: จะบันทึกภาพใน Photoshop ได้อย่างไร? สมมติว่าคุณได้สร้างเว็บไซต์เกี่ยวกับสัตว์เลี้ยงและต้องการเพิ่มแกลเลอรีรูปภาพที่กว้างขวาง Bach - และคุณไม่สามารถจินตนาการถึงการออกแบบได้หากไม่มีไอคอนเมนูที่มีเสน่ห์ในรูปแบบของลายอุ้งเท้า แล้วส่วนที่มีแอนิเมชั่นตลก ๆ ที่จะเป็นกำลังใจให้แขกของเว็บไซต์ล่ะ? ด้วยความกระตือรือร้น คุณปรับรูปภาพทั้งหมดให้พอดี บันทึก และ ... เห็นว่าความพยายามนั้นไร้ประโยชน์ พิกเซลฆ่า "อุ้งเท้า" ที่สร้างขึ้นอย่างระมัดระวังอย่างสมบูรณ์ และคุณไม่สามารถดูภาพที่เคลื่อนไหวได้โดยไม่มีน้ำตา Photoshop จะย้ายไปยังรายการโปรแกรมถอนการติดตั้งโดยอัตโนมัติ และคุณให้คำมั่นสัญญากับตัวเองว่าจะหาช่างฝีมือตัวจริง เพื่ออะไร? คุณสามารถทำทุกอย่างด้วยตัวเองโดยได้เรียนรู้เคล็ดลับสำคัญที่ฉันใช้อยู่เสมอ อัลกอริทึมสำหรับการบันทึกรูปภาพในคุณภาพที่เหมาะสมที่สุดนั้นขึ้นอยู่กับรูปแบบ ฉันไม่ต้องการลงรายละเอียดโดยพูดถึงว่าตัวไหนเป็นแรสเตอร์และตัวไหนเป็นเวกเตอร์ นอกจากนี้ คุณสามารถเปลี่ยนได้ด้วยการคลิกเพียงไม่กี่ครั้ง ฉันได้เขียนเกี่ยวกับสิ่งนี้ในบทความของฉันแล้ว โดยแบ่งปันกับผู้อ่านถึงวิธีการเปลี่ยนรูปแบบรูปภาพ จากการวิเคราะห์ไซต์ต่างๆ ที่มีอินเทอร์เน็ตมากมาย ฉันสังเกตเห็นรายละเอียดที่น่าสนใจอย่างหนึ่ง: องค์ประกอบกราฟิกทั้งหมดแสดงด้วยรูปแบบสากลเพียงไม่กี่รูปแบบ ในขณะที่รูปแบบอื่นๆ นั้นถูกลืมไปโดยสิ้นเชิง พวกเขาคืออะไร? กลุ่มรูปภาพหลักในการออกแบบเว็บเนื้อหากราฟิกของเว็บไซต์แบ่งออกเป็นสามประเภทตามเงื่อนไข คอลลาจและภาพถ่ายพวกมันมีลักษณะเฉพาะด้วยรูปแบบ JPG ซึ่งเป็นรูปแบบที่พบได้บ่อยที่สุดบนเว็บ ภาพเหล่านี้มีขนาดเล็ก ซึ่งช่วยให้คุณสามารถใช้ภาพเหล่านี้ในการออกแบบเว็บไซต์โดยไม่ต้องกลัวว่าหน้าจะโหลดช้า ตัวอย่างเช่น ภูมิทัศน์เดียวกันที่บันทึกใน JPG และ PNG จะมีน้ำหนักแตกต่างกันอย่างมาก: ไอคอน ปุ่ม และแบนเนอร์PNG เป็นที่ต้องการสำหรับองค์ประกอบการออกแบบเหล่านี้ ช่วยให้คุณสามารถตัดวัตถุและบันทึกภาพโดยไม่มีพื้นหลัง โดยใช้ "พื้นหลัง" ของไซต์แทน ฉันยังจะแนะนำรูปแบบนี้สำหรับรูปภาพที่ไม่มีจานสีขนาดใหญ่ ตัวอย่างเช่น สร้างเอกสารใน Photoshop และ - ชื่อของไซต์: เราบันทึกภาพในสองรูปแบบและเปรียบเทียบผลลัพธ์: แอนิเมชั่นGIF ออกแบบมาเพื่อสร้างภาพเคลื่อนไหวที่ประกอบด้วยเลเยอร์ตั้งแต่ 2 ชั้นขึ้นไป ซึ่งสามารถทำได้ไม่เฉพาะกับ Photoshop เท่านั้น แต่ยังทำได้ ฉันจะเรียกรูปแบบนี้ว่าตามอำเภอใจที่สุดเนื่องจากเป็นการยากที่จะได้คุณภาพที่ดีเมื่อบันทึก โชคดีที่ฉันมีแฮ็คที่จะให้แอนิเมชั่นพิกเซลน้อยที่สุดแก่คุณ ทึ่ง? อ่านต่อ! คำแนะนำทีละขั้นตอนสำหรับการบันทึกภาพมาเริ่มกันที่ JPG: ง่ายมากที่จะได้ภาพถ่ายโดยไม่สูญเสียคุณภาพ ในการดำเนินการนี้ ให้คลิก "ไฟล์" - "บันทึกเป็น" หากต้องการ คุณสามารถใช้คีย์ผสม Shift + Ctrl + S: ในหน้าต่างที่ปรากฏขึ้น ให้มองหารายการแบบเลื่อนลง "ประเภทไฟล์" และเลือกบรรทัด JPEG โดยปกติแล้วจะเป็นค่าเริ่มต้น: ในรายการดรอปดาวน์เดียวกัน คุณยังสามารถเลือกบรรทัด PNG ซึ่งจะทำให้งานของคุณง่ายขึ้น อย่างไรก็ตาม ฉันแนะนำให้บันทึกรูปภาพที่มีพื้นหลังโปร่งใสต่างกัน ตรวจสอบหน้าต่างที่เปิดขึ้น งานของคุณคือตรวจสอบให้แน่ใจว่าได้เลือกรายการ PNG-24 ในรายการดรอปดาวน์ และมีการทำเครื่องหมายถัดจากบรรทัด "ความโปร่งใส" และ "อินเทอร์เลซ": โปรดทราบ: เครื่องหมายถูกสุดท้ายช่วยลดเวลาที่ใช้ในการโหลดรูปภาพบนไซต์ แต่ในขณะเดียวกันก็เพิ่มน้ำหนัก หากสิ่งนี้ไม่รบกวนคุณ ให้คลิกบันทึก ในหน้าต่างแบบเลื่อนลง ให้เลือกเส้นทางของไฟล์แล้วกดปุ่มสมบัติอีกครั้งเพื่อรับภาพ PNG และวางไว้บนไซต์โดยเร็วที่สุด! ภาพเคลื่อนไหวจะถูกบันทึกผ่านรายการเมนูเดียวกัน แต่ตอนนี้ คุณต้องเลือกตัวเลือก GIF ในรายการดรอปดาวน์ พารามิเตอร์จำนวนมากและคำพูดที่ไม่สามารถเข้าใจได้อาจทำให้เกิดความสับสนหรือกลัวได้ ไม่คุ้ม! เพียงตั้งค่าตัวเลือกที่ฉันใช้: สรุปการทำงานกับกราฟิกจำเป็นต้องมีการพัฒนาทักษะอย่างต่อเนื่อง โดยไม่เน้นที่หนึ่งหรือสองทิศทาง จะเป็นอย่างไร? มีอยู่ครั้งหนึ่ง สิ่งที่ฉันค้นพบคือ ชุดมินิคอร์ส 5 คอร์สจากโครงการ Photoshop Master จากพวกเขา ฉันได้เรียนรู้ข้อมูลที่เป็นประโยชน์มากกว่าหนึ่งไบต์ เอกสารนำเสนอในรูปแบบที่เข้าถึงได้และไม่เสียค่าใช้จ่าย นี่เป็นทางเลือกที่ดีสำหรับการเรียนที่สถาบันคอมพิวเตอร์และใช้เวลาหลายชั่วโมงในการค้นหาบทเรียนที่เหมาะสมบนอินเทอร์เน็ต นั่นคือทั้งหมดที่ อย่าลืมกดติดตาม กลุ่ม VKontakteและการอัปเดตบล็อกสำหรับบทความที่สดใหม่และมีประโยชน์ทุกสัปดาห์ Andrei Zenkov อยู่กับคุณ พบกันเร็ว ๆ นี้! |