ปลั๊กอิน Photoshop 10+ ฟรีสำหรับนักออกแบบเว็บไซต์
การใช้ส่วนขยาย Photoshop ช่วยเพิ่มความสามารถในการออกแบบจัดทำเวิร์กโฟลว์ของคุณและทำให้คุณทำงานได้อย่างมีประสิทธิภาพยิ่งขึ้น คุณสามารถใช้ปลั๊กอิน Photoshop เพื่อ เพิ่มความเร็วในการทำงานซ้ำหรือน่าเบื่อ เช่น:
- สร้างเงายาว
- ส่งออกเลเยอร์ Photoshop
- แปลง PSD เป็น CSS3
- แปลงข้อความ Photoshop เป็น SVG
- สร้างรายละเอียดการออกแบบใน Photoshop
- แปลงการออกแบบ skeuomorphic เป็นการออกแบบแบน
มีส่วนขยาย Photoshop อื่น ๆ อีกมากมายและในรายการนี้มี 12 ส่วนเสริมที่ช่วยคุณได้ จัดการเลเยอร์สีคู่มือของคุณ และอื่น ๆ, เพื่อบรรเทาภาระงานของคุณ และช่วยให้คุณจดจ่อกับสิ่งที่คุณต้องการมากขึ้น หากคุณรู้จักปลั๊กอินหรือส่วนขยาย Photoshop เพิ่มเติมโปรดแจ้งให้เราทราบในความคิดเห็น.
1. Hexy
Hexy ให้วิธีที่รวดเร็วกว่าแก่คุณ รับรหัสสี Hex และ RGB. ด้วยปลั๊กอินนี้คุณสามารถใช้เครื่องมือ eyedropper และคลิกที่สีของภาพที่คุณต้องการหยิบขึ้นมาและ Hexy จะคัดลอกสีไปยังคลิปบอร์ดโดยอัตโนมัติ ด้วยวิธีนี้คุณสามารถวางเพื่อใช้ใน CSS ได้ทันที มันเป็นเครื่องมือที่มีประโยชน์สำหรับการเลือกสี.
เข้ากันได้: Photoshop CC 2014
2. ขนาดเครื่องหมาย
SizeMark ช่วยให้คุณ เพิ่มเลเบลที่มีขนาดวัตถุหรือระยะห่างระหว่างแต่ละวัตถุโดยใช้เครื่องมือ Marquee. SizeMark บันทึกแต่ละป้ายกำกับที่สร้างในเลเยอร์ใหม่เพื่อให้คุณสามารถปรับแต่งได้ตามที่คุณต้องการเช่น เปลี่ยนสีหรือปรับตำแหน่ง มันจำเป็นสำหรับเมื่อคุณต้องการแปล PSD เป็นเว็บไซต์ที่ใช้งานได้.
เข้ากันได้: Photoshop CC 2014
3. Pictura
คุณต้องการที่จะแทรกภาพในการออกแบบของคุณ? คุณควรติดตั้ง Pictura ภาพวาด ช่วยให้คุณค้นหาและเพิ่มรูปภาพใน Photoshop ของคุณได้อย่างสะดวกโดยไม่ต้องออกจากพื้นที่ทำงาน. เมื่อติดตั้งแล้ว Pictura จะเพิ่มแผงใหม่ที่คุณสามารถค้นหาภาพใด ๆ ในใบอนุญาตที่คุณต้องการจากนั้นใส่ลงในการออกแบบของคุณทันที.
เข้ากันได้: Photoshop CC 2014
4. เตาอบ
Oven เป็นปลั๊กอินที่ดีที่ช่วยให้คุณจัดการสินทรัพย์ของคุณได้ดีขึ้น ตัวสร้างของ Photoshop ช่วยให้เราสามารถส่งออกภาพแบบเรียลไทม์ แต่คุณจะต้องเปลี่ยนชื่อเลเยอร์ทั้งหมดเพื่อสร้างภาพอย่างถูกต้องและใช้ชื่อที่เหมาะสม. เตาอบ ขจัดความยุ่งยากนั้น.
เข้ากันได้: Photoshop CC และ CC 2014
5. หมึก
การแปลง PSD ไปยังเว็บไซต์ที่ใช้งานได้นั้นเป็นกระบวนการที่ยุ่งยากเสมอ มีรายละเอียดมากมายในการตรวจสอบเช่นสไตล์เลเยอร์ขนาดแบบอักษรตระกูลฟอนต์ที่ใช้ขนาดองค์ประกอบและตำแหน่งกับองค์ประกอบอื่น ๆ หมึกจะช่วยคุณ สร้างข้อมูลเหล่านี้ อย่างง่ายดาย.
6. LayerCraft
LayerCraft เป็นปลั๊กอิน Photoshop ที่ช่วยให้คุณ เลเยอร์การส่งออกเป็นหลายสเกล. คุณสามารถส่งออกภาพเป็น @ 1x, @ 2x และแม้กระทั่ง @ 3x (ซึ่งจำเป็นสำหรับอุปกรณ์ iOS ที่มีหน้าจอ Retina) หรือ mdpi และ XHDPI สำหรับ Android หากงานประจำวันของคุณคือ สร้าง UI สำหรับอินเทอร์เฟซมือถือ, นี่คือเครื่องมือที่ช่วยคุณประหยัดเวลาได้มาก.
เข้ากันได้: Photoshop CC และ CC 2014
7. นักแต่งเพลง
นักแต่งเพลงปรับปรุงคุณสมบัติ Photoshop Layer Comps แทนที่จะมีไฟล์หลายไฟล์แยกกันเพื่อจัดเก็บการปรับปรุงแก้ไขการออกแบบ Layer Comps ช่วยให้คุณจัดเก็บและจัดการไฟล์ทั้งหมดในไฟล์เดียว Layer Comps ทำหน้าที่คล้ายกับ Smart Object แต่ละคนอาจมีคุณสมบัติสองสามรูปแบบเช่นเลเยอร์และโหมดการผสม นักแต่งเพลงในกรณีนี้ให้ วิธีที่ง่ายที่สุดในการอัปเดตสไตล์เหล่านี้ เพียงคลิกเดียว.
เข้ากันได้: Photoshop CS5, CS6 และ CC
8. Velositey
Velocity เป็นส่วนเสริมที่สามารถ ช่วยคุณสร้างต้นแบบการออกแบบเว็บ อย่างรวดเร็ว. Velocitey มาพร้อมกับแม่แบบที่ตั้งค่าไว้จำนวนหนึ่งรวมถึงกริด นอกจากนี้ยังมาพร้อมกับตัวยึดตำแหน่งเค้าโครงทั่วไปสำหรับส่วนหัวของเว็บไซต์เนื้อหาและส่วนท้าย คุณสามารถเพิ่มส่วนประกอบทั้งหมดเหล่านี้ได้ด้วยคลิกเดียว แท้จริงแล้วมันคือการประหยัดเวลา (และฟรี).
เข้ากันได้: Photoshop CS6, CC, CC 2014
9. ตัวทำซ้ำ
ตัวทำซ้ำให้วิธีที่เร็วที่สุดในการ เลเยอร์หรือกลุ่ม Photoshop ซ้ำกัน. คุณสามารถระบุจำนวนสำเนาที่คุณต้องการจากนั้นตั้งค่าระยะห่างแนวตั้งและแนวนอนของเลเยอร์ที่ทำซ้ำ.
เข้ากันได้: Photoshop CC และ CC 2014
10. QuickGuide
QuickGuide ช่วยคุณได้ วาดแนวทางใน Photoshop. ปลั๊กอินนี้มี 12 สถานีล่วงหน้าสำหรับการเพิ่มคำแนะนำในด้านเดียวสองด้านติดกันหรือทุกด้านของแต่ละวัตถุ คุณสมบัติอื่น ๆ ที่มีรวมถึงคู่มือการสลับสลับและการมองเห็นการลบคู่มือทั้งหมดหรือรายการที่เลือกและคำแนะนำการคัดลอกวาง.
เข้ากันได้: Photoshop CC 2014
11. เครื่องกำเนิด Lorem Ipsum
เครื่องกำเนิด Lorem Ipsum จะ สร้างคำหรือวลีแบบสุ่ม. แทนที่จะต้องคัดลอกจากที่อื่นคุณสามารถสร้าง Lorem Ipsum ได้จากพื้นที่ทำงาน Photoshop ของคุณ มีตัวเลือกสองสามตัวเลือกในการปรับแต่งเอาต์พุต ปลั๊กอินนี้ยังมีให้สำหรับ Illustrator, InDesign และ Dreamweaver.
เข้ากันได้: Photoshop CS5, CS6 และ CC
12. Lorem Picsum
Lorem Picsum สร้างภาพสุ่มมากกว่าข้อความ. รูปภาพที่ให้มานั้นมาจากภาพยนตร์และรายการทีวียอดนิยมเช่น ทุรา, ริโอ, ซิมป์สัน, หา Nemo, และ UP.
เข้ากันได้: Photoshop CS6 และ CC
