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 DVD Cover
    » Colorless girl by Me
    » FileMenu Tools 5.3.1
    » Новейший cборник SMS - звонков ...
    » ЛОГОТИПЫ
    » Aqua Inspirat for Firefox 2
    » The Candyman cursors
    » Фоны для дизайнера - (Fire)
    » Клипарт: "Тачки"
    » Lightbox 2.03.3 (Web Script)
     

    Computer-Arts: Home Of Design » Photoshop » Tutorial » Photosop Tutorial. Создание иконки монитора в стиле Vista. Часть 2.
    Photosop Tutorial. Создание иконки монитора в стиле Vista. Часть 2.
     

    alt

    Photosop Tutorial. Создание иконки монитора в стиле Vista. Часть 2.

     
     


     
     

    17. Теперь нарисуем тень, падающую на экран монитора от корпуса. Для этого создадим новый слой над Слоем 6, загрузим выделение Слоя 3 (синий слой). Зальем черным цветом, сожмем выделение на 3 пикселя и вырежем. Получившийся черный прямоугольник размоем при помощи Gaussian Blur на 3-4 пикселя и отрегулируем прозрачность слоя (40-50%). Тень в правом нижнем углу подотрем резинкой.

    alt

    18. Создадим новый слой, поверх всех слоев. При помощи пера нарисуем вот такой прямоугольник в правом нижнем углу.

    alt

    19. Создадим выделение и зальем градиентом №1. Применим вот такой стиль слоя.

    alt

    alt

    20. В левом нижнем углу, в том же слое, при помощи Elliptical Marquee Tool с нажатой клавишей Shift нарисуем кружочек.

    alt

    21. Создадим вот такой градиент и выберем способ заливки Radial Gradient. Зальем, как у меня на рисунке.

    alt

    alt

    alt

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

    alt

    23. Создадим новую сетку из направляющих:

    alt

    24. Новый слой, ниже ВСЕХ слоев. У меня это Слой 9. Рисуем овальное выделение.

    alt

    25. Заливаем радиальным градиентом, снизу-вверх, наискосок, примерно как у меня.

    alt

    alt

    26. Создаем новый слой. При помощи стрелок сдвинем выделение на 1 пиксель вниз и зальем цветом # 616161. Сдвинем опять вверх на 1 и отрежем лишнее. Опять новый слой, зальем белым, сдвинем на 2 пикселя вверх и отрежем.

    alt

    27. Еще один новый слой. Загрузим выделение самого нижнего слоя (Слой 9) и зальем в новом слое цветом # 9B9B9B. Нарисуем овальное выделение, примерно как у меня и отрежем.

    alt

    28. Опять новый слой. При помощи пера нарисуем примерно вот такой путь, создадим выделение и зальем цветом #838383. Загрузим выделение Слоя 9, инвертируем и отрежем лишнее.

    alt

    29. Вот что должно у нас получиться:

    alt

    30. При помощи пера рисуем путь

    alt

    31. Создаем линейный градиент.

    alt

    32. Новый слой, заливаем градиентом выделение, которое создадим на основе пути, так как у меня на рисунке. Прозрачность 70%.

    alt

    33. Загрузим выделение Слоя 9, сдвинем на 3 пиксель влево и на 3 пикселя вверх, инвертируем и отрежем лишнее.

    alt

    34. Вот что должно у нас получиться:

    alt

    35. Добавим направляющих, чтобы получилась вот такая сетка, и нарисуем при помощи пера фигуру, примерно, как у меня. Новый слой. Создаем выделение и заливаем цветом #6 E6 E6 E.

    alt

    36. Снова новый слой. Пользуясь направляющими, при помощи пера рисуем вот такую фигуру:

    alt

    37. Создаем линейный градиент и заливаем выделение слева направо.

    alt

    38. Ну вот и готово. J

    alt

    Автор Alisa ©

    В следующем уроке читаем: « Рисуем иконку папки в ст иле Vista»


     
     
    Dear user, you are not registered on this site. To post comments or write news you should register or login with your account.
     
    #1 Bumpy (17 March 2007 22:21)
     
    Great tuto, thank you very much Alisa.

    My result feel
    http://img444.imageshack.us/img444/1103/monitorstylevista2dy6.png
     
    #2 DJ.Hmelnitzki (18 March 2007 12:36)
     
    Bumpy, well done smile


    --------------------
     
    Information
      Members of Гости cannot leave comments.  
    © Computer-Arts.info 2006-2008 / Design by serEga.