FoxTools v.2.0
Привет, Гость! Ваш IP: 31.184.215.237
Конвертер картинок в ASCII
Что такое ASCII?
Какой формат лучше?
Html удобно использовать для сохранения изображений в формате html, например, для добавления на сайт. Для создания цветных html изображений, ASCII не используется, вместо пикселей вставляются фиксированные пробелы с определенным фоном. Такие изображения можно без проблем вставить куда угодно, хоть в документ MS Word, хоть в текст сообщения на сайте Odnoklassniki.ru. При этом, структура изображения будет полностью сохранена.
Какие ASCII-символы лучше использовать и в каком количестве?
Зачем уменьшать изображения?
Например, следующиее изображение имеет размер 64×64 пикселей:
Если преобразовать это изображение в набор символов ASCII, то на выходе получится набор текстовых данных, содержащий 64 строки, в каждой из которых будет 64 символа.
Как видите, размер изображения в ASCII увеличился в несколько раз. Если конвертировать в ASCII обычную фотографию, то символов может быть так много, что изображение просто не уместится на экране.
Сайт построен на HTML5
Для корректной работы данного сайта требуется HTML5.
Пожалуйста, воспользуйтесь браузером, который поддерживает HTML5. Многие современные браузеры поддерживают HTML5. Например:
Минимализм ASCII-графики + ретро-мониторы
Символы, которые можно набрать на клавиатуре, являются мощным выразительным средством. ASCII-графика использует символы как штрихи, выполненные пером художника. И каждый такой штрих имеет как форму, так и смысловую нагрузку: буква, цифра, знак.
В данной публикации я покажу несколько своих новых ASCII-анимаций, расскажу пару неожиданных историй, связанных с ними, а также порассуждаю на тему, имеет ли право на существование ASCII-графика.
На заре компьютерной индустрии был период, когда такие средства отображения информации, как мониторы и принтеры, были алфавитно-цифровыми. Они могли отображать только буквы, цифры и несколько символов. Можно считать, что в этот период и зародился новый вид компьютерного искусства, который сейчас называют “ASCII-графика”. Само название “ASCII-графика” связано с таблицами ASCII, о которых можно прочитать на Хабре вот тут и тут.
Качество современной полиграфии, мониторов и экранов телефонов поражает. Имеет ли право на существование ASCII-графика во времена True Color и запредельной плотности точек на дюйм? Безусловно!
Древесный уголь использовался ещё в пещерной живописи, что не мешает рисованию углём оставаться актуальным и по сей день. Живопись с богатой палитрой красок не вытеснила черно-белую графику. Если карандаш берет в руку художник, то появляется произведение. Если ASCII-художник пододвигает к себе клавиатуру, то появляется ASCII-графика.
Позвольте, не претендуя на звание художника, показать вам еще несколько работ. Вот эксперимент с ASCII-анимацией на LCD-экране, работающем без подсветки. Изображение видно за счет отраженного света. Данный экран имеет светлую подложку, а все символы — темные. Также чуть-чуть видно тень от символов на подложке т.к. жидкие кристаллы находятся на небольшом расстоянии от нее.
Стиль, в котором делаю анимации, можно назвать Low Res ASCII Art. Количество текстовых ячеек настолько мало, что замысел можно передать исключительно только с помощью формы символов. Сидящая птичка (первый кадр), например, находится в ячейке 3 на 3 и состоит из шести символов.
Экран паузы в игре. Сам не курю, однако пауза ассоциируется с этим действом. Если вы играли в Metal Gear (MSX), то там можно было взять пачку сигарет в инвентаре и перекурить, а заодно подсветить лазер.
На публикацию этой анимации было много откликов в том ключе, что курить плохо. Но настоящий шквал комментариев последовал после публикации следующей анимации.
Тут изображены некие персонажи с гендером Male и Female рядом с запретным плодом. Гендер Male изображен символами XY, которые можно трактовать как соответствующий набор хромосом, а гендер Female – символами XX. После публикации в группе на Фейсбуке я начал получать комментарии и сообщения с угрозами. Суть претензий была в том, что люди сейчас сами определяют свой пол вне зависимости от набора хромосом. Однако, я получил и сообщения со словами поддержки. Правда, личными сообщениями.
Следующая картинка получена из недавно рассекреченных материалов наблюдения за НЛО.
Если бы существовали автономные космические фабрики по производству фруктов, то колбы с деревьями или кустами могли бы выглядеть вот так.
Разрешите закончить статью анимацией танца на пилоне на персональном устройстве.
Рад был показать вам свои новые работы. Здорово, если вам понравилась хотя бы одна картинка! На Хабре есть еще несколько моих публикаций на эту тему с анимациями и артом:
Текстовая графика
ASCII-арт
Возникло это искусство не сразу. Предтечами аски-арта были машинистки конца XIX. Уже в 1890-х годах проводились конкурсы на картинки, напечатанные на пишущих машинках. Один из сохранившихся шедевров — рисунок бабочки, созданный в 1898 г. Флорой Стэйсси. Изображения, выполненные на печатной машинке (так называемый «typewriter art»), – безусловно очень кропотливая и сложная работа, причём практически было нельзя ошибаться, и работа получалась в одном единственном экземпляре, как настоящая картина.
Появившиеся через несколько десятков лет электронные печатные машинки унаследовали от обычных механических печатных машинок в качестве устройства ввода клавиатуру с набором символов. Результат ввода строки с клавиатуры можно было наблюдать на небольшом экране и ошибку можно было скорректировать непосредственно перед печатью.
С появлением компьютеров всё стало ещё проще. Теперь весь текст набирался при помощи клавиатуры, а проверялся на экране. И его можно было не только напечатать на бумаге, но и сохранить в файле. Пользователи вздохнули свободнее – стало можно проверять результат набора, корректировать его, делать многократную печать, хранить и передавать копии текста. Инструменты работы с текстами стали более гибкими.
В качестве набора символов на компьютерах использовалась ASCII-таблица, поэтому картинки, нарисованные при помощи набора символов из этой таблицы стали называть ASCII-графикой или аски-артом (от англ. ASCII artwork). Под каждый символ на экране выделялось одно знакоместо, поэтому символы не могли «наезжать» друг на друга (в отличие от классических печатных машинок). К тому же они были моноширинными. Разных текстовых режимов было довольно много, но наиболее часто используемой была ширина в 80 символов.
Вначале компьютерщики рисовали простые, контурные картинки, используя слэши, минусы и подчёркивания. В основном это были надписи.
Но затем художественная мысль пошла дальше. Художники либо заново открыли, либо вспомнили, что и другие знаки из ASCII-таблицы можно использовать как заливку. Разными символами стали передавать интенсивность фона, ступенчатые линии стали сглаживать, более точно подбирая символы по краям. По сравнению со старыми контурными изображениями это была уже совсем новая техника, поэтому её назвали «новая школа» — «newschool» style. А старую технику назвали «старая школа» («oldschool» или «amiga-style», потому что такие аски-картинки были популярны среди владельцев компьютеров Amiga).
Наиболее продвинутые художники применяли такие великолепные техники заливки и сглаживания символами, что отдельные символы уже не замечались. Картинка воспринималось полноценным полутоновым изображением. Несмотря на то, что изобразительные средства были сильно ограничены, ascii-художникам удавалось создавать шедевры.
Компьютерная техника быстро эволюционировала, и вскоре появились графические терминалы, которые позволяли отображать цвета и картинки. Но это не мешало развиваться аски-арту как отдельному искусству. Конечно же, программисты не сидели, сложа руки, и написали сотни различных конвертеров, которые из графических файлов (bmp, pcx, gif, png, jpg и пр.) могли делать текстовые картинки. И теперь любой пользователь при помощи такого конвертера мог себя почувствовать аски-художником. Конечно же, «сконверченные» изображения не идут ни в какое сравнение с теми, которые рисуются руками. В 80 символов ширины красиво сконвертировать не получится ни у какого, даже самого умного конвертера (хотя, если привлечь нейронные сети, то можно и не такое сделать; но мне про использование нейросетей для конвертирования графики в текст не известно).
Технику рисования ASCII применяли не только в статичных текстовых файлах, но и при создании интро и демок, что добавляло им определённого шарма и ламповости.
Псевдографика
Предвидя, что в текстовом режиме всё же иногда хочется видеть что-то, отличное от обычных алфавитно-цифровых символов, разработчики стандарта ASCII добавили к буквам, цифрам и знакам препинания ещё две группы интересных символов – рамочки и блоки. Рамочки были нужны для красивого оформления таблиц, потому что рисование рамочек обычными символами выглядело уж совсем по-колхозному.
Блочные же элементы применялись по большей части в интерфейсах программ, ими хорошо было делать тени и некоторые элементы интерфейса типа вертикальной прокрутки или прогресс-бара.
Конечно, же аски-художники не преминули воспользоваться и этими символами. Во-первых, некоторые из рамочных символов позволяли более удачно сглаживать кривые линии. А во-вторых, и самое важное – символами заполнения ▀ ▄ █ ▌ ▐ ░ ▒ ▓ ▓ можно было полноценно рисовать и заполнять фон без пропусков. Эти символы позволили добавить к рисункам контраста, объёма и сочности, хотя и сделали картинки более «квадратными» и пикселизированными, в отличие от «гладких» картинок ньюскула. Новый стиль назвали «блочным стилем» («Block» или «High ASCII» style).
ANSI-графика
Главное, чего не хватало ASCII-художникам – цвета. Поэтому когда на компьютерных терминалах появилась возможность использовать цвет, то это сразу же было взято на вооружение. Добавляя специальные комбинации символов в обычный текст можно было давать команду изменить цвет символа и фона. Драйвер ANSI.SYS под DOS поддерживал 16 цветов для шрифта и 8 цветов для фона, да ещё позволял изменять его интенсивность. По сравнению с монохромными ASCII это было просто сумасшедшей палитрой.
Вначале, конечно, пробовали просто прикрутить цвета к олдскулу, получив так называемые ANSCII.
Но многие художники посчитали, что олдскул уже морально устарел, и при рисовании ansi практически полностью перешли на блочный стиль.
ANSI-графика получила широкое распространение благодаря использованию в оформлении BBS. Конечно же, юзерам гулять по такой «нарядной» бибиэске было намного приятнее, чем по обычным текстовым меню, поэтому сисопы изголялись при оформлении своих «электронных досок объявлений», как могли. Кто-то рисовал сам, а кто-то заказывал оформление у уже известных художников.
Художники же, чтобы их искусство не пропадало даром, стали объединяться с другими такими же художниками, а также музыкантами, программистами и другими творческими личностями в арт-группы. Возникло такое течение в современном искусстве как демосцена.
Сейчас
В общем, с точки зрения основного компьютерного сообщества, ASCII и ANSI вымерли, как динозавры. Но иногда эти ископаемые, как кистепёрые рыбы, всё же выплывают подышать воздухом из глубин времён.
Например, возникло целое направление игр жанра Roguelike, в которых для изображения игровых объектов используются символы ASCII и цвета ANSI.
Время от времени на волне ностальгии по старым временам появляются различные проекты, выполненные либо в чистой технике ASCII, либо сильно на неё похожей.
К примеру, довольно известен анимационный ролик, реализованный посредством протокола telnet. Если в telnet-клиенте зайти по адресу towel.blinkenlights.nl, то можно увидеть 20-минутную версию фильма :). Если телнета нет, то можно посмотреть вот тут: ASCII-версия IV эпизода космической саги «Звёздные войны» или готовый ролик на ютубе:
Одно время можно было смотреть гугловские улицы в аски-виде.
Некоторые доходили до того, что перегоняли в аски целые фильмы (хотя это уже скорее искусство программирования, а не рисования):
А недавно пользователь Пикабу Cyberslav объявил о создании под Андроид игры-платформера Unsigned Character в полном духе олдскульного ASCII (с небольшими оговорками):
А вот вообще просто прекрасная олдскульная anscii-игрушка-платформер ASCIIDENT:
В общем, ASCII и ANSI графика продолжает своё существование и даже развитие, несмотря на.
Смайлики
Ещё в 1982 году Скотт Фалман придумал два смайлика 🙂 и 🙁 для отметки интонации в сообщениях, и эти обозначения очень удачно прижились. Пользователи по всему миру стали активно придумывать и использовать смайлы в компьютерной переписке. Уже через десяток лет, в 1993 г., издательство «O’Reilly & Associates», специализирующееся на компьютерной литературе выпустило 93-страничный словарь эмотиконов, составленный Дэвидом Сэндерсоном под названием «Smileys» («Смайлики»). Даже писали смайликами стишки 🙂
Как верно написано в тезаурусе, «множество применяемых на практике смайлов невелико относительно их общего возможного числа. Практически всегда это смайлы эмоциональные и производные от «:-)»».
Самые популярные смайлы:
Менее популярные, но тоже применяющиеся:
UNICODE
К концу 1980-х годов стандартом стали 8-битные кодировки, их существовало довольно много и постоянно появлялись новые. Накопилось множество проблем: ограниченность набора символов, неправильные преобразования одной кодировки в другую, неверные раскодировки, дублирование шрифтов и т.п. В результате в 1991 году был разработан стандарт кодирования символов UNICODE, включающий в себя знаки почти всех письменных языков мира.
В настоящее время стандарт UNICODE является преобладающим в Интернете. Применение этого стандарта позволило закодировать очень большое число символов из разных систем письменности: в одном уникодовском документе могут соседствовать китайские иероглифы, математические символы, буквы греческого алфавита, латиницы и кириллицы, символы музыкальной нотной нотации, при этом стало ненужным переключение кодовых страниц.
По состоянию на март 2020 года в 13 версии UNICODE зарегистрировано 143 859 символов из 154 различных письменностей мира. Почти 150 тысяч разных символов – это, конечно, не сотня символов ASCII. Возможности для рисования символами выросли многократно.
Нынешние пользователи интернета стали привлекать для целей создания смайликов не только ASCII-символы, но и символы UNICODE.
Разработчики стандарта UNICODE сжалились над пользователями, поняли, что смайлики стали неотделимой частью сетевой жизни, и добавили в уникод 1809 эмодзи – маленьких картинок, которые практически повторяют все возможные текстовые смайлики, применявшиеся пользователями ранее. И стало возможным рисовать вот такие картинки (как ни странно, это не маленькие изображения, а самые настоящие текстовые символы, такие же, как и символы ASCII):
Если попытаться обычный моноширинный аски вставить на веб-страничку пропорциональным шрифтом, то всё «съедет».
Помимо того, что картинки «съезжают» от применения пропорциональных шрифтов, html «проглатывает» пробелы, оставляя из серии пробелов только один. Поэтому для рисования в фейсбуке и других местах стали использовать такой приём: пробелы стали заменять непробельными символами, например, подчёркиванием.
Что ещё
Выше я рассказал лишь о нескольких техниках реализации творческих способностей при помощи компьютера. Все эти техники объединяет то, что в качестве изобразительных средств используются текстовые компьютерные символы. Начертания, относительные размеры, цвет этих символов во многом ограничены шрифтами, знакогенераторами, стандартами отображения и прочим. Если же эти ограничения снять и выйти за рамки, то мы получим совершенно другие направления в художественном искусстве, которые тоже вроде бы связаны с буквами, символами и текстом. Но это уже не компьютерная текстовая графика («textmode art»).
Ворд арт («WordArt») – картинки тоже создаются на компьютере при помощи слов и предложений, но размер, направление и цвет уже могут быть произвольными.
Тайпрайтинг («TypeWriter Art») – искусство создания изображений на печатной машинке, о котором я говорил в самом начале. Основное отличие – символы могут наезжать друг на друга. Кстати, эта техника до сих пор не умерла, английская художница Keira Rathbone и ныне создает свои рисунки с помощью старенькой печатной машинки.
Граффити («Graffiti») – основное направление уличного искусства – стрит-арта («street art»). Надписи тоже есть, но со шрифтами и цветами тут уже полный полёт фантазии. Есть и направление попроще – тэггинг – быстрое нанесение надписи на какие либо поверхности, то есть то, что мы чаще всего видим на стенах, остановках, в вагонах метро и других общественных местах.
Можно также вспомнить, что задолго до появления компьютеров художники «игрались» со шрифтами, лигатурами, буквицами, монограммами и вензелями, выписывали надписи каллиграфией, вязью, монокондилом, набивали тату, рисовали хуаняоцзы, мунджадо и использовали другие виды типографики. Когда появился компьютер, то для всех этих видов искусств и техник он стал лишь очередным инструментом наряду с карандашом, пером и кистью.
Это лишь то, о чём я смог вспомнить, пока делал эту страничку. Не ограничивайте себя какими-то рамками, выбирайте любое существующее направление или выдумывайте новое – и творите. Творчество – это процесс реализации воображения, через творчество развивается мышление, а как утверждал Декарт: «Я мыслю, следовательно, я существую».
Архив артпаков 1990-2020
Создание графического элементов SmartArt с нуля
Создайте Графический элемент SmartArt, чтобы быстро и легко создать наглядное представление данных. На выбор предлагается большое количество макетов, предназначенных для различных ситуаций. Графические элементы SmartArt можно создавать в Excel, Outlook, PowerPoint и Word, и их можно использовать во Office.
Общие сведения о Графические элементы SmartArt, в том числе о том, как выбрать оптимальный тип рисунка и макета для отображения данных или представления концепции, см. в этой статьи.
Вставка графического элемента SmartArt и добавление в него текста
На вкладке Вставка в группе Иллюстрации нажмите кнопку SmartArt.
В диалоговом окне Выбор рисунка SmartArt выберите нужные тип и макет.
Чтобы ввести текст, выполните одно из указанных ниже действий.
В области текста щелкните элемент [Текст] и введите содержимое.
Скопируйте текст из другого места или программы, в области текста щелкните элемент [Текст], а затем вставьте скопированное содержимое.
Если область текста не отображается, щелкните стрелку с левой стороны графического элемента SmartArt.
Если вам нужно добавить текст, например заголовок, в произвольное место рядом c графическим элементом SmartArt или поверх него, на вкладке Вставка в группе Текст нажмите кнопку Текстовое поле, чтобы вставить текстовое поле. Если вы хотите, чтобы в поле отображался только текст, щелкните его правой кнопкой мыши, выберите команду Форматировать фигуру или Форматировать текстовое поле, а затем настройте поле так, чтобы у него не было цвета фона и границы.
Щелкните в графическом элементе SmartArt и введите свой текст. (ПРИМЕЧАНИЕ.) Для достижения наилучших результатов используйте этот вариант после добавления всех необходимых полей.
Добавление и удаление фигур в графическом элементе SmartArt
Щелкните элемент SmartArt, в который нужно добавить фигуру.
Щелкните существующую фигуру, ближе всех расположенную к точке, куда нужно вставить новую.
На вкладке Конструктор вкладки Работа с рисунками SmartArt в группе Создание рисунка щелкните стрелку рядом с кнопкой Добавить фигуру.
Если вкладка Работа с рисунками SmartArt или Конструктор не отображается, убедитесь, что вы выбрали графический элемент SmartArt. Чтобы открыть вкладку Конструктор, вам может потребоваться дважды щелкнуть графический элемент.
Выполните одно из указанных ниже действий.
Чтобы вставить фигуру после выделенной, выберите команду Добавить фигуру после.
Чтобы вставить фигуру перед выделенной, выберите команду Добавить фигуру перед.
Чтобы добавить фигуру в области текста, щелкните существующую фигуру, поместите курсор в то место перед текстом или после него, куда вы хотите вставить новую фигуру, и нажмите клавишу ВВОД.
Чтобы удалить фигуру из графического элемента SmartArt, щелкните соответствующую фигуру и нажмите клавишу DELETE. Чтобы удалить весь графический элемент SmartArt, щелкните его границу и нажмите клавишу DELETE.
Чтобы добавить фигуру, например выноску или линию, см. статью Добавление фигур.
Изменение цветов всего графического элемента SmartArt
К фигурам в графическом элементе SmartArt можно применять цветовые вариации из цветов темы.
Щелкните графический элемент SmartArt.
В разделе Работа с рисунками SmartArt на вкладке Конструктор в группе Стили SmartArt нажмите кнопку Изменить цвета.
Если вкладка Работа с рисунками SmartArt или Конструктор не отображается, убедитесь, что вы выбрали графический элемент SmartArt. Чтобы открыть вкладку Конструктор, вам может потребоваться дважды щелкнуть графический элемент.
Выберите цветовой вариант.
Применение стиля SmartArt к графическому элементу SmartArt
Стиль SmartArt — это сочетание различных эффектов, например стилей линий, рамок или трехмерных эффектов, которые можно применить к фигурам в графическом элементе SmartArt для придания им профессионального, неповторимого вида.
Щелкните графический элемент SmartArt.
В разделе Работа с рисунками SmartArt на вкладке Конструктор в группе Стили SmartArt выберите стиль.
Чтобы увидеть другие стили SmartArt, нажмите кнопку Дополнительные 
.
