สิ่งที่คุณต้องรู้เกี่ยวกับการทำงานกับรูปแบบ - สร้างและนำไปใช้

บทช่วยสอนนี้เขียนโดย มาร์ติน บรีวเวอร์ โดยเฉพาะอย่างยิ่งสำหรับ Lorelei Web

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

ฉันจะแสดงวิธีสร้างลายยอดนิยมและลายป้องกันการฉีกขาดให้คุณดู ฉันจะแสดงตัวอย่างรูปแบบอื่นๆ ให้คุณดูด้วย

เส้นสแกนแนวทแยง
เราจะเริ่มต้นด้วยรูปแบบที่นิยมมาก เส้นสแกนแนวทแยง

เปิดเอกสารใหม่ใน Photoshop และทำให้เป็น 3 x 3 พิกเซล

สร้างเลเยอร์ใหม่และลบ "พื้นหลัง" เลเยอร์เพื่อให้ภาพมีความโปร่งใส

ขยายได้ถึง 1600% โดยกด CTRL + สองสามครั้ง

คว้า เครื่องมือดินสอ และตั้งค่าเป็นขนาด 1px Mode: Normal และ Opacity 100%

ข่าวประชา D เพื่อรีเซ็ตสีของคุณเป็นขาวดำแล้วทาสีเส้นประ 3 เส้นจากมุมขวาบนไปด้านซ้ายล่าง

ตอนนี้ไปที่ แก้ไข>กำหนดรูปแบบ และตั้งชื่อมันว่า scanlines หรืออะไรก็ได้ที่คุณต้องการเรียกมัน

นั่นเป็นเรื่องง่ายใช่มั้ย?

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

หรือไปที่ตัวเลือกการผสมและใช้การซ้อนทับลวดลาย

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

ตรวจสอบผลลัพธ์

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

Scanlines แนวนอน
scanlines แนวนอนบ้างล่ะ? (มีประโยชน์เมื่อคุณกำลังสร้างบางอย่าง เช่น ทีวีหรือหน้าจอพีซี ฯลฯ)

เปิดเอกสารใหม่ใน Photoshop และทำให้เป็น 1 กว้าง 2 สูง XNUMX พิกเซล

ตอนนี้สร้างเลเยอร์ใหม่และลบเลเยอร์ "พื้นหลัง" เพื่อให้ภาพโปร่งใส

ขยายจนถึง 1600% โดยกด CTRL + สองสามครั้ง

ตอนนี้คว้าเครื่องมือดินสอแล้วตั้งค่าเป็นขนาด 1px โหมด: ปกติและความทึบ 100% การตั้งค่าเช่นเดียวกับเมื่อก่อน

กด D เพื่อรีเซ็ตสีของคุณเป็นขาวดำ และทาสีพิกเซลด้านบนเป็นสีดำ

ตอนนี้ไปที่ แก้ไข>กำหนดรูปแบบ และตั้งชื่อเป็นแนวนอนสแกนเส้น

ผลลัพธ์.

จุดเล็กๆ
โอเค ตอนนี้เรากำลังสร้างจุดเล็กๆ
เราใช้วิธีการเดียวกับที่เราใช้กับสแกนไลน์

เปิดเอกสารใหม่ใน Photoshop และทำให้เป็น 3 กว้าง 3 สูง XNUMX พิกเซล

ตอนนี้สร้างเลเยอร์ใหม่และลบเลเยอร์ "พื้นหลัง" เพื่อให้ภาพโปร่งใส

ขยายจนถึง 1600% โดยกด CTRL + สองสามครั้ง

ตอนนี้คว้าเครื่องมือดินสอแล้วตั้งค่าเป็นขนาด 1px โหมด: ปกติและความทึบ 100%

กด D เพื่อรีเซ็ตสีของคุณเป็นขาวดำ แล้ววาดจุดตรงกลางผืนผ้าใบ

ตอนนี้ไปที่แก้ไข>กำหนดรูปแบบแล้วตั้งชื่อเป็นจุดเล็ก ๆ

ผลลัพธ์.

ข้าม
มาทำลวดลายคอร์สกันเถอะ สร้างเอกสารขนาด 5 x 5 พิกเซลแล้วใช้วิธีการด้านบน

แต่ตอนนี้คุณวาดไม้กางเขน

ไปที่แก้ไข>กำหนดรูปแบบแล้วตั้งชื่อให้เป็นรูปกากบาท1 หรืออะไรก็ได้

ผล

ANTI RIP/รูปแบบการป้องกันลิขสิทธิ์
สุดท้ายแต่ไม่ท้ายสุด ฉันจะสอนให้คุณสร้างรูปแบบป้องกันการฉีกขาด

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

สร้างเลเยอร์ใหม่และลบเลเยอร์ "พื้นหลัง" เพื่อทำให้ภาพโปร่งใส

ตอนนี้คว้าเครื่องมือข้อความแล้วใช้แบบอักษรที่อ่านได้ Ariel, Tahoma, Verdana, Times ฯลฯ

ฉันใช้การตั้งค่าเหล่านี้:
เวอร์ดานา | ตัวหนา | 12 คะแนน | อ๋า: ไม่มี

ขนาดควรอยู่ที่ประมาณ 12px อย่าทำให้ใหญ่เกินไป ไม่เช่นนั้นจะใช้เป็นลวดลายได้ไม่ดี

ตอนนี้พิมพ์บางอย่างเช่น: “สร้างโดยชื่อของคุณ” หรือ “(c) ชื่อของคุณ” ฉันพิมพ์ (c) แล้วตามด้วยชื่อของฉัน

คลิกขวาที่เลเยอร์ข้อความแล้วเลือกประเภทแรสเตอร์หรือไปที่ Select > rastarize > type

ตอนนี้กด CTRL T (แปลงฟรี) แล้วหมุนชื่อประมาณ -30 องศา

กด Enter เพื่อยืนยันการหมุน ซูมเข้าเล็กน้อยแล้วเลือกเครื่องมือครอบตัด

วางเมาส์ไว้ที่ส่วนล่างของข้อความ จากนั้นคลิกและลากไปที่ด้านบนของข้อความ ตรวจสอบให้แน่ใจว่าคุณเลือกข้อความทั้งหมดและเว้นช่องว่างที่ด้านบนและด้านล่าง

ตอนนี้กด Enter
ตอนนี้คุณควรจะมีสิ่งนี้

ไปที่แก้ไข>กำหนดรูปแบบแล้วเรียกมันว่าลิขสิทธิ์

เปิดการออกแบบเว็บไซต์ล่าสุดที่คุณต้องการปกป้องจาก Ripper และสร้างเลเยอร์ใหม่

เลือกเครื่องมือ Paint Bucket และเลือกรูปแบบลิขสิทธิ์ ลดความทึบลงเพื่อให้ผู้ที่ต้องการดูภาพจะมองเห็นได้
แต่ยากกว่าสำหรับผู้ที่ต้องการฉีก

ฉันใช้สิ่งนี้กับเทมเพลตที่ฉันกำลังดำเนินการอยู่ ความทึบประมาณ 20%

รวมกันและหมดอายุ
ตอนนี้คุณรู้วิธีสร้างแพทเทิร์นแล้ว ก็ถึงเวลารวมและหมดอายุไปกับมัน

ตรวจสอบรูปแบบที่แตกต่างกันเหล่านี้ ความเป็นไปได้ไม่มีที่สิ้นสุด ตั้งแต่ข้อความ รูปร่าง (ดอกไม้ ฯลฯ) และเส้น ทั้งหมดนี้สามารถนำมาใช้สร้างลวดลายได้

ขอบคุณสำหรับการดูบทช่วยสอนนี้ ฉันหวังว่าคุณจะได้เรียนรู้บางอย่าง