Drawing Realistic iPad2 - สอน Photoshop
iPad 2! หลายคนรักมันหลายคนต้องการ แต่ไม่มากสามารถวาดได้ น่าแปลกที่การวาดมันและฝาครอบสมาร์ทนั้นไม่ยากเลย! ในบทช่วยสอนนี้ฉันจะแสดงวิธีสร้าง iPad 2 ที่สมบูรณ์พร้อมฝาปิดอัจฉริยะเหมือนผลด้านล่าง:
เราจะใช้สไตล์เลเยอร์และการวาดภาพเวกเตอร์จำนวนมากและอาจมีความปรารถนาที่จะทำให้ผลิตภัณฑ์เงางามนี้ มาเริ่มกันเลย!
ขั้นตอนที่ 1: รูปร่างพื้นฐานของ iPad
เริ่มต้นด้วยการสร้างไฟล์ใหม่ที่มีขนาด 1500 × 800 px เปิดใช้งานเครื่องมือสี่เหลี่ยมผืนผ้ามุมมน ตั้งค่าโหมดให้มีรูปร่างด้วยรัศมี 15 พิกเซลและสี: # f5f5f5.
เพิ่มสไตล์เลเยอร์ เรืองแสงภายใน และ ลากเส้น.
ขั้นตอนที่ 2: หน้าจอ
วาดสี่เหลี่ยมภายใน iPad.
เพิ่มสไตล์เลเยอร์ ลากเส้น.
ขั้นตอนที่ 3
มาสร้างภาพอย่างง่ายสำหรับเนื้อหาบนหน้าจอ สร้างเลเยอร์ใหม่และตรวจสอบให้แน่ใจว่ามันอยู่ด้านบนของเลเยอร์หน้าจอ ระบายสีบางสีโดยใช้แปรงขนอ่อน แปลง layer เป็น Clipping mask โดยกด Ctrl / Cmd + Alt + G ตอนนี้ทุกอย่างที่คุณวาดอยู่ภายในหน้าจอ.
ขั้นตอนที่ 4: ปุ่มโฮม
วาดวงรีที่ส่วนล่างของ iPad ตั้งค่าการเติมเป็น 0%.
เพิ่มสไตล์เลเยอร์ เงาภายใน, เอียงและนูน, และ โอเวอร์เลย์ไล่ระดับสี.
ขั้นตอนที่ 5
ที่กึ่งกลางปุ่มให้วาดสี่เหลี่ยมมุมมน ตั้งค่าการเติมเป็น 0% เพิ่มเลเยอร์ สไตล์จังหวะ.
ขั้นตอนที่ 6: กล้อง
วาดสีดำเล็ก ๆ ที่ส่วนบนของ iPad สำหรับกล้อง.
ขั้นตอนที่ 7: Dock
วาดสี่เหลี่ยมที่ส่วนล่างของหน้าจอ ตั้งค่าสีเป็น # b1a9a9 เพิ่มสไตล์เลเยอร์.
ขั้นตอนที่ 8
กด Ctrl / Cmd + T เพื่อทำการแปลง คลิกขวาแล้วเลือกเปอร์สเปคทีฟ.
ขั้นตอนที่ 9
ดึงมุมด้านบนเข้าด้านในจนกระทั่งเราได้รูปร่างของท่าเรือ.
ขั้นตอนที่ 10
วาดรูปร่างสีขาวตามที่เห็นด้านล่าง กด Ctrl / Cmd + Alt + G เพื่อแปลงเป็น Clipping Mask ลดความทึบของมันลง 50%.
รูปร่างนี้จะกลายเป็นภาพสะท้อนบนท่าเรือ.
ขั้นตอนที่ 11
คว้าชุดไอคอนไอโฟนที่ดีชื่อ Aquaticus จาก marcelomarfil วางสี่ของพวกเขาบนหน้าจอ.
ขั้นตอนที่ 12
วางไอคอนในกลุ่มชื่อ ไอคอน. เลือกเลเยอร์ไอคอนทั้งหมดโดยคลิกที่ไอคอนแรกจากนั้นกด Shift + คลิกไอคอนสุดท้าย เปิดใช้งานเครื่องมือย้าย จากไอคอนแถบตัวเลือกคลิก กระจายศูนย์แนวนอน และ จัดกึ่งกลางแนวตั้ง. คุณจะมีการจัดตำแหน่งที่ดีและไอคอนกระจายบนหน้าจอ.
ขั้นตอนที่ 13
ทำซ้ำขั้นตอนก่อนหน้านี้เพื่อเพิ่มไอคอนเพิ่มเติมบนหน้าจอและบนแท่นชาร์จ.
ขั้นตอนที่ 14
เลือกเลเยอร์ไอคอนบนแท่น กด Ctrl / Cmd + E เพื่อรวมไว้ในหนึ่งเลเยอร์ กด Ctrl / Cmd + T เพื่อทำการแปลง คลิกขวาและเลือก พลิกแนวตั้ง.
ขั้นตอนที่ 15
เพิ่มเลเยอร์มาสก์ วาดการไล่ระดับสีเชิงเส้นจากสีขาวเป็นสีดำจนกระทั่งเงาสะท้อนจางลง.
ขั้นตอนที่ 16: การสะท้อนหน้าจอ
ใช้เครื่องมือรูปหลายเหลี่ยม Lasso เพื่อสร้างการเลือกรูปสามเหลี่ยมที่มุมบนขวาของหน้าจอ เติมส่วนที่เลือกด้วยสีขาว.
ขั้นตอนที่ 17
เพิ่มเลเยอร์มาสก์ วาดการไล่ระดับสีเชิงเส้นจากสีขาวเป็นสีดำจนกว่าภาพสะท้อนบนหน้าจอจะจางหายไป ใส่เลเยอร์การสะท้อนกลับเข้าไปในกลุ่มและตั้งชื่อ ภาพสะท้อนหน้าจอ.
ขั้นตอนที่ 18
Ctrl / Cmd + คลิกเลเยอร์ iPad เพื่อสร้างการเลือกตามรูปร่าง เพิ่มเลเยอร์มาสก์ลงบนกลุ่ม ด้วยวิธีนี้การสะท้อนหน้าจอจะอยู่ภายในหน้าจอ.
ขั้นตอนที่ 19: Smart Cover
วาดรูปร่างดังต่อไปนี้ ใช้ # 6ebced สำหรับสีของมัน.
เพิ่มเลเยอร์สไตล์ โอเวอร์เลย์ไล่ระดับสี.
ขั้นตอนที่ 20
ด้านบนฝาครอบสมาร์ทวาดรูปร่างสี่เหลี่ยมผืนผ้าโค้งมนและตั้งค่าการเติมเป็น 0%.
เพิ่ม เอียงและนูน.
ขั้นตอนที่ 21
ทำซ้ำรูปร่าง.
ขั้นตอนที่ 22
กด Ctrl / Cmd + T เพื่อทำการแปลง คลิกขวาแล้วเลือกเปอร์สเปคทีฟ ดึงมุมขวาด้านบนจนกระทั่งรูปร่างตรงกับมุมมองปกอัจฉริยะ.
ขั้นตอนที่ 23
วาดสี่เหลี่ยมมุมมนด้วยสี: # 82858a ทำการแปลงเปอร์สเปคทีฟอีกครั้งจนกว่าเราจะได้ด้านนอกของฝาครอบสมาร์ท.
ขั้นตอนที่ 24
เพิ่มเลเยอร์สไตล์ เอียงและนูน และ โอเวอร์เลย์ไล่ระดับสี.
ขั้นตอนที่ 26
วาดสี่เหลี่ยมมุมมนอีกอันแล้ววางไว้ในรูปร่างที่เราเพิ่งสร้างขึ้น.
ขั้นตอนที่ 27
เพิ่มสไตล์เลเยอร์ เอียงและนูน และตั้งค่าการเติมเป็น 0%.
ขั้นตอนที่ 28
กด Ctrl / Cmd + Alt + G เพื่อเปลี่ยนรูปร่างเป็นรูปแบบการตัดและวางเอฟเฟกต์ไว้ในฝาครอบ.
ขั้นตอนที่ 29: บานพับ
วาดสี่เหลี่ยมผืนผ้าที่ด้านซ้ายของฝาครอบ ตั้งค่าสีเป็น # 6ebced.
เพิ่ม โอเวอร์เลย์ไล่ระดับสี.
ขั้นตอนที่ 30
วาดสี่เหลี่ยมเล็ก ๆ ด้านหลังรูปร่างก่อนหน้าด้วยสี: # e6e6e6.
เพิ่มสไตล์เลเยอร์ โอเวอร์เลย์ไล่ระดับสี เพื่อเพิ่มลักษณะสามมิติลงบนรูปร่าง.
ขั้นตอนที่ 31: เงา
กดปุ่ม Ctrl / Cmd ค้างไว้แล้วคลิกเลเยอร์รูปร่างพื้นฐานของ iPad เพื่อสร้างการเลือกตามรูปร่างของมัน สร้างเลเยอร์ใหม่และวางไว้ภายใต้ปกอัจฉริยะ ทาสีเงานุ่ม ๆ บนพื้นผิวหน้าจอโดยใช้แปรงขนอ่อนขนาดใหญ่.
ขั้นตอนที่ 32
อย่าลบสิ่งที่เลือก ถัดไปวาดเงานุ่ม ๆ ด้วยแปรงทึบต่ำที่ด้านล่างของ iPad นี่จะเป็นเงาที่อ่อนนุ่มจากพื้น.
ขั้นตอนที่ 33
สร้างเลเยอร์ใหม่และวางไว้ใต้เลเยอร์ทั้งหมด ทาสีเงาที่เข้มกว่าใต้ iPad โดยใช้แปรงขนอ่อนขนาดใหญ่ ลดความทึบของมันลง 50%.
ขั้นตอนที่ 34
วาดเงาที่ใหญ่และนุ่มนวลขึ้น ลดความทึบของมันเป็น 5%.
ขั้นตอนที่ 35
ตอนนี้ตั้งค่าแปรงให้มีขนาดเล็กลง แต่คงความแข็งไว้ที่ 0% เพื่อรักษาความนุ่มนวล วาดเงาที่เข้มกว่าใต้ iPad ตั้งค่าความทึบเป็น 50%.
ขั้นตอนที่ 36
ซูมเข้าเพื่อดูปกอัจฉริยะ วาดเงาดำทางขวาใต้ฝาครอบอัจฉริยะ.
ขั้นตอนที่ 37
วาดเงาบนพื้นด้านหลังปกอัจฉริยะ.
นี่คือสิ่งที่เงาดูเหมือนหากเราซ่อนฝาครอบสมาร์ท.
ขั้นตอนที่ 38: ผลลัพธ์สุดท้าย
นี่คือผลลัพธ์ของการกวดวิชาของเรา ฉันหวังว่าคุณจะเรียนรู้เทคนิคใหม่และสนุกกับการทำตามบทช่วยสอนนี้ ขอบคุณสำหรับการอ่าน. หากคุณมีคำถามใด ๆ โปรดอย่าลังเลที่จะถาม.
ดาวน์โหลด PSD
ไม่สามารถบรรลุขั้นตอนบางอย่างใช่หรือไม่ นี่คือไฟล์ PSD ของผลลัพธ์เพื่อให้คุณทดสอบและเล่น.
- ไฟล์ PSD Tutorial ของ iPad 2
