PaintCAD Mobile — піксель арт на телефоні



Сьогодні в магазині Google Play рясніють квітами однакові прямокутники з округленими кутами, під кожним з яких чергове тач-додаток, де потрібно тикати пальцем в три кнопки, граючи в ігри а ля тауер-дефэнс, а ля катапульти з фізикою, а ля більш наворочені 3D проекти з видом зверху в ізометрії, де кришиш однією кнопкою мобів по десять штук в секунду величезним мечем, а ля аналогічні проекти з мирною будівництвом будівель раз в N хвилин і донатом в кристали, за які будівлі будуються швидше…

Там же в дальньому кутку гугл-плэя лежать Утиліти, які або по 300-500(-700) рублів припадають пилом в очікуванні покупця, або спрощені демо-версія/версії з рекламою зі всіх сторін.

Але так було не завжди. 10 років тому веселе співтовариство розробників мобільних додатків виробляло тонни корисних програм. В ті часи не було Андроїда, а панувала скрізь Java 2 Microedition — урізана версія яви для слабких мобільних пристроїв.

В ті часи був не 4G LTE інтернет, а, в основному, повільний GPRS (2G, 5 кілобайт в секунду, як діалап модем по швидкості) і з'являється модний EDGE (2,5 G, 30 кілобайт в секунду!).

В ті часи не було реклами в додатках, тому додатка робили не ті, хто хоче навариться на користувачів, вставляючи рекламу у всіх місцях, де потрібно і не потрібно, а ті, хто хоче принести користь і створити забавні речі, які будуть корисні людям. Звичайно, програми та ігри продавали через усілякі сервіси «відправ смс на номер...», але захисту майже ніякої не було і виконувані JAR файли мобільних ява-додатків валялися всюди в інтернеті.

На дрібному екранчику типу 101х80 або 128х128, а потім на 132х176 і 240х320, людьми використовувалася маса всіляких утиліт. На забитому додатками телефоні (з об'ємом внутрішньої флешки всього близько 1-5 Мбайт) обов'язково стояв:
— email клієнт,
— ftp клієнт,
— текстовий/html редактор,
— гойдає через GPRS веб-сторінки і парсящий їх html-браузер (Опери Міні ще не було),
— редактор MIDI мелодій,
— фото-редактор (для малопотужних мобільних камер типу 0,3 мегапікселя або 640х480 пікселів, зазвичай телефону з камерою стояло таке рідне додаток для редагування яскравості/контрасту/накладення рамок на фото),
— мобільний бейсік, в ньому можна було писати програми для телефону, а потім запакувати всередину виконуваного JAR (ZIP) файл бейсика свою прогу з ресурсами так, що при запуску цього JAR відразу буде її автозапуск. Таким чином, можна було робити свої програми на своєму телефоні, а потім розповсюджувати їх через інтернет.

Багато користувачів робили свої сайти на безкоштовних хостингах, писали html-код, вставляли туди картинки, анімації, потім через ftp клієнт викладали все це на хостинг, завантажуючи туди ж свої програми на мобільному бейсіку, а також колекції шпалер, мелодій, звуків, відео для телефону.

І це було тільки на поверхні рівня користувача. (нижче були хлопці, які прошивали телефони спецпрошивками і могли запускати програми особливого формату відразу на процесорі телефону, зрозуміло, вони працювали швидше яви.)

У цієї навчальної статті я розповім вам, як сьогодні можна малювати піксель арт на одному з динозаврів з тієї епохи j2me — PaintCAD Mobile. Вам потрібен телефон на Android 2.3 або новіше. За допомогою цієї програми ви зможете намалювати будь-які картинки, наприклад, для мобільного/комп'ютерного сайту або графіку гри, зробити GIF анімації для сайту, використовувати растрові PCF шрифти на своїх картинках (і навіть зробити ці шрифти самі). У цій статті розглянемо найпростіші функції: малювання, інструменти, палітри, трохи ефектів.




Android-версія PaintCAD важить близько 600 кілобайт, що виглядає скромно в порівнянні з вагою сьогоднішніх додатків для Android. При цьому вона містить масу можливостей з малювання і обробки зображень, створення анімацій і растрових шрифтів.

Запуск PaintCAD
Після запуску ви побачите заглушку з логотипом розробника. Тиснемо в будь-яке місце екрану. При натисканні на екран буде вибрано управління з сенсорного екрану. При натисканні на клавішу — буде вибрано управління з фізичної клавіатури (для java-телефонів з клавішами) без показу віртуальної. Т. к. у нас сенсорний андроїд, то тиснемо на екран.



Далі показується стартове вікно з вибором мови інтерфейсу.



Половину екрану займає віртуальна клавіатура. У вертикальному режимі вона відображається знизу, у горизонтальному — праворуч.

Якщо тиснути велику синю кнопку, то клавіатура перемикається між двома видами — джойстиком і цифрами-стрілками:



Це дозволяє при малюванні включити цифри-стрілки і спокійно ганяти курсор по малюнку, і перемикатися на джойстик коли потрібно викликати особливу функцію (скасування останнього дії, піпетку і т. д., докладніше про це нижче).

Порівняння телефонної клавіатури і віртуальної клавіатури в цьому відеоролику:



Так звані «софт-клавіші» — це дві круглі жовті кнопки віртуальної клавіатури праворуч вгорі і зліва вгорі. Вони завжди під рукою і при цифрах-стрілках, і при джойстику.



Натиснемо ліву — «Англійський» мову інтерфейсу. Натиснемо праву — «Російську» мову інтерфейсу. Тиснемо праву. Пробігає смуга завантаження і з'являється вікно «Рада дня».



У вікні можна жати лівий софт («Далі») і читати поради по порядку, або центр джойстика («Будь») — і вам покажуть випадковий рада. Клавішами «Вверх»-«Вниз» можна прокручувати текст ради. Начитавшись порад тиснемо праву софт «Ок».

З'являється вікно вибору режиму роботи програми.



Є три режими:
8 біт на точку — це так званий «256-кольоровий режим з індексованою палітрою», якщо по-простому: у вас в панелі 256 банок з фарбою. Ви можете залити в будь-яку банку будь RGB колір (тобто вибрати один з 16 мільйонів кольорів). І, відповідно, на малюнку будуть тільки ці 256 кольорів з банок. У цьому режимі можна малювати GIF файли. Можна зберігати також і в інші формати (256-кольоровий BMP, наприклад).

24 біт на точку — це повнокольоровий режим, де кожна точка на малюнку має один з 16 мільйонів кольорів. Використовується для малювання 24-бітних BMP, зазвичай, з фінальним збереженням в PNG (навіть з напівпрозорість!).

Оброблювач — режим з максимальною кількістю вільної оперативної пам'яті, що дозволяє, наприклад, перетворювати гігантську картинку будь-якого формату BMP малюнок розміром по ширині-висоті менше (у разі, якщо ця картинка не вантажиться взагалі в 8битном/24битном режимах з-за нестачі оперативної пам'яті, а використовувати її на малюнках хочеться).

Клавішами «Праворуч»-«Ліворуч» можна перемикати режим. Вибираємо «24-бітний» і тиснемо праву софт «Ок».

З'являється вікно «Межа розміру».



В ньому вибираємо максимальний розмір малюнка по горизонталі і вертикалі, який ми збираємося малювати. Після цього будуть залізно виділена пам'ять під необхідні буфери, щоб її вистачило в будь-якому випадку.

Клавішами «Вверх»-«Вниз» можна вибрати «Екран» (тоді буде максимальний розмір малюнка з екран) або «Вказати» (тоді можна вказати, наприклад, 1500 х 50 пікселів якщо потрібно раптом малювати картинку таку дуууже широку, але невисоку). Залишаємо обраним «Екран» і тиснемо праву софт «Ок».

З'являється вікно стартового майстра.



У ньому можна вибрати клавішами «Праворуч»-«Ліворуч», як у багатьох програмах для ПК, що ми збираємося робити:
Створити файл — створити новий рисунок зазначеного вами розміру (але не більше граничного розміру, вибраного в попередньому вікні).

Відкрити ??? — відкрити графіком будь-якого формату засобами телефону

Відкрити ???+альфу — відкрити графіком будь-якого формату засобами телефону з подгрузкой альфа-каналу прозорості. Використовується для відкриття PNG файлів з напівпрозорість. Тоді картинка завантажиться на малюнок, а альфа-канал в буфер. Можна перемикатися між ними і малювати і малюнок, і альфа-канал.

Детальна інформація для досвідчених обрабатывальщиков малюнків з альфа-каналом

Відкрити ??? рис+буф — відкрити відразу дві картинки: одну помістити на малюнок (наприклад, mypic.bmp), а іншу з припискою CB помістити в буфер (наприклад, mypicCB.bmp). Це зручно, коли ви малюєте малюнок на малюнку та альфа-канал в буфері. І ось ви зберігаєте свою роботу в два файлу відразу, потім пішли пообідали, а потім повернулися, знову запустили паинткад і подгрузили свої два файла — малюнок і буфер — назад в редактор.

Вибираємо «Створити файл» і тиснемо праву софт «Ок».

З'являється вікно «Новий файл», яке питає у вас розмір вашого нового зображення у пікселях.



Спочатку пропонуються 32х32 пікселя. В дужках вказано вибраний вами максимальний розмір малюнка (більше якого не можна ввести числа).

Для перемикання між шириною і висотою користуємося клавішами клавіші «Вверх»-«Вниз». Для введення цифр користуємося клавіатурою цифр-стрілок. Для цього тиснемо велику синю кнопку, вводимо цифри. Цифри вводяться циклічно, додаючись в кінець вже введеного числа, а при дуже довгому/великому числі (більше макс розміру) — скидаються до одного розряду.

Приклад для екрану 320х480:
введено «32»,
вводимо «0» — стало «320»,
вводимо ще «2» — стало «2» (скидання т. к. 3202 — більше макс. розміру),
вводимо ще «0» — стало «20»
вводимо ще «5» — стало «205»,
вводимо ще «3» — стало «3» (скидання т. к. 2053 — більше макс. розміру),
і т. д.

Якщо хочеться ввести розмір, рівний екрану, то просто тиснемо центр джойстика — і у вас одразу введуть ширина/висота, рівні екрану, і сам нажмется «Ок».

Для даного навчального матеріалу так і залишу 32х32 пікселя. Тиснемо праву софт «Ок».

З'являється головне вікно редактора — вікно малювання.



Такий маленький малюнок, особливо на сучасних гігантських екранах — не видно майже зовсім. Тому відразу переключається на Джойстиковую клавіатуру і тиснемо «ДжойВправо». Відкриється Меню команд».



У меню команд можна робити багато чого, але ми будемо змінювати масштаб командою «Лупа». Переконуємося, хто курсор меню стоїть на пункті «Лупа» і тиснемо праву софт «Ок». Потрапляємо у вікно вибору масштабу.



У віконці можна кнопками «ДжойВправо»-«ДжойВлево» змінювати масштаб в межах розміру пікселів від 1х1 до 50х50. Також можна на цифрах-стрілках відразу натиснути цифру від 1 до 9, вибравши масштаб від х1 до х9, відповідно.

Вибираємо х6, наприклад. При цьому шахова клітка на екрані при виборі різних масштабів відразу стане відображати розміри пікселів. Можна прикинути, чи приємно оку на них дивитися чи потрібно вибрати ще більшими.



Тиснемо праву софт «Ок», повертаючись в головне вікно. Малюнок збільшився на екрані. Справа з'явилася міні-смуга прокручування, що показує де ми знаходимося на малюнку.



Багато люблять ще сітку, щоб видно було межі пікселів. Включимо її тоді в головному меню. Натискаємо «0» (нуль), з'являється вікно головного меню.



Клавішами «Праворуч»-«Ліворуч» можна перемикати підменю, а клавішами «Вверх»-«Вниз» ялозити вже всередині підменю зі списком пунктів. Натисніть двічі «Вліво» щоб потрапити в підменю «Налаштування».



Настройка «Сітка» майже в самому низу списку. Тому тисніть «Вгору» щоб перейти через верх вниз і поставте курсор на пункт «Сітка».



Натисніть правий софт «Ок», з'явиться вікно зміни налаштування сітки.



У ньому написано що зараз сітка вимкнена і можна змінити стан (увімкнути), або не чіпати нічого (залишити вимкненій). Тиснемо праву софт «Так» і нас повертають у головне вікно малювання з включеною сіткою.



Також можна змінити вигляд курсора на однопиксельный, щоб кільце навколо курсору не закривало нам огляд при малюванні дрібної картинки. Для цього тиснемо «0» і знаходимо в самому верху підменю «Налаштування» (там де була «Сітка») пункт «Тип курсору».



Викликаємо його і потрапляємо у вікно установки курсору.



Клавішею «ДжойВниз» спускаємося в «Шаблони», там вже вибрано потрібний нам «Точка 1х1», але щоб вона подгрузилась — тиснемо «ДжойВправо» і назад «ДжойВлево». Вигляд курсору посередині екрана показує нам як виглядатиме вибраний курсор.



У цьому віконці при бажанні можна навіть свій курсор намалювати в межах квадрата 5х5. Але поки візьмемо шаблонний. Тиснемо «Ок» і повертаємося у вікно малювання з маленьким курсором.



Починаємо малювати
Під малюнком відображається рядок стану.



Там вказано:
— поточний розмір малюнка: 32х32,

— поточне положення курсору: 0;0, в налаштуваннях можна включити відлік з 1;1, для тих хто не любить 0;0),

— два кольори один під одним: верхній чорний «Передній колір» (ПЦ, foreground color, FC), нижній білий «Задній колір» (ЗЦ, background color, BC). Кольори зазвичай використовуються як вхідні дані для ефектів. Наприклад, можна змалювати всі об'єкти кольору ПЦ лінією кольору ЗЦ. Або намалювати вогонь знизу доверху від ЗЦ до ПЦ, а потім до прозорості. І т. д.

— інструмент: в даний момент «олівець», ставить пікселі кольору ПЦ по кнопці «5» в поточне положення курсору.

— тип ліній: для інструментів типу лінія, еліпс, прямокутник, трикутник, це суцільна або пунктирна, перемикається по зеленій кнопці на джойстиковой клавіатурі.

Клавішами-стрілками на цифровій клавіатурі переміщайте курсор, клавішею 5 ставте пікселі. Якщо поставили повз — натисніть «ДжойВлево», це обміняє кольору ПЦ і ЗЦ місцями, і замість чорного ви будете малювати білим (прати намальоване чорне). Потім знову натисніть «ДжойВлево» і в ПЦ знову стане чорний колір (а в ЗЦ білий).

Отже, ось так працює Олівець.



Тепер перед наступним малюванням зітремо намальоване. У паинткаде завжди існує виділений фрагмент малюнка. Зараз він дорівнює всьому малюнку (тобто весь малюнок 32х32 пікселя виділено). Заллємо весь малюнок кольором ЗЦ (білим), стерши всі що намалювали. Для цього натисніть "#" — з'явиться меню «Виділення і буфера обміну».



Клавішами Вгору-Вниз-Вліво-Вправо на цифровий або джойстиковой клавіатурі поставте курсор на «Очистити».



Натисніть «Ок» і малюнок знову чистий (залитий кольором ЗЦ).



Інструменти
Натисніть правий софт у вікні малювання. З'явиться меню вибору інструментів.



Нудне призначення всіх 15 інструментівОлівець: малює по кнопці «5» піксель кольору ПЦ під курсором,
Кисть: вмикається/вимикається по кнопці «5», якщо включена, то при переміщенні курсора залишає за ним слід кольору ПЦ.
Інвертор: аналогічний кисті, але залишає за курсором кольору, зворотні тим, які були в пікселях до цього.
Заливка: звичайна заливка по кнопці «5» кольором ПЦ в межах того кольору, на якому вона почала заливатися,
Заливка 2: незвичайна заливка по кнопці «5» кольором ПЦ, впирається тільки в точки кольору ЗЦ, інші заливає кольором ПЦ без розбору,
Лінія: пряма лінія кольору ПЦ від першої точки по кнопці «5» до другої точки по кнопці «5»
Еліпс: одне з кіл, розташованих еліпс в межах прямокутника, два протилежних кута якого вибираються кнопкою «5» по черзі,
Коло: зафарбований еліпс, аналогічно інструменту «Еліпс»
Еліпс 2: одне з кіл, розташованих еліпс в межах прямокутника, центром якого є перша точка по кнопці «5», а кутом — друга точка по кнопці «5».
Коло 2: зафарбований еліпс, аналогічно інструменту «Еліпс 2».
Рамка: одне з кіл, розташованих прямокутник, двома протилежними кутами якого є дві точки по кнопці «5».
Кывадрат: зафарбований прямокутник, аналогічний інструмента «Рамка».
Полілінія: малює прямі лінії між точками, вказуються по кнопці «5».
Трикутник: малює три прямі лінії, що утворюють трикутник, між трьома точками, що вказуються по кнопці «5».
Текст: запитує текст, потім дозволяє розмістити текст на зображенні з використанням системних шрифтів або завантаженого зовнішнього файлу растрового PCF шрифту (якщо він був завантажений в меню 0-Шрифти до цього).

Вибираємо інструмент «Полілінія» і тиснемо «Вибрати» (правий софт).



Переходимо курсором в різні точки малюнка і тиснемо кнопку «5» — точки будуть з'єднуватися лініями. Щоб почати нову полілінію, треба двічі натиснути правий софт (перше клацання — виклик меню «Інструменти», друге натискання — вибір інструменту «Полілінія» з обривом попередньої полілінії).



Останнім натискання — і намальований замкнутий контур а-ля «лист».

Палітра — режим сітки і ефект Градієнт
Натисніть лівий софт для переходу у вікно палітри. Воно відкриється.



Червона рамка — це колір ПЦ. Синя рамка — це колір ЗЦ. В 24-бітному режимі можна просто вибирати готові кольору з таблиці. А в 8-бітному режимі ця сітка і є палітра, в ній можна не тільки вибирати кольори, але і правити їх.

Перемикання між вибором ПЦ і ЗЦ кольорів — по центральній клавіші джойстика. Але ми просто виберемо інший колір для заливки нашого малюнка. Я для листа вибираю зелений колір. Для цього на цифровій клавіатурі тисну цифри-стрілки і переміщаю курсор на зелений колір.



Далі тиснемо «Ок» і бачимо внизу вікна що в ПЦ тепер вибраний колір лежить.



Далі тиснемо праву софт і вибираємо інструмент «Заливка».



Переміщаємо курсор в замкнутий контур, тиснемо «5» і заливка ллє зелений колір в межах чорного контуру листа.



Палітра — режим спектрального підбору
Заллємо білий фон градієнтом. Для цього треба вибрати в кольори ПЦ і ЗЦ два кольори, між якими і буде плавний перехід (градієнт).

Натисніть лівий софт і потрапите в палітру-сітку.



Тепер натисніть «ДжойВлево» і потрапите в спектральний підбір.



В спектральному підборі можна вибрати тон кольору (верхня смуга з веселкою). Тисніть на цифровій клавіатурі клавіші «1» і «3», вибираючи тон. Червона стрілка переміщається по верхній кромці смуги, показуючи ваш вибір. Я виберу жовтий відтінок.



Тепер на середній смузі треба вибрати яскравість кольору від темного до світлого клавішами «4» і «6». Виберу жовтий середньої яскравості. Він відразу з'явиться праворуч у клітинці кольору ПЦ.



Потім натисніть центральну клавішу джойстика на джойстиковой клавіатурі. І напис внизу вікна зміниться з «ПЦ» на «ЗЦ». Значить тепер ви правите колір ЗЦ.

Клавішами «1» і «3» також вибираємо тон, потім клавішами «4» і «6» вибираємо яскравість. Тільки тепер не червоні стрілки, а сині стрілки, які відповідають за ЗЦ, переміщуються під смугами. Я вибираю рудий відтінок.



Праворуч внизу вікна видно комірки з вибраними кольорами ПЦ (жовтий) і ЗЦ (рудий). Тиснемо праву софт (Ок). Повертаючись в головне вікно.



Вибрані кольори з'явилися внизу вікна.

Далі запускаємо ефект градієнта в меню Ефектів. Для цього тиснемо кнопку ".*" (зірочка). Відкривається меню Ефектів. Переміщаємо курсор на пункт «Градієнт» і вибираємо його.



Вилазить запит типу градієнта: звичайний або плоский. Плоский градієнт з використанням тільки двох кольором ПЦ і ЗЦ без проміжних відтінків (генерується з допомогою суміші пікселів кольору ПЦ і ЗЦ в необхідних пропорціях). Вибираємо Звичайний і тиснемо праву софт «Ок».



Далі запитується напрямок градієнта. Вибираємо «Зверху-вниз» (тобто вертикальний градієнт).



Далі запитується місце заливки: скрізь в межах виділення або на конкретний колір. Оскільки нам треба залити білий фон (тобто конкретний колір), то вибираємо «Вказати колір».



На малюнку без масштабування підкочуємо курсор клавішами-стрілками в біле місце.



І тиснемо «5». Паинткад відображає колір, який був вказаний.



Далі тиснемо «Ок». Показується вікно зі смугою прогресу і приблизно залишився до кінця обробки.



По закінченні обробки йде повернення в головне вікно. Градієнт накладено.



Палітра — режим RGB вибору кольорів
Намалюємо листу темно-зелені прожилки. Для цього спочатку поставимо курсор на зелений колір листа та натиснемо «ДжойВниз». Це викличе Піпетку, яка забере колір під курсором в ПЦ.

Примітка: якщо в ПЦ вже є колір, який під курсором, то піпетка просто змінює ПЦ і ЗЦ місцями. Це дозволяє порівнювати поточний колір ПЦ і колір під курсором (рівними або не рівними). Якщо рівні, то ПЦ і ЗЦ міняються місцями і треба натиснути «ДжойВлево» щоб поміняти їх назад. Досить зручно при малюванні піксель арт.



Тепер вліземо в режим RGB палітри щоб затемнити колір. Для цього натиснемо «Лівий софт». Нас поверне в спектральний підбір.



З спектрального підбору виліземо в палітру-сітку, як і влізли туди — натиснувши «ДжойВлево».



В режимі панелі-сітки щоб зайти в режим RGB-редагування кольорів — натисніть Лівий Софт. Здасться вікно RGB правки кольору.



У вікні намальовані дві клітинки кольорів: велика — це поточна редагована, маленька — це інший колір. Також відображається значення R, G і B компонент поточного редагованого кольору (зверху) та компонент іншого кольору (внизу).

Посередині відображається крок зміни компонент (х1 — по 1 за раз, х5 — по 5 за раз, перемикається по кнопці «0»).

А також колірне відстань (яке «D=235.8») між ПЦ і ЗЦ — корінь квадратний із суми квадратів різниць компонент. Колірне відстань дозволяє зрозуміти наскільки далекі два кольори, що дозволяє не робити глазовыдирательных відмінностей в кольорах малюнка при піксель арт.

Нудний список керуючих клавіш вікна RGB-правки кольоруЦентральною клавішею джойстика можна перемикати правку ПЦ і ЗЦ.

Клавішами «1» і «3» можна змінювати R компоненту кольору. Натисніть клавішу «2» обнулити R компоненту кольору.
Клавішами «4» і «6» можна змінювати G компоненту кольору. Клавішею «5» обнулити G компоненту кольору.
Клавішами «7» і «9» можна змінювати B компоненту кольору. Клавішею «8» обнулити B компоненту кольору.

* — змішати ПЦ і ЗЦ, поклавши результат в ПЦ.
# — включити режим зміни кольору, яскравості, при зміні однієї компоненти — всі інші змінюються пропорційно.
0 — переключити крок зміни компонент між х1 і х5.
ДжойВлево — обміняти компоненти квітів ПЦ і ЗЦ місцями.
ДжойВниз — скопіювати компоненти іншого кольору в поточний редагований.
ДжойВправо — перетворити поточний редагований у відповідний колір сірий еквівалент

Отже, потрібно зробити зелений більш темним.

Тиснемо «0» і бачимо у віконці посередині «х5» замість «х1» — значить крок зміни компонент тепер дорівнює п'яти за одне натискання.



Тиснемо клавішу "#" (сітка) згідно з підказкою у заголовку вікна "#-яск". Вікно переходить в режим редагування по яскравості.



Будемо зменшувати зелену компоненту G клавіша «4» по 5 одиниць за одне натискання. А решта (R, B) змінюватимуться пропорційно. Короткими натисканнями на «4» зменшуємо G і, в підсумку, яскравість всього зеленого кольору.



Тиснемо «Ок» і повертаємось в головне вікно. Бачимо в ПЦ наш свежевыбранный темно-зелений колір.



Вибираємо інструмент, наприклад, «Олівець»



Та попіксельно домальовували прожилки.



Доп.ефект Цветозамена
Цей ефект змінює в межах виділення (а нас виділено весь малюнок) всі точки кольору ПЦ на колір ЗЦ.

Перетворимо чорний контур аркуша в темно-зелений контур.

Натисніть «ДжойВлево» щоб обміняти ПЦ і ЗЦ місцями в клітинках.



Тепер темно-зелений колір спустився в ЗЦ. А в ПЦ непотрібний рудий відтінок, що лежав там після застосування градієнта. Замінимо його на чорний.

Для цього подкатим курсор на будь-яку точку контуру та натиснемо «ДжойВниз» (піпетка). Побачимо, що в ПЦ тепер лежить чорний колір.



Тепер викличемо «Цветозамену». Натисніть ".*" (зірочку) для виклику меню Ефектів. І там виберіть праворуч значок магічного циліндра з червоною стрічкою під назвою «Доп.ефекти».



У меню Дод.ефектів в самому низу знайдіть і виберіть пункт «Цветозамена».



Після натиснення «Ок» і обробки малюнка ви повернетесь в головне вікно малювання.



Чорний контур став зеленим.

попередній Перегляд
Натисніть на джойстиковой клавіатурі червону круглу кнопку. І відкриється режим попереднього перегляду. Тут в масштабі 1х1 ви можете оцінити красу вашого творіння.



Якщо натиснути на верхню половину екрану (де не віртуальної клавіатури), то вірт.клавіатура сховається. Так можна оцінити великі малюнки.



Натисніть ще раз на будь-яке місце екрана — і віртуальна клавіатура знову з'явиться.

Тепер натисніть ".*" (зірочку) і можете подивитися ваш малюнок у ролі елемента (тайла) мозаїки розміром 5х5 малюнків. Зручно, якщо малюєте текстури, состыковывающиеся самі з собою, або елементи карти для 2D гри.



По кнопці «Лівий Софт» можна також переключатися між попереднім переглядом малюнка і буфера (якщо ви до цього щось скопіювали в буфер обміну, але ми нічого не копіювали поки що).

Знову натисніть червону круглу кнопку на джойстиковой клавіатурі щоб повернутися в головне вікно малювання.

Збереження файлу
Щоб зберегти малюнок у вигляді файлу — натисніть кнопку в головному вікні «0». В підменю «Файл» виберіть «Зберегти...».



Будемо зберігати в PNG. Тому вибираємо у наступному вікні формат PNG. Сірі пункти — це не демо-версія або за окремі гроші, а просто пункти, які працюють в 8-бітному (256 кольоровому режимі малювання, а ми зараз в 24-бітному.



З'явиться таємниче вікно з полем вводу тексту на весь екран. Воно чекає, коли ви введете в нього Шлях+Ім'я файлу, тому в ньому вже введено розширення ".png".



Щоб не вигадувати шлях — ліземо у вбудований файловий менеджер. Для цього тиснемо кнопку «Меню», а якщо у вас новий телефон і такий кнопки там немає, то довго тиснемо на текстове поле — вилізе меню.



Вибираємо «Огляд...» і потрапляємо в Файловий менеджер.



Для вибору дисків можна натискати багато разів «Вліво» і потрапити в список дисків.
Також можна створити нову папку, перейменувати файл і т. д. Для цього треба натиснути кнопку «меню» вашого телефону або натиснути кнопку "..." на вірт.клаві, вона видно зліва вгорі від джойстика на скріншоті.

Залазимо в потрібну папку, тиснемо "..." на джойстиковой виртклаве.



Вибираємо пункт «В цій папці. Вас поверне в поле вводу шляхи+імені файлу, але там буде введений шлях до вибраної папки.



Дописуємо ім'я файлу. Тиснемо «Меню» чи довго на поле вводу для виклику меню.



Тиснемо «Ок». З'являється вікно вибору прозорості. Можна вказати «ні» для малюнка без прозорості, або вказати конкретний повністю прозорий колір, або вказати що у вас в буфері випадково лежить альфа-канал розміром рівному за малюнок, тоді цей альфа-канал буде використаний при збереженні вашого PNG як малюнка з напівпрозорість.



Вибираємо «Ні». Чекаємо проходження пакування і збереження PNG.



Перегляд збережених файлів
Після збереження або при наступному відкритті файлів можна подивитися вміст картинок прямо в файловому менеджері. Для цього викликаємо, наприклад, «0»-«Файл»-«Відкрити...»-"???" (для простого відкриття файлу) в поле вводу шляхи+імені вибираємо в меню «Огляд...» як вище робили це при збереженні.

Далі наводимо курсор на файл.



І тиснемо «1» на клавіатурі цифр-стрілок. Вмикається режим попереднього перегляду файлів. Для картинки — сама картинка з'явиться на екрані, а знизу буде написано ім'я файлу і розмір картинки в пікселях.



При цьому можна ходити клавішами навігації по файлів і папок. У разі якщо курсор на папці знаходиться або на файлі, який не вдається відкрити картинка, то малюється перекреслений червоними лініями екран.



Ще один невеликий ролик про малювання простий картинки


Висновок
У цьому навчальному матеріалі були розглянуті лише деякі з функцій мобільного паинткада. Опис функцій можна прочитати у вбудованій в паинткад системі допомоги у головному меню:


Також можна навести курсор на функцію в меню і натиснути «0» щоб прочитати контекстну довідку за цієї функції.



Ресурси
Завантажити безкоштовну версію PaintCAD Mobile для Android можна, наприклад, в Google Play (просто введіть у пошуку PaintCAD) або з офіційного сайту паинткада по прямой ссылке (для тих, у кого немає Google Play в телефоні): blackstrip.ru/PaintCAD.apk

Для тих, у кого одні з останніх випускаються телефонів, що підтримують j2me — у вас буде працювати і j2me версія паинткада: blackstrip.ru/PaintCAD.jar, тільки вона буде використовувати фізичну клавіатуру телефону для управління замість віртуальної.

Ще є галерея малюнків та анімацій користувачів паинткада: pg.blackstrip.ru

А ще — бібліотека растрових шрифтів у форматі PCF: fonts.blackstrip.ru. Вантажте ці шрифти через «0»-«Шрифти»-«Відкрити шрифт» і тоді інструмент «Текст» буде працювати з завантаженим растровим шрифтом замість системного шрифту.

Джерело: Хабрахабр

0 коментарів

Тільки зареєстровані та авторизовані користувачі можуть залишати коментарі.