Muna aiki tare da zane-zane na kan layi


Hanya na hotunan hotuna zuwa yawan yawan masu amfani da PC ba su faɗi kome ba. Masu zane-zane, a gefe guda, suna da sha'awar yin amfani da wannan nau'i na fasaha don ayyukan su.

A baya, don yin aiki tare da hotuna SVG, dole ne ka shigar da ɗaya daga cikin matakai na musamman kamar Adobe Illustrator ko Inkscape a kwamfutarka. Yanzu samfuran kayan aiki suna samuwa a kan layi, ba tare da buƙatar saukewa ba.

Duba kuma: Koyo don zana a cikin Adobe Mai kwatanta

Yadda za a yi aiki tare da SVG a layi

Ta hanyar kammala tambayar da ya dace ga Google, za ka iya samun masaniya tare da masu yawa masu gyara shafukan yanar gizo na zamani. Amma yawanci irin wadannan maganganu suna ba da dama kuma ba sa yarda da aiki tare da manyan ayyuka. Za mu yi la'akari da mafi kyawun ayyuka don ƙirƙirar da gyara SVG-hotuna dama a cikin browser.

Tabbas, kayan aikin intanet ba zasu iya maye gurbin aikace-aikacen da aka dace daidai ba, amma mafi yawan masu amfani da tsarin samfurin da aka tsara zai zama mafi yawa.

Hanyar 1: Ƙara

Mawallafin editan sophisticated daga masu kirkiro na Pixlr da yawa. Wannan kayan aiki zai zama da amfani ga duka farawa da masu amfani da ci gaba a aiki tare da SVG.

Duk da yawancin ayyuka, samun ɓacewa a cikin ƙirar Vectr zai zama da wuya. Don samun shiga, ana ba da cikakkun darussan da umarnin tsawo don kowane ɓangaren sabis ɗin. Daga cikin kayan aikin edita akwai abubuwa da za su ƙirƙirar SVG-hotunan: siffofi, gumaka, ginshiƙai, inuwa, goge, goyon baya don yin aiki tare da yadudduka, da dai sauransu. Zaka iya zana hoton daga fashewa ko shigar da kansa.

Sabis ɗin kan layi na Intanet

  1. Kafin ka fara amfani da hanya, yana da shawarar ka shiga tare da ɗaya daga cikin sadarwar zamantakewa masu samuwa ko ƙirƙirar asusun a kan shafin daga fashewa.

    Wannan ba kawai ba ka damar sauke sakamakon aikinka zuwa kwamfutarka, amma a kowane lokaci don ajiye canje-canje a cikin "girgije".
  2. Ƙaƙwalwar sabis ɗin yana da sauki kuma mai sauƙi kamar yadda zai yiwu: kayan aikin da ake samuwa a gefen hagu na zane, da kuma canza kayan haɗin kowanne daga cikinsu suna tsaye zuwa dama.

    Yana goyan bayan ƙirƙirar ɗayan shafukan da aka samo samfurori masu mahimmanci ga kowane dandano - daga ɗaukar hoto a cikin sassan zamantakewar zamantakewa zuwa tsarin takardun tsari.
  3. Zaku iya fitarwa da hoton da aka gama ta danna kan maɓallin arrow a menu na dama a dama.
  4. A cikin taga wanda ya buɗe, ƙayyade siginan siginonin kuma danna Saukewa.

Ayyuka na fitarwa sun hada da ɗaya daga cikin siffofin da ya fi dacewa na Vectr - goyan baya don haɗin kai tsaye zuwa aikin SVG a editan. Yawancin albarkatun basu yarda izinin hotunan hotuna ba kai tsaye zuwa kansu, amma duk da haka bari su nuna nuni na nesa. A wannan yanayin, Vectra za a iya amfani dashi a matsayin ainihin Gida na SVG, wanda wasu ayyuka ba su yarda ba.

Ya kamata a lura cewa mai yin edita ba koyaushe ya dace da halayen ƙira ba. Saboda wannan dalili, wasu ayyukan za su iya bude a Vectr tare da kurakurai ko abubuwa masu ganuwa.

Hanyar 2: Sketchpad

Mai edita yanar gizo mai sauki kuma mai dace don ƙirƙirar hotuna SVG bisa ga dandalin HTML5. Idan aka ba da dama kayan aikin da ake samuwa, za'a iya jaddada cewa sabis yana nufin kawai don zanewa. Tare da Sketchpad, za ka iya ƙirƙirar kyawawan siffofin da aka tsara, amma ba haka ba.

Wannan kayan aiki yana da nauyin al'adu masu yawa na nau'ikan siffofi da nau'ikan, salo na siffofi, fontsai da takalma don ƙila. Edita yana ba ka damar cika dukkanin yadudduka - don sarrafa saitattun su da kuma haɓakawa. Don haka, a matsayin kyauta, an fassara wannan aikace-aikacen zuwa harshen Rashanci, don haka kada ku sami matsala tare da ci gabanta.

Sabis ɗin kan layi na kan layi

  1. Duk abin da kake buƙatar yin aiki tare da edita - mai bincike da samun dama ga cibiyar sadarwa. Ba a ba da izini a kan shafin ba.
  2. Don sauke hoton da aka kammala a kwamfutarka, danna kan gunkin guntu a menu na hagu a gefen hagu, sannan ka zaɓa tsari da ake so a cikin taga mai tushe.

Idan ya cancanta, zaka iya ajiye zanen da ba a gama ba a matsayin aikin Sketchpad, sa'an nan kuma a kowane lokaci gama gyara shi.

Hanyar 3: Hanyar Zane

An tsara wannan aikace-aikacen yanar gizon don aiki na asali tare da fayilolin ƙananan. A waje, kayan aiki yayi kama da tebur Adobe Illustrator, amma a cikin ayyukan aikin duk abin da ya fi sauƙi a nan. Duk da haka, akwai wasu siffofi na musamman a Hanyar Hanyar.

Baya ga yin aiki tare da hotuna SVG, edita yana ba ka damar shigo da hotunan raster da kuma ƙirƙirar hotunan hotuna akan su. Ana iya yin haka a kan abin da ke tattare da layi tare da alkalami. Aikace-aikacen ya ƙunshi dukkan kayan aikin da aka dace don shimfida samfurin zane-zane. Akwai ƙarin ɗakunan ɗakin karatu na ɗakunan karatu, wani ɓangaren cikakken launi da goyon baya don gajerun hanyoyin keyboard.

Hanyar Ɗaukaka Tashoshin Intanit

  1. Wannan hanya ba ta buƙatar rajista daga mai amfani ba. Sai kawai je shafin sannan ku yi aiki tare da fayil na yarinya na yanzu ko ku kirkiro sabon abu.
  2. Bugu da ƙari ga ƙirƙirar ɓangaren SVG a cikin yanayin da aka kwatanta, zaka iya gyara hoto a kai tsaye a matakin ƙira.

    Don yin wannan, je zuwa "Duba" - "Source ..." ko amfani da gajeren hanya na keyboard "Ctrl U".
  3. Bayan kammala aiki a kan hoton, zaka iya ajiye shi zuwa kwamfutarka nan da nan.

  4. Don aikawa da hoto, buɗe abu na menu "Fayil" kuma danna "Ajiye Hotuna ...". Ko amfani da gajeren hanya "Ctrl + S".

Hanyar Zane ba shakka ba dace da ƙirƙirar ayyukan ƙananan kayan aiki ba - dalilin shi ne rashin aiki masu dacewa. Amma saboda rashin abubuwan da ba dole ba kuma wurin aiki mai kyau, sabis ɗin na iya zama kyakkyawan madaidaicin gyarawa ko gyare-gyare na siffofin SVG mai sauƙi.

Hanyar 4: Gravit Designer

Bayanan shafukan yanar gizon yanar gizo don masu amfani masu ci gaba. Mutane da yawa masu zanen kaya sun sa Gravit a kan layi tare da cikakken mafita mafita, kamar Adobe Illustrator. Gaskiyar ita ce, wannan kayan aiki shine dandamali, wato, yana samuwa sosai a duk tsarin sarrafa kwamfuta, kuma a matsayin aikace-aikacen yanar gizo.

Gravit Designer yana ci gaba da cigaba kuma yana karɓar sababbin siffofi da yawa sun riga ya isa don gina ayyukan ƙaddamar.

Gravit Designer sabis na kan layi

Edita yana baka dukkan kayan aiki don zana kwata-kwata, siffofi, hanyoyi, zane-zanen rubutu, cika, da maɓallin al'ada daban-daban. Akwai ɗakin ɗakin ɗakin karatu masu yawa, hotuna da gumakan da suka dace. Kowane ɓangaren a cikin Gravit sarari yana da jerin abubuwan da za a iya canzawa.

Duk wannan nau'i-nau'i yana "kunshe" a cikin ƙirar mai mahimmanci da ƙira, don haka kowane kayan aiki yana samuwa a cikin 'yan dannawa kawai.

  1. Don farawa tare da edita, baka buƙatar ƙirƙirar asusu a cikin sabis ɗin.

    Amma idan kana so ka yi amfani da shafukan shirye-shirye, za ka ƙirƙiri wani asusun Gravit Cloud kyauta.
  2. Don ƙirƙirar sabon aikin daga fashe a cikin taga maraba, je shafin "Sabuwar Zane" kuma zaɓi girman zane da ake so.

    Saboda haka, don aiki tare da samfurin, buɗe sashe "Sabuwar daga Template" kuma zaɓi aikin da ake so.
  3. Gravit zai iya ajiye duk canje-canje ta atomatik lokacin da kake aiwatar da ayyuka a kan aikin.

    Don kunna wannan fasalin, yi amfani da maɓallin gajeren hanya. "Ctrl + S" da kuma a taga wanda ya bayyana, suna da hoto, sannan danna maballin "Ajiye".
  4. Zaka iya fitarwa sakamakon da ya fito a duka SVG vector format da raster JPEG ko PNG.

  5. Bugu da ƙari, akwai zaɓi don ajiye aikin a matsayin littafi tare da tsawo PDF.

Idan aka la'akari da cewa an tsara sabis ɗin don aiki mai kwarewa tare da zane-zane, ana iya amincewa da ita har ma ga masu zane-zane. Tare da Gravit, zaka iya shirya hotuna SVG, ba tare da la'akari da dandalin da kake yin wannan ba. Ya zuwa yanzu, wannan sanarwa ba ta dace ba ne kawai ga kwamfutar ta OS, amma nan da nan wannan editan zai bayyana a kan na'urorin hannu.

Hanyar 5: Janvas

Wani kayan aiki mai mahimmanci ga masu tasowa na yanar gizo don ƙirƙirar ƙananan hotuna. Sabis ɗin yana ƙunshe da kayan aikin kayan aiki masu yawa tare da kaddarorin da aka tsara. Babban fasalin Janvas shine ikon ƙirƙirar hotuna SVG da aka haɗu da CSS. Kuma a cikin tare da JavaScript, sabis ɗin yana ba ka damar gina dukkan aikace-aikacen yanar gizo.

A cikin hannayen hannu, wannan edita shine ainihin kayan aiki mai karfi, yayin da mafita mai yiwuwa saboda yawancin ayyuka daban-daban ba zai fahimci abin da ke faruwa ba.

Sabis na kan layi na Janvas

  1. Don kaddamar da aikace-aikacen yanar gizo a mai bincike, danna mahaɗin da ke sama kuma danna maballin. "Fara don ƙirƙirar".
  2. A cikin sabon taga, ɗakin aikin edita ya buɗe tare da zane a tsakiyar da kuma kayan aiki a kusa da shi.
  3. Zaka iya fitarwa da hoton da aka gama kawai zuwa ajiyar girgije na zaɓin ka, kuma idan ka sayi biyan kuɗi zuwa sabis ɗin.

Haka ne, kayan aiki yana da rashin alheri ba kyauta ba. Amma wannan ƙwararren sana'a ce, wanda ba shi da amfani ga kowa da kowa.

Hanyar 6: DrawSVG

Ayyukan yanar gizon mafi dacewa wanda zai ba masu damar yanar gizo damar ƙirƙirar abubuwan SVG masu kyau don shafukan su. Editan ya ƙunshi ɗakin ɗakin karatu mai ban sha'awa na siffofi, gumaka, cika, gradients da fonts.

Tare da taimakon DrawSVG, zaka iya gina siffofin kayan nau'i na kowane nau'i da kaddarorin, canza sigogin su kuma sa su a matsayin hotunan daban. Yana yiwuwa a shigar da fayilolin multimedia ta uku zuwa SVG: bidiyon da jihohi daga kwamfuta ko kuma hanyoyin sadarwa.

Ɗaukaka sabis na kan layi na DrawSVG

Wannan edita, ba kamar sauran mutane ba, ba ya kama da tashar tashar mai amfani da aikace-aikacen kwamfuta ba. A gefen hagu shine kayan aikin zane, kuma a saman suna da iko. Babban sarari shine zane don yin aiki tare da mujallar.

Bayan ya gama aiki tare da hoto, zaka iya ajiye sakamakon a matsayin SVG ko a matsayin hoto bitmap.

  1. Don yin wannan, sami icon a cikin kayan aiki "Ajiye".
  2. Danna kan wannan gunkin za ta bude taga mai tushe tare da tsari don ɗaukar daftarin SVG.

    Shigar da sunan fayil ɗin da ake so kuma danna "Ajiye matsayin fayil".
  3. Za a iya kira DrawSVG da ma'anar haske na Janvas. Editan yana goyan bayan aiki tare da halayen CSS, amma ba kamar kayan aiki na baya ba, bazai ƙyale abubuwa masu rai ba.

Duba kuma: Bude SVG vector graphics fayiloli

Ayyukan da aka jera a cikin labarin ba duk masu gyara zane ba ne a kan yanar gizo. Duk da haka, a nan mun tattara don mafi kyawun ɓangare kyauta don tabbatarwa da layi don yin aiki tare da fayilolin SVG. Duk da haka, wasu daga cikinsu suna da ikon yin gasa tare da kayan aiki na kayan ado. To, abin da za a yi amfani da shi ya dogara ne kawai akan bukatunku da abubuwan da kuke so.