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

Рекомендация для пользователей Оперы (и м.б. других браузеров с подобной функцией) – уберите приведение ширины страницы к 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>
~

Скругления

По умолчанию наклейки имеют скругление уголков в 5px, и его можно настроить ещё одной группой, отделённой от прочих точкой с запятой. Поддерживаются все единицы CSS – px, ex, абсолютные 1in = 6pc = 72pt = 2.54cm = 25.4mm, em и %

  • @37,25,419,112 – автоскругление всех углов на 5px
  • @37,25,419,112;5px 5px 5px 5px – ровно то же самое для каждого уголка

Уголки обходятся по схеме ↖,↗,↘,↙

Этот сайт использует куки. Находясь здесь, вы соглашаетесь с их хранением на вашем компьютере. Также вы подтверждаете, что прочитали и поняли нашу Политику конфиденциальности. Если вы не согласны - покиньте сайт.Больше информации о куки