Login Password
Menu
 
 
Friends
   
Calendar
 
«    January 2007    »
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
 
 
 
 
Top News
  » Safari 3.1
» RunMe 0.9.2 (Update)
» Cyrillic Pixelfonts
» Клипарт: "СердеШное настроение"
» Мотоциклы
» EasyBCD 1.72
» Pictomio 1.0 Final
» Summertime Wallpaper pack
» Plexis Box by ~Aerotox
» Эти глаза напротив...
 
Forum News
 
  • Service Pack 3 для WinXP досту ...
  • Бантики. Вектор
  • Old Paper Vector Scrolls
  • Обои. Срочно. Чьи?
  • Десктопы 2008
  • Photoshop Styles. Buttons Styl ...
  • Photoshop Styles: Glass
  • TrueTransparency - настоящая п ...
  • CPU Icon (.PSD FILE) by Beater ...
  • Восстановление ссылок - Судьба ...
  •  
    Random News
      » Vista Ultimate Package
    » iPOD Pink by me
    » Zune Final
    » Photoshop Tutorial. Новогодняя ...
    » Antares Complete Icons Pack
    » Computer-Arts.Info Wallpaper
    » Sign Icons by Numizmat
    » Paint.NET v3.10 Final
    » Developer Icons
    » Ferrari F2008 template for Pho ...
     

    Computer-Arts: Home Of Design » Photoshop » Tutorial » Photoshop Tutorial. Объемный куб с округленными углами.
    Photoshop Tutorial. Объемный куб с округленными углами.
     

    alt

     
     


     
     


    Чтобы правильно построить куб, лучше всего воспользоваться фильтром 3 D Transform. Если его нет в стандартном наборе фильтров Фотошопа (а такое бывает), скачать можно здесь.
    Устанавливаем фильтр :
    …Program Files\Adobe\Adobe Photoshop CS2\Plug-Ins\Filters.

     

     

    1. Создаем файл, примерно 300х300 пикселей с прозрачным фоном. Даже если кубик должен быть маленьким, сначала его делаем примерно раза в два больше, а потом уменьшаем. Это поможет избежать различных багов, возникающих при трансформации, да и аккуратнее можно сделать.

     

     

     

    1. Теперь откроем окно фильтра 3 D Transform и нарисуем кубик при помощи инструмента «куб»

     

    alt

     

    1. Воспользовавшись инструментом поворота, развернем его, как нам нужно. Если не получится развернуть так, чтобы боковые стороны были строго по вертикали, сильно не мучаемся, это можно подправить потом. Жмем ОК.

     

    alt

     

    1. Теперь выровняем куб по направляющим, воспользовавшись EditTransform Rotate.

     

    alt

     

    1. Выберем рисунок, который будем размещать на кубе. Нужно, чтобы он имел скругленные углы. Для этого воспользуемся инструментом Rounded Rectangle Tool, с вот такими параметрами:

     

    alt

     

    alt

     

    alt

     

    alt

     

     

    1. Разместим рисунок на одной из граней куба и подгоним его при помощи EditTransform Scale, а потом EditTransform Perspective.

     

    alt

     

    alt

     

    1. То же самое сделаем с рисунком на второй грани, и немного притемним его при помощи ImageAdjustments Variations.

     

    alt

     

     

    1. Теперь изначальный куб можно закрыть. При помощи пера нарисуем округление углов, создадим выделение.

     

    alt

     

    alt

     

    1. Создадим новый слой (Слой 4)

     

    alt

     

    1. Нажимая одновременно клавиши Ctrl+ Shift и, щелкая на слое 2, а потом 3, добавим выделения этих слоев к нашему выделению и зальем выделение цветом. (У меня цвет # 979797).

     

     

    1. Теперь разместим направляющую ( Guide), на ребре куба. Нажав и удерживая клавишу Alt, отнимем часть выделения справа, до направляющей.

     

    alt

     

    1. Создадим новый слой поверх всех слоев и зальем любым цветом.

     

    alt

     

    1. Fill слоя 0%, применим к слою вот такие стили:

     

    alt

     

    alt

     

    alt

     

    alt

     

    alt

     

     

    1. Должно получиться вот так:

     

    alt

     

    1. Скопируем стиль слоя. Создадим новый слой. Загрузим выделение слоя 4. Теперь отнимем часть выделения слева. Зальем любым цветом. Применим сохраненный стиль слоя.

     

    alt

     

    1. Должно получиться примерно вот так. Загрузим выделение слоя 4.

     

    alt

     

    1. Удерживая одновременно клавиши Ctrl + Alt, щелкнем на слоях 2 и 3, чтобы вычесть их выделения.

     

    alt

     

    1. Создадим новый слой поверх всех слоев, и зальем выделение черным цветом.

     

    alt

     

    1. Размоем при помощи Gaussian Blur. Радиус 2,8 – 3 пикселя.

     

    alt

     

    1. Загрузим выделение слоя 4, создадим новый слой, возьмем мягкую кисточку (у меня цвет # 656363), Opacity 25% и, исправим неудачные места вручную.

     

    alt

    1. Я еще и притемнила немного ребро куба.

     

    alt

     

    1. Загрузим выделение слоя 6, создадим новый слой поверх всех слоев и зальем градиентом Foreground to Transparent слева направо. Прозрачность слоя 40%.

     

    alt

     

    1. Загрузим выделение слоя 5 и зальем справа налево, можно в том же слое.

     

    alt

     

    1. Должно получиться вот так:

     

    alt

     

    1. Можно добавить еще блик. Для этого выберем белый цвет цветом переднего плана. Загрузим выделение слоя 6. Создадим новый слой поверх всех слоев и, зальем градиентом Foreground to Transparent, примерно как у меня. Размоем при помощи Gaussian Blur. Загрузим выделение слоя 4, инвертируем и отрежем лишнее.

     

    alt

     

    alt

     

    alt

     

    1. Теперь куб можно уменьшить:

     

    alt

     

    1. Вот результат. Отражения я сделала как в статье «Создание отражений это просто» , только подогнала с помощью EditTransformDistort. Тени навела вручную кисточкой.

     

    alt

     

    Если есть вопросы задаем в комментах или на форуме.

     

    Автор Alisa ©

     


     
     
    Dear user, you are not registered on this site. To post comments or write news you should register or login with your account.
     
    #1 EsC2006 (8 February 2007 21:27)
     
    полезно!!
    Спасибо! )
     
    #2 Avatar4pro (14 February 2007 15:08)
     
    оо я ток узнал что в шопе 3д моно делать=)я раньше думал ток в 3д максе:)пасип за весч полезную winked
     
    #3 Bukem (30 August 2007 19:02)
     
    Ну вообще классно ! Балдею от таких штуковин fellow
    Спасибо !
     
    Information
      Members of Гости cannot leave comments.  
    © Computer-Arts.info 2006-2008 / Design by serEga.