Мы запустили Форум! (*beta)
сортировать посты по: Рейтингу | Посещаемости | Комментируемые
Подсказка
Если Вы нашли неточность в переводе, ошибку или считаете, что содержание данного шага не совсем точное – используйте функцию «Изменить», чтобы внести свои изменения.
*Ваши изменения будут отправлены администрации на модерирование.
*Поля "Имя" и "Комментарий" не обязательны.
1. Создайте новый документ размером 1200×768 px и разрешением 72 dpi. При помощи инструмента Заливка (Paint Bucket Tool) залейте фон чёрным цветом.








4. При помощи инструмента Прямоугольник с закругленными краями (Rounded Rectangle Tool) (радиусом 5 рх) создайте панель для кнопок меню на заголовке сайта.







6. Создайте новый слой (Create New Layer) под слоем, содержащим кнопки меню, и выберите инструмент Кисть (Brush Tool) и нарисуйте пятно цветом #666666.


7. В режиме Свободного трансформирования (Free Transform) вертикально сожмите пятно и вытяните в горизонтальную линию. Расположите пятно, как на рисунке ниже:

8. При помощи инструмента Прямоугольник с закругленными краями (Rounded Rectangle Tool) (радиусом 5 рх) продолжайте создавать панель меню белого цвета. Установите Заливку (Fill) слоя - 10%.





11. Используя инструмент Линия (Line Tool) (ширина - 1 рх), нарисуйте линию на верхней части панели меню:




13. Теперь разделите кнопки вертикальной линией, созданной инструментом Линия (Line Tool) (ширина - 1 рх).




15. Скопируйте слой вертикальной линии и в режиме Свободного трансформирования
(Free Transform) расположите копию на левой стороне предыдущей линии. Примените для копии стиль Наложение градиента (Layer Style - Gradient Overlay).
(Free Transform) расположите копию на левой стороне предыдущей линии. Примените для копии стиль Наложение градиента (Layer Style - Gradient Overlay).



16. Объедините в группу все слои, содержащие обе вертикальные линии. Скопируйте группу 2 раза и в режиме Свободного трансформирования (Free Transform) разместите копии, как на рисунке ниже:



18. Скопируйте эффект слоя, кликнув на слой, содержащий название сайта (Copy Layer Style), затем Вклейте стиль слоя (Paste Layer Style).


20. Используя инструмент Прямоугольник (Rectangle Tool), скройте основание рисунка под полосой чёрного цвета:













27. Объедините в группу все слои, содержащие кнопку на нижней части рисунка. Скопируйте эту группу и примените для первого слоя кнопки стиль Наложение градиента
(Layer Style - Gradient Overlay).
(Layer Style - Gradient Overlay).


Настройки градиента такие же, как у оригинала. В режиме Свободного трансформирования (Free Transform) переверните копию группы и расположите её так:



29. Скопируйте стиль слоя (Copy Layer Style), затем Вклейте стиль слоя (Paste Layer Style).

30. При помощи инструмента Линия (Line Tool) (ширина - 1 рх) нарисуйте вертикальную разделительную линию на правой стороне рисунка.






33. Скопируйте стиль слоя (Copy Layer Style), затем Вклейте стиль слоя (Paste Layer Style).


Ссылка на источник урока
Создан: 13 октября 2009
написал : Polodin
14 октября 2009 04:19 | ICQ: -- | [цитировать]
написал : Lik
что ты хочешь сказать?
---------------14 октября 2009 05:56 | ICQ: -- | [цитировать]
написал : positive1
Мне тоже интересно :)
---------------ПОДПИСЬ
14 октября 2009 06:23 | ICQ: -- | [цитировать]


-2

Я тоже хочу что-нибудь умное сказать!