• Будинок
  • Про
  • Статті
  • Зв'язатися з нами

: 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 Індії для Вашого наступного проекту. Подивитись наш портфель.