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





5. Объедините в группу все слои, составляющие лучи. Установите для группы Режим наложения – Точечный свет (Blending Mode – Pin Light) и Непрозрачность (Opacity) слоя - 64%.

6. При помощи инструмента Прямоугольник с закругленными краями (Rounded Rectangle Tool) создайте первичный слой панели и разделов сайта, цветом #E3E3E3.


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


10. Используя предыдущий инструмент Прямоугольник с закругленными краями
(Rounded Rectangle Tool), создайте раздел сайта белого цвета:
(Rounded Rectangle Tool), создайте раздел сайта белого цвета:


12. Создайте новый слой (Create New Layer) и выберите инструмент Кисть (Brush Tool), кликнув на слой рисунка.

13. Теперь нам необходимо использовать инструмент Пипетка (Eyedropper Tool) и кисть, чтобы кликнуть на те места панели сайта, которые должны выглядеть размытыми, возле фона сайта.

14. При помощи инструмента Линия (Line Tool) создайте тип календарной таблицы белого цвета (удерживая клавишу Shift).



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




18. Скопируйте последний слой и скройте следующие эффекты: Отбрасывание тени
(Layer Style - Drop Shadow), Наложение градиента (Layer Style - Gradient Overlay) (правой кнопкой мыши нажмите на эффекты в палитре слоёв).
(Layer Style - Drop Shadow), Наложение градиента (Layer Style - Gradient Overlay) (правой кнопкой мыши нажмите на эффекты в палитре слоёв).


19. Слой с эффектом Отбрасывание тени (Layer Style - Drop Shadow) может быть подкорректирован инструментом Ластик (Eraser Tool). Примените для копии слоя стиль Обводка (Layer Style - Stroke).






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

24. Теперь изобразите деление между кнопками, состоящее из маленьких точек. Настройки указаны ниже:















31. Выберите инструмент Линия (Line Tool) и нарисуйте 2 разделительные вертикальные полосы цветом #DA6900.

32. Заполните остальные разделы соответствующим текстом. Настройки для “Lorem ipsum dolor”:




33. Создайте новый слой (Create New Layer) и выделите определённую зону инструментом Прямоугольная область (Rectangular Marquee Tool), а также используйте ранее применяемую кисть белого цвета для того, чтобы подчеркнуть правый край:


34. Скопируйте этот слой и в режиме Свободного трансформирования (Free Transform) зеркально отразите копию. При помощи инструмента Затемнитель (Burn Tool) затемните край оригинала.




37. Выберите инструмент Кисть (Brush Tool) белого цвета на новом слое (Create New Layer) и добавьте несколько штрихов, как в рисунке ниже (расположите этот слой под слоем названия сайта).

Ссылка на источник урока
Создан: 2 ноября 2009
написал : сергей
Спасибо!Класс
---------------3 января 2010 05:55 | ICQ: -- | [цитировать]
написал : Сергей
классный , тоже так научусь , web 2.0 
---------------12 июня 2011 06:48 | ICQ: -- | [цитировать]


+1
