วิธีสร้าง TRON Minimal Design - Tutorial Photoshop

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

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

คุณจะได้เรียนรู้วิธีการ:

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

ความยาก: ระดับเริ่มต้น - ระดับกลาง. เวลาที่แล้วเสร็จ: 1 ชั่วโมง. เครื่องมือ Photoshop CS3, Illustrator CS3 เป็นตัวเลือก.

แหล่งข้อมูล:

• แบบที่ 1 โดย Marcus J. Ranum
• แบบที่ 2 โดย Marcus J. Ranum
• เทค Vector Pack 3 โดย designious.com
• แบบอักษร V5 Prophit โดย dafont.com

บันทึก: หากต้องการติดตั้งฟอนต์ให้แตกไฟล์. zip บนเดสก์ท็อปที่มีฟอนต์แล้วคัดลอก ไปที่ไดเรกทอรี C: \ WINDOWS \ Fonts \ แล้ววางลงใน.

เหตุใดฉันจึงไม่สามารถแยกพวกเขาโดยตรงไปยังโฟลเดอร์แบบอักษร?

ระบบปฏิบัติการของคุณจะไม่อนุญาตให้ผู้จัดเก็บของคุณแก้ไขหรือเพิ่มไฟล์ใด ๆ ในไดเรกทอรี C: \ WINDOWS \ ดังนั้นคุณต้องทำด้วยตนเอง หากคุณเปิด Photoshop ให้รีสตาร์ทมิฉะนั้นคุณจะไม่เห็นแบบอักษรที่เพิ่งติดตั้งใหม่.

หลังจากที่ฉันเลือกทรัพยากรของฉันฉันเริ่มร่างบางบรรทัดตามแบบจำลอง ด้านล่างเป็นแผนผังของแหล่งที่มาของแรงบันดาลใจสำหรับเส้นที่เร่าร้อนบนร่างกาย: ท่าทาง, กล้ามเนื้อ, เครื่องแต่งกาย, รูปร่าง, การกระจายน้ำหนักและกระดูก.

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

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

เอาล่ะ!

ขั้นตอนที่ 1

ไปที่ไฟล์> ใหม่แล้วตั้งค่าเป็น 1920x1080px ในโหมดสี RGB ที่ 72 dpi.

ขั้นตอนที่ 2

เปิด Veteran_of_the_Psychic_Wars_11_by_mjranum_stock.jpg. ในจานเลเยอร์ F7 ดับเบิลคลิกล็อคใกล้กับนิ้วหัวแม่มือเลเยอร์ นี่คือภาคบังคับถ้าเราต้องการแก้ไขภาพผ่านช่องทาง ตอนนี้คุณควรมี "เลเยอร์ 0".

ขั้นตอนที่ 3

ไปที่ Layer> Duplicate Layer, CTRL + J ตอนนี้ไปที่ตัวกรอง> อื่น ๆ > ผ่านสูง ใช้การตั้งค่า 5px แล้วกด OK ในจานเลเยอร์ F7 ตั้งค่าโหมดการผสมเป็นโอเวอร์เลย์.

สิ่งนี้จะทำให้ภาพชัดเจนยิ่งขึ้นและจะช่วยให้คุณเลือกทรงผมที่แม่นยำยิ่งขึ้น.

ขั้นตอนที่ 4

ไปที่เลเยอร์> ผสานที่มองเห็นได้ CTRL + SHIFT + E จากนั้นไปที่เลเยอร์> ทำซ้ำเลเยอร์ CTRL + J ตั้งค่าโหมดการผสมของเลเยอร์ที่คัดลอกไปที่หน้าจอจากนั้นทำซ้ำอีกสองครั้ง ตอนนี้เรามีความแตกต่างที่ดีระหว่างโมเดลและพื้นหลัง.

ขั้นตอนที่ 5

ไปที่หน้าต่างช่องสถานี> ช่องและเลือกช่อง "สีเขียว" คลิกขวาและเลือก "ช่องซ้ำ".

ช่อง "สีเขียว" ให้ความคมชัดสูงสุดของทุกช่อง เราทำซ้ำเพราะเราต้องการช่องจำลองเพื่อปรับปรุงความคมชัด.

ขั้นตอนที่ 6

ไปที่รูปภาพ> การปรับ> เส้นโค้ง CTRL + M และกำหนดเส้นโค้งดังที่แสดงด้านล่าง ครึ่งล่างจะทำให้เงามืดลงและครึ่งบนจะทำให้แสงไฮไลท์จางลง ทำสองครั้ง.

ขั้นตอนที่ 7

ไปที่เลเยอร์> การปรับ> ระดับและใช้การตั้งค่าด้านล่าง.

ขั้นตอนที่ 8

หยิบ Brush Tool, B, ตั้งค่าความแข็งเป็น 100% และคลุมด้วยจุดสีขาวภายในเส้นผม, ใบหน้าและส่วนอื่น ๆ ของร่างกาย.

เราไม่ต้องการรายละเอียดใด ๆ ในช่องเพียงโครงร่างของโมเดล.

ขั้นตอนที่ 9

หยิบ Dodge Tool, O, ตั้งค่าไว้บนไฮไลต์และปรับแสงสีเทาพิเศษใด ๆ ในภาพ.

ขั้นตอนที่ 10

CTRL + คลิกนิ้วหัวแม่มือช่อง "คัดลอกสีเขียว" ไปที่จานเลเยอร์, ​​F7, ไปที่เลือก> ผกผัน, CTRL + SHIFT + ฉันเลือกเลเยอร์ล่างสุดแล้วคัดลอก CTRL + C.

CTRL + การคลิกรูปขนาดย่อไม่ว่าจะเป็นช่องหรือเลเยอร์จะโหลดส่วนที่เลือกของชั้น / ช่องที่ถูกคลิก.

ขั้นตอนที่ 11

ไปที่ Window> Untitled-1.psd เอกสารของเราแล้ววางมัน CTRL + V ไปที่ Edit> Free Transform, CTRL + T และปรับขนาดเพื่อให้พอดีกับผืนผ้าใบเช่นด้านล่าง กดแป้น SHIFT ค้างไว้เพื่อรักษาสัดส่วน กด Enter เพื่อออกจากโหมดการแปลงฟรี หากต้องการล้างม้วนเสื้อผ้าให้ใช้เครื่องมือ Clone Stamp, S: ใช้ ALT + คลิกเพื่อเลือกแหล่งที่มาจากนั้นคลิกที่ขด.

ทำเช่นเดียวกันกับดาบในภาพ "model 2" แต่ใช้ Path Tool, P เพื่อตัดมัน.

ขั้นตอนที่ 12

เปิดไฟล์. eps "Tech Vector Pack 3" เมื่อได้รับแจ้งให้ป้อนขนาดไฟล์ให้พิมพ์ความกว้างประมาณ 3000px กดตกลง.

สำหรับ Illustrator คุณเพียงเปิดในรูปแบบเวกเตอร์ Photoshop สามารถเปิด. eps Illustrator 8 ไฟล์ได้ แต่ในรูปแบบแรสเตอร์ อย่างไรก็ตามคุณสามารถเปิดในขนาดใดก็ได้ที่คุณต้องการ - ไฟล์. eps เป็น vector!

ขั้นตอนที่ 13

หยิบเครื่องมือรูปสี่เหลี่ยมสี่เหลี่ยมจัตุรัส, M, เลือกรูปทรงกลมคลิกลากเพื่อสร้างรูปสี่เหลี่ยมผืนผ้าที่เลือก, คัดลอก, CTRL + C, กลับไปที่หน้าต่างเอกสารของเรา> Untitled-1.psd และวาง, CTRL + V.

ขั้นตอนที่ 14

กลับไปที่ไฟล์เวกเตอร์แพ็คหน้าต่าง> รูปร่างของเทคโนโลยีที่มีการออกแบบ 4. eps คัดลอกรูปร่างอื่นและวางลงในเอกสารของเราเช่นใน ขั้นตอนที่ 13.

ขั้นตอนที่ 15

หยิบเครื่องมือการเลือก V ทำเครื่องหมายที่ช่อง "การเลือกอัตโนมัติ" แล้วคลิกรูปร่างเทคโนโลยีแรกที่วางและคัดลอก CTRL + J ตอนนี้ไปที่ Edit> Free Transform, CTRL + T กดปุ่ม CTRL ค้างไว้แล้วคลิกลากที่มุมซ้ายบนเช่นด้านล่าง ทำเช่นเดียวกันสำหรับมุมบนขวา กด Enter เพื่อออกจากโหมดการแปลงฟรี.

ขั้นตอนที่ 16

ทำซ้ำรูปร่างแรก (ต้นฉบับ) และวางสำเนาตามที่แสดงด้านล่าง หยิบ Path Tool, P, ตั้งไว้ที่ Shapes และวาดเส้นเรืองแสงแต่ละเส้นบนร่างกายตามรูปร่าง.

ในจานเลเยอร์เลือกรูปร่างเหล่านี้ทั้งหมดแล้วกด CTRL + E เพื่อรวม.

ขั้นตอนที่ 17

หยิบเครื่องมือบรรทัด, U, ตั้งค่าเป็นรูปร่างเลเยอร์และความกว้าง 7 px, ลากเส้นเฉียง, แล้วกดปุ่ม SHIFT ค้างไว้ ตอนนี้เปลี่ยนบรรทัดเป็น "เพิ่มไปยังพื้นที่รูปร่าง (+)" และวาดเส้นแนวนอน กดแป้น SHIFT ค้างไว้เพื่อให้เป็นแนวนอนอย่างสมบูรณ์.

ขั้นตอนที่ 18

หยิบเครื่องมือประเภทแนวนอน, T, คลิกลากเพื่อสร้างกล่องประเภทและป้อนข้อความแบบสุ่ม ตั้งค่าฟอนต์เป็น "V5 Prophit".

ขั้นตอนที่ 19

เลือกเลเยอร์ "Shape 1" แล้วไปที่ Layer> Duplicate Layer, CTRL + J วางหลายชุดเช่นด้านล่าง ทำเช่นเดียวกันสำหรับข้อความ หากต้องการเปลี่ยนประเภทอินพุตให้คลิกสองครั้งที่นิ้วหัวแม่มือเลเยอร์ในจานสีเลเยอร์.

ขั้นตอนที่ 20

ไปที่เลเยอร์> สร้างเลเยอร์ใหม่> สีทึบ เลือกสีน้ำเงินเข้มแล้วกด CTRL + SHIFT + [เพื่อส่งกลับ.

นี่จะเป็นพื้นหลังที่ดีสำหรับภาพของเรา.

ขั้นตอนที่ 21

เลือกรูปร่างที่มีขนาดใหญ่และคลิกที่ปุ่ม "fx" ในจานเลเยอร์ F7 เลือก "ตัวเลือกการผสม" ใช้การตั้งค่าด้านล่าง.

ขั้นตอนที่ 22

ALT + คลิกไอคอน "fx" ที่ปรากฏใกล้กับนิ้วหัวแม่มือเลเยอร์และคลิกแล้วลากไปยังรูปทรงกลมอื่น ๆ คุณสามารถจดจำพวกเขาได้อย่างง่ายดายพวกเขาไม่ได้ชื่อว่า "Shape 'Ã'¦"และไม่มี" T "บนนิ้วหัวแม่มือ.

ขั้นตอนที่ 23

สร้างเลเยอร์ใหม่ด้านบน (เลือกเลเยอร์แล้วกด CTRL + SHIFT + N เพื่อสร้างเลเยอร์ใหม่จากนั้นเลือกทั้งเลเยอร์แล้วกด CTRL + E (รวมเลเยอร์) สำหรับรูปร่างที่เลือกไปที่ตัวกรอง> เบลอ> Gaussian Blur ใช้การตั้งค่าต่างๆตั้งแต่ 2 ถึง 6px ตามที่เห็นสมควร.

หากต้องการเพิ่มมุมมองเพิ่มเติมให้เพิ่มรูปร่างของเทคโนโลยีให้มากขึ้น.

ขั้นตอนที่ 24

หยิบเครื่องมือการเลือก V เลือกรูปร่างขนาดเล็กและลดความทึบของมัน 29% จะทำได้ดีมาก.

ทำเช่นเดียวกันกับรูปร่างที่เบลออื่น ๆ แต่เปลี่ยน Opacity เล็กน้อย.

ขั้นตอนที่ 25

สร้างเลเยอร์ใหม่, CTRL + SHIFT + N, หยิบเครื่องมือ Elliptical Marquee, M, ตั้งค่า Feather เป็น 50 px และทำการเลือกดังนี้.

ขั้นตอนที่ 26

หยิบเครื่องมือถังสี, G, ALT + คลิกหนึ่งในเทคโนโลยีรูปทรงเพื่อเลือกสีและเติมส่วนที่เลือก ในจานเลเยอร์ F7 ตั้งค่าโหมดการผสมของเลเยอร์เป็นโอเวอร์เลย์ ทำเช่นเดียวกันสำหรับด้านล่าง.

ขั้นตอนที่ 27

สร้างเลเยอร์ใหม่, CTRL + SHIFT + N, คว้า Elliptical Marquee Tool, M, ตั้งค่า Feather เป็น 30 px และทำการเลือกดังนี้ หยิบเครื่องมือ Paint Bucket, G แล้วเติมส่วนที่เลือก.

ขั้นตอนที่ 28

ทำซ้ำ ขั้นตอนที่ 28 สำหรับรูปร่างที่อยู่เบื้องหลังโมเดล.

ขั้นตอนที่ 29

หยิบเครื่องมือการเลือก V แล้วคลิกโมเดล ตอนนี้ไปที่ Layer> Layer Adjustment ใหม่> ความสว่าง / ความคมชัดและขาวดำ สำหรับแต่ละใช้การตั้งค่าที่แสดงด้านล่าง สำหรับเลเยอร์ขาวดำตั้งค่าความทึบเป็น 70%.

ฉันชอบที่จะใช้ Black & White มากกว่า Hue / Saturation เพราะมันให้การควบคุมโทนเสียงที่ดีกว่า.

ขั้นตอนที่ 30

สร้างเลเยอร์ใหม่, CTRL + SHIFT + N และ ALT + คลิกระหว่างมันและเลเยอร์การปรับที่อยู่ด้านล่าง ตั้งโหมดการผสมเป็น "Color Dodge".

ขั้นตอนที่ 31

หยิบ Brush Tool, B, กด "3" เพื่อตั้งค่าแปรง Opacity เป็น 30%, ตั้งค่าความแข็งเป็น 0%, ALT + คลิกที่รูปร่างเทคโนโลยีน้านและทาสีทับไฮไลท์ของร่างกายส่วนของผมและใบหน้า.

ขั้นตอนที่ 32

เปลี่ยนความทึบของแปรงเป็น 70% และทาสีทับไฮไลท์บางส่วน แต่ในพื้นที่เล็ก ๆ.

ขั้นตอนที่ 33

ในจานเลเยอร์ F7 เลือกเลเยอร์ชั้นบนสุดและไปที่เลือก> ทั้งหมด CTRL + A จากนั้นกด CTRL + SHIFT + C เพื่อคัดลอกเวอร์ชันที่ผสานของเอกสารและกด CTRL + V เพื่อวาง.

ขั้นตอนที่ 34 - ขั้นตอนสุดท้าย

ไปที่ตัวกรอง> ทำให้คมชัด> Unsharp Mask ใช้การตั้งค่าด้านล่างหรือใช้ของคุณเอง อย่าหักโหมจนเกินไปมิฉะนั้นภาพจะดูคมเกินไป.

นี่คือมุมมองสุดท้ายของสิ่งที่คุณจะได้รับสมมติว่าคุณทำตามบทช่วยสอนทั้งหมดอย่างถูกต้อง.

ดาวน์โหลด (PSD, Wallpaper)

ร่วมกับบทช่วยสอนนี่เป็นไฟล์ที่สร้างขึ้นสำหรับคุณ.

• ไฟล์ PSD ของการฝึกตรอน.
• ตรอนวอลล์เปเปอร์- มีให้ใน 1280x800px, 1280x1024px, 1920x1080px และ 1680x1050px.

หมายเหตุจากบรรณาธิการ: โพสต์นี้เขียนโดย Ovidiu Toader สำหรับ Hongkiat.com Ovidiu เป็นผู้เขียนบทช่วยสอนและนักออกแบบกราฟิกสำหรับ Vectorious.net - เว็บไซต์ที่คุณสามารถดาวน์โหลดศิลปะเวกเตอร์สต็อกและภาพประกอบราคาไม่แพงสำหรับโครงการของคุณ.