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

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

  • เขียนบทความ
  • ที่ 10.11.2009
  • ที่ 12:37
  • โดย ผู้ดูแลระบบ

วิธีการสร้าง Nice สิ่งที่ใส่เข้าไปใน Photoshop Text ปุ่ม

นี้เป็นจุดเริ่มต้นการออกแบบกวดวิชา lavel. ในบทความนี้คุณจะพบวิธีการสร้าง Nice สิ่งที่ใส่เข้าไปในปุ่ม Text Photoshop. นี้อย่างสะดวกและรวดเร็ว tutorial.I ออกแบบกราฟิกหวังว่าคุณจะสนุกกับกวดวิชานี้.

ตัวอย่าง Final

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

inset-button-tutorial-final

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

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

inset-button-tutorial-step1

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

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

inset-button-tutorial-step2

ตอนนี้เราจะใช้ผลได้ไหม

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

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

3d-bottom-layer

ดับเบิลคลิกบน ซ้ายสีหยุด และป้อนค่าสี # 848,484 แล้วดับเบิ้ลคลิกที่ ขวาสีหยุด และป้อนค่าสี C4C4C4 #.

inset-button-tutorial-step2a

Drop Shadow

ไปใช้รูปแบบการ วาง เลเยอร์ Shadow. ให้มุมที่ 120o, กว่าเปลี่ยนค่าของความทึบ, ระยะทางและขนาด. ฉันเลือกที่จะกำหนด ความทึบ ที่ 47%, ระยะทาง ที่ 2px และ ขนาด ที่ 4px.

inset-button-tutorial-step2d

ควรมีลักษณะดังนี้.

inset-button-tutorial-step2Dropshadow

การตี

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

inset-button-tutorial-step2e

ควรมีลักษณะดังนี้.

inset-button-tutorial-step2Stroke

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

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

inset-button-tutorial-step3

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

กรอม Color

ดับเบิลคลิกที่ภาพเลเยอร์ข้อความในชั้น Panel เปิดกล่องโต้ตอบ Layer Styles. ก่อนที่เราจะใช้ การแสดงข้อมูลสี ผมเลือก สี # 303,030

inset-button-tutorial-step3a

Shadow ภายใน

ไปใช้ ภายใน สไตล์ layer Shadow. ส่วนที่สำคัญที่สุด ให้ มุม ที่ 41o, กว่าเปลี่ยนค่าของความทึบ, ระยะทางและขนาด. ฉันเลือกที่จะกำหนด ความทึบ ที่ 75% และ ระยะทาง ที่ 1px และ ขนาด ที่ 1px.

inset-button-tutorial-step3Innershadow

Drop Shadow

สุดท้ายเราจะใช้ Drop Shadow, แรกเปลี่ยนตัวเลือก ผสม กับ Normal. เปลี่ยน Shadow Color จากค่าเริ่มต้นให้ FFFFFF #. ให้มุมที่ 90o, กว่าเปลี่ยนค่าของความมืดและระยะทาง. ฉันเลือกที่จะกำหนดความทึบที่ 47% และระยะทางที่ 1px.

inset-button-tutorial-step3c

ผลการ

inset-button-tutorial-final

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

หากคุณต้องการได้รับแรงบันดาลใจมากจากเราโปรดพิจารณาสมัครรับฟีดของเราโดย RSS หรือ อีเมล์.

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

เราส่งเสริม

  • Add to Mixx!

Tags: Photoshop, Tutorials

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

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

    • วิธีการสร้างตัวพิมพ์วิชาการพิมพ์ใน Photoshop
    • วิธีการสร้าง Nice Easy 3D ผลข้อความใน Photoshop
    • วิธีการสร้าง I-Phone เช่นปุ่มใน Photoshop
    • วิธีการสร้าง Nice มันเงาเข้มปุ่มใน Photoshop
    • วิธีการสร้างผล Smooth Text มันใน Photoshop
Untitled Document

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

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


CommentLuv Enabled แสดงข้อมูลเพิ่มเติม
«10 ดีเลิศ Free Hand วาด Icon ชุด
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 (19)
    • ออกแบบ / แรงบันดาลใจ (48)
    • Freebies (32)
    • การออกแบบกราฟิก (10)
    • Photoshop (17)
    • ทรัพยากร (30)
    • SEO (1)
    • Tools (7)
    • Tutorials (31)
    • วิชาการพิมพ์ (4)
    • พัฒนา Web (5)
    • Wordpress (6)
    • เก็บ

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

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

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

    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 อินเดีย โครงการการออกแบบของคุณไป. ดู ผลงาน ของเรา.