»Как да създадете папка икона в Photoshop
  • Дом
  • За
  • Членове
  • Реклама
  • Свържете се с нас

: 91 11 9810018780 Поща на адрес: info@aceinfowayindia.com / Покана: 91 11 9810018780

  • Статията е написана
  • на 14.12.2009
  • в 05:17 ч.
  • от администратор

Как да създадете папка икона в Photoshop

В този урок ние ще се създаде проста папка икона. Това е много проста и доста ефективен начинаещи, така че всичко, което се нуждаете е Adobe Photoshop за създаване на този ефект. Надявам се, че ще се насладите на този урок.



folder-icon-heading

Окончателна Резултат

Това е, което ние няма да днес

folder-icon-step111

Стъпка # 1

Отворете Photoshop и създайте нов документ, моята е 550px × 550px с бял фон.

folder-icon-step1a

Стъпка # 2

Изберете Pen Tool се уверете, че сте се погрижили избраните опции.

folder-icon-step1b

Сега използвайки инструмента Pen съставя нещо подобно

folder-icon-step1

Сега ние ще се прилага somesome стилове слой

Постепенно Ефект

Стайлинг на двойното кликване на бутон върху умаленото форма на слоевете панел за отваряне на Layer стилове диалоговия прозорец ще се прилага Вертикален градиент ефект за вашия Формата. След това кликнете на цветния градиент на правото на градиента опция за отваряне на Color Gradient Editor.

Create Folder Icon in Photoshop

Двоен-щракване на ляво-цвят-спрете и въведете стойност цвят # FFD772, щракнете двукратно щракване на десния цвят-спрете и въведете стойността, цвят # FFFF99.

folder-icon-step2a

Inner Glow

Следваща прилагат Вътрешен стил Glow слой. Промяната на стойностите на коефициента на непрозрачност, Choke и размер. Аз избирам да настроите Opacity на 75%, Choke на 100% и в размер 1px.

Промяна на Вътрешен цвят Glow от по подразбиране # FFFFFF

folder-icon-step2b

Удар

Накрая ние ще се прилага на Stroke. Първо промяна на ценностите от техния размер. Аз избирам да зададете размер на 1px. Промяна на позицията на Извън

Промяна на Stroke цвят от по подразбиране # 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 стилове диалоговия прозорец ще се прилага Вертикален градиент ефект за вашия Формата. След това кликнете на цветния градиент на правото на градиента опция за отваряне на Color Gradient Editor.

Create Folder Icon in Photoshop

Двоен-щракване на ляво-цвят-спрете и въведете стойност цвят # EDEDED, щракнете двукратно щракване на десния цвят-спрете и въведете стойността, цвят # FFFFFF.

folder-icon-step5a

Удар

След това ще се прилага на Stroke. Първо промяна на ценностите от техния размер. Аз избирам да зададете размер на 1px. Промяна на позицията на Извън

Промяна на Stroke цвят от по подразбиране # DDDDDD

folder-icon-step5b

Сега отидете на Edit -> Transform -> Scale и въртене на хартията.

Той трябва да изглежда така.

folder-icon-step6

Сега поставя парче хартия под папката, и задайте Opacity на 65%.

Сега нека "крива" в горния ъгъл на хартията. Изтриване на една малка част от горния десен.

Трябва да изглежда така.

folder-icon-step9

Сега изберете Pen Tool и начертайте форма (от една в черно)

folder-icon-step10

Сега ние ще се прилагат някои слой стилове на формата.

Стайлинг формата двойно кликване върху умалено форма на слоевете панел за отваряне на Layer стилове диалоговия прозорец ще се прилага Вертикален градиент ефект за вашия Формата. След това кликнете на цветния градиент на правото на градиента опция за отваряне на Color Gradient Editor.

Create Folder Icon in Photoshop

Двоен-щракване на ляво-цвят-спрете и въведете стойност цвят # EDEDED, щракнете двукратно щракване на десния цвят-спрете и въведете стойността, цвят # FFFFFF.

folder-icon-step5a

Удар

След това ще се прилага на Stroke. Първо промяна на ценностите от техния размер. Аз избирам да зададете размер на 1px. Промяна на позицията на Извън

Промяна на Stroke цвят от по подразбиране # DDDDDD

Окончателна Резултат

Това е, което ние няма да днес

folder-icon-step111

Ако искате да проверите своята работа, можете да изтеглите файла СДП за този настойнически

[Изтегляне на файла: 30KB]

Ако бихте искали да получите повече уроци от нас, моля, помисли абонирате за нашия емисия от RSS или чрез имейл.

Пила под: Photoshop, уроци от администратор

Насърчаване нас

  • Добави към Mixx!
Асо Хостинг Индия

Tags: Photoshop, Помагала

Свързани членове:

Ако ви хареса прочетете тази статия, моля, проверете други предмети, свързани по-долу:

    • Как да създадете Ница добавям текст бутон на Photoshop
    • Как да се създаде проста зеления бутон в Photoshop
    • Как да създадете I-телефон подобен бутон на Photoshop
    • Как да създадете текст към илюстрация Типография във Фотошоп
    • Как да създадете Ница Лесно 3D текст ефект в Photoshop
Untitled Document

4 Коментари

  1. Shamima Султана казва на: 14-ти декември, 2009 година в 7:12 ч., заяви:

    Ница задача ... благодаря

  2. Semmy @ minisite дизайн казва на: 14-ти декември 2009 г в 4:00 ч., заяви:

    Наистина хубаво начинаещи! благодаря човек

    Semmy
    Minisite Дизайн

  3. neeraj казва на: 15-ти декември 2009 година в 5:20 ч., заяви:

    Добра работа ... приятел го поддържаме.

  4. въдичар казва на: 16-ти декември 2009 в 8:50 ч., заяви:

    уау това е толкова полезен начинаещи, благодаря за споделяне на вашия блог! Знам, че добри уроци не са лесни да дойдат от тези дни, но след това беше толкова лесно и това ще бъде полезен на моя сайт

Изпращане на коментар

XHTML: Можете да използвате тези тагове: <a href="" title=""> заглавие=""> title=""> буквата title=""> <b> <blockquote викам <cite> <code> < дел DateTime = ""> <em> <i> <q cite=""> <strike> <strong>


CommentLuv Enabled > повече
«Developer's Paradise Сайтове на седмицата за 12-ти декември 2009 година
36 Exmaples на прости, ефективни Grayscale лого за вдъхновение »
Untitled Document

    Абонамент

  • Абонирайте се за нашия емисия
  • Абонамент по имейл
  • Следвайте ни на нервна възбуда

    • Търся

      Untitled Document
  • Календар

    Декември 2009
    М Т З Т 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 31
    • Страници

      • Дом
      • За
      • Членове
      • Реклама
      • Свържете се с нас
    • Категории

    • Css (23)
    • Дизайн / Вдъхновение (59)
    • Freebies (39)
    • Графичен дизайн (12)
    • Photoshop (21)
    • Ресурси (35)
    • Seo (1)
    • Инструменти (9)
    • Уроци (37)
    • Книгопечатане (6)
    • Уеб развитие (6)
    • Wordpress (6)
    • Архив

    • Декември 2009
    • Ноември 2009
    • Октомври 2009
    • Септември 2009
    • Август 2009
    • Юли 2009
    • Юни 2009
    • Май 2009
    • Нова Постове

    • Css
    • Дизайн / Вдъхновение
    • Freebies
    • Графичен дизайн
    • Photoshop
    • Популярни Постове

    • Как да създадете Ница Scalable CSS базата сте тук
    • 5 стъпки към по-добро Напиши CSS част II
    • Как създавате добре изглеждащи форма без маса
    • 30 Уеб сайтове с максимално Ориндж
    • 21 Голям, Bold Типография Уебсайт дизайн
    • 20 Пример за нова Infographics За вдъхновение
    • 5 стъпки към по-добро Напиши Css
    • Етикет облак

    Css Дизайн Шрифтове Freebies Графичен дизайн Графичен дизайн икони Вдъхновение Inspitation Photoshop ресурси Инструменти Помагала Типография Уеб развитие Wordpress

    • Приятели

      • Abduzeedo
      • Освен Alist
      • Bittbox
      • CrazyLeaf Дизайн
      • Css трикове
      • Дейвид Уолш
      • Fudgegraphics
      • Гориво креативността си
      • Помощ за разработчици
      • Незабавно Shift
      • Line25
      • Mirificampress
      • Мастило Моят блог
      • Noupe
      • PSDFan
      • PSDtuts
      • Сподели Мозъчен
      • Шест Ревизии
      • Лъжица Graphics
      • Toxel
      • Vandelay Дизайн
      • Ние функция
      • Уеб дизайнер Депо
      • Уеб дизайнер Леджър
      • Уеб дизайнер стена
      • Можете проектант
    • Новини

        • Google за да получите Makeover

          "Всеки, който постоянно желания успех трябва да се променят постоянно" и тя е все по-очевидно, че Google се присъединява към тази школа на мисълта. В онлайн маркетинг блог е отчитане на ...

          11-ти декември 2009 год.
        • Как да се създаде проста зеления бутон в Photoshop

          му е много проста и доста ефективен настойнически. Надявам се, че ще се насладите на този урок.

          9-ти декември, 2009
        • 11 безплатни гръндж Шрифтове за дизайнери

          В този пост ще намерите 11 безплатни гръндж Шрифтове за дизайнери. Тези безплатни шрифтове са идеални за изтощително вашите проекти. Надявам се, че ще се радвате на това.

          9-ти декември, 2009
        • 21 Голям, Bold Типография Уебсайт дизайн

          да погледнете на тези прекрасни 21 Голям, Bold Типография Дизайн и да споделите мислите си с нас в коментар.

          9-ти декември, 2009
    • Добави новина

      Можете да подадете своята връзките по-долу като се използва формата и те обикновено ще бъдат одобрени в рамките на няколко часа.






      Loading ...

    • Преводач

      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

Лице за контакти &

Искате ли да ни наемат? за да започнете тук ...
  • Безплатен проект Оценка
  • Имейл - info@aceinfowayindia.com
  • Тел: 91 11 9810018780

© 2009, Всички права запазени, Асо Infoway Индия под наем Асо Infoway Индия за следващия си архитектурен проект. Преглед на нашия портфейл.