• Gia đình
  • Về
  • Bài viết
  • Liên hệ

: 91 11 9810018780 Mail to: info@aceinfowayindia.com / Call: 91 11 9810018780

  • Điều Người viết:
  • ngày 09 tháng hai năm 2009
  • lúc 09:41
  • bởi admin

Tạo một Beautiful Hộp Icon trong Photoshop

Hey guys thêm một hướng dẫn Photoshop quanh đây, bây giờ trong thời gian này, tôi sẽ chỉ cho bạn cách tạo một biểu tượng trong hộp Photoshop.This rất đơn giản và hiệu quả kỹ thuật. Tôi hy vọng bạn sẽ tận hưởng hương này.

Đây là hiệu ứng chúng ta sẽ cho:

final

Bước 1

Mở photoshop và tạo một tài liệu mới, tôi là 567 × 464px với một nền trắng.

box-icon-step-0

Bước 2

Chọn công cụ hình chữ nhật chắc chắn rằng bạn đã có những tùy chọn được chọn.

box-icon-step-a

Thực hiện một hình chữ nhật, tên ở mặt trước lớp.

box-icon-step-1

Bước 3

Bây giờ Điền hình chữ nhật với af915b #
box-icon-step-2

Bước 4

Áp dụng cho một bóng bên trong hộp hình chữ nhật của bạn.
box-icon-step-3-a

Các hình chữ nhật nên giống như thế này.

box-icon-step-3

Bước 5

Làm mới lớp tên của lớp mới là đầu trang và chọn bút công cụ, đặt nó trên đầu trang của các hình chữ nhật ban đầu sau đó chọn Free Transform Tool Ctrl + T, bây giờ làm giảm chiều cao và vào Edit - Transform - Phối cảnh và di chuyển một trong những đầu trang góc bên trong cho đến bạn có một hình dạng hộp.

Bước 6

Bây giờ Điền lớp đầu với # e1cea4

Hộp của bạn trông như thế này

ace-box-icon

Bước 7

Áp dụng cho một bóng bên trong hộp lớp đầu của bạn.
box-icon-step-5-a

box-icon-step-5

Bước: 8

Tạo dòng đen trên lớp mới và giảm opacity 40% trùng lặp dòng này đen, di chuyển nó một bước trở lại và giảm 20% opacity.
box-icon-step-6

Bước # 11

Tạo một sọc màu trắng trên đầu trang, chọn Free Transform Tool Ctrl + T và click chuột phải chọn Perspective rồi kéo một góc trên cùng bên trong. Bây giờ chọn công cụ Pen và tạo sọc trắng và để các hình dưới, chọn Free Transform Tool Ctrl + T và click chuột phải chọn Perspective rồi kéo thứ hai ở góc dưới bên trong. hợp nhất các lớp hai và giảm 40% opacity.

Hộp nên giống như thế này.

box-icon-step-7

Bước # 12

Chọn văn bản và công cụ gõ văn bản về phía trước.
final-a

Bây giờ áp dụng một số hiệu lực

gradinat
final-gradiant1

Inner Shadow
final-inner-dropshdow

Drop Shadow
final-inner-shadow

Xem thử cuối cùng

final

Suy nghĩ của bạn về hướng dẫn này, xin vui lòng chia sẻ với chúng tôi là gì. Thảo luận với chúng tôi

Nếu bạn muốn nhận được hướng dẫn thêm từ chúng tôi, hãy xem xét việc đăng ký vào nguồn cấp dữ liệu của chúng tôi bằng RSS, hoặc bằng email.

Filed under: Photoshop, Tutorials bởi admin

Thúc đẩy hệ

Tags: Photoshop, Tutorials

Bài viết liên quan:

nếu bạn rất thích đọc bài viết này, xin vui lòng kiểm tra các sản phẩm khác liên quan dưới đây:

    • Retro lên hình trong 2 phút: Photoshop
    • Vẽ tranh ký họa và hiệu ứng Trong Photoshop
    • Pop Art Comic Hướng dẫn: Photoshop
    • Làm thế nào để tạo Smooth Glossy Text Effect trong Photoshop
    • Làm thế nào để thay đổi một màu xe Trong Chỉ 2 phút Sử dụng Photoshop
Untitled Document

Một ý kiến

  1. iris nói trên: Ngày 03 tháng chín năm 2009 at 11:44 Said:

    thực sự tốt đẹp! cảm ơn : D

Gửi một Thảo luận

XHTML: Bạn có thể sử dụng các thẻ: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> < del datetime = ""> <em> <i> <q <strike> <strong>


«Miễn phí Rust Textures
Trang web của nhà phát triển của thiên đường của Tuần lễ cho Ngày 04 tháng 9 2009 »
Untitled Document

    Đăng ký

  • Đăng ký với nguồn cấp dữ liệu của chúng tôi
  • Đăng ký qua email
  • Theo chúng tôi trên Twitter
  • Tài trợ
  • Tài trợ
  • Tài trợ
  • Tài trợ
  • Tài trợ
  • Tài trợ

    • Tìm kiếm

      Untitled Document
  • Lịch

    Tháng 9 năm 2009
    M T W T F S S
    «Tháng Tám
    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
    • Các trang

      • Gia đình
      • Về
      • Bài viết
      • Liên hệ
    • Thể loại

    • Css (15)
    • Thiết kế / Inspiration (39)
    • Freebies (18)
    • Thiết kế đồ họa (9)
    • Photoshop (10)
    • Tài nguyên (17)
    • Seo (1)
    • Công cụ (5)
    • Hướng dẫn (22)
    • Typography (3)
    • Web phát triển (4)
    • Wordpress (4)
    • Lưu trữ

    • Tháng 9 năm 2009
    • Tháng 8 2009
    • Tháng 7 Năm 2009
    • Tháng 6 năm 2009
    • Tháng 5 năm 2009
    • Bài viết mới

    • Css
    • Thiết kế / Inspiration
    • Freebies
    • Thiết kế đồ họa
    • Photoshop
    • Bài viết phổ biến

    • Làm thế nào tạo tốt mà không cần tìm mẫu bảng
    • 6 miễn phí và chất lượng cao tường gạch Textures
    • Chào mừng đến với ACE
    • Hướng dẫn để tạo ra một đẹp, đơn giản, ngang CSS menu
    • 25 trang web chân trang thiết kế, xu hướng và phong cách
    • 35 minh họa Sáng tạo Website Headers
    • Thiên đường phát triển của các trang web trong tuần cho 02 tháng bảy năm 2009
    • Từ khóa

    Css Thiết kế Fonts Freebies Thiết kế đồ họa Thiết kế đồ họa Icons Inspiration Photoshop Resources Tools Tutorials Typography phát triển web Wordpress

    • Bạn bè

      • Abduzeedo
      • Alist Ngoài
      • Bittbox
      • CrazyLeaf Thiết kế
      • Css Tricks
      • David Walsh
      • Fudgegraphics
      • Nhiên liệu sáng tạo của bạn
      • Trợ giúp phát triển
      • Instant Shift
      • Line25
      • Mirificampress
      • Mực Blog của tôi
      • Noupe
      • PSDFan
      • PSDtuts
      • Chia sẻ Brain
      • Six Revisions
      • Spoon Graphics
      • Toxel
      • Vandelay Thiết kế
      • Chúng tôi chức năng
      • Web Designer Depot
      • Web Designer Ledger
      • Thiết kế website Wall
      • Bạn The Designer
    • Translator

      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
  • TÀI TRỢ

    Kiểm tra UPrinting ngày YouTheDesigner.


    Thủy kinh doanh trực tuyến

    Web Design Blog Directory

.
Untitled Document
Trở về đầu trang

Tổng

Đây có thể quan tâm một số
  • Giới thiệu về công ty của chúng tôi
  • Ý kiến đánh giá
  • Liên hệ chi tiết
  • Blog
  • Xã hội - Twitter, Flickr

Công trình

Ví dụ về các dự án trong quá khứ
  • Giới thiệu về công ty của chúng tôi
  • Ý kiến đánh giá
  • Liên hệ chi tiết
  • Blog
  • Xã hội - Twitter, Flickr

Dịch vụ

Đây là những gì mà bán hôm nay
  • Giới thiệu về công ty của chúng tôi
  • Ý kiến đánh giá
  • Liên hệ chi tiết
  • Blog
  • Xã hội - Twitter, Flickr

Liên hệ chi tiết

Muốn thuê chúng tôi? bắt đầu ở đây ...
  • Dự án Việt Assesment
  • Email - info@aceinfowayindia.com
  • Điện thoại: 91 11 9810018780

Bản quyền © 2009, Bản Quyền, Ace Infoway Ấn Độ thuê Ace Infoway Ấn Độ cho dự án thiết kế tiếp theo của bạn. Của chúng tôi xem danh mục đầu tư.