วิธีการสร้างงานศิลปะเกมที่เก๋ไก๋

Oct 8, 2025
วิธีการ

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

ในเรื่องนี้ บทช่วยสอน Photoshop ฉันจะพาคุณผ่านกระบวนการจับภาพสไตล์ของการเปิดเผยที่เงียบสงบ

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

ฉันสามารถสรุปพื้นฐานด้วยวิธีนี้: พื้นที่กว้างของพื้นผิวที่ละเอียดอ่อนในรูปเงาที่คมชัดและเรียบง่าย

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

เรากำลังเพิ่มสัตว์ป่าอีกตัวหนึ่งมูซในรายการของคู่ต่อสู้ที่คุณอาจพบในเกม และเราจะมุ่งเน้นภาพประกอบรอบ ๆ ยักษ์ของป่านี้

01. ให้ตัวเลือกตัวเอง (หรือลูกค้า)

Creating thumbnails with composition options aids the artist and the client

การสร้างรูปขนาดย่อด้วยตัวเลือกองค์ประกอบช่วยศิลปินและลูกค้า

งานคือการมีมูสด้วยน้ำใกล้กับต้นเบิร์ชและมี cattails อย่างเด่นชัดซึ่งพวกเขากิน มีหลายวิธีในการจัดเตรียมองค์ประกอบเหล่านี้ ฉันมาพร้อมกับ 12 ภาพขนาดย่อเพื่อให้ตัวเลือกตัวเองและสร้างความคิด ฉันมากับทั้งตัวเลือกทั้งสองและบุคคลที่สามสำหรับ ผู้อำนวยการสร้างสรรค์ และ ผู้อำนวยการฝ่ายศิลปะ เพื่อดู

02. แก้ปัญหาได้มากที่สุด

Next stage is to refine the chosen thumbnail

ขั้นต่อไปคือการปรับแต่งรูปขนาดย่อที่เลือก

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

อย่างไรก็ตามเส้นขอบฟ้าอยู่ที่กึ่งกลางของเฟรมซ้ายและขวามีน้ำหนักเท่า ๆ กันและ cattails ซ้ายล่างนั้นทำให้เสียสมาธิ ดังนั้นฉันจึงลดขอบฟ้าไปที่สามด้านล่างปรับการจัดเตรียมของมูสและเพิ่มต้นเบิร์ช

Pro Secret: การตรวจสอบองค์ประกอบ

ใช้เครื่องมือเพื่อคิดออกศูนย์และ กฎของสามี . สิ่งเหล่านี้สามารถช่วยให้คุณมีองค์ประกอบที่น่าพอใจและหลีกเลี่ยงความผิดพลาดที่โง่เขลาและมือสมัครเล่นเช่นการวางขอบฟ้าที่จุดกลางของเฟรม

03. จัดระเบียบร่างของคุณ

Spend some time developing the composition

ใช้เวลาในการพัฒนาองค์ประกอบ

ฉันใช้เวลาในการพัฒนาร่างภาพที่แต่งอย่างดีใน Photoshop และแยกเข้าไปในเลเยอร์ สิ่งนี้จะช่วยให้ฉันใช้รูปแบบร่างในภาพวาดขั้นสุดท้าย

ฉันยังใช้การคว้าหน้าจอความละเอียดสูงจากเกมและใช้ภาพหน้าจอเหล่านี้เป็นข้อมูลอ้างอิงเพื่อให้งานในรูปแบบของความมืดยาวนานและเป็นฐานสำหรับพื้นผิว ฉันใช้รูปทรงของร่างเป็นหน้ากากตัด ( คลิกขวา & GT; หน้ากากตัด ) สำหรับจังหวะแปรงและพื้นผิว

04. อย่ากลัวที่จะใช้เครื่องมือแปลง

Free Transform and Warp will help you get the concept just right

การแปลงฟรีและวิปริตจะช่วยให้คุณได้รับแนวคิดที่ถูกต้อง

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

ฉันใช้เครื่องมือแปลงและแปรปรวนฟรี ( cmd + t , คลิกขวา & GT; วิปริต ) ตามความจำเป็นเพื่อให้มันดูถูกต้องส่วนใหญ่และทาสีปัญหาที่เหลือใด ๆ

05. เพิ่มจุดโฟกัส

Lift the focal point from the background

ยกจุดโฟกัสจากพื้นหลัง

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

06. มาสก์ที่มีการเลือก

Next, create a selection mask

ถัดไปสร้างหน้ากากการเลือก

อีกวิธีหนึ่งที่ฉันปกปิดที่ฉันวาดภาพคือการใช้เลเยอร์ของฉันเพื่อสร้างการเลือก ฉันทาสีกิ่งไม้และต้นไม้มากขึ้น ณ จุดนี้ ตอนนี้ฉันต้องการเริ่มเพิ่มแสงบางอย่างกระทบบนต้นไม้ ฉันสร้างหน้ากากการเลือก ( cmd + shift + คลิก เลเยอร์)

07. อ้างอิงแสง

Getting the lighting right is crucial at this stage

การให้แสงสว่างเป็นสิ่งสำคัญในขั้นตอนนี้

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

08. Lasso การเลือกนั้น

The lasso tool is an underrated ally

เครื่องมือ Lasso เป็นพันธมิตรที่มีค่าต่ำกว่า

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

Pro Secret: Lasso เป็นอาวุธลับของฉัน

เครื่องมือการเลือก Lasso เป็นหนึ่งในเครื่องมือ Photoshop ที่ฉันโปรดปราน ฉันใช้มันเพื่อวาดรูปร่างและเพื่อรวมรูปแบบกลมอินทรีย์ที่มีความคมชัดตรง ทางลัดบางอย่างที่ต้องคำนึงถึง: l (เครื่องมือ Lasso); l + cmd + ยกสไตลัสปิดแท็บเล็ต (รับเส้นตรงจุดต่อจุด); l + shift (เพิ่มการเลือก); และ l + alt (ลบการเลือก)

09. นำมาใช้กับแปรงพื้นผิว

Start painting in some texture

เริ่มวาดภาพในบางพื้นผิว

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

10. การกลั่นจานสี

It's time to dip into Hue and Saturation

ถึงเวลาที่จะจุ่มเป็นสีและความอิ่มตัว

ฉันรู้ว่าภาพนั้นไม่ได้ปิดเสียง สีจะต้องโดดเด่นยิ่งขึ้นดังนั้นฉันจึงใช้เลเยอร์สีและความอิ่มตัว ฉันเพิ่มความอิ่มตัวเล็กน้อยและปรับเฉดสีด้วย

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

11. ความอบอุ่นของดวงอาทิตย์

The sun's warm glow is added here

แสงที่อบอุ่นของดวงอาทิตย์ถูกเพิ่มที่นี่

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

12. เพิ่มจุดโฟกัส

Making adjustments to the focal point will ensure it draws the eye

การปรับเปลี่ยนจุดโฟกัสจะทำให้แน่ใจว่ามันดึงตา

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

Pro Secret: ฝึกฝนด้วยแปรงของคุณ

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

13. เริ่มเพิ่มรายละเอียด

Start adding detail, but remember to stop!

เริ่มเพิ่มรายละเอียด แต่อย่าลืมหยุด!

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

14. การจบด้วยตาสด

An oft-overlooked stage – step away, then return to your work afresh

เวทีที่ถูกมองข้าม - ก้าวออกไปจากนั้นกลับไปทำงานของคุณอีกครั้ง

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

บทความนี้ได้รับการตีพิมพ์ครั้งแรกใน imaginefx นิตยสารฉบับที่ 157 ซื้อที่นี่ .

บทความที่เกี่ยวข้อง:

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

วิธีการ - บทความยอดนิยม

วิธีการกระดานเรื่องราวใน Photoshop

วิธีการ Oct 8, 2025

(เครดิตรูปภาพ: Mark Evan Lim) กระดานเรื่องราวใน Photoshop �..

การควบคุมเวอร์ชันหลักสำหรับทีมระยะไกล

วิธีการ Oct 8, 2025

การทำงานจากระยะไกลได้กลายเป็นเรื่องธรรมดามา..

เริ่มต้นด้วย Express.js

วิธีการ Oct 8, 2025

การสร้างแอปพลิเคชันที่หันหน้าไปทางเบราว์เซอ..

วิธีการสร้างเว็บแอปโปรเกรสซีฟ

วิธีการ Oct 8, 2025

ขณะนี้บัญชีมือถือสำหรับการรับส่งข้อมูลของเว..

สร้างอิมเมจที่ได้รับแสงแบบหลายด้วย Adobe CC

วิธีการ Oct 8, 2025

Adobe มอบหมายให้ฉันสร้างภาพประกอบเพื่อแสดงแนวคิดของ Multilocalism และข้างต้นค�..

สร้างเอฟเฟกต์ระลอกคลื่นกับ Pixijs

วิธีการ Oct 8, 2025

มีเอฟเฟกต์ที่น่าสนใจมากมายที่สามารถเพิ่มลงใ..

วิธีการปั้นที่โน้มน้าวใจใน zbrush

วิธีการ Oct 8, 2025

เมื่อแกะสลักตามนุษย์ 3 มิติที่สมจริงเพื่อเพิ่..

วิธีการแสดงท้องฟ้าที่มีน้ำทิ้ง

วิธีการ Oct 8, 2025

สำหรับการกวดวิชานี้เราจะใช้ vue xstream เพื่อส�..

หมวดหมู่