Главная Текстокрас ![]() ![]() ![]() ![]() ![]() ![]() |
Текстофот позволяет создавать текст, раскрашенный картинкой из предложенных в нашей галерее или своей собственной. Такой текст может быть использован в сетевых дневниках, журналах, социальных сетях, форумах и других веб-ресурсах. Текстофот создает код в формате HTML или BBCode, который затем может быть вставлен на Вашу страницу. Создаваемый код имеет множество гибких настроек и стандартных конфигураций для наиболее популярных веб-порталов. |
||
Создание раскрашенного текста по шагам 1. Выбираем картинку 2. Растягиваем картинку 3. Выбираем способ преобразования 4. Дополнительные настройки 5. Вводим текст |
Создание раскрашенного текста по шагам |
||
1. Выбираем картинкуЧтобы выбрать картинку, которой Вы хотите раскрасить Ваш текст, щелкните на ней мышью один раз. Если ни одна картинка в нашей галерее Вам не подошла, Вы всегда можете загрузить свою собственную. Для этого нужно выбрать файл картинки с помощью панели Сервис поддерживает картинки в форматах .jpg, .gif и .png, кроме того, стоит помнить, что картинка не должна быть больше 2-х мегабайт. Цвет фонового текста - это цвет текста, на который не хватает картинки (если Вы растянете её не на весь текст), а также цвет текста под прозрачными или полупрозрачными частями картинки. Его можно выбрать с помощью выпадающей палитры, нажав на кнопку |
||
2. Растягиваем картинкуПри растягивании на весь текст картинка растянется по ширине на длину самой длинной строки, а по высоте на длину равную числу всех строк, раскрасив, таким образом, весь текст целиком. При растягивании на заданные число символов и строк картинка растянется по ширине на указанное число символов, а по высоте на указанное количество строк. Кроме того, так как картинка закроет текст не полностью или, наоборот, сама поместится на нём не целиком, то нужно указать с какого символа какой строки её нужно накладывать на текст. Это делается с помощью отступов, которые фактически позиционируют левый верхний угол картинки на тексте: отступ слева - координата X левого верхнего угла картинки в символах текста. отступ сверху - координата Y левого верхнего угла картинки в числе строк текста. Считается что первый символ первой строки текста имеет координату (1, 1). При этом, чтобы позиционировать картинку ниже нужно увеличить отступ сверху, а чтобы правее - отступ слева. Значения соответствующих отступов могут быть и отрицательными. Тогда картинка будет начинаться выше и левее текста. Символы текста, на которые в результате масштабирования и позиционирования картинка не попадает, будут раскрашены в цвет фонового текста. |
||
3. Выбираем способ преобразованияСглаженное преобразование наиболее точно (фотографично) отображает картинку на текст, однако, границы при резких переходах цветов могут выглядеть немного размытыми. Резкое преобразование хорошо подходит для простых символичных картинок, четче выделяя границы переходов цветов, но может сделать картинку несколько более "мультяшной". Вот пример, демонстрирующий это различие на одном тексте: Сглаженное: Это тестовый текст, предназначенный
для того чтобы продемонстрировать
возможности Текстофота без необходиости
придумывать и вводить свой текст. На
нём Вы можете попробовать разные картинки
из нашей галереи, параметры растягивания,
параметры преобразования изображения в
текст: сглаженное и резкое.
Выбрать подходящий цвет фонового текста
и оценить как всё вместе смотрится на
фоне подложкек разных цветов.
Посмотреть разницу при обычном и
центрированном тексте.
Сравнить длинну полученного кода в простом
и оптимизированном случае.
Резкое: Это тестовый текст, предназначенный
для того чтобы продемонстрировать
возможности Текстофота без необходиости
придумывать и вводить свой текст. На
нём Вы можете попробовать разные картинки
из нашей галереи, параметры растягивания,
параметры преобразования изображения в
текст: сглаженное и резкое.
Выбрать подходящий цвет фонового текста
и оценить как всё вместе смотрится на
фоне подложкек разных цветов.
Посмотреть разницу при обычном и
центрированном тексте.
Сравнить длинну полученного кода в простом
и оптимизированном случае.
|
||
4. Дополнительные настройкиОпция центрировать - применяет в тексту центральное выравнивание. Опция оптимизировать - анализирует код и по возможности сокращает его длинну (без потери качества результата), однако, на большом тексте и сложной картинке это может работать немного дольше чем без оптимизации. |
||
5. Вводим текстВ текстовое поле вводится текст, который нужно раскрасить. Когда Вы вводите текст - не забывайте ставить переносы строк. Мы также рекомендуем вам делать строчки примерно одинаковой длинны, если вы используете растягивание на весь текст. |
||
Нажмите кнопку для получения результата! |
||