Внешний вид сайта:

Дизайн макета

Полезность страницы:
0/100

Изображение не будет заполнять весь экран. Вы создадите интересную заливку для фона, простые кадры для загруженных изображений и фона и заголовок, чтобы идентифицировать страницу.

Создание градиентной заливки


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

Выберите пустой ключевой кадр на 1 кадре слоя Background (Фон).

Выберите инструмент Rectangle Tool (Прямоугольник). Установите параметры прямоугольника: без контура и черно-белая градиентная заливка.

Нарисуйте прямоугольник на сцене.

С помощью инструмента Selection Tool (Выделение) выделите прямоугольник.

На панели Properties (Свойства) установите значения для ширины — 800, для высоты — 300, для координаты X — 0 и для координаты Y — 0. Градиент заполнит верхнюю часть сцены, размер которой составляет 800 на 600 пикселов.

Щелкните на открывающемся списке View (Вид), расположенном над сценой, и выберите пункт 25%, чтобы полностью увидеть градиентную заливку.

Выберите инструмент Gradient Transform Tool (Преобразование градиента) (F), который появляется при нажатии кнопки Free Transform Tool (Произвольная трансформация).

Используя маркер вращения, расположенный в правом верхнем углу градиентной заливки, поверните его на 90°, чтобы черный цвет оказался внизу, а белый — вверху.

Уменьшите градиент, перемещая нижнюю часть вверх, а затем переместите центральную точку градиента, чтобы серый переход был только наверху. Полученная градиентная заливка должна выглядеть следующим образом.

Выберите градиент и нажмите клавишу F8 чтобы преобразовать его в эталон.

В диалоге Convert to Symbol (Преобразование к эталону) в группе переключателей Туре (Тип) выберите Movie clip (Клип), в поле Registration (Регистрация) выберите левую верхнюю точку, назовите эталон background_ half, а затем щелкните на кнопке ОК, чтобы закрыть диалог.

С помощью инструмента Selection Tool (Выделение) выберите эталон background_half на сцене. Выберите в меню команду Edit ♦ Сору (Правка ♦ Копировать).

Выберите команду меню Edit ♦ Paste in Place (Правка ♦ Вставить в то же место).

Щелкните на скопированной копии градиента и выберите команду меню Modify ♦ Transform ♦ Flip Vertical (Модификация ♦ Трансформация ♦ Отразить по вертикали).

На панели Properties (Свойства) установите значения для координаты Y — 600.

Создание половины фона с последующим дублированием значительно проще, чем создание симметричных градиентов. При редактировании эталона автоматически изменяются оба экземпляра, кроме того, сокращается размер файла.

Щелкните на открывающемся списке View (Вид), расположенном над сценой, и выберите пункт Show Аll (Показать все).

Заблокируйте слой Background.

Дополнить страницу Вы можете помочь другим людям дополнив эту страницу вашими знаниями по данному вопросу!
01:55

Комментарии

Нет комментариев. Ваш будет первым!