• Будинок
  • Про
  • Статті
  • Реклама
  • Зв'язатися з нами

: 91 11 9810018780 Пишіть нам: info@aceinfowayindia.com / Call: 91 11 9810018780

  • Стаття написана
  • на 14.12.2009
  • на 05:17 AM
  • від Admin

Як створити значок папки в Photoshop

У цьому уроці ми збираємося створити простий значок папки. Це дуже просте і досить ефективне навчальний посібник, тому все, що вам потрібно це Adobe Photoshop для створення цього ефекту. Сподіваюся, вам сподобається цей урок.



folder-icon-heading

Заключний результат

Це те, що ми робимо сьогодні Gone

folder-icon-step111

Крок # 1

Відкрийте Photoshop і створіть новий документ, у мене 550px × 550px з білим тлом.

folder-icon-step1a

Крок # 2

Виберіть інструмент Перо Переконайтеся, що ви отримали ці параметри вибрані.

folder-icon-step1b

Тепер, використовуючи Pen Tool Намалюйте щось на зразок цього

folder-icon-step1

Зараз ми будемо застосовувати стилі шарів somesome

Вплив градієнта

Стайлинг кнопки двічі клацніть на ескіз форми в панелі "Шари", щоб відкрити Layer Styles діалогового вікна, ми будемо застосовувати Вплив вертикального градієнта для вашої форми. Потім клацніть на кольорі градієнта на правому градієнта можливість відкрити Редактор градієнтів кольорів.

Create Folder Icon in Photoshop

Двічі клацніть на лівому кольору зупинки і введіть значення кольору # FFD772, а потім двічі клацніть на правій кольору зупинки і введіть значення кольору # FFFF99.

folder-icon-step2a

Inner Glow

Наступний застосовувати внутрішній шар Glow стилю. Зміна значень димності, дросель і розміру. Я вибираю встановити прозорість на 75%, дросель на 100%, а розмір на 1px.

Зміна Внутрішнього кольору світіння за замовчуванням # FFFFFF

folder-icon-step2b

Удар

Нарешті ми будемо застосовувати удар. Перша зміна значень від їх розміру. Я вибираю для встановлення розміру в 1px. Зміна положення в межах

Змінити обведення за замовчуванням на # E6C15E6

folder-icon-step2c

Вона повинна виглядати приблизно так зараз

folder-icon-step2

Крок # 3

Тепер необхідно скопіювати шар з формою. NowGo в Edit -> Transform -> Perspective перемістити один у верхньому правому кутку за межами до вас є форма, як нижче

folder-icon-step3

Перейти на Edit -> Transform -> Scale і масштаби її трохи вниз, щоб це виглядало, як відкрили.

folder-icon-step4

Крок # 4

Тепер ми збираємося додати шматочок паперу. Створіть новий шар і намалюйте rectangule як нижче

folder-icon-step5

Зараз ми будемо застосовувати стилі шарів somesome

Вплив градієнта

Стайлинг форми двічі клацніть на ескіз форми в панелі "Шари", щоб відкрити Layer Styles діалогового вікна, ми будемо застосовувати Вплив вертикального градієнта для вашої форми. Потім клацніть на кольорі градієнта на правому градієнта можливість відкрити Редактор градієнтів кольорів.

Create Folder Icon in Photoshop

Двічі клацніть на лівому кольору зупинки і введіть значення кольору # EDEDED, а потім двічі клацніть на правій кольору зупинки і введіть значення кольору # FFFFFF.

folder-icon-step5a

Удар

Далі ми застосовувати удар. Перша зміна значень від їх розміру. Я вибираю для встановлення розміру в 1px. Зміна положення в межах

Змінити обведення за замовчуванням для # DDDDDD

folder-icon-step5b

Тепер зайдіть в Edit -> Transform -> Scale і поверніть папір.

Вона має виглядати наступним чином.

folder-icon-step6

Тепер покладіть листок в папку і встановити непрозорість на 65%.

Тепер давайте "кривий" верхньому куті документа. Видалити малу частину верхнього кута.

Чи повинна виглядати наступним чином.

folder-icon-step9

Тепер виберіть Pen Tool і намалюйте форму (один в чорному ")

folder-icon-step10

Зараз ми будемо застосовувати деякі стилі шару до форми.

Стайлинг форми двічі клацніть на ескіз форми в панелі "Шари", щоб відкрити Layer Styles діалогового вікна, ми будемо застосовувати Вплив вертикального градієнта для вашої форми. Потім клацніть на кольорі градієнта на правому градієнта можливість відкрити Редактор градієнтів кольорів.

Create Folder Icon in Photoshop

Двічі клацніть на лівому кольору зупинки і введіть значення кольору # EDEDED, а потім двічі клацніть на правій кольору зупинки і введіть значення кольору # FFFFFF.

folder-icon-step5a

Удар

Далі ми застосовувати удар. Перша зміна значень від їх розміру. Я вибираю для встановлення розміру в 1px. Зміна положення в межах

Змінити обведення за замовчуванням для # DDDDDD

Заключний результат

Це те, що ми робимо сьогодні Gone

folder-icon-step111

Якщо ви хочете перевірити вашу роботу, ви можете завантажити файл PSD для цього уроку

[Завантажити файл: 30kb]

Якщо Ви хотіли б отримувати ще уроки з нас, будь ласка, підпишіться на наш канал по RSS або по електронній пошті.

Подано в: Photoshop, Tutorials по адміністратора

Рекламуйте нас

  • Додати у Mixx!
Ас Хостинг Індії

Мітки: Photoshop, Tutorials

Статті по темі:

якщо вам сподобалося читати цю статтю, варто ознайомитися з іншими відповідними статтями нижче:

    • Як створювати красиві вставки тексту кнопки в Photoshop
    • Яким створити просту зелену кнопку в Photoshop
    • Як створити I-телефон, як кнопки в Photoshop
    • Як створити друк друкарства в Photoshop
    • Як створити зручний і простий текст 3D ефект в Photoshop
Untitled Document

5 коментарів

  1. Shamima Sultana говорить: 14 грудня 2009 в 7:12 ранку сказав:

    Nice завдання завдяки ...

  2. Семмі @ Minisite дизайн говорить: 14 грудня 2009 в 4:00 вечора сказав:

    Підручник дуже приємно! Завдяки людині

    Семмі
    Дизайн Minisite

  3. Neeraj говорить: 15 грудня 2009 в 5:20 ранку сказав:

    Nice PAL роботу ... Так тримати.

  4. Родман говорить: 16 грудня 2009 в 8:50 вечора сказав:

    Wow це така корисна підручника, спасибо за обмін на вашому блозі! Я знаю хороших підручників не так просто прийти в ці дні, але після цього було так легко і це буде корисно на мій сайт

  5. Shamima Sultana йдеться про: 2 січня 2010 в 4:52 ранку сказав:

    Ніцца підручник ...

Додати коментар

XHTML: Ви можете використовувати ці теги: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> < дель DateTime = ""> <em> <i> <q Cite=""> <strike> <strong>


CommentLuv Enabled Показати більше
«Рай для розробників сайтів на тиждень на 12 грудня 2009
36 Exmaples прості, ефективні Grayscale Логотипи для Вашого натхнення »
Untitled Document

    Підписатись

  • Підписатись на наш канал
  • Розсилка по електронній пошті
  • Слідуйте за нами по щебетати
  • WooThemes - Там, де є Ву, що є спосіб!
  • DreamTemplate - веб-шаблони

    • Пошук

      Untitled Document
  • Календар

    Грудень 2009
    М Т W Т F S S
    «Листопад Jan »
    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
    • Сторінки

      • Будинок
      • Про
      • Статті
      • Реклама
      • Зв'язатися з нами
    • Категорія

    • Css (23)
    • Дизайн / натхнення (60)
    • Freebies (41)
    • Графічний дизайн (12)
    • Photoshop (23)
    • Ресурси (37)
    • СЕО (1)
    • Інструмент (9)
    • Навчання (38)
    • Typography (6)
    • Веб-розробки (6)
    • Wordpress (6)
    • Архіви

    • Січень 2010
    • Грудень 2009
    • Листопад 2009
    • Жовтень 2009
    • Вересень 2009
    • Серпень 2009
    • Липень 2009
    • Червень 2009
    • Травень 2009
    • Останні повідомлення

    • Css
    • Дизайн / натхнення
    • Freebies
    • Графічний дизайн
    • Photoshop
    • Народний Повідомлень

    • Як створювати красиві масштабовані основі CSS Breadcrumbs
    • 5 кроків, щоб писати краще, CSS Частина II
    • Як створити красиві форми без таблиць
    • 30 сайтів з максимальним Оранжевий
    • 21 Big, Bold Typography Website Design
    • 20 Stunning приклад Інфографіка для Вашого натхнення
    • 5 кроків, щоб писати краще Css
    • Хмара тегів

    Css Дизайн Шрифти Безкоштовно Графічний дизайн графіка дизайн іконок натхнення Inspitation Photoshop Ресурси інструменти Навчання Typography веб-розробки Wordpress

    • Друзі

      • Abduzeedo
      • Крім АИз'
      • Bittbox
      • CrazyLeaf дизайн
      • Css Tricks
      • Девід Уолш
      • Fudgegraphics
      • Палива Ваша творчість
      • Допомога розробників
      • Миттєвий Shift
      • Line25
      • Mirificampress
      • Мій блог Чорнило
      • Noupe
      • PSDFan
      • PSDTUTS
      • Частка мозку
      • Шести Перегляд
      • Ложка графіка
      • Toxel
      • Vandelay дизайн
      • Ми функція
      • Веб-дизайнер депо
      • Веб-дизайнер Ledger
      • Веб-дизайнер стіна
      • Ви конструктор
    • Спільнота Новини

        • Google збирається отримати макіяж

          "Кожен, хто бажає постійного успіху повинні постійно змінюється", і це стає все більш і більш очевидним, що Google приєднується до цієї школи думки. Інтернет Маркетинг Блог повідомляє ...

          11 грудня 2009
        • Яким створити просту зелену кнопку в Photoshop

          його дуже просте і досить ефективне керівництво. Сподіваюся, вам сподобається цей урок.

          9 грудня 2009
        • 11 Grunge безкоштовні шрифти для дизайнерів

          У цій замітці ви знайдете 11 безкоштовних Grunge Шрифти для дизайнерів. Ці безкоштовні шрифти ідеально підходять для тривоги своїх проектах. Я сподіваюся, ви це вам сподобається.

          9 грудня 2009
        • 21 Big, Bold Typography Website Design

          поглянути на ці 21 красивими великими, Bold Typography дизайн сайту і дайте нам знати ваші думки в коментарі.

          9 грудня 2009
    • Додати новину

      Ви можете представити ваші посилання нижче, використовуючи форму, і вони як правило, буде затверджений протягом кількох годин.






      Завантаження ...

    • Перекладач

      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
Догори

Загальна

Це може бути, становить певний інтерес
  • Про нашу компанію
  • Відгуки
  • Контактні дані
  • Блог
  • Соціальний - Twitter, Flickr

Робота

Прикладами останніх проектах
  • Про нашу компанію
  • Відгуки
  • Контактні дані
  • Блог
  • Соціальний - Twitter, Flickr

Послуги

Це те, що де продажі сьогодні
  • Про нашу компанію
  • Відгуки
  • Контактні дані
  • Блог
  • Соціальний - Twitter, Flickr

Контактні дані

Хочете найняти нас? почати тут ...
  • Вільний проект Assesment
  • Електронна пошта - info@aceinfowayindia.com
  • Тел: 91 11 9810018780

Авторське право © 2009, Всі права застережені, Ace Infoway Індії оренду Ас Infoway Індії для Вашого наступного проекту. Подивитись наш портфель.