2. Pagpipinta at Pagpapasadya

Ngayon na na-load mo na ang iyong mapa, oras na upang bigyan ito ng buhay! Ang seksyong ito ay sumasaklaw sa mga pangunahing tampok ng pagpipinta at pagpapasadya na nagpapalakas sa PaintMyMap—at tumutugma nang eksakto sa nakikita mo sa editor.

Paano Gumagana ang Pagpipinta

Ang pagpipinta sa PaintMyMap ay ginagawa sa pamamagitan ng pag-aassign ng mga tampok ng mapa (mga bansa, rehiyon, atbp.) sa mga grupo ng legend. Ang bawat grupo ay may sariling kulay, opsyonal na pattern, at label.

Magpinta, magbura at baguhin ang laki ng brush

Pangunahing Pagpipinta

1. Pumili ng Grupo ng Legend: I-click ang isang grupo sa legend (ang kulay nito ang magiging aktibong kulay ng pintura)
2. Pumili ng Iyong Brush: Pumili ng Single o isang bilog na laki (S/M/L/XL)
3. Magpinta: I-click o i-drag sa mga tampok ng mapa upang i-assign ang mga ito sa napiling grupo
4. Eraser: Lumipat sa pambura upang alisin ang pintura mula sa mga tampok

Mga Shortcut: B (Brush), E (Eraser), ⌘/Ctrl+Z (Undo), ⇧+⌘/Ctrl+Z (Redo)

Pamamahala ng Legend

Ang legend ang puso ng visual na organisasyon ng iyong mapa. Ang bawat kulay sa mapa na nais mong ipinta ay kailangang i-assign sa isang grupo (legend item).

Pumili ng mga item sa Legend, ayusin ang pagkakasunod-sunod, itago/ipakita, magdagdag ng pamagat ng Legend, baguhin ang laki at ilipat ang Legend

Paglikha ng Mga Grupo ng Legend

• Magdagdag ng Mga Grupo: I-click ang + Magdagdag ng item upang lumikha ng bagong grupo.
• Mga Kulay at Pattern ng Grupo: I-click ang color swatch upang buksan ang menu ng kulay/pattern
• Mga Label ng Grupo: Direktang mag-type sa label field ng bawat grupo
• Ipakita/Itago sa Legend: I-toggle ang visibility para sa anumang grupo
• Ayusin ang Pagkakasunod-sunod: I-drag gamit ang handle o gamitin ang mga button na pataas/pababa
• Tanggalin: Alisin ang isang grupo (hindi nito tatanggalin ang mga pininturahang lugar; babalik ang mga ito sa hindi pininturahan)
• Pamagat ng Legend: I-toggle ang “Ipakita ang Pamagat ng Legend” sa Mga Opsyon, pagkatapos ay i-edit ang teksto ng pamagat

Pagpoposisyon ng Legend

• I-drag upang Ilipat: I-drag ang legend kahit saan sa mapa (pinakamadali sa Preview mode)
• Baguhin ang Laki: Gamitin ang handle sa sulok upang i-scale ang legend block
• Background: Itakda ang kulay ng background ng legend at transparency sa Mga Opsyon

Choropleth Maps - Gumawa ng Gradient ng Kulay

Sa Choropleth generator, maaari kang lumikha ng perpektong gradient ng kulay sa isang click lang! Pumili ng panimulang at pangwakas na kulay, bilang ng mga hakbang, at tapos ka na!

Gumawa ng Gradient ng Kulay gamit ang Choropleth Generator

Tool ng Brush

Upang pumili ng brush, i-click ang tool ng brush. Upang baguhin ang laki, gamitin ang dropdown sa tabi nito. Upang baguhin ang kulay, lumikha o pumili ng bagong grupo mula sa legend.

Mga Uri ng Brush

• Single: Magpinta ng isang tampok bawat click (tumpak na kontrol)
• Circle: Magpinta ng lahat ng tampok sa ilalim ng radius ng brush
  • S/M/L/XL na laki para sa mas mabilis na pagpuno

Mga Kontrol ng Brush

• Aktibong Grupo: Ang kasalukuyang napiling grupo ng legend
• Laki ng Brush: Pumili ng S/M/L/XL; isang preview na bilog ang nagpapakita ng eksaktong radius
• Preview ng Kulay: Ipinapakita ang aktibong kulay/pattern ng grupo
• Eraser: Nag-aalis ng pintura mula sa mga tampok (E)

Tip: Gamitin ang Undo/Redo nang malaya habang nag-eeksperimento sa mga laki.

Mga Kulay ng Brush

Maaari kang magpinta gamit ang isang kulay o pumili ng pattern mula sa dalawa o tatlong kulay.

Pumili ng solidong kulay para sa brush o isa sa dalawa o tri-color na pattern

Tool ng Mga Hugis

Gamitin ang tool ng Mga Hugis upang mag-annotate, mag-highlight, o mag-layer ng karagdagang kahulugan sa ibabaw ng iyong mga pininturahang rehiyon.

Gumuhit ng mga hugis, baguhin ang kulay, magdagdag ng teksto, i-rotate at i-edit

Mga Uri ng Hugis na Magagamit

Hugis	Layunin
Linya	Simpleng pointer / underline; i-click-drag upang gumuhit.
Arrow	Directional callout (awtomatikong arrow head).
Rectangle	Karaniwang box highlight.
Rounded Rectangle	Mas malambot na highlight / lalagyan ng label (mga bilugan na sulok).
Circle	Ring ng diin o marker.
Komento	Rounded speech-bubble style annotation (oval na katawan + buntot).
Comment Box	Rectangular speech bubble (boxy variant) na may movable tail.
Callout	Box + buntot ng arrow (ang buntot ng arrow ay isang tatsulok/arrow na tumuturo sa target).

Pagguhit ng Mga Hugis

1. Piliin ang Shapes tool (shortcut: S).
2. Pumili ng uri ng hugis mula sa mini palette.
3. I-click at i-drag sa mapa upang gumuhit.
4. Hawakan ang Shift habang nagda-drag upang limitahan: perpektong bilog, parisukat, o 45° na mga increment para sa mga linya/arrow.
5. Hawakan ang Option/Alt upang gumuhit palabas mula sa unang click (mula sa gitna para sa mga bilog/parisukat).

Pag-istilo at Mga Opsyon ng Hugis

• Lapad at Kulay ng Stroke: Ayusin ang kapal at kulay ng outline.
• Scale with Zoom: I-toggle kung ang stroke/teksto ay nag-i-scale habang nag-zoom (i-enable para sa relative sizing, i-disable para sa constant visual weight).
• Fill: I-enable ang fill; pumili ng solidong kulay o pattern; ayusin ang transparency gamit ang slider.
• Mga Pattern: Parehong library ng pattern tulad ng mga grupo ng legend (mga linya, tuldok, guhit, tri-color na mga pattern).
• Teksto: I-enable ang text overlay; itakda ang font family, laki, kulay, at opsyonal na anino + kulay ng anino.
• Drop Shadow: (Per shape) I-enable ang anino, i-tweak ang blur, opacity, offsets, at kulay para sa lalim/kontrata.

Pag-edit ng Mga Hugis

• Gamitin ang Select tool (V) upang pumili ng hugis.
• I-drag upang ilipat; lilitaw ang mga handle para sa resize (mga sulok) at rotate (kontrol ng pag-ikot / R key habang napili).
• I-double-click ang teksto ng hugis upang i-edit.
• Pindutin ang Delete / Backspace (o ang icon ng Delete) upang alisin.
• Comment / Comment Box / Callout Tail: I-drag ang bilog na handle ng buntot upang muling iposisyon ang pointer nang nakapag-iisa mula sa bubble/box na katawan.

Tool ng SVG (I-import / Ilagay)

Binubuksan ng SVG tool ang SVG Library dialog para sa pag-import ng reusable vector graphics.

Mag-load at maglagay ng SVGs, baguhin ang kulay, laki, i-rotate at i-edit

Workflow

1. I-click ang SVG (I-import / Ilagay) upang buksan ang dialog.
2. I-paste ang raw SVG markup o pumili ng isa o higit pang .svg na mga file. Maaari mo ring i-explore ang ilan sa mga built-in na SVG sa ilalim ng dropdown na Tema.
3. Pindutin ang Idagdag sa Listahan upang i-cache ang isang parsed na bersyon sa ilalim ng “Iyong SVGs” (naka-persist sa lokal na storage hanggang sa ma-clear).
4. Piliin ang isang entry at pindutin ang Ilagay, pagkatapos ay i-click-drag sa mapa upang iposisyon at i-scale sa isang galaw.
5. Gamitin ang Select (V) pagkatapos upang pinuhin: ilipat, i-rotate, i-resize, alisin.

Pag-uugali at Mga Tala

• Mga toggle ng dialog: ang pag-click muli sa SVG tool habang bukas ay isasara ito at babalik sa Select.
• Sanitization: ang mga script, event handler, at foreignObject nodes ay tinatanggal para sa kaligtasan.
• Ang aspect ratio ay awtomatikong pinapanatili sa panahon ng paglalagay.
• Library Persistence: I-clear lahat gamit ang “Clear All” na button; ang mga indibidwal na item ay maaaring alisin.
• Performance: Ang sobrang kumplikadong SVGs (libu-libong paths) ay maaaring makaapekto sa interactivity at oras ng pag-export.

Mga Gamit

Mga logo, badge, pictogram (populasyon, mga icon ng klima), inset markers, compass roses, dekoratibong frame.

Tool ng Select

Ang Select tool (V) ay nagbibigay-daan sa iyong manipulahin ang mga guhit na hugis at inilagay na SVGs.

Pagpili at Multi-Select

• I-click ang isang hugis/SVG upang pumili; i-drag upang ilipat.

Mga Handle ng Transformasyon

• Mga handle sa sulok: i-resize (hawakan ang Shift upang limitahan sa parisukat/bilog kung naaangkop).
• Handle ng pag-ikot o pindutin ang R habang napili upang i-rotate.
• Handle ng buntot ng Comment/Comment Box: muling iposisyon ang anchor ng buntot ng speech bubble.

Pag-edit ng Teksto

• I-double-click ang teksto ng hugis (Comment/Comment Box/anumang text-enabled na hugis) upang i-edit inline.
• Gamitin ang mga kontrol sa istilo (font, laki, kulay, anino) para sa mga pagpapabuti.

Pag-aalis

• Backspace / Delete o ang Delete icon sa UI ay nag-aalis ng napiling hugis.

Advanced na Pagpapasadya

Dalhin ang iyong mga mapa sa susunod na antas gamit ang mga tampok na ito. Buksan ang Mga Opsyon upang ma-access:

Mga Setting ng Legend

• Legend: Ipakita/Itago ang legend sa mapa
• Background ng Legend: itakda ang kulay ng background ng legend at transparency setting
• Itakda ang pamagat ng Legend: itakda ang pamagat ng legend o itago ito nang buo

Mapa

• Mga Pininturahang Lugar Lamang: Itago ang mga hindi pininturahang lugar para sa malinis na pag-export
• Ipakita ang mga linya ng graticule
• ipakita ang mga linya ng heograpiya
• Ipakita ang mga linya ng timezone na may o walang mga label

Mga Label at Pamagat

• Pamagat ng Mapa: I-toggle ang pamagat, i-edit ang teksto, i-drag upang iposisyon, at baguhin ang laki sa pamamagitan ng handle sa sulok
• Mga label ng Bansa: Ipakita ang mga label ng bansa, pumili ng mga abbreviation, baguhin ang font, kulay, at opsyonal na anino. Piliin upang ipakita lamang sa mga pininturahang bansa o palitan ang pangalan ng bansa ng halaga mula sa grupo ng legend

Mga Visual na Pagpapahusay

• Kulay ng Background ng Mapa: Itakda ang canvas background

• Kulay ng Border: Itakda ang kulay ng mga border ng bansa

• Tema ng Mapa: Kailangan ng inspirasyon? Pumili ng tema ng mapa mula sa built-in na mga palette ng kulay

• Mga Linya ng Graticule: Ipakita ang latitude/longitude grid

• Mga Linya ng Heograpiya: Ipakita ang ekwador, tropiko, polar circles, prime meridian

• Mga Timezone: Opsyonal na mga polygon ng timezone at mga label (para sa mga suportadong mapa)

Mga Estratehiya sa Kulay

• Categorical: Gumamit ng natatanging mga kulay para sa iba't ibang kategorya
• Sequential: Gumamit ng mga gradient ng kulay para sa mga saklaw ng data
• Diverging: Gumamit ng mga scheme ng kulay na nagha-highlight sa mga extreme

Pattern Painting

Magdagdag ng banayad na texture gamit ang built-in na mga pattern ng SVG:

• Mga Linya/Guhit: Pahalang, patayo, pahilis; mga tri-line na variant
• Mga Tuldok/Crosshatch: Grid ng mga tuldok at mga istilo ng crosshatch
• Tri-Stripes: Pagsamahin ang pangunahing/pangalawang/pangatlong mga kulay

Paano: I-click ang color swatch ng grupo, i-enable ang Pattern, at pumili ng uri. I-customize ang pangunahing, pangalawang, at (kung magagamit) pangatlong mga kulay. Ang pag-upload ng mga custom na larawan ng pattern ay hindi suportado sa oras na ito.

Undo at Redo

Huwag kailanman mawala ang iyong trabaho gamit ang komprehensibong mga kontrol sa kasaysayan:

Mga Kontrol sa Kasaysayan

• Undo/Redo: Mag-step sa mga pagbabago (⌘/Ctrl+Z, ⇧+⌘/Ctrl+Z)
• I-clear Lahat: Alisin ang lahat ng pagpipinta (may kumpirmasyon)

Kopya at I-paste

Pabilisin ang iyong trabaho gamit ang tampok na Kopya/I-paste na gumagana sa mga SVG at hugis (⌘/Ctrl+C, ⌘/Ctrl+V)

Auto-save

Ang iyong trabaho ay awtomatikong nase-save sa lokal na storage ng iyong browser at ikaw ay aabisuhan upang i-restore ito kapag bumalik ka.

Mga Interactive na Tampok

Zoom at Pan

• Mouse Wheel: Mag-zoom in/out sa posisyon ng cursor
• Mga Button ng Zoom: Tiyak na kontrol sa zoom (+/−)
• Pan: I-drag upang ilipat ang view ng mapa

Pag-ikot at Orientation

• Globe Roll: Paikutin ang globo (i-drag ang kontrol ng roll)
• 2D Rotation: Paikutin ang flat na mapa (i-drag ang kontrol ng pag-ikot)
• Flip: Mga horizontal at vertical na mirror effect

Mga Hugis at Anotasyon

Gamitin ang tool ng Mga Hugis upang magdagdag ng mga visual na callout:

• Mga Uri: Linya, Arrow, Rectangle, Rounded Rectangle, Circle, Komento, Comment Box, Callout
• Estilo: Itakda ang lapad/kulay ng stroke at kulay/transparency ng fill
• Teksto: Magdagdag ng teksto sa mga hugis (font, laki, kulay, opsyonal na anino)
• Scale with Zoom: Pumili kung ang mga hugis ay nag-i-scale habang nag-zoom

I-save at I-load ang Mga Proyekto

I-export ang Estado (I-save ang Proyekto)

• I-save ang Pag-unlad: I-export ang iyong buong proyekto bilang JSON file
• Kasama: Lahat ng pagpipinta, mga kulay, mga setting, at mga pagpapasadya
• Format ng File: .json file na maaaring muling buksan anumang oras
• Paggamit: I-backup ang iyong trabaho o ipagpatuloy ito sa ibang pagkakataon

I-import ang Estado (I-load ang Proyekto)

• I-restore ang Trabaho: I-import ang na-save na JSON file
• Napananatili: Lahat ng iyong pagpipinta at mga setting ng pagpapasadya
• Cross-device: Gumagana sa iba't ibang browser at device

Auto-save

• Awtomatiko: Ang iyong trabaho ay awtomatikong nase-save sa lokal na storage ng browser
• Pag-recover: Awtomatikong nire-restore ang iyong huling session
• Walang Kinakailangang Aksyon: Nangyayari ito sa background

Mode ng Preview

Bago mag-export, gamitin ang Preview mode upang makita ang iyong final na mapa:

• Itinatago ang lahat ng mga kontrol sa pag-edit at UI
• Ipinapakita lamang ang mapa, legend, at mga custom na elemento
• Pinapayagan ang pag-drag ng legend at pamagat para sa mas maayos na pagpoposisyon
• Perpekto para sa huling pagsusuri ng komposisyon

Mga Susunod na Hakbang

Kapag perpekto na ang iyong mapa, oras na upang i-export! Magpatuloy sa final section upang matutunan ang tungkol sa pag-save at pagbabahagi ng iyong mga likha.