Как сделать скин для Fm 2009 - часть 2.

Я собираюсь сделать простую и милую "шапку" (титлбар), которая будет ненамного отличаться от стандартной. Слева будет меньшая область, чем отведённая второму цвету клуба, там и будут располагаться логотипы. Остальное сохранится в неизменном виде, во всяком случае область, отведённая первому цвету клуба. Начнём же мы с того, что создадим несколько папок. В папке "graphics" вашего скина создайте директорию "interface", а внутри неё - папку "titlebar". Далее, при желании, вы можете скопировать туда компоненты соответствующей папки default-ного скина. Однако, я не собираюсь задействовать их все, посему я их копировать не стану.

Изучив содержание default-ной папки, вы увидите различные файлы, с которыми мы будем работать. Там вы заметите три *.png файла. Далее, обратимся к другим папкам. Многие составляющие графики FM разбиты на отдельные части. Игра сведёт их вместе, и тот способ, каким они сделаны, позволяет использовать титлбар любой величины. Это можно видеть на примере того, что кнопка "Continue" всегда накрыта текстом, или как "titlebar" всегда накрывает интерфейс, даже когда вы изменяете размеры экрана.

К примеру, в данном случае у titlebar есть правая и левая части, а также средняя часть, всего лишь в 1 пиксель шириной. Игра же установит левую и правую части на место, далее - продублирует среднее изображение настолько, чтобы полностью занять высоту titlebar'a. Поэтому, если у вас есть какая-либо задумка в дизайне, вам стоит убедиться в том, что она полностью будет содержаться в левой либо в правой части, а средняя часть будет просто заполнит экран, поэтому она должна быть единой, плоской картинкой, без изгибов или прочий наворотов, чтобы при дублировании она не выглядела неправильно. Чтобы вы представляли, о чём идёт речь, обратите внимание на это изображение:

Замечание: При создании составляющих вашего titlebar используйте красный как основной цвет. Игра сама перекрасит составные части в цвета команды или соревнования, которое вы просматриваете, однако если вы используете другой цвет, то этого не произойдёт. Для того, чтобы у картинок (составных частей) были подходящие размеры, сделайте скриншот в FM и попробуйте разместить на нём ваши изображения, прежде чем сохранять их как детали нового скина.

Итак, в нашем titlebar единственный элемент, который я хочу сейчас изменить - левый, область второго командного цвета. Я пока оставлю составляющие titlebar в покое и перейду в папку "outline"(контур) - это контур, который будет изображаться вторым цветом команды. Titlebar в высоту 126 пикселей, поэтому чтобы он правильно располагался, мои заготовки также в высоту будут в 126 пикселей, и когда я удовлетворён размерами, я использую в photoshop функцию наложения цвета на слой, цвет будет красным. Помня о том, что я использую это только для левой части, я создаю универсальное изображение 1 пиксель шириной для того, чтобы перекрыть центральную и правую части. Контурная часть выглядит таким образом:

Всё, что красное, в игре будет перекрашено во второй командный цвет, всё остальное (видимое) останется так, как оно есть. Для правой и средней части я также вырежу кусочек шириной в 1 пиксель из главной (левой) части так, чтобы сверху они были на одном уровне. Эти файлы сохраняются как bar_left, bar_right и bar_middle и заменяют старые изображения для контуров. Перегрузив скин, мы получаем:

Вы видите, что изображения контура получились белыми из-за того, что это второй командный цвет Арсенала (даже если исходные изображения сохранены и показываются красными) и что контур проходит по верху titlebar. Там где вы видите белую полоску - это место дублирования центральной части панели, а также конец, где справа уже начинается правая часть titlebar. Вы также можете заметить, что логотипа команды не хватает. На самом деле, их никуда не перемещали, они просто находятся под titlebar, поэтому вы их видеть не можете.

Для осуществления сего, нам нужно покопаться в коде. Копируем titlebar.xml из дефолтного скина в нашу папку "panels". Размещение объектов в xml напоминает систему слоёв в photoshop. Компоненты, расположенные в начале файла считываются в первую очередь, затем - следующие за ними и т.д. Это означает, что если два объекта находятся в одном и том же месте, то сначала будет отображаться первый, затем на него наложится второй. Таким образом, можно сказать, что на верхнем скрине объекты расположены в таком порядке: titlebar, логотипы клуба, затем контур titlebar. Поэтому titlebar с логотипами находится под контуром titlebar.

Я хочу поменять их местами так, чтобы контур нашего titlebar попадал именно на вершину, что не допустит, чтобы какая-нибудь деталь осталась скрыта под контуром. Я не гений в интерпретировании xml-кода, но открыв titlebar.xml, вы увидите, что данный код отвечает за покрывание контура:

--- часть кода---

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

Вы можете убедиться, что код начинается с тега "widget", поэтому я скопировал его только вплоть до закрытия этого тега: "/widget". Это тоже самое, что и вставлять вещи в форумный пост или на сайт: сначала следует открывающий тег элемент, а в конце - закрывающий, отличающийся только слешем.

Я переместил эту часть кода в начало файла, прямо под код собственно titlebar.

--- часть кода № 2----

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

[img]http://img34.picoodle.com/img/img34/3/1/2/murray_g/f_titlebarimam_8f47aae.png[/img]

Menubar (белая панель с кнопкой Continue, Manager, World и т.д.) слегка перекрывает изменённый контур, но пока всё в порядке: я займусь menubar'ом позже.

Об остальном - в следующий раз!