-Рубрики

 -Подписка по e-mail

 

 -Поиск по дневнику

Поиск сообщений в Иван_Победоносов

 -Статистика

Статистика LiveInternet.ru: показано количество хитов и посетителей
Создан: 16.01.2008
Записей: 4835
Комментариев: 68983
Написано: 124501

Как сделать текстовую графику

Четверг, 01 Июля 2010 г. 03:33 + в цитатник


Видите это изображение американского президента созданное из букв, это сделал я при помощи одной просто программы. Хотите научится так же, тогда читайте это урок.

Сегодня я расскажу вам как сделать текстовую графику при помощи программы ASCII Art Generator. Данный урок будет состоять из двух частей:
1. Как обычную фотографию превратить в фото из текста (+ бонус html формат для вставки на сайт);
2. Как фотографию изобразить в html варианте.

Для начала скачайте программу - скачать ASCII Art Generator. Далее выбираем фотографию которую хотим переделать и запускаем программу. Перед вами появилось вот такое меню.



Нажимаем кнопку Browse... и вставляем фотографию в программу.

Ниже можно выбрать один из вариантов обработки: Html format, Image format, RTF format, ASCII format. Нам нужен Image format, он включён по умолчанию, а если нет то выбираем его.

Далее идут следующие настройки конвертации.
Font Type - тип шрифта. Здесь можно выбрать шрифт из которого будет создано фото. По умолчанию стоит довольно хороший шрифт, так что можете оставить его.
Font Size - размер шрифта. Сильно большой не ставьте, а то фото будет нечётким. Я делал верхнюю фотографию 6 шрифтом, получилось довольно неплохо (хотя поэкспериментируйте с большим шрифтом).
Backgroung Color - цвет фона. Попробуйте разный цвет и выберите что понравится. На мой взгляд лучше всего фото получается на белом и чёрном фоне.
Text Mode - выбор самих символов из которых будет состоять фото. На выбор предлагается сделать фото из одних цифр, из одних букв (можно только из малых либо из больших), из нолика и единички, из смеси текста и цифры и различных символов. Так же вы можете задать собственный текст. Последняя опция называется Line Height, не берите её во внимание, я толком не разобрался какая от неё польза (кто разберётся подскажите).

Все параметры выставлены, теперь нажимаем Start Conversion. Перед вами всплывёт маленькое окошко в котором надо будет задать размер фото. Можете поставить немного меньше, чем размер исходной фотки. Вообще чем больше размер выставлен, тем дольше будет преобразовываться.

Система выдала вам вот такое непонятное, не пугайтесь надо просто изменить размер. В поле Source Image Size двигаем деление в лево и нажимаем Recreate. Всё фото готово, теперь можно его сохранять.



Вторая часть урока. В ней я расскажу как фотографию изобразить в html варианте. Видите эту картинку, сделана из той же фотографии, только представлена здесь она не фоткой, а текстом.



HLQUYCGKOSWAEINRVZDHLPTXBFJOSWAEIMQUYCGKPTXBFJNRVZDHMQUYCGKOSWAEINRVZDHLPTXBFKOSWAEIMQUYCGLPTXBFJN
RVZDHMQUYCGKOSWAEJNRVZDHLPTXBFKOSWAEIMQUYCHLPTXBFJNRVZDIMQUYCGKOSWAFJNRVZDHLPTXBGKOSWAEIMQUYCHLPTX
BFJNRVZEIMQUYCGKOSWAFJNRVZDHLPTXCGKOSWAEIMQUYDHLPTXBFJNRVZEIMQUYCGKOSWBFJNRVZDHLPTXCGKOSWAEIMQUZDH
LPTXBFJNRVAEIMQUYCGKOSWBFJNRVZDHLPTYCGKOSWAEIMQUZDHLPTXBFJNRWAEIMQUYCGKOSXBFJNRVZDHLPTYCGKOSWAEIMQ
VZDHLPTXBFJNRWAEIMQUYCGKOTXBFJNRVZDHLPUYCGKOSWAEIMQVZDHLPTXBFJNSWAEIMQUYCGKOTXBFJNRVZDHLQUYCGKOSWA
EIMRVZDHLPTXBFJNSWAEIMQUYCGLQVAFNRVZEJNRVZDIMQUYCGKOSWAEJNRVZDHLPTXBFKOSWAEIMQUYCHLPTXBFJNRVZDIMQU
YCGKOSWAFJNRVZDHLPTXBGKOSWAEIMQUYCHLPTXBFJNRVZEIMQUYCGKOSWAFJNRVZDHLPTXCGKOSWAEIMQUYDHLPTXBFJNRVZE
IMQUYCGKOSWBFJNRVZDHLPTXCGKOSWAEIMQUZDHLPTXBFJNRVAEIMQUYCGKOSWBFJNRVZDHLPTYCGKOSWAEIMQUZDHLPTXBFJN
RWAEIMQUYCGKOSXBFJNRVZDHLPTYCGKOSWAEIMQVZDHLPTXBFJNRWAEIMQUYCGKOTXBFJNRVZDHLPUYCGKOSWAEIMRVZDHLPTX
BFJNSWAEIMQUYCGKOTXBFJNRVZDHLQUYCGKOSWAEIMRVZDHLPTXBFJOSWAEIMQUYCGKPTXBFJNRVZDHLQUYCGKOSWAEINRVZDH
LPTXBFJOSWAEIMQUYCGLPTXBFJNRVZDHMQUYCGKOSWAEINRVZDHLPTXBFKOSWAEIMQUYCGLPTXBFJNRVZDIMQUYCGKOSWAEJNR
VZDHLPTXBFKOSWAEIMQUYCHLPTXBFJNRVZDIMQUYCGKOSWAFJNRVZDHLPTXBGKOSWAEIMQUYCHLPTXBFJNRVZEIMQUYCGKOSWA
FJNRVZDHLPTXCGKOSWAEIMQUYDHLPTXBFJNRVZEJOTYDHLPTXBFKOSWAEIMQUYCGLPTXBFJNRVZDHMQUYCGKOSWAEJNRVZDHLP
TXBFKOSWAEIMQUYCHLPTXBFJNRVZDIMQUYCGKOSWAEJNRVZDHLPTXBGKOSWAEIMQUYCHLPTXBFJNRVZEIMQUYCGKOSWAFJNRVZ
DHLPTXBGKOSWAEIMQUYDHLPTXBFJNRVZEIMQUYCGKOSWBFJNRVZDHLPTXCGKOSWAEIMQUYDHLPTXBFJNRVAEIMQUYCGKOSWBFJ
NRVZDHLPTYCGKOSWAEIMQUZDHLPTXBFJNRVAEIMQUYCGKOSXBFJNRVZDHLPTYCGKOSWAEIMQVZDHLPTXBFJNRWAEIMQUYCGKOS
XBFJNRVZDHLPUYCGKOSWAEIMQVZDHLPTXBFJNSWAEIMQUYCGKOTXBFJNRVZDHLPUYCGKOSWAEIMRVZDHLPTXBFJNSWAEIMQUYC
GKPTXBFJNRVZDHLQUYCGKOSWAEIMRVZDHLPTXBFJOSWAEIMQUYCGKPTXBFJNRVZDHMQUYCGKOSWAEINRVZDHLPTXBFJOSWAEIM
QUYCGLPTXBFJNRVZDHMQUYCGKOSWAEJNRVZDHLPTXBFKOSWAEIMQUYCHLPTXBFJNRVZDIMQUYCGKOSWAEJNRVZDHLPTXBGKOSW
AEIMQUYCHLPTXBFJNRVZEIMQUYCGKOSWAFJNRVZDHLPTXBGKOSXCGLQVAEIMQUZGMQUYCGKOSWBFJNSXBFJOSWAEIMQUYCGLPT
XBFJNRVZDHMQUYCGKOSWAEINRVZDHLPTXBFKOSWAEIMQUYCGLPTXBFJNRVZDIMQUYCGKOSWAEJNRVZDHLPTXBFKOSWAEIMQUYC
HLPTXBFJNRVZDIMQUYCGKOSWAFJNRVZDHLPTXBGKOSWAEIMQUYCHLPTXBFJNRVZEIMQUYCGKOSWAFJNRVZDHLPTXCGKOSWAEIM
QUYDHLPTXBFJNRVAEIMQUYCGKOSWBFJNRVZDHLPTXCGKOSWAEIMQUZDHLPTXBFJNRVAEIMQUYCGKOSXBFJNRVZDHLPTYCGKOSW
AEIMQUZDHLPTXBFJNRWAEIMQUYCGKOSXBFJNRVZDHLPUYCGKOSWAEIMQVZDHLPTXBFJNRWAEIMQUYCGKOTXBFJNRVZDHLPUYCG
KOSWAEIMRVZDHLPTXBFJNSWAEIMQUYCGKOTXBFJNRVZDHLQUYCGKOSWAEIMRVZDHLPTXBFJOSWAEIMQUYCGKPTXBFJNRVZDHLQ
UYCGKOSWAEINRVZDHLPTXBFJOSWAEIMQUYCGLPTXBFJNRVZDHMQUYCGKOSWAEINRVZDHLPTXBFKOSWAEIMQUYCGLPTXBFJNRVZ
DIMQUYCGKOSWAEJNRVZDHLPTXBFKOSWAEIMQUYCHLPTXBFJNRVZDIMQUYCGKPUZEJNSWBFKOSXBFJNRVZDHLPUYCGKOSWAEIMQ
VZDHLPTXBFJNSWAEIMQUYCGKOTXBFJNRVZDHLPUYCGKOSWAEIMRVZDHLPTXBFJNSWAEIMQUYCGKPTXBFJNRVZDHLQUYCGKOSWA
EIMRVZDHLPTXBFJOSWAEIMQUYCGKPTXBFJNRVZDHMQUYCGKOSWAEINRVZDHLPTXBFJOSWAEIMQUYCGLPTXBFJNRVZDHMQUYCGK
OSWAEJNRVZDHLPTXBFKOSWAEIMQUYCGLPTXBFJNRVZDIMQUYCGKOSWAEJNRVZDHLPTXBGKOSWAEIMQUYCHLPTXBFJNRVZDIMQU
YCGKOSWAFJNRVZDHLPTXBGKOSWAEIMQUYDHLPTXBFJNRVZEIMQUYCGKOSWBFJNRVZDHLPTXCGKOSWAEIMQUYDHLPTXBFJNRVAE
IMQUYCGKOSWBFJNRVZDHLPTYCGKOSWAEIMQUZDHLPTXBFJNRVAEIMQUYCGKOSXBFJNRVZDHLPTYCGKOSWAEIMQVZDHLPTXBFJN
RWAEIMQUYCGKOSXBFJNRVZDHLPUYCGKOSWAEIMQVZDHLPTXBFJNSWAEIMQUYCGKOTXBFJNRVZDHLPUYCGKOSWAEIMRVZDHLPTX
BFJNSWAEIMQUYCGKPTXBFJNRVZDHLQUYCGKOSWAEIMRVZDHLPTXBFJOSWAEIMQUYCGKPTXBGLPUZFKOSWAEIMRVZEINRVZDHLP



Делается просто. Выбираем Html format и далее всё те же опции. Единственное добавились ещё 2 Alignment (выравнивание текста по левому, правому краю, по середине) и Html Header (имя Html страницы куда всё будет сохраненно).

Далее трансформируем фотографию и сохраняем её (сохраняйте на рабочий стол, так находить легче). Следующий шаг - находим сохранённый Html файл и открываем его. Перед вами появилась переделанная фотография в текстовом варианте. Для того чтобы вставить её на себе в блог (проверял только на лиру) выдилите весь текст (весь рисунок), скопируйте его. Далее в своём блоге войдите в создание новой записи и перейдите в расширенный редактор (в самом верху будет такая строка - Текстовый редактор: простой / расширенный). Нажмите клавишы Ctrl +V и данное изображение скопируется в блог.

В программе есть и другие режимы - RTF format и ASCII format, можете поработать и с ними. RTF format делает рисунки для вордовских документов, а ASCII format для документов в формате txt. Так же в программе есть и другие два блока, но я им не нашел применения из за того, что результат потом не вставить в блог (коряво вставляется). Я говорю про раздел программы Convert Word и Free Draw. Если хотите можете сами поковырятся в данных разделах. На этом урок закончен, спасибо за внимание.
Метки:  

Процитировано 4 раз



Иван_Победоносов   обратиться по имени Четверг, 01 Июля 2010 г. 03:34 (ссылка)
Как вам прога?
Сегодня случайно её нашел, на мой взгляд штука классная.
Ответить С цитатой В цитатник
WebloggerKRSK   обратиться по имени Четверг, 01 Июля 2010 г. 05:46 (ссылка)
Скачал попробовал


надо со шрифтами поиграться
Того, что на скриншоте в уроке у меня нет

Но все одно - интересно

Спасибо!
Ответить С цитатой В цитатник
Перейти к дневнику

Четверг, 01 Июля 2010 г. 11:27ссылка
А это может из за того что я делал скриншот с портабельной версии. А на скачивание дал полную, может поэтому нету шрифта. Хотя на мой взгляд эти версии толком не отличаются друг от друга.
Перейти к дневнику

Четверг, 01 Июля 2010 г. 16:52ссылка
Ага а все-таки, если тот шрифт есть, как бы его получить?

Кстати, ты мое "фото маслом" видел?
Я здесь несколько багетных рамок нашел. Клево получается. То что я на http://twitpic.com/21e37r - фигня (рамку руками делал), а вот, если в нормальную рамку вставить - получится клево
Перейти к дневнику

Четверг, 01 Июля 2010 г. 22:09ссылка
Ага прикольно получается
Перейти к дневнику

Четверг, 01 Июля 2010 г. 23:32ссылка
Ага, а теперь, смотри...
берешь фото, пейзажик например, фото*опишь ее до "масла", печатаешь на холст и закатываешь в багетной мастерской в деревянную рамку...

окей - готовый постер для домашнего бизнеса...
Перейти к дневнику

Пятница, 02 Июля 2010 г. 11:44ссылка
Я такое делал раньше, ставил плуг на фотошоп и делал из фото картину. Причём плуг был очень крутой, там куча была опций изменения.
Перейти к дневнику

Пятница, 02 Июля 2010 г. 15:10ссылка
а вот с этого места ПО-ПОДРОБНЕЕ: что за плагин?
Перейти к дневнику

Суббота, 03 Июля 2010 г. 04:00ссылка
Я не помню его название, и после переустановки винды фотошоп стоит голый. Так что если найду дам знать.
Перейти к дневнику

Четверг, 01 Июля 2010 г. 23:34ссылка
кстати, твоя техника для этого подойдет - не хуже...
Нина_Мирошниченко   обратиться по имени Четверг, 01 Июля 2010 г. 23:44 (ссылка)
ПРИКОЛЬНЕНЬКО!!!
Ответить С цитатой В цитатник
Перейти к дневнику
WebloggerKRSK   обратиться по имени Пятница, 02 Июля 2010 г. 15:40 (ссылка)
Я сейчас подготовлю полный пост "Холст маслом", мне кажется, что это будет интересный вариант оффлайнового заработка
Ответить С цитатой В цитатник
Перейти к дневнику

Суббота, 03 Июля 2010 г. 04:01ссылка
Возможно, главное найти клиентов и технику где всё печатать. Попробуй мож получится.
Перейти к дневнику

Воскресенье, 04 Июля 2010 г. 09:53ссылка
вторая часть ответа, походу, решаема
по запросу "фотография на холсте заказать" вс таргетингом в Красноярске яндекс выдал 559 показов.
Есть конкретные адреса.

Что касается спроса к предложению - тут работать надо
WebloggerKRSK   обратиться по имени Пятница, 02 Июля 2010 г. 16:01 (ссылка)
Html-формат у меня не получился
Ответить С цитатой В цитатник
Перейти к дневнику

Суббота, 03 Июля 2010 г. 04:01ссылка
Переборщил значит в размерах.
Перейти к дневнику

Суббота, 03 Июля 2010 г. 04:02ссылка
или вставил не в расширенном редакторе
Improvise   обратиться по имени Суббота, 03 Июля 2010 г. 20:16 (ссылка)
Ответить С цитатой В цитатник
Перейти к дневнику
lyudmilakedinova   обратиться по имени Воскресенье, 04 Июля 2010 г. 05:13 (ссылка)
спасибо
Ответить С цитатой В цитатник
Комментировать К дневнику Страницы: [1] [Новые]
 

Добавить комментарий:
Текст комментария: смайлики

Проверка орфографии: (найти ошибки)

Прикрепить картинку:

 Переводить URL в ссылку
 Подписаться на комментарии
 Подписать картинку