วิธีการวาดเว็บไซต์ใน Photoshop

สารบัญ:

วิธีการวาดเว็บไซต์ใน Photoshop
วิธีการวาดเว็บไซต์ใน Photoshop

วีดีโอ: วิธีการวาดเว็บไซต์ใน Photoshop

วีดีโอ: วิธีการวาดเว็บไซต์ใน Photoshop
วีดีโอ: สอนออกแบบเว็บเกมออนไลน์ด้วย Photoshop 2024, พฤศจิกายน
Anonim

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

วิธีการวาดเว็บไซต์ใน photoshop
วิธีการวาดเว็บไซต์ใน photoshop

คำแนะนำ

ขั้นตอนที่ 1

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

ขั้นตอนที่ 2

ตอนนี้กำหนดพื้นผิวพื้นหลังของหน้าเพื่อทำให้เว็บไซต์ดูน่าสนใจ เลือกตัวอย่างที่คุณชอบจากพื้นผิวที่โปรแกรมนำเสนอ เช่น ใบไม้หรือกระเบื้องหินเลียนแบบอิฐก็ดูดี เปิดใช้งานโหมด "ตัวกรอง" และใช้ Artistic-Film Grain จากนั้น Pixelate-Mosaic ทดลองกับตัวเลือก

ขั้นตอนที่ 3

เมื่อบรรลุสิ่งที่คุณต้องการแล้ว ให้ตั้งค่าโหมดส่วนต่างในแท็บโหมดการผสม ลองใช้ค่าความทึบต่างกัน

ขั้นตอนที่ 4

เตรียมพื้นหลังสำหรับชื่อไซต์และคำอธิบายภาพอื่นๆ ใช้เครื่องมือ Rounded Rectangle (U) ในเลเยอร์ใหม่ เลือกรูปร่างสีดำ ในรายการ Layer Style เปิดใช้งานโหมด Drop Shadow ปรับความโปร่งใสของเลเยอร์

ขั้นตอนที่ 5

สำหรับงานต่อไป คุณจะต้องมีกลุ่มของเลเยอร์ ดังนั้น ในขณะที่กดปุ่ม Ctrl ค้างไว้ ให้กดปุ่ม Ctrl + G บนแป้นพิมพ์ เลือกเลเยอร์ทั้งหมดที่สร้างขึ้นจนถึงตอนนี้และกำหนดให้กับกลุ่มพื้นหลัง คุณต้องสร้างกลุ่มที่ซ้อนกันอีกสองกลุ่มด้วย กลุ่มหลักสามารถเรียกว่าโฮมและกลุ่มภายใน - โลโก้

ขั้นตอนที่ 6

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

ขั้นตอนที่ 7

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

ขั้นตอนที่ 8

ใช้เครื่องมือ Rectangular Marquee Tool จากนั้นใช้ Gradient Tool เพื่อเติมพื้นที่ที่เลือกของเอกสารจากล่างขึ้นบนด้วยการไล่ระดับสีจากหนาแน่นเป็นโปร่งใส

แนะนำ: