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

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

  • เขียนบทความ
  • ที่ 02.09.2009
  • ที่ 09:41
  • โดย ผู้ดูแลระบบ

สร้าง Icon สวย Box ใน Photoshop

เทคนิค guys เดี๋ยวก่อนหนึ่ง Photoshop เพิ่มเติมเกี่ยวกับการสอนรอบที่นี่ตอนนี้ในเวลาที่ฉันจะแสดงวิธีการสร้างไอคอนกล่องใน Photoshop.This นี้อย่างง่ายและมีประสิทธิภาพ. ฉันหวังว่าคุณจะสนุกกับ tutorials นี้.

นี่คือผลที่เราไปเพื่อ:

final

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

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

box-icon-step-0

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

เลือก เครื่องมือสี่เหลี่ยมผืนผ้า ตรวจสอบว่าคุณมีตัวเลือกที่เลือก.

box-icon-step-a

ทำให้สี่เหลี่ยมผืนผ้าชื่อหน้า layer.

box-icon-step-1

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

ตอนนี้เติมสี่เหลี่ยมผืนผ้ามี af915b #
box-icon-step-2

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

ใช้ เงาภายใน ช่องสี่เหลี่ยมของคุณ.
box-icon-step-3-a

สี่เหลี่ยมผืนผ้าควรมีลักษณะเช่นนี้.

box-icon-step-3

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

เครื่องมือปากกาให้เลเยอร์ใหม่ชื่อเลเยอร์ใหม่เป็น ด้านบน และเลือกวางไว้ด้านบนของสี่เหลี่ยมผืนผ้าเดิมจากนั้นเลือก Free transform Tool Ctrl + T, ตอนนี้ลดความสูงและไปที่ แก้ไข - เปลี่ยน - มุมมอง และย้ายหนึ่งบนมุมภายในจนคุณมีรูปร่างช่อง.

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

ตอนนี้เติมชั้น บน กับ # e1cea4

ดู Box ของคุณเช่นนี้

ace-box-icon

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

ใช้ เงาภายใน ช่องชั้น บน ของคุณ.
box-icon-step-5-a

box-icon-step-5

ขั้นตอน: 8

สร้างสายสีดำในเลเยอร์ใหม่และลด ความทึบ 40% ซ้ำนี้สายดำย้ายกลับหนึ่งขั้นตอนและลด ความทึบ 20%.
box-icon-step-6

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

สร้างแถบสีขาวอยู่ด้านบนให้เลือก Free transform Tool Ctrl + T และคลิกขวาเลือกมุมมองแล้วดึงมุมหนึ่งบนภายใน. ตอนนี้เลือก ปากกาเครื่องมือ และสร้างแถบสีขาวและรูปร่างตามที่เลือก Free transform Tool Ctrl + T และคลิกขวาเลือกมุมมองแล้วดึงมุมล่างที่สองภายใน. รวมทั้งสองชั้นและลด ความทึบ 40%.

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

box-icon-step-7

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

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

ตอนนี้ใช้ผลบาง

gradinat
final-gradiant1

Shadow ภายใน
final-inner-dropshdow

Drop Shadow
final-inner-shadow

ตัวอย่าง Final

final

ของความคิดของคุณเกี่ยวกับเรื่องนี้กวดวิชาโปรดร่วมกับเราคืออะไร. ความคิดเห็นเรา

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

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

เราส่งเสริม

Tags: Photoshop, Tutorials

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

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

    • Retro Up ภาพใน 2 นาที: Photoshop
    • วาดและผลจิตรกรรมใน Photoshop
    • Pop Art การ์ตูน Tutorial: Photoshop
    • วิธีการสร้างผล Smooth Text มันใน Photoshop
    • วิธีการเปลี่ยนสีรถเพียง 2 นาทีใช้ Photoshop
Untitled Document

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

  1. ม่านตา กล่าวที่: 3 กันยายน 2009 ณ 11:44 กล่าวว่า

    ดีจริงๆ! ขอบคุณ : D

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

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


«Textures Free สนิม
พัฒนาเว็บไซต์สวรรค์ของสัปดาห์สำหรับ September 04th 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 (15)
    • ออกแบบ / แรงบันดาลใจ (39)
    • Freebies (18)
    • การออกแบบกราฟิก (9)
    • Photoshop (10)
    • ทรัพยากร (17)
    • SEO (1)
    • Tools (5)
    • Tutorials (22)
    • วิชาการพิมพ์ (3)
    • พัฒนา Web (4)
    • Wordpress (4)
    • เก็บ

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

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

    • วิธีสร้างความดีโดยไม่ต้องมองหารูปแบบตาราง
    • 6 ฟรีและคุณภาพอิฐ Wall Textures
    • ยินดีต้อนรับสู่ ACE
    • กวดวิชาเพื่อสร้างความสวยงามง่ายเมนู CSS แนวนอน
    • 25 การออกแบบส่วนท้ายเว็บไซต์แนวโน้มและรูปแบบ
    • 35 สร้างสรรค์ภาพประกอบ Website หัวเรื่อง
    • พัฒนาเว็บไซต์สวรรค์ของสัปดาห์สำหรับกรกฎาคม 02 2,009
    • เมฆแท็ก

    CSS Design อักษร Freebies ออกแบบกราฟิก กราฟิกดีไซน์ ไอคอน แรงบันดาลใจ 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 อินเดีย โครงการการออกแบบของคุณไป. ดู ผลงาน ของเรา.