Привет, читатель > Войти
Главная   Все комиксы   Новости   Чат   Справочная
Индекс   Недавние изменения   История   Ссылки сюда   Подписки

Работа с наклейками

Рекомендация для пользователей Оперы (и м.б. других браузеров с подобной функцией) – уберите приведение ширины страницы к 100% ширины экрана, это влияет на реальное положение наклеек

Если вы попали на данную страницу через Справочную, то, вероятно, ещё ни разу не редактировали страницы. В обычном редакторе после загрузки страницы до конца появляется дополнительная фиолетовая кнопка CoTAN. Это название означает «Comic Translator by Applicated Notes» или «переводчик комиксов накладываемыми наклейками». Это удобный дополнительный редактор для разметки наклеек с помощью мыши, так как стандартный подход предполагает простановку координат только вручную

Общий вид

@ко,орд,ина,ты
#
~
@ко,орд,ина,ты
Здесь текст перевода. Это текстовая наклейка,\\ а выше – [[#маски|маскирующая]], и в ней указан белый фон
~

Между собой наклейки одинакового типа придерживаются приоритетности описания – которая ниже описана, та и будет налегать поверх. Расположение маскирующих наклеек всегда подлежащее текстовым, независимо от порядка описания. Однако эстетичнее придерживаться координатной связности – маска, расположенный на ней текст, на новом месте следующая маска, расположенный на ней текст… Такой способ легче сопровождается между разными языками перевода. Это можно поправить вручную после разметки

Интерфейс

CoTAN-редактор имеет 4 режима работы:

  • «Оригинал» – для обзора исходной картинки
    • Прячет все наработки
  • «Маски» – для перекрывания оригинального текста на картинке цветом фона
    • Они содержат только код цвета фона, иной текст, поставленный в них, обращает их в текстовые
    • Собственный функционал цветовыбирателя пока не реализован
    • Но можно получить цвет с картинки с помощью браузерного плагина-пипетки или даже инструментом, встроенным в браузерную консоль
  • «Тексты» – для перевода
    • О стилизации текстов можно прочитать на предыдущей странице Справочной
    • При редактировании все наклейки на время делаются прозрачными, чтобы видеть оригинальный текст
  • «Осмотр» – для обзора результатов работы

Сохранение правок в CoTAN-редакторе не означает последующего автосохранения и в базовом редакторе! Вдруг в базовом редакторе надо что-то ещё подправить?

Обзорные видео

Для перевода свежего выпуска

Для переделки из старого редактора AIMG

AIMG для ленивых

При нежелании заниматься фонами, можно проставить более примитивную AIMG-разметку. Старый редактор одновременно с новым работать не может, так что метод получения разметки через CoTAN-редактор несколько неординарный:

  • Открыть CoTAN-редактор, фиолетовая кнопка
  • Маски размечать бесполезно, их в отдельности в AIMG не существует, а текстовые можно назвать маско+текстовыми
  • Разметить наклейки не с отступами, описанными в вышеуказанных видео, а с охватом баллона целиком
  • Сохранить правки, вернуться в базовый редактор
  • Поменять вручную открывающий и закрывающий теги cotan на aimg
  • Нижеописанные повороты и скругления также работают и в AIMG
  • Не забыть сохранить правки в базовом редакторе!

Координаты наклеек

Система координат здесь отличается от привычной со школы декартовой тем, что высота (Y) обёрнута вниз, то есть началом отсчёта является левый верхний угол картинки и отсчёт в пикселях идёт всегда вправо и вниз. В дальнейших примерах используем образец @37,25,419,112. Это полезно знать для ручного исправления неточно поставленной наклейки. Первая и вторая цифры отвечают за расположение наклейки на картинке и могут выходить за её края, вечноположительные третья и четвёртая отвечают за размеры наклейки. Заметьте, с отношениями «верх-низ» связаны первая и четвёртая цифры, а с отношениями право-лево – вторая и третья. Координаты понимают операции сложения и вычитания (но только один раз) – это также удобно для отладки неточностей

Поиграем с высотой…

  • @37,25,419,112+10 – наклейка расширилась вниз на 10 пикселей
  • @37-10,25,419,112+10 – вверх на 10 пикселей
  • @37-10,25,419,112+20 – и вверх, и вниз

…и шириной

  • @37,25,419+10,112 – вправо на 10 пикселей
  • @37,25-10,419+10,112 – влево на 10 пикселей
  • @37,25-10,419+20,112 – и влево, и вправо

Повороты

Для наклона добавим через запятую угол наклона в градусах

  • @37,25,419,112,90 – и наклейка встанет вправо на бок
  • @37,25,419,112,-90 – или то же влево
  • @37,25,419,112,-270 – и снова вправо, так как -270 угловых градусов = +90

Обычно повороты применимы для текстовых наклеек (и AIMG'овских маско+текстовых), но бывают случаи надобности и для маскирующих

Маски

Посмотрим на вторую строку наклейки:

@37,25,419,112
#
~

Знак # с начала строки обозначает отношение этой наклейки к маскирующим наклейкам. Соответственно, начинаться непосредственно с этого символа содержимое текстовой наклейки не может – можно использовать стандартные %%вики-методы%% экранирования или просто начальный пробел. После знака # может идти 3 или 6 символов, соответствующих трёх- либо шестисимвольному RGB-коду цвета фона, вне зависимости от РЕГИСТРА знаков. Белый фон наиболее часто встречающийся и для него сделано упрощение – равнозначны не только #fff и #ffffff, но и простой #, как в примере выше

Такая гибкость настройки в сочетании с управлением цветом перевода позволяет сделать, например, на чёрном фоне (#000) серый текст (смотреть пиктограм-группу ):

@37,25,419,112
#000
~
@37,25,419,112
<fc #808080>Серый текст</fc>
~

Скругления

По умолчанию маскирующие и AIMG'овские маско+текстовые наклейки имеют скругление уголков в 10% ширины и высоты всей наклейки, и его можно настроить ещё одной группой координат, отделённых от основы точкой с запятой. Простое число приравнивается к числу пикселей (20 = 20px). Поддерживаются все единицы CSS (кроме ключевых слов small, large и т.п.) – px, ex, абсолютные 1in = 6pc = 72pt = 2.54cm = 25.4mm, em и %. Конкретно для скруглений рекомендуются последние два из-за автомасштабирования при изменениях основных координат наклеек

  • @37,25,419,112 – автоскругление всех углов на 10%, сокращаем:
  • @37,25,419,112;10%,10%,10%,10% – ровно то же самое

Настройка возможна как персонально для каждого уголка по схеме ↖,↗,↘,↙ …

  • @37,25,419,112;4em,3em,2em,1em – скругления уменьшаются по часовой стрелке
  • @37,25,419,112;3em,4em,1em,2em – против часовой стрелки

…так и с разной степенью группировки. Если значение не указано, оно равно значению левее

  • @37,25,419,112;4em,4em,4em,4em – скругление на 4em по всем углах, сокращаем:
  • @37,25,419,112;4em,,, – ровно то же самое
  • @37,25,419,112;4em,4em,2em,2em – попарно, снизу скруглено чуть слабее – в комиксах такая форма часто случается
  • @37,25,419,112;4em,,2em, – ровно то же самое, последнюю запятую тоже можно опустить
  • @37,25,419,112;,,, – если всё пусто, то берётся умолчание 10% – надо ли говорить о ненужности запятых и точки с запятой?
  • @37,25,419,112;,,2em, – образец для домашнего задания. Ответ заретуширован: 10%,10%,2em,2em
  • @37,25,419,112;0 – жёсткий прямоугольник

И наконец эллиптические углы форматируются так:

  • @37,25,419,112;2em 4em,1em 3em,2em 5em,1em 4em – 4 разных эллиптических угла
  • @37,25,419,112;2em 4em,2em 4em,2em 4em,2em 4em – передача значений также касается и таких углов:
  • @37,25,419,112;2em 4em,,, – ровно то же самое

Ctrl+← 11styles Ctrl+↑ Ctrl+→ index

Яндекс.Метрика