Самый обычный winamp modern skin

Отправлено 29 Январь - Отправлено 30 Январь - Отправлено 01 Февраль - Отправлено 29 Март - Отправлено 06 Август - Отправлено 05 Август - Система для сообществ IP. Страница 1 из 1 Вы не можете создать новую тему Вы не можете ответить в тему. Урок первый — как нарисовать в фотошопе графику для скина на WinAMP Настало время раскрыть тайну создания modern-скинов на WinAMP.

Открываете блокнот например и пишите код на языке XML. Затем пишутся скрипты и всё такое не обязательно и скин готов Но речь в данном уроке пойдёт не об этом, не о сборке modern-скинов для WinAMP о ней я вам всё подробно расскажу в следующих уроках из этой серии , а о том, как нарисовать все элементы для скина, точнее только для главного окна остальное потом. Как всегда , создаём новое изображение: Выбираем инструмент Rounded Rectangle Tool, радиус скругления углов ставим равным 15 пикселей Radius: Заходим в Layer Style этого слоя кликайте правой клавишей на слое на панеле слоёв — Layers и из появившегося меню выбирайте пункт Blending Options.

Для этого измените расширение файла с. Когда вы будите делать скин и захотите посмотреть на результат, то не обязательно запаковывать скин обратно в. В чём редактируют создают.

Сейчас я вам раскажу как собрать из готовых элементов полностью функциональное главное окно. Ну вы готовы в хорошем смысле? Тогда приступим к уроку! В чём особенности движка Wasabi? В общем, сейчас можно создать скин, который ни чем не будет похож на все остальные скины, то есть будет уникальным. Я не могу открыть.

Фон нарисован, начнём рисовать другие элементы. Сразу нарисуем кнопки управления воспроизведением. Выбираем инструмент Rectangle Tool и нарисуем такую-вот фигуру размеры — 29x25 px, цвет — любой: Заходим в Layer Style и выставим там такие параметры: Затем на вкладке Drop Shadow отбрасывание тени такие: На вкладке Inner Glow следующие: Вкладка Gradient Overlay должна выглядеть следующим образом: Вот подробные параметры градиента: А это вкладка Stroke бордюр: А это подробные параметры градиентного бордюра: Жмём везде Ok и получаем такую кнопку: Сделайте 5 копий слоя с кнопкой и разместите их один под другим — это будут наши кнопки управления воспроизведением Теперь нужно придумать как мы будем различать названиение кнопок.

Я создал папку с именем DesignArts. В этой папке будут храниться все файлы будущего скина. Остальные же элементы могут размещаться где угодно и называться как угодно, но, для удобства, их лучше разложить по папкам. Скоро вы всё поймёте Сейчас запускайте текстовый редактор и создайте новый файл. В нём наберите следующий текст, ниже я прокомментирую каждую строку: Если прочитать внимательно, то можно понять, что это язык XML версии 1.

Советую вам оставить данную строку без изменений, чтобы избежать различных проблем. Если это первая версия вашего скина, то пропишите тут 1. Зачем он нужен я не в курсе, так как что бы я не делал — он не отображается. Так что этот тег можно оставить пустым, что я и сделал.

Чтобы скопировать стиль слоя, нажмите правой клавишей на слое и выберите пункт Copy Layer Style, чтобы вставить применить скопированный стиль, нажмите правой клавишей мыши и выберите Paste Layer Style.

Понятно, что нарисуем на них что-нибудь, а что? Рисуется он с помощью Polygon Tool: Аналогично делаются остальные кнопки. Кнопку перемешивания и повтора плейлиста я рисовал с помощью Custom Shape Tool Чтобы, применяя ко всем кнопкам одинаковые эффекты, не делать лишней работы, можно просто скопировать стиль со слоем нарисованной кнопки и применить его к слоям с новыми кнопками.

У многих новичков возникает следующий вопрос: Чтобы развеять все сомнения и т. Все они делаются вручную. Недавно всё-таки появилась подобная программа это сколько же лет прошло , но полный контроль при создании скина в ней получить вы не можете, недостатков в ней много, баго много, работает не у всех, да и скины получаются не такие маленькие и оптимизированные, как хотелось бы А вручную вы сможете сделать любой по сложности скин, он будет мало весить и глюков в нём не будет Или просто сможете похвастаться друзьям вашими достижениями Точнее дельть мы будем их не совсем вручную То есть рисуется вся графика в любом графическом редакторе, лучше, конечно, в фотошопе.

В появившемся окне перейдите на вкладку Drop Shadow отбрасывание тени и там выставьте следующие параметры: Затем перейдите на вкладку Inner Shadow самозатенение и там сделайте так, как показано ниже: Для этого перейдите на вкладку Gradient Overlay и там сделайте так: Ниже показаны подробные настройки градиента чтобы открыть их, кликните по полосе с градиентом, которая справа от надписи Gradient: Ну а на вкладке Stroke добавим небольшой бордюр: Везде жмём Ok и смотрим что же у нас получилось: Делаем копию слоя перетащите слой на панеле слоёв на иконку для создания нового слоя или кликните на нём правой клавишей и выберите пункт Duplicate Layer Жмём Ok и получаем такой фон: С помощью инструмента Rounded Rectangle Tool нарисуйте прямоугольник с радиусом скругления 15 пикселей и размерами x px цвет — любой: Заходите в Layer Style слоя, там перейдите на вкладку Inner Shadow самозатенение и выставьте нижеследующие параметры: После этого на вкладке Outer Glow внешнее свечение такие параметры: А на вкладке Gradient Overlay такие: Вот так выглядят подробные настройки градиента: Вкладка Stroke должна выглядеть следующим образом: Жмём Ok и видим результат проделанных действий я тут ещё добавил название будущего скина — DesignArts.

Берите любой текстовый редактор, например Блокнот, открывайте. Ну а рисуется вся графика в любом графическом редакторе, из которых, конечно, выделяется PhotoShop Теперь вы имеете небольшое представление о том, что такое Freeform скин для WinAMP, значит, можно приступить к уроку о создании таких скинов.

Надеюсь, что к этому моменту у вас уже нарисованы все элементы главного окна скина. Какие именно — смотрите рисунок ниже: Вот список этих файлов: Запишите в этот файл следующий код:

Нужна она для того я вам ранее говорил — сейчас напомню , чтобы привести все файлы в удобный для последующего редактирования вид. То есть, можно не использовать включения и записать весь код скина в один единственный файл — skin. В данном случае в скин включается файл player. Пути к файлам должны быть относительны корневой директории скина. Это может быть немного не понятно — если не поняли, то лучше не забивайте этим голову — во всём этом вы разберётесь тогда, когда мы дойдём до конкретного примера.

Вот мы и разобрали этот код. Сохраните написанный только что код в файле с именем skin. В данном файле будут описаны все элементы главного окна плеера то есть главное окно, но без плейлиста, эквалайзера, библиотеки и т. В прошлом уроке мы нарисовали главное окно и все его элементы, теперь мы их соберём воедино и сделаем рабочий скин.

У меня получились такие-вот кнопки: Ну что еще сказать, дальше просто полет фантазии Ну вот и всё — мы нарисовали главного окно нашего будущего modern-скина для WinAMP. Не забудьте его раскрасьть по вкусу, а может и окошко серого цвета вам понравится Чтобы вас немного взбодрить после такого немного скучноватого и большого урока, забегу немного вперёд и покажу как это окошко будет смотреться в самом плеере: Урок второй — собираем полностью функциональное главное окно В прошлом уроке я вам рассказал как рисуется скин для WinAMP точнее его главное окно.