• Gia đình
  • Về
  • Bài viết
  • Quảng cáo
  • Liên hệ

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

  • Điều Người viết:
  • ngày 14 Tháng Mười Hai 2009
  • lúc 05:17
  • bởi admin

Làm thế nào để tạo thư mục Icon trong Photoshop

Trong hướng dẫn này chúng ta sẽ tạo biểu tượng thư mục đơn giản. Điều này là rất đơn giản và khá hiệu quả hướng dẫn, vì vậy bạn chỉ cần có Adobe Photoshop để tạo ra hiệu ứng này. Tôi hy vọng bạn sẽ thích thú với hướng dẫn này.



folder-icon-heading

Kết quả cuối cùng

Đây là những gì chúng tôi đi làm hôm nay

folder-icon-step111

Bước 1

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

folder-icon-step1a

Bước 2

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

folder-icon-step1b

Bây giờ sử dụng Công cụ Pen vẽ một cái gì đó như thế này

folder-icon-step1

Bây giờ chúng tôi sẽ áp dụng phong cách lớp somesome

Gradient Effect

Kiểu dáng các nút bấm đúp chuột vào các hình nhỏ Shape trong Layer Panel để mở Layer Styles hộp thoại, chúng tôi sẽ áp dụng một dọc Gradient Effect cho Hình dạng của bạn. Sau đó bấm vào Gradient màu trên bên phải của tùy chọn Gradient để mở ra các màu Gradient Editor.

Create Folder Icon in Photoshop

Double-click trái-màu sắc-stop và nhập giá trị màu # FFD772, sau đó bấm đúp chuột vào bên phải màu cửa và nhập giá trị màu # FFFF99.

folder-icon-step2a

Inner Glow

Tiếp theo phong cách áp dụng các lớp Inner Glow. Thay đổi các giá trị của Opacity, Bạc và Size. Tôi chọn để đặt Opacity ở 75%, Bạc ở 100% và Size ở 1px.

Thay đổi màu Glow Nội từ mặc định là # FFFFFF

folder-icon-step2b

Cú đánh

Cuối cùng, chúng tôi sẽ áp dụng những đột quỵ. Đầu tiên thay đổi các giá trị của thước. Tôi chọn để đặt thước ở 1px. Thay đổi vị trí tại Bên ngoài

Thay đổi màu Stroke từ mặc định để # E6C15E6

folder-icon-step2c

Nó sẽ giống như thế này bây giờ

folder-icon-step2

Bước 3

Now Duplicate layer với Shape. NowGo to Edit -> Transform -> Perspective di chuyển một góc trên bên phải góc bên ngoài đến khi bạn có một hình dạng giống như dưới đây

folder-icon-step3

Vào Edit -> Transform -> Quy mô và quy mô nó xuống một chút để nó trông giống như mở cửa.

folder-icon-step4

Bước 4

Bây giờ chúng ta sẽ thêm một mảnh giấy. Tạo một lớp mới và vẽ một rectangule như dưới đây

folder-icon-step5

Bây giờ chúng tôi sẽ áp dụng phong cách lớp somesome

Gradient Effect

Hình dạng phong cách các bạn nhấn đúp vào hình thu nhỏ Shape trong Layer Panel để mở Layer Styles hộp thoại, chúng tôi sẽ áp dụng một dọc Gradient Effect cho Hình dạng của bạn. Sau đó bấm vào Gradient màu trên bên phải của tùy chọn Gradient để mở ra các màu Gradient Editor.

Create Folder Icon in Photoshop

Double-click trái-màu sắc-stop và nhập giá trị màu # EDEDED, sau đó bấm đúp chuột vào bên phải màu cửa và nhập giá trị màu # FFFFFF.

folder-icon-step5a

Cú đánh

Tiếp theo, chúng tôi sẽ áp dụng những đột quỵ. Đầu tiên thay đổi các giá trị của thước. Tôi chọn để đặt thước ở 1px. Thay đổi vị trí tại Bên ngoài

Thay đổi màu Stroke từ mặc định để # dddddd

folder-icon-step5b

Now Go to Edit -> Transform -> Quy mô và xoay giấy.

Nhìn nó có nên như thế này.

folder-icon-step6

Bây giờ đặt mảnh giấy Dưới Folder, và đặt Opacity ở 65%.

Bây giờ hãy đường cong "" ở góc trên cùng của giấy. Xóa một phần nhỏ ở góc trên cùng.

Nên giống như thế này.

folder-icon-step9

Bây giờ chọn công cụ Pen và vẽ hình dạng (một màu đen)

folder-icon-step10

Bây giờ chúng tôi sẽ áp dụng một số kiểu lớp hình thành.

Hình dạng phong cách các bạn nhấn đúp vào hình thu nhỏ Shape trong Layer Panel để mở Layer Styles hộp thoại, chúng tôi sẽ áp dụng một dọc Gradient Effect cho Hình dạng của bạn. Sau đó bấm vào Gradient màu trên bên phải của tùy chọn Gradient để mở ra các màu Gradient Editor.

Create Folder Icon in Photoshop

Double-click trái-màu sắc-stop và nhập giá trị màu # EDEDED, sau đó bấm đúp chuột vào bên phải màu cửa và nhập giá trị màu # FFFFFF.

folder-icon-step5a

Cú đánh

Tiếp theo, chúng tôi sẽ áp dụng những đột quỵ. Đầu tiên thay đổi các giá trị của thước. Tôi chọn để đặt thước ở 1px. Thay đổi vị trí tại Bên ngoài

Thay đổi màu Stroke từ mặc định để # dddddd

Kết quả cuối cùng

Đây là những gì chúng tôi đi làm hôm nay

folder-icon-step111

Nếu bạn muốn kiểm tra công việc của bạn, bạn có thể tải file PSD cho hướng dẫn này

[File tải: 30kb]

nếu bạn muốn nhận được Hướng dẫn chi tiết 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ệ

  • Thêm vào Mixx!

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:

    • Làm thế nào để tạo Nice inset Text Button trong Photoshop
    • Làm thế nào để tạo một đơn giản Green Button trong Photoshop
    • Làm thế nào để tạo I-Phone Giống như Button trong Photoshop
    • Làm thế nào để tạo Letterpress Typography trong Photoshop
    • Làm thế nào để tạo Nice Easy 3D Text Effect trong Photoshop
Untitled Document

4 Comments

  1. Shamima Sultana nói trên: 14 tháng 12 2009 at 07:12 Said:

    Nice nhiệm vụ ... nhờ

  2. semmy @ minisite thiết kế nói trên: Ngày 14 tháng 12 năm 2009 lúc 4:00 Said:

    Hướng dẫn, thật sự tốt đẹp! nhờ người đàn ông

    Semmy
    Minisite Thiết kế

  3. Neeraj nói trên: ngày 15 tháng 12 năm 2009 lúc 5:20 Said:

    nice work pal ... giữ nó lên.

  4. rodman nói trên: 16 tháng 12 năm 2009 lúc 8:50 Said:

    wow đây là những hướng dẫn hữu ích, nhờ để chia sẻ trên blog của bạn! Tôi biết hương tốt không dễ dàng để đến bởi những ngày này, nhưng sau này rất dễ dàng và nó sẽ có ích trên trang web của tôi

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>


CommentLuv Enabled hiển thị nhiều
«Developer's Paradise Các trang web của Tuần lễ cho 12 Tháng 12 năm 2009
36 Exmaples Of đơn giản, hiệu quả Grayscale Biểu trưng cho Inspiration »của bạn
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ài trợ

    • Tìm kiếm

      Untitled Document
  • Lịch

    Tháng 12 năm 2009
    M T W T F S S
    «Tháng Mười Một
    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 31
    • Các trang

      • Gia đình
      • Về
      • Bài viết
      • Quảng cáo
      • Liên hệ
    • Thể loại

    • Css (23)
    • Thiết kế / Inspiration (58)
    • Freebies (39)
    • Thiết kế đồ họa (11)
    • Photoshop (19)
    • Tài nguyên (34)
    • Seo (1)
    • Công cụ (9)
    • Hướng dẫn (36)
    • Typography (6)
    • Phát triển web (6)
    • Wordpress (6)
    • Lưu trữ

    • Tháng 12 năm 2009
    • Tháng 11 năm 2009
    • Tháng 10 năm 2009
    • 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 Nice Scalable CSS Dựa Breadcrumbs
    • 5 Bước để viết tốt hơn CSS Phần II
    • Làm thế nào tạo tốt mà không cần tìm mẫu bảng
    • 30 trang web với tối đa cam
    • 21 Big, Bold Typography Thiết kế Website
    • 20 Stunning Ví dụ Of Infographics Đối với cảm hứng của bạn
    • 5 Bước để viết tốt hơn Css
    • Từ khóa

    Css Thiết kế Fonts Freebies Thiết kế đồ họa Thiết kế đồ họa Icons Inspiration Inspitation 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
    • Community News

        • Google về để có được một Makeover

          "Nguyên vẹn hằng mong muốn thành công phải thay đổi liên tục" và nó đang trở nên ngày càng thấy rõ rằng Google gia vào trường này của tư tưởng. Các Tiếp thị trực tuyến Blog là một báo cáo ...

          Ngày 11 tháng 12 2009
        • Làm thế nào để tạo một đơn giản Green Button trong Photoshop

          là ông rất đơn giản và khá hiệu quả hướng dẫn. Tôi hy vọng bạn sẽ thích thú với hướng dẫn này.

          09 Tháng 12 Năm 2009
        • Miễn phí 11 Grunge Fonts cho các nhà thiết kế

          Trong bài này bạn sẽ tìm thấy 11 Free Grunge Fonts cho các nhà thiết kế. Các phông chữ Việt được thiết kế hoàn hảo cho đau khổ của bạn. Tôi Hy vọng bạn, bạn sẽ tận hưởng này.

          09 Tháng 12 Năm 2009
        • 21 Big, Bold Typography Thiết kế Website

          có một cái nhìn lúc này 21 Beautiful Big, Bold Typography Thiết kế trang web và cho chúng tôi biết suy nghĩ của bạn trong nhận xét.

          09 Tháng 12 Năm 2009
    • Thêm Tin tức

      Bạn có thể gửi liên kết của bạn bằng cách sử dụng mẫu dưới đây và chúng thường sẽ được chấp nhận trong vòng vài giờ.






      Loading ...

    • 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ư.