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

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

  • Статията е написана
  • на 02.09.2009
  • в 09:41 ч.
  • от администратор

Създаване на една красива кутия икона в Photoshop

Хей момчета още един Photoshop настойнически наоколо, сега в това време аз ще ви покаже как да се създаде една кутия икона в Photoshop.This е много проста и ефективна техника. Надявам се, че ще се радвате на това уроци.

Ето смисъл ние ще за:

final

Стъпка # 1

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

box-icon-step-0

Стъпка # 2

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

box-icon-step-a

Направете правоъгълник, името на слоя отпред.

box-icon-step-1

Стъпка # 3

Запълнете правоъгълника с # af915b
box-icon-step-2

Стъпка # 4

Прилагане на Inner Shadow за вашия правоъгълник кутия.
box-icon-step-3-a

Правоъгълника трябва да изглежда така.

box-icon-step-3

Стъпка # 5

Направете нов слой на името на новия слой отгоре и изберете Pen Tool, поставете го в горната част на първоначалната правоъгълник след това изберете Free Transform Tool Ctrl + T, сега се намали височината и отидете на Edit - Transform - перспектива и да се премести една от върха в ъгъла до имате кутия форма.

Стъпка # 6

Сега запълване на горния слой с # e1cea4

Кутията изглежда така

ace-box-icon

Стъпка # 7

Прилагане на Inner Shadow за топ слоя кутия.
box-icon-step-5-a

box-icon-step-5

Стъпка: 8

Създаване на черна линия на нов слой и намаляване на непрозрачността на 40% дублира тази черна линия, да го преместите една стъпка назад и намаляване на непрозрачността на 20%.
box-icon-step-6

Стъпка # 11

Създаване на бяла ивица на върха, изберете Free Transform Tool Ctrl + Т и десен клик изберете перспектива след това издърпайте един горния десен вътре. Сега изберете Pen Tool и да се създаде бяло райе и мястото на по форма, изберете Free Transform Tool Ctrl + Т и десен клик изберете перспектива след това издърпайте втория ъгъл в дъното. слеят тези две слой и намаляване на непрозрачността на 40%.

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

box-icon-step-7

Стъпка # 12

Изберете текста инструмент и текстови вид на предната част.
final-a

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

gradinat
final-gradiant1

Inner Shadow
final-inner-dropshdow

Drop Shadow
final-inner-shadow

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

final

Какво мислите за този урок, моля споделете с нас. Коментар нас

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

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

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

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

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

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

    • Ретро оформя за 2 минути: Photoshop
    • Скица и живопис Ефект Във Photoshop
    • Pop Art Комикси Инструкция: Photoshop
    • Как да създадете Гладка Блестящ ефект на текст в Photoshop
    • Как да промените цвета на кола само на 2 минути с Photoshop
Untitled Document

2 Коментари

  1. ирис казва на: 3-ти септември 2009 година в 11:44 ч., заяви:

    много хубаво! благодарности : D

  2. Създаване на една красива кутия икона в Photoshop | Уеб дизайн актуализации казва на: 9-ти септември 2009 година в 2:21 ч., заяви:

    [...] Създаване на красива кутия икона в Photoshop [...]

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

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


«Свободен Руст текстури
Developer's Paradise Сайтове на седмицата за септември 04th 2009 »
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 (15)
    • Дизайн / Вдъхновение (39)
    • Freebies (19)
    • Графичен дизайн (9)
    • Photoshop (10)
    • Ресурси (17)
    • Seo (1)
    • Инструменти (5)
    • Уроци (22)
    • Книгопечатане (3)
    • Уеб развитие (4)
    • Wordpress (4)
    • Архив

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

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

    • Как създавате добре изглеждащи форма без маса
    • 6 Свободен и високо качество на тухлена стена текстури
    • Създаване на една красива кутия икона в Photoshop
    • Добре дошли на АСЕ
    • Инструкция за създаване на един красив, просто, хоризонтално меню CSS
    • 25 уебсайт дизайн Footer, тенденции и стилове
    • 35 Creative Примерна сайт заглавия
    • Етикет облак

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