ווי צו שאַפֿן אַ SVG טעקע

גראַפיק דיזיינער

ווען קריייטינג אַ וועבזייטל, דער וועב דיזיינער האט צו נעמען אין חשבון פיר הויפּט פונקטן טראכטן וועגן די אויסלייג און וויזשאַוואַל פּלאַן פון די וועב, די טעקסט, בילדער, פארבן און פאַנץ אָנגעשטעלטע.

פון די פיר פונקטן, דער איינער וואָס מיר וועלן געבן די מערסט וויכטיקייט אין דעם פּאָסטן איז די בילדער, ווייַל מיר וועלן רעדן וועגן ווי צו שאַפֿן svg טעקעס זינט עס איז זייער וויכטיק צו נעמען אין חשבון די קוואַליטעט פון די בילדער מיט וואָס איר אַרבעט.

באַהאַנדלונג מיט SVG טעקעס, איז ינקריסינג דורך פּראָפעססיאָנאַלס און ניט אַזוי פּראָפעססיאָנאַלס אין דער וועלט פון פּלאַן.

וואָס איז אַ SVG טעקע?

SVG ייקאַן

SVG איז די אַבריווייישאַן אין ענגליש פֿאַר סקאַלאַבע וועקטאָר גראַפיקס, אין שפּאַניש, סקאַלאַבלע וועקטאָר גראַפיקס. עס איז וועגן אַ עפענען און פריי פֿאָרמאַט מיט וואָס צו שאַפֿן 2 ד גראַפיקס, צוויי דימענשאַנז.

ניט ענלעך אנדערע בילד פֿאָרמאַטירונגען, אַזאַ ווי JPG אָדער PNG, SVG איז אַ סקאַלאַבלע פֿאָרמאַט, קיין ענין ווי פיל איר ווילן צו פאַרגרעסערן די גרייס, ווייַל די קוואַליטעט פון די בילד וועט זיין מיינטיינד. עס איז איינער פון די מערסט געוויינט פֿאָרמאַטירונגען אין וועב זייַטלעך צו שטעלן גראַפיקס אָדער וועקטאָר בילדער.

פארוואס זאָל מיר נוצן SVG?

סקרין בילדער טאַבלעט

מיט דעם טיפּ פון פֿאָרמאַט, וועקטאָר בילדער וועט האַלטן הויך קוואַליטעט, ראַגאַרדלאַס פון זייער גרייס און האַכלאָטע. אויף די פאַרקערט, בילדער געמאכט פון ביטמאַפּס, געמאכט פון בילדצעלן, פאַרלירן קוואַליטעט אויב זיי זענען רעסיזעד. די SVG פֿאָרמאַט איז דיפיינד דורך זיין לייטנאַס און ווערסאַטילאַטי.

אן אנדער פונט אין טויווע פון ​​ניצן דעם פֿאָרמאַט איז די קליין גרייס, דאָס איז, דאַנק צו דעם ינקריסיז די לאָודינג גיכקייַט פון די בלעטער ווו זיי זענען. די בילדער זענען געבויט דורך דעם בלעטערער, ​​וואָס העלפּס צו רעדוצירן די מאַסע און קאַנסאַמשאַן אויף די סערווער.

אין דערצו, זיי קענען שאַפֿן אַנימאַטעד SVG בילדער מיט וואָס צו געבן אונדזער וועבזייטל אַ לופט פון נאָענטקייט און ציען די ופמערקזאַמקייט פון די וויוערז וואָס באַזוכן עס.

SVG איז אַן אָפֿן פֿאָרמאַט, דאָס איז, קען דורכגיין ימפּרווומאַנץ און דערהייַנטיקונגען. אין אַדישאַן, SVG טעקעס קענען זיין עדיטיד מיט וועקטאָר עדיטינג מגילה, למשל Adobe Illustartor אָן לוזינג קוואַליטעט אין די אַרויסווייַזן, עס קענען זיין וויוד אויף קיין מיטל. עס אויך אַלאַוז אונדז צו דרוקן עס אָן לוזינג קוואַליטעט.

ווי צו לייכט שאַפֿן SVG טעקעס

טאָמער די יזיאַסט וועג צו שאַפֿן SVG טעקעס, אויב איר זענט באַקאַנט מיט זיי, איז דורך אַ גראַפיק פּלאַן פּראָגראַם, אַזאַ ווי יללוסטראַטאָר, Corel Draw, צווישן אנדערע.

פאָוקיסינג אויף די יללוסטראַטאָר פּראָגראַם, ווען מיר וועלן נוצן די SVG פֿאָרמאַט, מיר האָבן צו נעמען אין חשבון אויב מיר האָבן געוויינט גראַדיענץ אָדער אנדערע יפעקץ, אַזאַ ווי די קינסט ווירקונג, בלער, ברושעס, בילדצעלן, עטק. ווי זיי זענען ראַסטערייזד ווען געראטעוועט אין SVG טעקע פֿאָרמאַט. עס איז רעקאַמענדיד צו נוצן SVG פילטער יפעקץ צו לייגן יפעקץ אַזוי אַז זיי קענען נישט זיין ראַסטערייזד שפּעטער.

אן אנדער עצה וואָס מיר געבן איר איז צו נוצן פּשוט סימבאָלס און פּאַטס אין אילוסטראציעס פֿאַר בעסער פאָרשטעלונג פון דעם פֿאָרמאַט. ויסמיידן ניצן ברושעס מיט אַ פּלאַץ פון טרייסינג ווייַל דאָס דזשענערייץ אַ העכער דאַטן מאַסע.

צו שאַפֿן אַ SVG טעקע אין דעם פּראָגראַם, דער ערשטער זאַך מיר האָבן צו האָבן אָפֿן איז אַ ליידיק לייַוונט ווו מיר וועלן אַרבעטן אויף אונדזער געדאַנק.

אַמאָל אונדזער אַרבעט איז פאַרטיק, וואָס מיר זענען געגאנגען צו טאָן איז גיין צו די מכשיר וואָס איז געוויזן אויבן די פּראָגראַם, און מיר וועלן אויסקלייַבן די אָפּציע פון טעקע, היט ווי, און אַ קנאַל-אַרויף פאַרשטעלן וועט דערשייַנען ווו עס דערציילט אונדז צו געבן אונדזער טעקע אַ נאָמען און אָנווייַזן דעם פֿאָרמאַט אין וואָס מיר ווילן צו ראַטעווען עס. עס איז אין דעם לעצטע אָפּטיילונג ווו מיר מוזן צייכן די SVG אָפּציע.

Save Path SVG Illustrator

 

ווען סאַלעקטינג די SVG טיפּ, אַ דיאַלאָג קעסטל ווייזן אונדז פאַרשידענע אָפּציעס וואָס מוזן זיין גענומען אין חשבון.

SVG שפּאָרן אָפּציעס

אין דער ערשטער פעלד אין די טיש, די SVG 1.1 פּראָפיל איז געוויזן. אין די פאלגענדע עס גיט אונדז די אָפּציע צו קלייַבן די מקורים, אין וואָס זיי געבן אונדז דיפאָלץ צו טעקסט אנגעצייכנט אין SVG און סאַבסעט ווי גאָרניט. אין אונדזער פאַל, די אַרבעט טוט נישט האָבן פאַנץ, אויב דאָס איז געווען, די סאַבסעץ אָפּציע וואָלט זיין געביטן פון גאָרניט צו אַלע פּיקטאָגראַם.

די פאלגענדע אָפּטיילונג איז זייער וויכטיק אויב מיר פונט אויס די עמבעד אָפּציע, די בילדער פון דער זאַץ וועט זיין ינקאָרפּערייטיד אין דער טעקע, וואָס וועט פאַרשאַפן עס צו געווינען וואָג אויב מיר נוצן אַ פּלאַץ פון ביטמאַפּ בילדער. אויב, אויף די אנדערע האַנט, מיר צייכן די אָפּציע צו לינק, מיר מוזן זיין אָפּגעהיט מיט די בילדער אויב מיר זענען געגאנגען צו נוצן זיי אויף אַ וועבזייטל, ווייַל מיר מוזן אַרייַננעמען די טעקעס פון אונדזער בילדער, און אויך, זייער ימפּאָרטאַנטלי, האַלטן זייער בילדער. דרך. די מייַלע פון ​​דעם אָפּציע איז אַז די טעקעס וועט וועגן פיל ווייניקער.

SVG אָפּציעס פאַרשטעלן

אין די אַוואַנסירטע אָפּציעס אָפּטיילונג מיר געפֿינען די אָפּציע צו SVG קאָד, דעם אָפּציע וועט אָנווייַזן ווי די טעקע איז ין, דאָס איז, דער קאָד הינטער אונדזער אַרבעט. דער אָפּציע איז יקערדיק אויב איר ווילן צו לייגן דיין SVG טעקע, למשל צו דיין פערזענלעכע וואָרדפּרעסס, איר נאָר האָבן צו נאָכמאַכן די קאָד און לייגן עס גלייַך אין דיין וואָרדפּרעסס HTML רעדאַקטאָר.

די לעצטע עצה וואָס מיר געבן איר איז אַז ווען שפּאָרן אין SVG פֿאָרמאַט, האַלטן אין מיינונג אַז אויב איר אַרבעט מיט פאַרשידענע אַרטבאָאַרדס, בלויז די אַקטיוו אַרטבאָאַרד וועט זיין געהאלטן.

אויב מיר ווילן צו גיין ווייַטער און צולייגן SVG יפעקץ צו אונדזער געמעל, Illustrator אָפפערס אונדז אַ סכום פון יפעקץ. צו טאָן דאָס, מיר האָבן צו אויסקלייַבן אַ כייפעץ אָדער גרופּע. צו צולייגן אַ ווירקונג מיר מוזן אויסקלייַבן די ווירקונג פֿענצטער, SVG פילטערס און צולייגן עס.

יללוסטראַטאָר SVG יפעקץ

ווען אַפּלייינג אַ SVG פילטער, די פּלאַן פּראָגראַם ווייזט אונדז אַ פֿענצטער ווו א רשימה פון פילטערס וואָס קענען זיין געווענדט איז ארויס, אַמאָל מיר אויסקלייַבן איינער, יללוסטראַטאָר ווייזט אונדז ווי עס קוקט, אָבער אין אַ ראַסטערייזד ווערסיע.

טורבולאַנס פילטער SVG יללוסטראַטאָר

ווי איר האָט געזען, די SVG פֿאָרמאַט איז געווען אַ רעוואָלוציע. דאַנק צו זייַן פּאָטענציעל און קוואַליטעט אַז עס אָפפערס, מאכט די וועב זייַטלעך וואָס מיר געפֿינען פיל מער אַטראַקטיוו אָן סאַקראַפייסינג פאָרשטעלונג, ווי לאַנג ווי זיי מאַכן ריכטיק נוצן פון דעם פֿאָרמאַט. SVG איז געווארן די שליימעסדיק פאַרבאַנד צווישן די וועלט פון פּלאַן און וועב אַנטוויקלונג.


דער אינהאַלט פון דעם אַרטיקל אַדכיר צו אונדזער פּרינציפּן פון לייט עטיקס. צו מעלדונג אַ טעות גיט דאָ.

זייט דער ערשטער צו באַמערקן

לאָזן דיין באַמערקונג

אייער בליצפּאָסט אַדרעס וועט נישט זייַן ארויס.

*

*

  1. פאַראַנטוואָרטלעך פֿאַר די דאַטן: Miguel Ángel Gatón
  2. ציל פון די דאַטן: קאָנטראָל ספּאַם, קאָמענטאַר פאַרוואַלטונג.
  3. לעגיטימאַטיאָן: דיין צושטימען
  4. קאָמוניקאַציע פון ​​די דאַטן: די דאַטן וועט נישט זיין קאַמיונאַקייטיד צו דריט פּאַרטיעס אַחוץ דורך לעגאַל פליכט.
  5. דאַטן סטאָרידזש: דאַטאַבייס כאָוסטיד דורך Occentus Networks (EU)
  6. רעכט: צו קיין צייט איר קענט באַגרענעצן, צוריקקריגן און ויסמעקן דיין אינפֿאָרמאַציע.