![]() Заглавная страница Избранные статьи Случайная статья Познавательные статьи Новые добавления Обратная связь КАТЕГОРИИ: ![]() ![]() ![]() ![]() ![]() ![]() ![]() ![]() ![]() ![]() ![]() ![]() ![]() ![]() ![]() ![]() ![]() ![]() ![]() ![]() ТОП 10 на сайте Приготовление дезинфицирующих растворов различной концентрацииТехника нижней прямой подачи мяча. Франко-прусская война (причины и последствия) Организация работы процедурного кабинета Смысловое и механическое запоминание, их место и роль в усвоении знаний Коммуникативные барьеры и пути их преодоления Обработка изделий медицинского назначения многократного применения Образцы текста публицистического стиля Четыре типа изменения баланса Задачи с ответами для Всероссийской олимпиады по праву ![]() Мы поможем в написании ваших работ! ЗНАЕТЕ ЛИ ВЫ?
Влияние общества на человека
Приготовление дезинфицирующих растворов различной концентрации Практические работы по географии для 6 класса Организация работы процедурного кабинета Изменения в неживой природе осенью Уборка процедурного кабинета Сольфеджио. Все правила по сольфеджио Балочные системы. Определение реакций опор и моментов защемления |
Шаг 8: Добавление приветствия ⇐ ПредыдущаяСтр 3 из 3
Здесь будет приветствие и описание веб-сайта. (Заголовок:Bebas60px#eef0f0Shadow; подзаголовок:MyriadPro 40px #eef0f0Shadow; текст:Arial15px#1eafb5)
Шаг 9: Завершение шапки Мы почти закончили шапку. Давайте добавим эффект тени, чтобы завершить шапку. Создайте тень также, как мы создавали раньше, используя кисть. Оставьте 1px разрыва между шапкой и тенью. Шаг 10: Добавление градиента фону Создайте градиент от светло-серого к белому.
Создайте новый слой ниже заголовка и примените градиент. Шаг 11: Добавление элементов управления слайдеру Создайте элементы управления. (Диаметр круга: 13px, цвет: #ababab) Примените InnerShadow на один элемент управления, чтобы указать активный пункт в слайдере. Шаг 12: Создание разделителя для контента Выберите PencilTool и нарисуйте линию1px светло-серого цвета (#aaaaaa).
Плавно скройте края, используя маску градиента. Шаг 13: Добавление основного контента Пора добавить контент. В макете 3 колонки. Мы должны создать 3 одинаковых колонки с отступами между ними. Я сделал простой расчет и разделил пространство на 3 равных блока с отступами 25px между ними. Добавьте направляющие линии к блокам. Удалите блоки. Получилось 3 колонки.
Добавьте несколько сервисов. Возьмите иконки из набора функциональных иконок. Поддерживайте расстояние между объектами. (Текст заголовка:MyriadPro 26px #666666, основной текст: #9a9a9a). Давайте создадим простую кнопку “ReadMore”. Выберите RoundedRectangleTool, чтобы нарисовать фигуру. Убедитесь, что создался слой с фигурой.
Добавьте градиент (GradientOverlay) и границу (Stroke) кнопке. (Цвет границы: #cdcdcd, текст:Arial 12px #666666) Дублируйте кнопку.
Мы добавим несколько записей о последних работах. Я нарисовал 3 блока для изображений и сделал им границу 3 px. (Цветграницы: #cdcdcd) Вставьте изображения в блоки. Я создал тень, как мы делали раньше, и поместил её под блоками.
Вставим несколько описаний проектов. Давайте создадим ленту Твиттера. Вставим иконку птички Твиттера. Добавим сообщение из Твиттера. (Текст твита:Arial18px#9a9a9a, цвет ссылки: #666666) Создадим кнопку ”MoreTweets”.
Применим стили. Вставим текст. (Е.М.: Текст:Arial 18px #565656). Шаг 14: Создание футера и завершение макета Создайте выделение для футера и залейте его серым.
Примените ColorOverlay. (Е.М.: Цвет заливки: #162623)
Наконец добавим меню и копирайты. Взгляните на получившееся изображение. Результат
|
|||||
Последнее изменение этой страницы: 2017-01-19; просмотров: 215; Нарушение авторского права страницы; Мы поможем в написании вашей работы! infopedia.su Все материалы представленные на сайте исключительно с целью ознакомления читателями и не преследуют коммерческих целей или нарушение авторских прав. Обратная связь - 18.226.52.124 (0.008 с.) |