10 เคล็ดลับการฆ่า Adobe Photoshop สำหรับนักออกแบบ
เชื่อหรือไม่ว่าถ้าคุณใช้ Photoshop เพื่อออกแบบเว็บไซต์คุณกำลังก้าวเข้าสู่การเป็นนักออกแบบเว็บไซต์ที่ประสบความสำเร็จ นี่เป็นเพียงเพราะ Photoshop เป็นหนึ่งในเครื่องมือที่ทันสมัยที่สุดในอุตสาหกรรมการออกแบบที่สามารถทำให้จินตนาการความคิดสร้างสรรค์ของคุณเป็นจริงด้วยเครื่องมือระดับมืออาชีพที่ช่วยเพิ่มผลผลิตของคุณในเวลาเดียวกัน.
แต่คุณรู้เรื่อง Photoshop ได้ดีแค่ไหน? บางครั้งเราสงสัยว่าทำไมนักออกแบบเว็บไซต์บางคนสามารถออกแบบเลย์เอาต์ของเว็บไซต์ด้วยกราฟิกที่หนักหน่วงใน 5 วันในขณะที่เราต้องการเวลาประมาณ 10 วันในการออกแบบให้เสร็จสมบูรณ์ มันอาจจะไม่เกี่ยวกับความรวดเร็วในการคลิก แต่มันเกี่ยวกับความรู้เกี่ยวกับ Photoshop ว่าคุณจะปลดล็อกศักยภาพเต็มที่เพื่อเพิ่มประสิทธิภาพการทำงานของคุณได้อย่างไร.
เราต้องการให้คุณรู้วิธีปลดล็อกศักยภาพเต็มของมัน ใช่นั่นคือเหตุผลที่เราสร้างโพสต์นี้เพื่อให้ 10 เคล็ดลับที่เป็นประโยชน์กับ Photoshop เพื่อเพิ่มความเร็วในการออกแบบของคุณ อาจมีทางลัดคุณสมบัติหรือการตั้งค่าที่คุณไม่ทราบ แต่ไม่ใช่อีกต่อไป ในบทความนี้คุณจะได้เรียนรู้พวกเขาทั้งหมดและคุณจะออกแบบได้เร็วขึ้นและเร็วขึ้น.
หมายเหตุ: ปุ่มทางลัดที่กล่าวถึงในบทความนี้อยู่ในรูปแบบ Windows Photoshop หากคุณใช้ Mac โปรดทราบว่า Ctrl = Cmd (Command) และ Alt = Opt (ตัวเลือก).
10. เลิกทำยิ่งเลิกทำโปรด
ฉันเชื่อโดยสิ้นเชิงว่านักออกแบบของเราเสพติดมากในการเลิกทำบางอย่างแม้กระทั่งเมื่อเราทำผิดพลาดในการร่างภาพเราก็มักจะ 'เลิกทำ' มัน.
อย่างที่คุณอาจทราบโดยการกด Ctrl + Z ใน Photoshop คุณสามารถยกเลิกการกระทำก่อนหน้านี้ได้ แต่เมื่อคุณกดปุ่มชุดเดียวกันอีกครั้งมันจะทำซ้ำการกระทำก่อนหน้า นี่เป็นสิ่งที่ผิดธรรมชาติและมีปัญหาเนื่องจากคุณต้องเลิกทำหลาย ๆ ครั้งเพื่อไปยังสถานะที่คุณต้องการ.
เชื่อหรือไม่ว่า Photoshop มีปุ่มเฉพาะสำหรับการเลิกทำหลาย ๆ อันและเป็น Alt + Ctrl + Z ใช่โดยการใช้คีย์ผสมนี้คุณสามารถยกเลิกได้หลายครั้งตามค่าสถานะประวัติศาสตร์ที่คุณตั้งไว้ในแก้ไข> การตั้งค่า> ประสิทธิภาพ.
หากคุณคุ้นเคยกับการกดปุ่ม Undo ร่วมกันซึ่งก็คือ Ctrl + Z คุณสามารถกด Ctrl + Shift + Alt + K เพื่อเข้าถึงแผงแป้นพิมพ์ลัดและเปลี่ยนการกดปุ่ม Undo ในส่วน Edit เป็น Ctrl + Z.
9. สีสุ่มตัวอย่างทุกที่!
สะดุดกับเว็บไซต์ที่ออกแบบอย่างสวยงามและสงสัยว่าใช้สีใด สิ่งนี้เกิดขึ้นบ่อยมากเมื่อฉันค้นหาแรงบันดาลใจในช่วงเวลาที่ฉันทำเค้าโครงไซต์ใน Photoshop สำหรับฉันฉันจะเปิดตัวเลือกสีเลือกสีและรับเลขฐานสิบหกจากนั้นคลิกที่จานสีใน Photoshop จากนั้นป้อนหมายเลขฐานสิบหกจากนั้นรับสีสวยน่ารำคาญใช่ไหม?
คุณไม่จำเป็นต้องทนทุกข์เช่นนั้นจริงๆคุณสามารถคลิกที่เครื่องมือ Eyedropper หรือกด I เพื่อเปิดใช้งานจากนั้นคลิกที่หน้าจอการทำงานของ Photoshop แล้วลากไอคอน Eyedropper ไปที่ใดก็ได้บนหน้าจอมอนิเตอร์ ต้องการ. ใช่มันง่ายจริงๆ.
8. คู่มือที่ยืดหยุ่น
เคล็ดลับ # 8 เป็นการรวมกันของ 2 เคล็ดลับฉันหวังว่าคุณจะไม่สนใจเกี่ยวกับเคล็ดลับเพิ่มเติม ในฐานะนักออกแบบเว็บไซต์เราต้องจัดการกับคำแนะนำเพื่อจัดวางองค์ประกอบอย่างถูกต้องกล่าวคือพิกเซลสมบูรณ์แบบ.
คุณจะสร้างคำแนะนำได้อย่างไร คลิกที่มุมมองคู่มือใหม่แล้วตัดสินใจว่าเป็นแนวนอนหรือแนวตั้งป้อนตำแหน่งแล้วคลิก Enter? เอาล่ะคุณสามารถบันทึกงานเหล่านี้ได้เพียงแค่กด Ctrl + R เพื่อเปิดใช้งานเครื่องมือไม้บรรทัดคลิกที่เครื่องมือแล้วลากลงเพื่อสร้างแนวนอนหรือในทางกลับกัน.
นอกเหนือจากการสร้างคู่มือแบบทันทีนี่คือเคล็ดลับที่มีประโยชน์สำหรับคุณ ในขณะที่ลากคำแนะนำด้วยเครื่องมือย้ายซึ่งสามารถเปิดใช้งานได้โดยใช้ปุ่ม V กดปุ่ม Alt ค้างไว้เพื่อเปลี่ยนเส้นแนวนอนเป็นแนวตั้งแนวนอนหรือในทางกลับกัน ตอนนี้คุณสามารถพิจารณาตัวคุณเองว่าเป็นมืออาชีพในการใช้คำแนะนำ.
7. การโคลนสไตล์เลเยอร์สนุก
เลเยอร์สไตล์มีความบันเทิงมากเมื่อคุณสามารถนำไปใช้เพื่อสร้างไอคอนโซเชียลมีเดียที่ดูมีเสน่ห์และเป็นเอกลักษณ์ แต่มันจะเหนื่อยมากถ้าคุณต้องการใช้เลเยอร์สไตล์เดียวกันกับไอคอนโซเชียลมีเดียทั้งหมดที่มักจะเข้ามา หลายชิ้น.
คุณเคยรู้ไหมว่ามี FX ไอคอนข้างเลเยอร์ของคุณ? ทุกอย่างมีอยู่ด้วยเหตุผลถ้าคุณกด Alt แล้วลาก FX ไอคอนไปยังเลเยอร์อื่นมันจะคัดลอกสไตล์ของเลเยอร์แรกไปยังสิ่งที่คุณลากไปมา?
นอกจากนี้ถ้าคุณมีความสนใจเกี่ยวกับการใช้งานทั่วไปของที่ FX ไอคอนช่วยให้คุณสามารถย้ายสไตล์ของเลเยอร์ไปยังอีกชั้นหนึ่งและสิ่งที่คุณต้องทำคือเพียงลากไอคอนไปยังเลเยอร์อื่นโดยไม่ต้องกดปุ่ม Alt.
6. องค์ประกอบตรงกลางทำให้เป็นเรื่องง่าย
เพื่อให้ได้การออกแบบที่สมบูรณ์แบบของพิกเซลเรามักจะต้องจัดวางองค์ประกอบให้ตรงกับที่มันควรจะเป็น สิ่งนี้ดูง่ายเพราะคุณสามารถสร้างคำแนะนำและถ่ายองค์ประกอบให้กับไกด์เหล่านั้นได้ แต่มันจะน่ากลัวถ้าคุณต้องการจัดองค์ประกอบให้อยู่กึ่งกลางในบางพื้นที่ซึ่งต้องการไกด์การวัดและโฟกัสจำนวนมาก.
ในความเป็นจริงคุณมีวิธีที่จะทำให้กระบวนการทั้งหมดนี้ง่ายขึ้นมากขึ้นคลิกที่เลเยอร์ขององค์ประกอบที่คุณต้องการอยู่กึ่งกลางจากนั้นกด Ctrl + A เพื่อเลือกเอกสารทั้งหมด หลังจากนั้นให้เปิดเครื่องมือย้ายแล้วคุณจะเห็นไอคอนอยู่ข้างตัวเลือกแสดงตัวควบคุมการแปลง คลิกที่ไอคอนที่ 2 เพื่อจัดองค์ประกอบตามแนวตั้งจากนั้นคลิกที่ไอคอนที่ 5 เพื่อจัดองค์ประกอบตามแนวนอนตรงกลางแล้วไปที่องค์ประกอบที่กึ่งกลางแน่นอน.
คุณไม่เพียง แต่สามารถจัดองค์ประกอบให้อยู่กึ่งกลางในพื้นที่ทั้งหมดของเอกสาร แต่ยังสามารถจัดกึ่งกลางองค์ประกอบในพื้นที่บางส่วนได้ สมมติว่าฉันต้องการที่จะรวมองค์ประกอบในพื้นที่ท้ายกระดาษอย่างแน่นอนฉันสามารถเลือกพื้นที่ท้ายกระดาษโดยใช้เครื่องมือการเลือกซึ่งสามารถเปิดใช้งานได้โดยการกดปุ่ม M จากนั้นจัดองค์ประกอบในพื้นที่นั้น ๆ.
คุณสามารถศึกษาตัวเลือกการจัดตำแหน่งอื่น ๆ นอกเหนือจากตัวเลือกการแสดงการควบคุมการแปลงพวกมันมีประโยชน์มากสำหรับการจัดองค์ประกอบของคุณในสถานการณ์ที่หลากหลาย.
5. เลือกดูหนึ่งครั้ง
บ่อยครั้งในการออกแบบเลย์เอาต์คุณต้องตรวจสอบว่าองค์ประกอบมีลักษณะตรงตามองค์ประกอบของตัวเองหรือองค์ประกอบน้อยเช่นในเลย์เอาต์เว็บไซต์ด้านล่างฉันต้องการตรวจสอบปุ่มของตัวเลื่อนเพื่อยืนยันว่าพวกเขาไม่มีความโปร่งใส หรือไม่มีภาพของตัวเลื่อน.
ในอดีตฉันต้องปิดการมองเห็นเลเยอร์ของภาพเลื่อน, เลเยอร์พื้นหลังของตัวเลื่อนและเลเยอร์พื้นหลังของเนื้อหา แต่ตอนนี้ฉันสามารถกดปุ่ม Alt ค้างไว้จากนั้นคลิกที่ไอคอน 'ตา' ข้างกลุ่มปุ่มเพื่อปิด การมองเห็นเลเยอร์ทั้งหมดเพื่อให้ฉันดูเฉพาะปุ่มเหล่านั้น หลังจากที่ฉันตรวจสอบพวกเขาฉันสามารถทำซ้ำเคล็ดลับอีกครั้งเพื่อนำความหนืดของเลเยอร์ทั้งหมดกลับมา.
เคล็ดลับนี้ยังมีประโยชน์อย่างมากในขณะที่การแบ่งภาพ คุณต้องการแบ่งปุ่มของตัวเลื่อนโดยไม่มีองค์ประกอบอื่น ๆ เช่นภาพเลื่อนดังนั้นคุณสามารถใช้เคล็ดลับนี้เพื่อปิดการมองเห็นของเลเยอร์ทั้งหมดเพียงแค่กดปุ่มจากนั้นทำซ้ำเคล็ดลับเพื่อกู้คืนการมองเห็นของเลเยอร์ทั้งหมดเพื่อประหยัดเวลา เปิดและปิดการมองเห็นเลเยอร์.
4. ปรับแต่งการติดตามแบบอักษรได้ตลอดเวลา
เคล็ดลับนี้แสดงให้คุณเห็นวิธีเพิ่มการติดตามแบบอักษรในบางส่วนของประเภทได้อย่างง่ายดายดังนั้นจึงอาจใช้เฉพาะในสถานการณ์ที่เฉพาะเจาะจงเช่นการสร้างโลโก้หรือปุ่มเท่านั้น วิชาการพิมพ์ที่เหมาะสมสำหรับการสร้างโลโก้หรือปุ่มของคุณ.
เอาล่ะสมมติว่าฉันต้องการลดการติดตามประเภท '360' เพื่อให้ประเภทโลโก้ของฉันดูไม่เหมือนใครที่ผู้เข้าชมจดจำได้ง่ายขึ้น ฉันสามารถเลือก 'POLO360' โดยใช้เครื่องมือประเภทซึ่งสามารถเปิดใช้งานได้โดยกดปุ่ม T จากนั้นกดปุ่ม Alt ค้างไว้แล้วกดปุ่มเพื่อเริ่มลดการติดตามประเภทซึ่งจะนำผลลัพธ์ด้านบน.
คุณสามารถใช้เคล็ดลับนี้เพื่อจัดการปัญหาการติดตามแบบอักษรศิลปะบางอย่างดังนั้นจึงไม่ต้องกังวลเกี่ยวกับการติดตามครั้งต่อไปที่คุณต้องการค้นหาแบบอักษรกราฟิกสำหรับการสร้างโลโก้ของคุณ!
3. การเลือกเลเยอร์ทันที = ชนะ
การออกแบบเลย์เอาต์เป็นงานที่น่าเบื่อเพราะเราต้องจัดการกับปัญหามากมายเช่นการพิมพ์การเว้นวรรคและกราฟิก แต่มันจะมีจำนวนมากหากเราต้องการค้นหาเลเยอร์ขององค์ประกอบเฉพาะจากหลายร้อยชั้น.
ให้เคล็ดลับนี้ทำให้ชีวิตนักออกแบบของคุณง่ายขึ้น เปิดใช้งานเครื่องมือย้ายโดยใช้ปุ่ม V และกดปุ่ม Ctrl ค้างไว้จากนั้นคลิกที่องค์ประกอบและคุณจะเลือกเลเยอร์ขององค์ประกอบโดยอัตโนมัติ จริงๆแล้วมันง่าย แต่โปรดจำไว้ว่าถ้าคุณใส่องค์ประกอบในกลุ่มแล้วใช้เล่ห์เหลี่ยมเดียวกันคุณจะเลือกโฟลเดอร์ของกลุ่มที่มีองค์ประกอบที่คุณคลิกดังที่แสดงด้านบน.
2. วัตถุอัจฉริยะสำหรับนักออกแบบสมาร์ท
เช่นเดียวกับชื่อ Smart Object ทำให้การแก้ไขของคุณฉลาดขึ้นโดยใช้ฟังก์ชั่นหลัก 2 อย่าง: ทำการแปลงแบบไม่ทำลายและทำการกรอง คุณลักษณะนี้มีประโยชน์มากโดยเฉพาะอย่างยิ่งเมื่อคุณสร้างเค้าโครงไซต์ที่มีกราฟิกจำนวนมากเช่นรูปถ่ายหุ้นไอคอนโซเชียลมีเดียและชุดอุปกรณ์ UI และสิ่งที่คุณต้องทำคือคลิกขวาที่เลเยอร์จากนั้นคลิก 'แปลงเป็นวัตถุอัจฉริยะ' เพลิดเพลินไปกับผลประโยชน์.
ฟังก์ชั่นแรกบอกว่าเมื่อเลเยอร์ถูกแปลงเป็น Smart Object คุณสามารถเปลี่ยนมันได้ตามที่คุณต้องการโดยไม่สูญเสียคุณภาพดั้งเดิม ในกรณีของเราเราต้องการทำให้แถบเลื่อนรูปภาพเล็กลงดังนั้นเราจึงแปลงเลเยอร์ของแถบเลื่อนรูปภาพเป็น Smart Object และแปลงเป็นขนาดเล็กกว่า.
โอ้ฉันมันเล็กเกินไปฉันเลยตัดสินใจเปลี่ยนมัน.
ดูเหมือนว่าทุกอย่างโอเคและไม่มีอะไรเกิดขึ้นใช่ไหม ด้านล่างคือผลลัพธ์หากคุณใช้การแปลงย้อนหลังโดยไม่แปลงเลเยอร์เป็น Smart Object.
ดังนั้นคุณอาจเห็นความแตกต่างได้ที่นี่โดยเฉพาะอย่างยิ่งส่วนของปุ่มเลื่อน การแปลงแบบย้อนหลังโดยไม่ใช้ Smart Object บนเลเยอร์ทำให้ปุ่มของตัวเลื่อนและตัวเลื่อนเสียคุณภาพ ดังนั้นการแปลงเลเยอร์เป็น Smart Object คุณสามารถแปลงเป็นเลเยอร์ที่เล็กกว่าที่คุณต้องการ แต่เมื่อคุณเสียใจกับการตัดสินใจของคุณคุณสามารถเปลี่ยนกลับได้โดยไม่สูญเสียคุณภาพ.
ประโยชน์อีกประการหนึ่งจากการแปลงเลเยอร์เป็น Smart Object คือเมื่อคุณใช้ตัวกรองกับ Smart Object เลเยอร์ของตัวกรองจะปรากฏขึ้นภายใต้เลเยอร์ของ Smart Object เพื่อให้คุณสามารถปิดการใช้งานตัวกรองได้ง่ายขึ้นเพียงแค่ปิดการมองเห็นเลเยอร์ของตัวกรอง ประหยัดเวลาได้อย่างยอดเยี่ยมสำหรับโครงการของคุณ.
1. ภาพรวมของอดีตที่สวยงาม
ตอนนี้คุณเรียนรู้วิธีการเลิกทำหลาย ๆ ครั้งคัดลอกสไตล์เลเยอร์เลือกเลเยอร์ที่เร็วขึ้นและใช้ Smart object เคล็ดลับการประหยัดเวลาที่ยอดเยี่ยมเหล่านี้ เหล่านี้เป็นทักษะที่มีประโยชน์จริงๆที่ช่วยเพิ่มประสิทธิภาพการทำงานของคุณอย่างมาก แต่หลังจากผ่านไป 2 ชั่วโมงคุณรู้สึกเสียใจกับการแก้ไขและตัดสินใจที่จะเริ่มต้นจากตรงกลาง? ทำซ้ำทั้งหมดจะเหนื่อยมากและน่าเบื่อแม้คุณจะใช้เคล็ดลับนักฆ่าทั้งหมดที่คุณได้เรียนรู้มาก่อนดังนั้นเมื่อ Snapshot เตะเข้า.
Snapshot ช่วยให้คุณสร้างสำเนาชั่วคราวของสถานะการแก้ไขใด ๆ ของคุณดังนั้นเมื่อคุณมีปัญหาในการปรับปรุงการออกแบบของคุณและตัดสินใจที่จะย้อนกลับไปคุณสามารถคลิกที่ภาพรวมเพื่อนำคุณกลับสู่สถานะที่คุณต้องการ ในการถ่ายภาพคุณเพียงแค่เปิด History palette และคลิกที่ไอคอนที่ 2 ที่คุณเห็นที่ด้านล่างของ palette.
นอกจากนี้ยังมีฟีเจอร์ที่มีประโยชน์บางอย่างสำหรับสแน็ปช็อตเช่นคุณสามารถถ่ายรูปได้หลายสแนปช็อตเพื่อให้คุณมีทางเลือกมากขึ้นและคุณสามารถตั้งชื่อพวกมันเพื่อให้คุณจดจำได้ง่ายขึ้น ท้ายที่สุดคุณสามารถใช้สแน็ปช็อตเหล่านี้เพื่อเปรียบเทียบเอฟเฟกต์ต่าง ๆ ที่คุณสร้างขึ้นสำหรับการออกแบบของคุณ.
อย่างไรก็ตามโปรดจำไว้ว่าเมื่อคุณปิดเอกสารสแน็ปช็อตจะถูกลบทันทีดังนั้นหากคุณต้องการคงสถานะเหล่านั้นไว้คุณสามารถคลิกที่แต่ละสแน็ปช็อตและบันทึกเอกสารเป็นไฟล์อื่น.
การสะท้อน
คุณมาถึงตอนท้ายของบทความงานที่ดี ถึงตอนนี้คุณควรมีเคล็ดลับนักฆ่าที่ประหยัดเวลามากพอเพื่อเพิ่มความเร็วในการออกแบบของคุณ แต่โปรดจำไว้เสมอว่าการเรียนรู้เป็นวิธีที่ดีที่สุดสำหรับคุณที่จะรู้เพิ่มเติมเกี่ยวกับ Photoshop ของคุณซึ่งจะเป็นการเพิ่มประสิทธิภาพของคุณ เพื่อการเรียนรู้เพิ่มเติมและคุณจะกลายเป็นนักออกแบบเว็บไซต์ที่มีการแข่งขันตลอดเวลา.
เราได้แบ่งปันสิ่งที่ดีที่สุดของคุณแล้วคุณล่ะ? หากคุณไม่รังเกียจโปรดแบ่งปันเคล็ดลับนักฆ่า Photoshop ของคุณเพื่อแจ้งให้เราทราบวิธีที่ดีกว่าในการใช้ Photoshop ขอบคุณสำหรับความเอื้ออาทรของคุณ!