• Дом
  • О
  • Статьи
  • Реклама
  • Связаться с нами

: 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
    • Как создать веб-кнопки в Photoshop + Скачать бесплатно PSD File
Untitled Document

6 Комментариев

  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 утра сказал:

    Ницца учебник ...

  6. М. Саид tanjila jesmeen писал: 17 января 2010 в 9:01:

    хорошее job.keep его.

Добавить комментарий

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 (26)
    • Дизайн / вдохновение (67)
    • Freebies (60)
    • Графический дизайн (12)
    • Photoshop (33)
    • Ресурсы (51)
    • Сео (1)
    • Инструмент (14)
    • Обучение (43)
    • Typography (6)
    • Веб-разработки (6)
    • Wordpress (6)
    • Архивы

    • Февраль 2010
    • Январь 2010
    • Декабрь 2009
    • Ноябрь 2009
    • Октябрь 2009
    • Сентябрь 2009
    • Август 2009
    • Июль 2009
    • Июнь 2009
    • Май 2009
    • Последние сообщения

    • Css
    • Дизайн / вдохновение
    • Freebies
    • Графический дизайн
    • Photoshop
    • Народный Сообщений

    • Как создать красивые формы без таблиц
    • 21 Big, Bold Typography Website Design
    • 5 шагов, чтобы писать лучше, CSS Часть II
    • Как создавать красивые масштабируемые основе CSS Breadcrumbs
    • 20 Stunning пример Инфографика для Вашего вдохновения
    • 33 "Привет" Страницы Пример Для Вашего вдохновения
    • 10 Awesome Оптимизация изображений инструменты
    • Облако тегов

    Css Дизайн Шрифты Бесплатно Графический дизайн графика дизайн иконок вдохновение Inspitation Photoshop Ресурсы инструменты Обучение Typography веб-разработки Wordpress

    • Друзья

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

        • 40 бесплатных профессиональных Полезная наборы иконок для веб-Desi ...

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

          19 февраля 2010
        • Биоразнообразие год - бесплатный пакет природа вектора

          Новый 2010 год станет первым годом десятилетия 2010-х годов, поскольку мы сталкиваемся с проблемами связанными с изменением климата, Организация Объединенных Наций провозгласила 2010 год Международным годом дву ...

          18 февраля 2010
        • Бесплатные Телеком Icon Set

          ComFi разработали конкретные "ComFi Telecom Icons" Icon Pack в 32 х 32 пикселей января 2010. Для личных & коммерческого использования.

          16 февраля 2010
        • 40 + великолепна и художественных Typography Tutorials Уси ...

          Типографики пример или разработанной методики текста волне, где мы организация текста на странице, в проектировании этом современном мире Photoshop Tutorials типографики которые будут вдохновлять вас и увеличить вашу ...

          15 февраля 2010
        • Успех вашего бизнеса на веб -

          Статья об изменениях в области маркетинга, когда веб 2,0 прибыли. Сильные и слабые стороны, концепция, что онлайн среднего привлечены к маркетингу.

          13 февраля 2010
        • 30 + чрезвычайно полезны приложений Adobe AIR

          Сегодня мы представлены некоторые наиболее полезных приложений Adobe AIR, один из самых популярных приложений платформы, она стала очень популярной платформы для интернет-включен настольных приложений. ...

          12 февраля 2010
        • 15 Valentine's Day Photoshop Tutorials

          Вот облаву на 15 учебников для Photoshop черпать вдохновение, когда, создав собственную довольно поздравительную открытку или обои для вашего любимого человека.

          8 февраля 2010
    • Добавить новость

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






      Загрузка ...

    • Переводчик

      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 Индии для Вашего следующего проекта. Посмотреть наш портфель.