• Дом
  • О
  • Статьи
  • Связаться с нами

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

  • Статья написана
  • на 02.09.2009
  • : 09:41 AM
  • от Admin

Создание красивой коробке иконы в Photoshop

Эй ребята еще одного урока вокруг здесь, то в этот раз я покажу вам, как создать значок в окне Photoshop.This очень простая и эффективная методика. Надеюсь, вам понравится этот учебники.

Вот эффекта мы собираемся для:

final

Шаг # 1

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

box-icon-step-0

Шаг # 2

Выберите прямоугольник инструментом Убедитесь, что вы получили эти параметры выбраны.

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 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 Ctrl + T и правой кнопки мыши выберите Перспектива затем вытяните одну верхнем углу внутри. Теперь выберите Pen Tool и создать белой полосой и место под форму, выберите инструмент Free Transform Ctrl + T и правой кнопки мыши выберите Перспектива затем выньте втором нижнем углу внутри. объединить эти два слоя и уменьшить непрозрачность 40%.

Окно должно выглядеть следующим образом.

box-icon-step-7

Шаг # 12

Выберите инструмент Текст и введите текст на фронт.
final-a

Теперь применим некоторый эффект

gradinat
final-gradiant1

Внутренняя тень
final-inner-dropshdow

Drop Shadow
final-inner-shadow

Заключительный Preview

final

Что ваши мысли по поводу этого учебника, пожалуйста, поделитесь с нами. Комментарии нас

Если Вы хотели бы получать больше учебников у нас, пожалуйста, подпишитесь на наш канал по RSS или по электронной почте.

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

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

Метки: Photoshop, Tutorials

Статьи по теме:

если вам понравилось читать эту статью, следует ознакомиться с другими соответствующими статьями ниже:

    • Ретро До изображение в 2 минуты: Photoshop
    • Рисунок и живопись Влияние В Photoshop
    • Поп-арт комиксов Учебник: Photoshop
    • Создание гладкой глянцевой Влияние текст в Photoshop
    • Как изменить цвет автомобиля всего за 2 минут с помощью Photoshop
Untitled Document

Один Комментариев

  1. радужная оболочка говорит о: М. Саид 3 сентября 2009 в 11:44:

    очень приятно! спасибо : D

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

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


«Руст Бесплатные текстуры
Рай для разработчиков сайтов Недели за сентябрь 04th 2009 »
Untitled Document

    Подписаться

  • Подписаться на наш канал
  • Рассылка по электронной почте
  • Следуйте за нами по щебетать
  • Спонсор
  • Спонсор
  • Спонсор
  • Спонсор
  • Спонсор
  • Спонсор

    • Поиск

      Untitled Document
  • Календарь

    Сентябрь 2009
    М Т W Т 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)
    • Сео (1)
    • Инструмент (5)
    • Обучение (22)
    • Typography (3)
    • Веб-разработка (4)
    • Wordpress (4)
    • Архивы

    • Сентябрь 2009
    • Август 2009
    • Июль 2009
    • Июнь 2009
    • Май 2009
    • Последние сообщения

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

    • Как создать красивые формы без таблиц
    • 6 бесплатных и высоким качеством кирпичной стены текстур
    • Добро пожаловать на ACE
    • Учебник для создания красивой, простой, горизонтальное меню CSS
    • 25 дизайнов сайта колонтитул, тенденции и стили
    • 35 Creative Иллюстративный сайте Заголовки
    • Рай для разработчиков сайтов неделе 02-е за июль 2009
    • Облако тегов

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

    • Друзья

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

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