НОВОСТИ | КАТАЛОГ УРОКОВ | ФОРУМ | ПОРТФОЛИО - Свадебное оптом от производителя wedding-land.ru
   
     
       
   
Новые сообщения
Участники · Правила · Поиск · RSS


 

   
   

 

Форум skydesigner.ru

  • Страница 1 из 1
  • 1
Модератор форума: Vadим, Doktor  
Меню - Как все начиналось
art-designer Дата: Воскресенье, 2008-04-06, 2:29 PM | Сообщение # 1

< 0 >

Дух

Сообщений: 4
Репутация: 0

Статус: Отсутсвует


1. Запустим Adobe Photoshop и создадим новый документ с разрешением 800х600 px. и назовем его new_menu.

Выставляем параметры нашего будущего документа:

Width – Ширина = 800 pixels.

Height – Высота = 200 pixels.

Resolution – Разрешения по точкам (что то вроде dpi).

Background Contents – Тип фона = Transparent.


Переходим ко второму этапу.

2. На этом этапе настроим параметры сетки документа (для того чтобы отобразить сетку перейдем в меню View - > Show -> Grid, И тут же отобразим линейку документа View -> Rulers)

Переходим непосредственно к настройке, для этого перейдем Edit -> Preferences ->
Guides, Grid, Slices & Count… и устанавливаем значения

Переходим к третьему этапу.
3. На этом этапе будем работать с слоями.

Переименуем наш единственный слой layer1 в «Фон» - это и будет наш фон документа.

Далее создадим заготовку из слоем расположив и назвав их следующим образом.

Со слоями все……..

Переходим к шагу четыре.

4. Сделаем черновую заготовку нашего меню.
Для этого будем использовать инструмент Rounded Rectangle Tool – (или просто прямоугольник с закругленными кроями) и инструмент Rectangle Tool – (Тупо прямоугольник).


И так начнем…

Выберем слой – «Полоса меню» и нарисуем на нем черный прямоугольник…

Затем выберем слой – «Заголовок» и нарисуем прямоугольник с закругленными краями…

Аналогично рисуем нижние и верхние полосы меню…

На этом этапе уже все…

Переходим к этапу пять…

5. На этом этапе будем рассматривать создание будущего стиля меню.
Выберем слой полоса меню и применим к нему стиль.

Настроим следующим образом…
Blend Mode – Тип перекрытия слоя = Screen – Экран


Теперь создадим новый документ 50х50 и нарисуем белую кривую линию…

Это наша будущая палитра для заливки слоя «Полоса меню». Cохраним наш документ как палитру для заливки… Для этого жмем меню Edit -> Define Pattern.

Теперь возвращаемся к редактированию стиля слоя «Полоса меню»
Поставим галочку на Pattern Overlay и настроем

Далее сохраним наш стиль как menu_bar

Применим этот стиль и к «Заголовку» меню… просто выбрав его из набора

Теперь создадим cтиль для полос меню… И настроем его…

И сохраним его по именем Line…И применим его к полосам меню…

Ну на этом вроде все переходим к этапу шесть…

6.На том этапе добавим текст и блики меню…
Передвинем полосы как показана на рисунке…

Далее выберем слой «Блик 1» и при помощи инструмента Rounded Rectangle Tool – (или просто прямоугольник с закругленными кроями) добавим блик как показано на рисунке, установив параметры слоя Opacity(прозрачность) = 50%.

Передвинем слой Блик 2.

Удерживая клавишу «Ctrl» щелкнув по слою «Заголовок» появиться выделение
штрихпунктирной линией

И при помощи инструмента Ellipse Tool

Добавляем блик… выбрав слой Блик 2. (Выделение не должно пропадать – это необходимо, для того чтобы блик попал только в область выделения.) и устанавливаем прозрачность слоя Opacity(прозрачность) = 50%.

Настраиваем стиль слоя Блик 2…

Далее добавим текст и устанавливаем параметры


Текст любой – Я выбрал слово ART- Photo


Далее настроем стиль текста …


Так вот и все…

Далее добавим текст меню…

Далее при помощи инструмента Rounded Rectangle Tool обрезаем наше меню дабы придать более приятный вид…

Вот далее только наша фантазия….

Исходник можно скачать здесь в формате *.PSD ---> new_menu.zip <---
Автор .: art-designer :. сайт: http://art-designer.ucoz.ru

Сообщение отредактировал art-designer - Воскресенье, 2008-04-06, 2:51 PM

 
  • Страница 1 из 1
  • 1
Поиск:

Свадебное оптом от производителя - свадебный опт wedding-land.ru
   
   
   
Хостинг от uCoz карта сайта