• Дом
  • За
  • Членове
  • Свържете се с нас

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

  • Статията е написана
  • на 10.11.2009
  • в 12:37 ч.
  • от администратор

Как да създадете Ница добавям текст бутон на Photoshop

Това е началото lavel дизайн настойнически. В тази статия ще намерите Как да създадете Ница добавям текст бутон на Photoshop. Това е много лесен и бърз графичен дизайн tutorial.I Надявам се, че ще се насладите на този урок.

Окончателна Преглед

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

inset-button-tutorial-final

Стъпка # 1

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

inset-button-tutorial-step1

Стъпка # 2

Изберете Rounded Rectangle Tool и да създадете бутон, мина радиус е 6px.

inset-button-tutorial-step2

Сега ние ще се прилага някакъв ефект

Gradient Overlay

Стайлинг на бутон двойно кликване върху картинката с бутони слой в Layers панел за отваряне на диалоговия прозорец Layer стилове, ние ще се прилага вертикална gradiant ефект за вашия бутон. След това кликнете на цветния градиент на правото на градиента опция за отваряне на olor С Gradient Editor.

3d-bottom-layer

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

inset-button-tutorial-step2a

Drop Shadow

Следваща прилага Drop Shadow стил слой. Съхранявайте на 120o ъгъл, отколкото промяна на стойностите на коефициента на непрозрачност, дистанционно и размер. Аз избирам да настроите Opacity на 47%, Разстояние до 2px и размер най-4px.

inset-button-tutorial-step2d

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

inset-button-tutorial-step2Dropshadow

Удар

След това ще се прилага на Stroke. Първо промяна на ценностите от техния размер. Аз избирам да зададете размер на 1px, позиция в Навън. Аз избирам да настроите Opacity на 100%. Промяна на Stroke цвят от по подразбиране # 666666

inset-button-tutorial-step2e

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

inset-button-tutorial-step2Stroke

Стъпка # 3

Изберете Horizontal Type Tool и въведете текста на фронта.

inset-button-tutorial-step3

Сега ние ще се прилага някакъв ефект за текст.

Color Overlay

Двоен-щракване на картинка слой текст в слоевете панел за отваряне на Layer стилове диалоговия прозорец. Първо ще се прилага Overlay цвят, изберете цвят # 303030

inset-button-tutorial-step3a

Inner Shadow

Следваща прилагат Вътрешен стил Сянка слой. Най-важната част запази ъгъл при 41o, отколкото промяна на стойностите на коефициента на непрозрачност, дистанционно и размер. Аз избирам да настроите Opacity на 75% и дистанционно в 1px и "Размер на 1px.

inset-button-tutorial-step3Innershadow

Drop Shadow

Накрая ние ще прилага Drop Shadow, първата промяна на смесване опция за Нормално. Промяна на сянка цвят от по подразбиране # FFFFFF. Съхранявайте ъгъл при 90o, отколкото промяна на стойностите на коефициента на непрозрачност и дистанционно. Аз избирам да настроите Opacity на 47% и Разстояние на 1px.

inset-button-tutorial-step3c

Резултат

inset-button-tutorial-final

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

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

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

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

  • Добави към Mixx!

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

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

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

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

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

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


CommentLuv Enabled > повече
«10 Яки свободната си ръка наравно Икона Комплекти
25 Яки IPhone App Уеб сайтове »
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
    • Страници

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

    • Css (19)
    • Дизайн / Вдъхновение (49)
    • Freebies (32)
    • Графичен дизайн (10)
    • Photoshop (17)
    • Ресурси (30)
    • Seo (1)
    • Инструменти (7)
    • Уроци (31)
    • Книгопечатане (4)
    • Уеб развитие (5)
    • Wordpress (6)
    • Архив

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

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

    • Как създавате добре изглеждащи форма без маса
    • 30 Уеб сайтове с максимално Ориндж
    • Как да създадете текст към илюстрация Типография във Фотошоп
    • Как да създадете Ница Scalable CSS базата сте тук
    • 5 стъпки към по-добро Напиши Css
    • Създаване на една красива кутия икона в Photoshop
    • 6 Яки онлайн инструменти за редактиране на снимки
    • Етикет облак

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

    • Приятели

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

      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 Индия за следващия си архитектурен проект. Преглед на нашия портфейл.