• บ้าน
  • เกี่ยวกับ
  • บทความ
  • ติดต่อเรา

: 91 11 9810018780 Mail เพื่อ info@aceinfowayindia.com: / / โทร: 91 11 9810018780

  • เขียนบทความ
  • ที่ 23.09.2009
  • ที่ 07:57
  • โดย ผู้ดูแลระบบ

วิธีการสร้าง I-Phone เช่นปุ่มใน Photoshop

Guys เดี๋ยวก่อนกลับไปกลับ Tutorials Photoshop. ใน Tutorial นี้ฉันจะได้เรียนรู้วิธีการสร้าง I-Phone เช่นปุ่มใน Photoshop. นี้อย่างง่ายและมีประสิทธิภาพมากกวดวิชา. ฉันหวังว่าคุณจะสนุกกับกวดวิชานี้.

ตัวอย่าง Final

นี่คือสิ่งที่เราไปทำวันนี้

final-preview-iphone-buttons-big

# 1 ขั้นตอนที่

Photoshop เปิดและสร้างเอกสารใหม่ของฉันคือ 550 × 398px กับพื้นหลังสีขาว.

iphone-like-buttons-step1

# 2 ขั้นตอนที่

เติมสีในเลเยอร์พื้นหลังสีระเบิดเป็น # 333,333.

iphone-like-buttons-step2

# 3 ขั้นตอนที่

สร้างชื่อ layer ใหม่ชั้น ลาดริ้ว. เลือก รูปสี่เหลี่ยมปะรำเครื่องมือ และสร้างแถบสีขาว.

iphone-like-buttons-step3

ออกแบบคลิกสองครั้งที่ แถบ Layer ในภาพ แถบ Layer ใน ชั้น Panel เปิดกล่อง Layer Styles โต้ตอบเราจะใช้ ผล gradiant แนวตั้ง สำหรับพื้นหลังของคุณ. การคลิกแล้วใน ลาด olor c ด้านขวาของตัวเลือกไล่โทนสีเพื่อเปิดสี ไล่โทนสี Editor.

iphone-like-buttons-step3-b

ดับเบิลคลิกบน ซ้ายสีหยุด และป้อนค่าสี aaaaaa #, ดับเบิลคลิก ซ้ายศูนย์สี-หยุด และป้อนค่าสี # cccccc, ดับเบิ้ลคลิกที่ ขวากลางสี-หยุด และป้อนค่าสี # dddddd แล้วดับเบิ้ลคลิกที่ ขวาสีหยุด และป้อนค่าสี FFFFFF #.

iphone-like-buttons-step3-a

ควรมีลักษณะเช่นนี้.

iphone-like-buttons-step3-c

# 4 ขั้นตอนที่

เลือก กลมสี่เหลี่ยมผืนผ้าเครื่องมือ และสร้างปุ่มรัศมีระเบิดเป็น 90X40px.

iphone-like-buttons-step4

ขณะนี้มีผลใช้บาง

การแสดงข้อมูลไล่โทนสี

ออกแบบคลิก ปุ่ม สองครั้งในภาพ ปุ่ม Layer ใน ชั้น Panel เปิดกล่อง Layer Styles โต้ตอบเราจะใช้ ผล gradiant แนวตั้ง สำหรับของ ปุ่ม. แล้วคลิกที่ ไล่โทนสี บนด้านขวาของตัวเลือกไล่โทนสีในการเปิดสี ไล่โทนสี Editor.

iphone-like-buttons-step3-b

ดับเบิลคลิกบน ซ้ายสีหยุด และป้อนค่าสี # 000000 ดับเบิลคลิก ซ้ายศูนย์สี-หยุด และป้อนค่าสี # 222,222 ดับเบิลคลิก ขวากลางสี-หยุด และป้อนค่าสี # 444,444 แล้วดับเบิ้ลคลิกที่ ขวาสีหยุด และป้อนค่าสี # 666,666.

iphone-like-buttons-step4-a

เอียงและทำให้มีผิวนูน

ไปใช้ เป็นมุมและ สไตล์ชั้น ทำให้มีผิวนูน. การเปลี่ยนรูปแบบไป นอกลาด, กว่าเปลี่ยนค่าของ ความลึกขนาด และ นิ่ม. ฉันเลือกที่จะกำหนด ความลึก ที่ 100% ขนาด ที่ 1px และ นิ่ม ที่ 10px

ส่วนสำคัญใน Tutorial นี้ เก็บ มุม ที่ -90 o, ความสูง 40 o

โหมดไฮไลท์: ฉันเลือกที่จะกำหนด ความทึบ ที่ 100%.

โหมด Shadow: ฉันเลือกที่จะกำหนด ความทึบ ที่ 100%.

iphone-like-buttons-step4-b

การตี

สุดท้ายเราจะใช้กับ โรคหลอดเลือดสมอง. ก่อนการเปลี่ยนค่าของ ขนาด. ฉันเลือกที่จะกำหนด ขนาด ที่ 1px. เปลี่ยน ตำแหน่ง ที่ ภายใน

ฉันเลือกที่จะกำหนด ความทึบ ที่ 80%.

เปลี่ยน สีโรคหลอดเลือดสมอง จากเริ่มต้นไป # 222,222

iphone-like-buttons-step4-c

ควรมีลักษณะเช่นนี้.

iphone-like-buttons-step4-d

# 5 ขั้นตอนที่

เครื่องมือข้อความที่เลือกและข้อความที่พิมพ์ในหน้า.

iphone-like-buttons-step5

เราจะใช้ผลสำหรับข้อความ.

ทำให้มีผิวนูนลาด

ดับเบิลคลิกที่ภาพเลเยอร์ข้อความในชั้น Panel เปิดกล่องโต้ตอบ Layer Styles. เราจะใช้ เป็นมุมทำให้มีผิวนูน, First เปลี่ยน สไตล์ ไป เป็นมุมภายนอก และ เทคนิค การ สลัก Soft, กว่าเปลี่ยนค่าของ ความลึก, ทิศทาง, ขนาด และ นิ่ม. ผมเลือกที่จะกำหนด ความลึก ที่ 130%, ทิศทาง ที่ ขนาดลง ใน 1px และ นิ่ม ที่ 0px

ส่วนสำคัญใน Tutorial นี้ เก็บ มุม ที่ 90 o, ความสูง ที่ 30 o

โหมดไฮไลท์: ฉันเลือกที่จะกำหนด ความทึบ ที่ 0%.

โหมด Shadow: ฉันเลือกที่จะกำหนด ความทึบ ที่ 50%.

iphone-like-buttons-step5a

ตัวอย่าง Final

สุดท้ายเราได้กระทำนี้กวดวิชา.

นี่คือสิ่งที่เราไปทำวันนี้

final-preview-iphone-buttons-big

ดาวน์โหลดไฟล์ที่มา

ถ้าคุณต้องการตรวจสอบการทำงานของคุณคุณสามารถดาวน์โหลดไฟล์ PSD สำหรับการกวดวิชานี้.

iphone เหมือน-buttons.rar (21.3 kb)

ยื่น under: Photoshop, Tutorials โดยผู้ดูแลระบบ

เราส่งเสริม

Tags: Photoshop, Tutorials

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

ถ้าคุณชอบการอ่านบทความนี้โปรดดูบทความอื่นๆที่เกี่ยวข้องด้านล่าง:

    • วิธีการสร้างตัวพิมพ์วิชาการพิมพ์ใน Photoshop
    • วิธีการสร้างผล Smooth Text มันใน Photoshop
    • สร้าง Icon สวย Box ใน Photoshop
    • Retro Up ภาพใน 2 นาที: Photoshop
    • Pop Art การ์ตูน Tutorial: Photoshop
Untitled Document

2 ความคิดเห็น

  1. aioon กล่าวว่าในวันที่: 23 กันยายน 2009 ที่ 5:58 กล่าวว่า

    คนดี! i ชอบ :)

  2. รวดเร็ว กล่าวที่: 2 ตุลาคม 2009 ที่ 7:49 กล่าวว่า

    ขอขอบคุณที่นี้แต่คุณสามารถทำให้กวดวิชาสำหรับการปุ่ม iTunes? :) ขอบคุณ.

ส่งความคิดเห็น

XHTML: คุณสามารถใช้แท็กเหล่านี้ <a href="" title=""> <abbr title=""> <acronym title=""> <blockquote <b> cite=""> <cite> <code> < ของ datetime = ""> <em> <q <i> cite=""> <strike> <strong>


CommentLuv Enabled แสดงข้อมูลเพิ่มเติม
«11 อักษรอักษรประดิษฐ์ดีเลิศ
พัฒนาเว็บไซต์สวรรค์ของสัปดาห์สำหรับ 24 กันยายน 2009 »
Untitled Document

    สมัครสมาชิก

  • สมัครรับฟีดของเรา
  • สมัครทางอีเมล
  • ตามเราที่พูดเบาและรวดเร็ว
  • ผู้สนับสนุน
  • ผู้สนับสนุน
  • ผู้สนับสนุน
  • ผู้สนับสนุน
  • ผู้สนับสนุน

    • ค้นหา

      Untitled Document
  • Calendar

    กันยายน 2009
    M T W T F S S
    สิงหาคม « »ตุลาคม
    1 2 3 4 5 6
    7 8 9 10 11 12 13
    14 15 16 17 18 19 20
    21 22 23 24 25 26 27
    28 29 30
    • หน้าเว็บ

      • บ้าน
      • เกี่ยวกับ
      • บทความ
      • ติดต่อเรา
    • หมวด

    • CSS (17)
    • ออกแบบ / แรงบันดาลใจ (43)
    • Freebies (21)
    • การออกแบบกราฟิก (9)
    • Photoshop (12)
    • ทรัพยากร (19)
    • SEO (1)
    • Tools (5)
    • Tutorials (26)
    • วิชาการพิมพ์ (3)
    • พัฒนา Web (4)
    • Wordpress (5)
    • เก็บ

    • ตุลาคม 2009
    • กันยายน 2009
    • สิงหาคม 2009
    • กรกฎาคม 2009
    • มิถุนายน 2009
    • พฤษภาคม 2009
    • บทความล่าสุด

    • CSS
    • ออกแบบ / แรงบันดาลใจ
    • Freebies
    • ออกแบบกราฟฟิก
    • Photoshop
    • บทความยอดนิยม

    • วิธีสร้างความดีโดยไม่ต้องมองหารูปแบบตาราง
    • 30 เว็บไซต์ที่มีสูงสุด Orange
    • 5 ขั้นตอนในการเขียน Better CSS
    • วิธีการสร้าง Nice Scalable CSS Based Breadcrumbs
    • สร้าง Icon สวย Box ใน Photoshop
    • วิธีการสร้างตัวพิมพ์วิชาการพิมพ์ใน Photoshop
    • พัฒนาเว็บไซต์สวรรค์ของสัปดาห์สำหรับ 10 กันยายน 2009
    • เมฆแท็ก

    CSS Design อักษร Freebies ออกแบบกราฟิก กราฟิกดีไซน์ ไอคอน แรงบันดาลใจ Inspitation Photoshop Resources Tools Tutorials พัฒนา วิชาการพิมพ์ Web Wordpress

    • เพื่อนๆ

      • Abduzeedo
      • Alist นอกจาก
      • Bittbox
      • Design CrazyLeaf
      • เทคนิค CSS
      • Walsh David
      • Fudgegraphics
      • เชื้อเพลิงจินตนาการ
      • ช่วยพัฒนา
      • Shift Instant
      • Line25
      • Mirificampress
      • บล็อกของฉันหมึก
      • Noupe
      • PSDFan
      • PSDtuts
      • สมองร่วมกัน
      • หกการแก้ไข
      • กราฟิกช้อน
      • Toxel
      • ออกแบบ Vandelay
      • เราทำงาน
      • คลัง Web Designer
      • Web Designer บัญชีแยกประเภท
      • เว็บผนังนักออกแบบ
      • คุณ Designer
    • แปลภาษา

      English flagItalian flagKorean flagChinese (Simplified) flagChinese (Traditional) flagPortuguese flagGerman flagFrench flagSpanish flagJapanese flagArabic flagRussian flagGreek flagDutch flagBulgarian flagCzech flagCroat flagDanish flagFinnish flagHindi flagPolish flagRumanian flagSwedish flagNorwegian flagCatalan flagFilipino flagHebrew flagIndonesian flagLatvian flagLithuanian flagSerbian flagSlovak flagSlovenian flagUkrainian flagVietnamese flagAlbanian flagEstonian flagGalician flagMaltese flagThai flagTurkish flagHungarian flag
  • ผู้สนับสนุน

    ตรวจสอบ UPrinting ใน YouTheDesigner.


    ออนไลน์ธุรกิจบัตร

    Web Design Blog Directory

.
Untitled Document
กลับไปด้านบน

โดยทั่วไป

เหล่านี้อาจจะน่าสนใจไหม
  • เกี่ยวกับบริษัทของเรา
  • ข้อความรับรอง
  • รายละเอียดติดต่อ
  • บล็อก
  • สังคม - พูดเบาและรวดเร็ว, Flickr

งาน

ตัวอย่างของโครงการที่ผ่านมา
  • เกี่ยวกับบริษัทของเรา
  • ข้อความรับรอง
  • รายละเอียดติดต่อ
  • บล็อก
  • สังคม - พูดเบาและรวดเร็ว, Flickr

การบริการ

นี่คือสิ่งที่ขายในปัจจุบัน
  • เกี่ยวกับบริษัทของเรา
  • ข้อความรับรอง
  • รายละเอียดติดต่อ
  • บล็อก
  • สังคม - พูดเบาและรวดเร็ว, Flickr

รายละเอียดติดต่อ

ต้องการจ้างเรา? เริ่มต้นที่นี่ ...
  • Assesment Free Project
  • อีเมล - info@aceinfowayindia.com
  • Tel: 91 11 9810018780

Copyright © 2,009, All Right Reserved, Ace Infoway อินเดีย รับจ้าง Ace Infoway อินเดีย โครงการการออกแบบของคุณไป. ดู ผลงาน ของเรา.