กระบวนการทั้งหมดของการสร้างเว็บเพจเชิงพาณิชย์ด้วย Photoshop

ผู้แต่ง: พี่เมาส์

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

มาดูการเรนเดอร์ขั้นสุดท้ายก่อน:

การเรนเดอร์

รูปที่ (1) ขั้นแรกให้เลือก File>New (CTRL+N) และตั้งค่าพารามิเตอร์ในกล่องโต้ตอบ ดังแสดงในรูปที่ 1

ตั้งค่าพารามิเตอร์

รูปที่ (2) สร้างเลเยอร์ใหม่ เริ่มต้นด้วยพื้นหลัง ขั้นแรกให้ตั้งค่าสีของการไล่ระดับสี (ในที่นี้ฉันใช้สีแดงและสีดำเป็นสีพื้นหลัง สามารถปรับสีได้ตามความต้องการของคุณ) กด ​​shift+ ค้างไว้ เมาส์ในภาพ คลิกซ้ายเพื่อยืดลงเป็นเส้นตรง ดังแสดงในรูปที่ 2 และ 3 -

ตัวแก้ไขการไล่ระดับสี

แผนภาพเอฟเฟกต์การไล่ระดับสี

รูปที่ (3) หลังจากตั้งค่าสีพื้นหลังแล้ว ให้ใช้เครื่องมือเบิร์นและหลบ (ปุ่มลัด o) เพื่อแก้ไขเพื่อให้รู้สึกเหมือนมีพื้นผิว ดังแสดงในรูปที่ 4 และ 5

สัมผัสได้ถึงเนื้อผ้าเล็กน้อย

เครื่องมือเบิร์นและดอดจ์

รูปที่ (4) หลังจากใช้เครื่องมือปะรำ (ปุ่มลัด m) เพื่อเลือกช่วงที่สอดคล้องกันที่มุมขวาบน ให้กด Ctrl+j ค้างไว้เพื่อคัดลอกเลเยอร์ที่แยกจากกัน แก้ไขสไตล์ของมัน ดังแสดงในรูปที่ 6 และ 7

กด Ctrl+j ค้างไว้เพื่อคัดลอกเลเยอร์ทีละชั้น

การแก้ไขสไตล์เลเยอร์

รูปที่ (5) เลือกเลเยอร์ 2 ใช้วิธีการเดียวกับด้านบน เลือกช่วงที่เกี่ยวข้อง และกด Ctrl+j ค้างไว้เพื่อคัดลอกเลเยอร์ที่แยกจากกัน แก้ไขสไตล์ของมัน ดังแสดงในรูปที่ 8

เลือกช่วงที่เหมาะสม

รูปที่ (6) ต่อไป เราต้องเริ่มทำให้มืดลงและหลบเลเยอร์ที่เพิ่งเลือกและแก้ไขด้วยเฟรม ขั้นแรกให้เลือกเลเยอร์ 3 ดังแสดงในรูปที่ 9 จากนั้นเลือกเลเยอร์ 4 หลังจากแก้ไข ดังแสดงในรูปที่ 10

ดำเนินการกระบวนการทำให้มืดลงและสว่างขึ้น

รูปที่ (7) สร้างรูปที่ 5 ใหม่ ตอนนี้แก้ไขรูปภาพและใช้เครื่องมือปะรำเพื่อเลือกช่วงที่เหมาะสม ดังแสดงในรูปที่ (11) เติม R:255 G:2 B:252 ดับเบิลคลิกเลเยอร์ 5 เพื่อแก้ไข สไตล์ ดังแสดงในรูปที่ (12) ปรับความโปร่งใสของเลเยอร์นี้เป็น 40% ดังแสดงในรูปที่ (13)

ใช้เครื่องมือปะรำเพื่อเลือกช่วงที่เหมาะสม

การแก้ไขสไตล์เลเยอร์

ความโปร่งใสของเลเยอร์

(8) สร้างเลเยอร์ใหม่ เลือกช่วงแล้วเติมด้วย R:255 G:2 B:252 แก้ไขสไตล์ตามที่แสดงใน (14) และปรับความโปร่งใสของเลเยอร์นี้เป็น 0

การแก้ไขสไตล์เลเยอร์

รูปที่ (9) ตอนนี้เราป้อนข้อความ (คุณสามารถนึกถึงชื่อที่คุณต้องการได้) ฉันจะตั้งชื่อหน้าเว็บ Heitongdiba และป้อนแบบอักษรบางส่วนตามลำดับ ดังแสดงในรูปที่ (15)

พิมพ์ข้อความ

รูปภาพ (10) ตกลง ตอนนี้เราต้องประมวลผลแบบอักษร แก้ไขรูม่านตาสีดำของธีม ดับเบิลคลิกที่เลเยอร์เพื่อแก้ไขในรูปแบบ ดังแสดงใน (16) ปรับความโปร่งใสของเลเยอร์นี้เป็น 0

ประมวลผลแบบอักษร

รูปที่ (11) ค้นหารูปภาพที่เกี่ยวข้องแล้วนำมาใส่ (แต่รูปภาพเหล่านั้นจะต้องตรงกับธีมที่คุณให้มา อย่าหาแค่บางรูปภาพเท่านั้น) จากนั้นจึงนำรูปภาพไปใช้ในรูปแบบการแก้ไข ดังแสดงในรูป (17)

หาก

สไตล์เลเยอร์

เพิ่มการแก้ไขเล็กน้อย

เสร็จแล้ว! เรามาดูผลลัพธ์สุดท้ายกัน

ผลสุดท้าย

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