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



3. Выберите предыдущий инструмент Прямоугольник (Rectangle Tool) и создайте нижний слой, разработанный для панели сайта. Цвет слоя - #1B242B.

4. Теперь с помощью инструмента Прямоугольник с закругленными краями
(Rounded Rectangle Tool) создайте рамку одного из разделов сайта (цвет рамки- #1B242B).
(Rounded Rectangle Tool) создайте рамку одного из разделов сайта (цвет рамки- #1B242B).


6. При помощи инструмента Линия (Line Tool) вставьте горизонтальную полосу в недавно созданную рамку. Цвет полосы - #585D60.


8. Теперь нам необходимо объединить в группу все слои, составляющие рамку. Скопируйте созданную группу 2 раза и расположите копию так, как показано в рисунке ниже:

9. Создайте рамки внутри созданных разделов сайта. Используйте инструмент Прямоугольник с закругленными краями (Rounded Rectangle Tool), который поможет создать внешние границы, затем, удерживая Alt, сотрите внутреннюю часть тем же инструментом. Подкорректируйте форму рамки инструментом Преобразовать точку привязки (Convert Point Tool).




11. Снова выберите инструмент Прямоугольник с закругленными краями
(Rounded Rectangle Tool) и создайте заголовок сайта.
(Rounded Rectangle Tool) и создайте заголовок сайта.







15. При помощи инструмента Карандаш (Pencil Tool) нарисуйте 2 вертикальные полосы. Первая полоса, расположенная на левой стороне, имеет чёрный цвет, а вторая полоса с правой стороны - белый.


17. Скопируйте новый созданный слой и расположите копию так, как показано в следующем рисунке:

18. Теперь вставьте названия кнопок меню, расположенных на заголовке сайта, соблюдая нижеуказанные требования:











22. При помощи инструмента Произвольная фигура (Custom Shape Tool) выберите элемент, обведённый красным цветом, из таблицы ниже. Он будет служить нам в качестве логотипа.












28. Заполните соответствующий раздел сайта необходимым текстом, соблюдая нижеуказанные требования:


29. Затем вставьте другую часть текста в раздел, находящийся ниже предыдущего. Настройки для текста светлого цвета:



30. Инструмент Карандаш (Pencil Tool) поможет нарисовать треугольник с тенью рядом с недавно добавленным текстом.



32. Последний этап создания сайта включает в себя добавление логотипов в последний раздел сайта:
Ссылка на источник урока
Создан: 9 ноября 2009


+4
