Lifehack เกี่ยวกับวิธีสร้างเส้นประใน Photoshop- ผู้ใช้พีซีทุก ๆ วินาทีจะคุ้นเคยกับ Photoshop สำหรับผู้ใช้หลายคน นี่เป็นโปรแกรมสำหรับแก้ไขการ์ดรูปภาพโดยเฉพาะ แต่ได้รับความช่วยเหลือ โฟโต้ชอปสามารถพรรณนาองค์ประกอบการวาดภาพได้

หากจำเป็นต้องสร้างเส้นประ คุณควรใช้แปรงซึ่งเป็นผู้ช่วยรีทัชที่ดีและซื่อสัตย์ การดำเนินการแรกคือการสร้างองค์ประกอบเดียว - เส้นประ ควรจะเปิด เอกสารใหม่ขนาดใดก็ได้และเติมด้วยสีขาว นี่เป็นขั้นตอนที่จำเป็นเพื่อให้ได้ผลลัพธ์ตามที่ต้องการ จากนั้นเลือกเครื่องมือ " สี่เหลี่ยมผืนผ้า“และตั้งค่าพารามิเตอร์ตามคำแนะนำในภาพด้านล่าง:

สามารถปรับขนาดเส้นประได้ตามที่คุณต้องการ จากนั้น โดยการคลิกที่แผ่นสีขาว กล่องโต้ตอบจะเปิดขึ้นโดยที่การดำเนินการได้รับการยืนยัน รูปสี่เหลี่ยมผืนผ้าที่สร้างขึ้นจะปรากฏบนหน้าจอ อย่าตกใจถ้าขนาดมันเล็กเกินไปเมื่อเทียบกับแผ่นงาน มันไม่สำคัญ จากนั้นในเมนู " การแก้ไข» - « กำหนดแปรง“คุณต้องป้อนชื่อและยืนยันการดำเนินการโดยคลิก ตกลง.

จึงได้มีการสร้างเครื่องมือนี้ขึ้น จุดไข่ปลา“และคุณสามารถลองสร้างเส้นประได้
เส้น.

1) เลือก " แปรง" และในบรรดาจานสีเราพบเครื่องมือที่สร้างขึ้น
2) กดปุ่ม F5และกำหนดช่วงเวลาระหว่างเส้นประ (ใช้แถบเลื่อนพิเศษเพื่อปรับระยะห่าง)
3) ตัวช่วยที่ดีเส้นบอกแนว (แนวนอน, แนวตั้ง) จะปรากฏขึ้น

จากนั้นคุณควรวางแปรงไว้ที่จุดเริ่มต้นของคำแนะนำ และใช้ปุ่ม กะโดยไม่ต้องปล่อยเมาส์ ให้ดำเนินการต่อตามเส้นประ คุณสามารถซ่อนหรือแสดงความตั้งฉากได้โดยการกดชุดค่าผสม CTRL+H. หากคุณไม่สงสัยในทักษะของคุณ คุณสามารถวาดไกด์ได้โดยไม่ต้องใช้ กะ. ในการสร้างแกนแนวตั้ง คุณควรดำเนินการหลายอย่าง: กดปุ่ม F5และเห็นภาพดังภาพ

การสร้างกรอบจากจุด ขีดกลาง เส้นประ ใน Photoshop

ในเนื้อหานี้ ดังที่ชื่อแนะนำ เราจะดูวิธีวาดกรอบจุด เส้นประ และเส้นประ ตัดสินใจทันที: เราจะวาดเฟรมทั้งหมดบนเลเยอร์ใหม่! เมื่อมองไปข้างหน้า ฉันจะบอกว่าวิธีที่อธิบายไว้ด้านล่างนี้ใช้ได้กับ Photoshop CS5 เวอร์ชันและต่ำกว่า

การสร้างเฟรมจากจุด

เฟรมดังกล่าวสร้างขึ้นโดยใช้แปรงกลมธรรมดาจากชุด Photoshop มาตรฐาน เฟรมอาจเป็นทรงกลมหรือวงรี ทรงสี่เหลี่ยมเช่นเดียวกับรูปทรงที่ไม่สม่ำเสมอเพราะว่า มีอธิบายไว้ตามแนวเส้นโครงร่าง เรามาตั้งค่าแปรงกันก่อนเลย หากใครจำไม่ได้ หากต้องการเปิดแผงการตั้งค่าแปรง คุณต้องเลือกเครื่องมือแปรง จากนั้นคลิกที่ปุ่มที่เกี่ยวข้องในแผงการตั้งค่า ในภาพด้านบน การตั้งค่าต่อไปนี้ถูกนำไปใช้กับวงกลมด้านในและสี่เหลี่ยมด้านใน (คลิกที่ภาพเพื่อขยาย):

ตอนนี้เรามาสร้างเส้นขอบ รูปร่างที่ควรจะเป็นกรอบ ซึ่งสามารถทำได้โดยใช้เครื่องมือรูปร่าง เครื่องมือปากกา เครื่องมือสี่เหลี่ยมผืนผ้า ฯลฯ วงจรสามารถปิดหรือเปิดได้ จากนั้นคลิกขวาที่โครงร่าง สำคัญ: เครื่องมือรูปร่างต้องเปิดใช้งานอยู่ในขณะนี้! ในหน้าต่างที่ปรากฏขึ้น ให้เลือกบรรทัด "เส้นทางเส้นขีด" หน้าต่างใหม่จะเปิดขึ้นโดยที่เราจะถูกขอให้เลือกเครื่องมือจังหวะ ในกรณีนี้แปรงหรือดินสอ (ดินสอ) จะเหมาะกับเรา ฉันขอเตือนคุณว่าแปรงหรือดินสอของคุณควรตั้งค่าไว้แล้ว หลังจากเลือกเครื่องมือแล้ว คลิกตกลง จากนั้นจุดต่างๆ จะปรากฏบนเส้นขอบ จุดที่ทำด้วยแปรงจะค่อนข้างพร่ามัว ดังนั้นหลังจากใช้จุดต่างๆ การใช้ฟิลเตอร์ Sharpen Edges และเลือกการตั้งค่าทีละรายการจะไม่เสียหาย นี่คือตัวอย่างภาพหน้าจอที่ได้รับจากการดำเนินการข้างต้น:

ใช้การตั้งค่าแปรงต่อไปนี้: ข้อความ: ประเภท - ดินสอ, ขนาด (ขนาด) 3 px, ความแข็ง (ความแข็ง) 100%, ระยะห่าง (ระยะห่าง) 180% ขีดเส้นใต้: ประเภท - แปรง, จุด (ขนาด) 3 px, ความแข็ง (ความแข็ง) 100% , ระยะห่าง 205% เฟรม: ประเภท - ดินสอ, ขนาด 6 px, ความแข็ง 100%, ระยะห่าง 180%

การสร้างเฟรมจากเส้นประ

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

ด้วยแปรงนี้คุณสามารถทำได้ เส้นแนวนอน. แต่มันจะไม่ทำงานในแนวตั้ง หรือค่อนข้างจะได้ผล แต่จะไม่สวย:

หากต้องการสร้างเส้นแบ่งแนวตั้ง คุณต้องหมุนเครื่องหมายแปรง 90 หรือ 270 องศา:

ตอนนี้คุณสามารถวาดเส้นประแนวตั้งได้อย่างปลอดภัย:

แต่ถ้าฉันต้องการเส้นประเป็นวงกลมหรือตามเส้นโค้งใดๆ วิธีนี้ก็ไม่เหมาะสมอีกต่อไป เลือกแปรงกลม ตั้งค่าเส้นผ่านศูนย์กลางการพิมพ์เป็น 9 พิกเซล และระยะห่างเป็น 170% เราสร้างโครงร่างและติดตามโครงร่าง เช่นเดียวกับในกรณีของจุด จากนั้น คลิกขวาที่โครงร่างแล้วเลือก "ทำการเลือก" โดยมีรัศมีขนนกเท่ากับ 0 นี่คือภาพหน้าจอ:

Adobe Photoshop มีความสามารถที่หลากหลาย ซึ่งคุณสามารถแก้ไขปัญหาที่นำไปใช้ได้ รวมถึงทำงานอย่างสมบูรณ์ในสภาพแวดล้อมหนึ่งโดยไม่ต้องเปลี่ยนไปใช้สภาพแวดล้อมอื่น โปรแกรมนี้มีไว้สำหรับ กราฟิกแรสเตอร์แต่การทำงานกับเวกเตอร์ก็เป็นไปได้เช่นกัน คำถามที่น่าสนใจคำถามหนึ่งคือการสร้างเส้นประใน Photoshop SS งานไม่ยากเลยเพียงทำตามขั้นตอนที่อธิบายไว้ด้านล่าง ในทางปฏิบัติ มักจะเป็นไปได้ที่จะใช้วิธีการก่อสร้างมากกว่าหนึ่งวิธี แต่หลายวิธี

วิธีการก่อสร้าง

ไม่ใช่ทุกวิธีที่จะเหมาะสมกับสถานการณ์เฉพาะเจาะจง แต่ในทางกลับกัน มีแนวทางสากลที่สามารถสร้างเส้นประของความซับซ้อนทางเรขาคณิตใดๆ ได้ สำหรับทุกวิธีคุณต้องผ่านขั้นตอนกลาง - ตั้งค่าแปรง ในการตั้งค่าเหล่านี้ มีพารามิเตอร์บางตัวที่สามารถเปลี่ยนระยะห่างและเปลี่ยนความหนาของเส้นประได้

การตั้งค่าแปรง

ผู้ใช้สภาพแวดล้อมแบบกราฟิกนี้ทุกคนได้ใช้เครื่องมือแปรงอย่างน้อยหนึ่งครั้ง แต่ไม่ใช่ทุกคนที่กำหนดค่าไว้สำหรับสถานการณ์ต่างๆ ที่จำเป็นต้องมีการตั้งค่าที่แตกต่างกัน

ดังนั้นก่อนที่จะสร้างเส้นประ คุณต้องเลือกเครื่องมือ "แปรง" และเรียกเมนูบริบทการตั้งค่า ที่นี่คุณควรตั้งค่าความแข็งแกร่งและความหนาของเส้นที่ต้องการ หลังจากขั้นตอนนี้ ให้ไปที่แผงแปรงซึ่งมีตัวเลือกช่วงเวลาอยู่ แถบเลื่อนช่วงเวลาสามารถเลื่อนไปยังค่าที่ต้องการได้ ทางออกที่ดีที่สุดถือว่า 150%.

เครื่องมือปากกา

หลังจากการเปลี่ยนแปลงทั้งหมดด้วยแปรง คุณสามารถดำเนินการวาดเส้นประได้โดยตรง เราจะสร้างวัตถุของเราโดยใช้เครื่องมือปากกาซึ่งอยู่บนแผงหลัก เข้าถึงได้อย่างรวดเร็ว. ผู้ใช้สามารถรับเส้นประโดยใช้โครงร่างที่แปลงแล้ว

1. เปิดใช้งาน "Feather" และใส่อันแรก - จุดเริ่มต้นของบรรทัด
2. เราวางจุดที่สองในตำแหน่งที่ต้องการซึ่งวัตถุเรขาคณิตจะสิ้นสุด
3. ขั้นตอนต่อไปคือการสร้างเลเยอร์ใหม่ ซึ่งสามารถเพิ่มได้โดยใช้ปุ่มลัดหรือในแผงควบคุมเลเยอร์
4. ตอนนี้คุณควรคลิกขวาที่รูปร่างผลลัพธ์และในหน้าต่างที่ปรากฏขึ้นให้เลือกรายการ "Stroke the Contour"
5. หน้าต่างอื่นจะปรากฏขึ้นเพื่อแสดงวิธีการลากเส้น ค่าเริ่มต้นคือ "แปรง" - ยืนยัน

โปรแกรมเวอร์ชันใดก็ได้ เช่น Photoshop CS6 รองรับเส้นประ หลังจากทำตามขั้นตอนทั้งหมดข้างต้นแล้ว เราจะได้เส้นตรง แต่นอกเหนือจากนั้น คุณสามารถสร้างเส้นโค้งด้วยเส้นประได้

การดำเนินการวาดเส้นโค้งก็ไม่ต่างจากการวาดเส้นตรง ขั้นตอนเดียวที่จะเปลี่ยนแปลงคือการสร้างและการอัดจุดยึด ด้านล่างนี้เป็นส่วนเพิ่มเติมบางส่วน:

1. สร้างจุดยึดโดยใช้เครื่องมือปากกาเดียวกัน
2. ค้นหาสถานที่ที่เหมาะสมบนผืนผ้าใบแล้วกดมัน ปุ่มซ้ายเมาส์ - เราพยายามแปลงรัศมีความโค้งเป็นค่าที่ต้องการ
3. คุณสามารถสร้างเส้นโค้งต่อไปได้โดยใช้ส่วนโค้งใหม่ ซึ่งทำในลักษณะเดียวกับในขั้นตอนที่ 2

ขั้นตอนต่อมายังคงไม่เปลี่ยนแปลง - ภาพรวมของการดำเนินการไม่เปลี่ยนแปลง และทุกอย่างเสร็จสิ้นเหมือนกับในกรณีของเส้นประตรงใน Photoshop

เครื่องมืออื่นๆ

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

1. เราเลือกเครื่องมือที่จำเป็นและสร้างวัตถุขึ้นมาใหม่ โน๊ตสำคัญ- รูปร่างที่สร้างขึ้นจะมีเลเยอร์ของตัวเองโดยอัตโนมัติ ซึ่งสามารถแรสเตอร์ได้ในภายหลัง
2. เราจัดการการตั้งค่าและตั้งค่าที่เหมาะสมที่สุดที่ผู้ใช้ต้องการ

คลิกขวาที่วัตถุแล้วเลือก "Stroke Outline" กล่องโต้ตอบปกติจะปรากฏขึ้นในตำแหน่งที่คุณต้องเลือกตัวเลือก "แปรง"

ตอนนี้ตัวเลขจะปรากฏบนหน้าจอโดยมีเส้นประตามแนวเส้นประ คุณสามารถแก้ไขออบเจ็กต์ใหม่ต่อไปได้ตามดุลยพินิจของคุณ

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

วิธีวาดเส้นประใน Photoshop... อาจมีหลายคำตอบสำหรับคำถามนี้ ทุกอย่างขึ้นอยู่กับจุดประสงค์ของมัน สมมติว่าคุณต้องการเล่นลิงก์โดยขีดเส้นใต้ข้อความ วิธีที่ง่ายที่สุดคือเครื่องมือข้อความ ใช่มันค่อนข้างซ้ำซาก แต่ก็ยังได้ผล เราเพียงแค่ "เขียน" สัญลักษณ์ "_" เพื่อที่จะพูด คุณสามารถใส่ช่องว่างหนึ่งช่อง หรือหลายอย่าง ขึ้นอยู่กับดุลยพินิจของคุณ

เส้นสามารถแรสเตอร์ได้ ในหน้าต่างเลเยอร์ ให้ค้นหาเลเยอร์ที่มีเส้น คลิกขวาบนเลเยอร์นั้นแล้วเลือกคำสั่ง "rasterize text"

และตอนนี้วิธีที่สอง มาลองสร้างเส้นประใน Photoshop โดยใช้แปรงกัน เมื่อต้องการทำเช่นนี้ ให้สร้างเอกสารใหม่ ขนาดเล็ก. ปล่อยให้มันเป็นเช่น 7 คูณ 3 พิกเซล และเติมสีสันลงไป และมาดำเนินการสร้างแปรงโดยตรง ในแท็บแก้ไข เราจะพบการดำเนินการ "กำหนดแปรง"

มาตั้งชื่อแปรงกันเถอะ

ตอนนี้เลือก "แปรง" บนแถบเครื่องมือด้านข้างแล้วไปที่การตั้งค่า

จากรายการแปรง ให้เลือกแปรงที่เราสร้างขึ้นและตั้งค่า "ช่วงเวลา" เป็น 300%

ทั้งหมด! มาดูกันว่าเกิดอะไรขึ้น

ลองสำรวจวิธีที่สาม ที่นี่เราจะต้องใช้แปรงอีกครั้ง เลือกแปรงกลมแข็งขนาด 4 px และอีกครั้งเราตั้งค่าช่วงเวลาเป็น 300%

ตอนนี้เรามาดูเครื่องมือปากกากันดีกว่า คุณจะพบมันในแถบด้านข้าง เราต้องลากเส้นระหว่างจุดสองจุด

สร้างเลเยอร์ใหม่ กลับไปที่เครื่องมือปากกาแล้วคลิกขวาที่มัน เราสนใจคำสั่ง "สโตรกโครงร่าง" นี่คือสิ่งที่เราได้.

ตอนนี้เลือกเครื่องมือปากกาอีกครั้งและลบโครงร่างโดยคลิกขวาและเลือกคำสั่งที่เหมาะสม

อย่างที่คุณเห็น การสร้างเส้นประใน Photoshop นั้นค่อนข้างง่าย