Создать шаблон. Верхний колонтитул

Добрый день, уважаемые читатели! Продолжаем наше знакомство с программой Artisteer, позволяющей создать шаблон для сайта или блога. В прошлый раз я остановилась на вкладке «Лист» , отвечающей за оформление основной части шаблона. Сегодня же я хочу вам предложить на рассмотрение вкладку «Верхний колонтитул» с помощью которой можно придать шаблону полную индивидуальность и с помощью которой можно сделать сайт запоминающимся. То есть я буду рассказывать как создать в Artisteer шапку или хедер или же он же верхний колонтитул.

Как и все вкладки программы Artisteer вкладка «Верхний колонтитул» также начинается с маленькой вкладочки «Идеи». Разработчики программы предлагают огромное количество всевозможных вариантов оформления хедера сайта. Представленные идеи отличаются друг от друга не только цветом, но и дизайнерским решением приминения шрифта и графика. Но может получиться так что из предложенного множества вы не сможете выбрать себе шапку. Тогда предлагаю рассмотреть оставшиеся вкладки .

Далее следует вкладка «Макет», содержащая в себе три пункта: Ширина, Высота и Блок.

Для меня до сих пор остается загадкой для чего разработчики программы включили во вкладку «Верхний колонтитул » данный пункт. Так как он изначально повторяет настройки вкладки «Лист» — ширину, скругление углов, отступы, размер границы. Все эти параметры были рассмотрены в предыдущей статье по созданию шаблона. И я думаю не стоит снова повторяться , а сразу же перейти на пункт Высота.Используя данный пункт можно установить высоту хедера шаблона. По умолчанию есть возможность выбрать из 8 вариантов, начиная со 100рх и заканчивая 300 рх.

Если не один из предложенных размеров вам не подходит можно воспользоваться Настройками высоты.

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

Параметр Общие — регулирует высоту хедера и отвечает за установку Текстового блока, то есть применив этот параметр вы  выделите часть фона,расположенного под названием и слоганом сайта.
Следующим идет пункт  Объект — и вот здесь начинается путаница. Данную функцию разработчики повторили дважды(она находится еще в следующей вкладке Объект) и если вы еще не поставили в верхний колонтитул ни одного объекта, то данная опция будет не активной.
Параметр Фон — отвечает за оформление хедера, но опять же мне кажется, что разработчики данной проги поспешили со вставкой данного параметра в эту вкладку.  Хотя по идеи не очень сложно будет сюда и вернуть потом.

Размытие — позволяет отражать выбранный нами Блик либо более четко или с размытием.
Режим смещения — имеет всего два значения -«Мягкий свет» и «Перекрытие». Используя данный параметр можно добиться легкой туманности.
Image format — используется, когда вы решите использовать в качестве хедера свой файл. Можно использовать jpeg и png.
Качество jpeg — выбираем 100%, для лучшего качества.
Пункт Блик — опять по этой вкладке у меня возникли нарекания к авторам, зачем ее сюда вставлять если сам параметр Блик используется немного позже.Да, не сложно потом снова сюда вернуться, но… Если вы не выбрали блик или совсем от него отказались, то данная вкладочка будет не активна.
Изображение или текстура — дает возможность придать свою индивидуальность используемой текстуре, но опять же сюда придется возращаться после того как мы выбирем текстуру в другой вкладке.

Flip — это отражение текстуры либо по вертикали , либо по горизонтали.
Rotate — угол поворота текстуры.
Прозрачность, Режим смешивания и Контраст — параметры уже вам знакомые.
И последний параметр Градиент — регулирует Угол отражения градиента и Контраст.

Вот такие вот настройки вы можете использовать в данном окне. Далее следует пункт Блок.

Как я говорила выше данный пункт позволяет отобразить название и слоган проекта в виде выделенной области. Вы можете отказаться от текстового блога  активировав опцию  «Без текстового поля» или же сами установите процентное соотношение к правой или левой стороне хедера. А также выбрать цвет заливки блока.

Нажав на Настройки ширины — вы можете поставить небходимую вам процентную ширину блока. Все остальные настройки можно не трогать так как они относятся уже  все к хедеру и настраиваются отдельно.

На этом все настройки во вкладке «Макет » завершаются. Далее следует вкладка «Фон», отвечающая за фон шапки шаблона.

Нажав на стрелочку, указанную на скрине вы можете выбрать дизайн хедера из предложенных вариантов. То есть можно выбрать значение «Без каких либо эффектов», если же вы предпочтете выбрать вариант «Абстрактный», то там на выбор вам предложат несколько вариантов. Есть и графические изображения, такие как Город, Природа, Небо.

Но было бы все не очень весело если бы данная программа не позволяла установить свой собственный графический фон. Для это просто достаточно нажать в открытом окне на пункт «Из файла», нажав на который появляется окно «Вставить фон из файла »

В строке Файл изображения указываете путь к вашему рисунку на жестком диске или же просто нажимаете на кнопку «Выбрать» и выбираете место где лежит ваше изображение.

Галочка в значении Предварительный просмотр позволяет увидеть без предварительного соранения результат загрузки файла.

Также вы можете затем  использовать возможности «Изменения размера», то есть установить галочку в одном из трех пунктах:

— Размеры верхнего колонтитула под изображения — позволяет установить размер хедера соответствуемому размеру загруженного файла

— Размер изображения под верхний колонтитул — здесь уже изображение подгоняется под хедер. Это самый оптимальный вариант.

— Исходные размеры — остается все как есть.

Если же вы не хотите применять графическое изображение, а просто хотите залить фон цветом, то можно воспользоваться пунктом Эффекты

Цвет — позволяет выбрать цветовое решение  хедера, вы просто можете забить код небходимого вам оттенка или выбрать из предложенной палитры.

Функция Перекрашивание изображения —ее можно применить  к графическому изображению. Просто вам предлагается слегка изменить тон или превратить фото в черно — белое изображение.
Блик — интересный создается эффект, с учетом того что программа изначально предлагает не один вариант, так вы еще сами можете добавить необходимый вам. Воспользовавшись Настройками можно у Блика поменять Прозрачность, Режим смешивания, Расположение и применить Подгонку.

Текстура — тоже дает массу интересных дизайнерских решений, также как и блик можно использовать из предложенных вариантов( огромное колличество), так и загрузить свою. Используя Настройки можно поиграть с Flip (отражением), Rotate (углом ), Прозрачностью, Режимом смещения и Контрастностью.

Градиент — его возможности мы уже рассматривали. Используя его можно придать свою индивидуальность хедеру. В Настройках можно изменить Угол наклона градиента и Контрастность.
Следующая вкладка  Объект. Эту опцию можно использовать если вы хотите на хедере разместить любую фигуру. Ее можно найти в представленных вариантах программы — мужчины, женщины, дети и прочее. А также воспользовать своими вариантами при помощи кнопки Из файла.
Расположение — поможет вам расположить объект в нужном месте хедера. Нажав на кнопку Расположение , откроется диалоговое окно, наведя курсор мыши на предполагаемый объект , он принимает вид четырехнаправленной стеролочки. Нажав левую клавиши мыши вы можете перемещать объект.

Программа Artisteer позволяет применить несколько эффектов к вставленному объекту.

Окраска — предлагает только два варианта — Без изменений и Черно — белое изображение.

Свечение — предание нашему объекту некоего ареола, предлагается несколько вариантов и возможность настройки самостоятельно (Размер свечения и Прозрачность).
Отражение — позволяет немного по другому отражать объект.
Вкладка Заглавие — отвечает у нас за написание названия сайта и его слогана, а также за начертание шрифта, его цвет и его семейство.

В строке Имя пишите ваше название сайта или если не хотите можете оставить данное поле пустым.

В строке Девиз — располагается ваш слоган . Вы его тоже можете оставить пустым.
Рядом с каждой строчкой расположилась кнопочка с подчеркнутой буковкой «A» . Нажав на нее вы можете поменять Размер, цвет, Стиль, Семейство шрифта.
И завершает длинный ряд вкладок вкладка Стиль заглавия, ее используем в том случае если мы прописали название и слоган сайта.

Расположение — позволяет установить текст в хедере в удобное  место.

Размер — размер вашего текста , программа предлагает несколько вариантов, но лучше использовать размер во вкладке Заглавие.
Выравнивание — помогает расположить название относительно к слогану.

Вот и все параметры вкладки «Верхний колонтитул». Кажется нет ничего сложного, но посидеть над созданием хедера вам все таки придется не одну минуту.

На этом я сегодня завершаю рассматривать создание шаблона. Продолжение следует…..

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

Удачи!

Вам понравилась статья? Расскажите о ней друзьям!