דער באַגריף פון וועקטאָר בילדער צו די וואַסט מערהייט פון פּראָסט פּיסי ניצערס קען נישט זאָגן עפּעס. דיזיינערז, אין קער, ינקריסינגלי גענייגט צו נוצן נאָר דעם טיפּ פון גראַפיקס פֿאַר זייער פּראַדזשעקס.
אין דער פאַרגאַנגענהייט, צו אַרבעטן מיט SVG בילדער, איר וואָלט האָבן צו ינסטאַלירן איינער פון די ספּעשאַלייזד דעסקטאַפּ סאַלושאַנז אויף דיין קאָמפּיוטער ווי Adobe Illustrator אָדער Inkscape. איצט, ענלעך מכשירים זענען בארעכטיגט אָנליין אָן דאַונלאָודינג.
זען אויך: לערנען ציען אין Adobe Illustrator
ווי צו אַרבעטן מיט SVG אָנליין
ווען איר פאַרענדיקן די צונעמען בעטן צו Google, איר קענט באַקענען אַ ריזיק נומער פון פאַרשידן וועקטאָר אָנליין רעדאקציע. די מערהייט פון אַזאַ סאַלושאַנז פאָרשלאָגן גאַנץ קאַרג אַפּערטונאַטיז און אָפט לאָזן נישט אַרבעטן מיט ערנסט פּראַדזשעקס. מיר וועלן באַטראַכטן די בעסטער באַדינונגס פֿאַר קריייטינג און עדיטינג SVG בילדער גלייַך אין דעם בלעטערער.
דאָך, אָנליין מכשירים קענען נישט גאָר פאַרבייַטן די קאָראַספּאַנדינג דעסקטאַפּ אַפּלאַקיישאַנז, אָבער פֿאַר רובֿ ניצערס די פארגעלייגט גאַנג פון פאַנגקשאַנז וועט זיין מער ווי גענוג.
אופֿן 1: Vectr
א געזונט-געדאַנק-אויס וועקטאָר רעדאַקטאָר פון די קריייטערז פון די באַקאַנט פּיקסלר דינסט. דעם געצייַג וועט זיין נוציק פֿאַר ביגינערז און יקספּיריאַנסט ניצערס וואָס ארבעטן מיט SVG.
טראָץ דעם זעט פון פאַנגקשאַנז, עס איז גאַנץ שווער צו באַקומען פאַרפאַלן אין די Vectr צובינד. פֿאַר ביגינערז, דיטיילד לעקציעס און וואָלומעטריק ינסטראַקשאַנז זענען צוגעשטעלט פֿאַר יעדער פון די קאַמפּאָונאַנץ פון די סערוויס. צווישן די מכשירים פון דער רעדאַקטאָר, עס איז אַלץ פֿאַר שאפן אַ SVG בילד: שאַפּעס, ייקאַנז, ראָמען, שאַדאָוז, ברושעס, שטיצן פֿאַר ארבעטן מיט לייַערס, עטק. איר קענען ציען אַ בילד פֿון קראַצן אָדער איר קענען צופֿעליקער דיין אייגענע.
Vectr אָנליין סערוויס
- איידער איר אָנהייבן ניצן די מיטל, עס איז קעדייַיק צו קלאָץ אין ניצן איינער פון די פאַראַנען געזעלשאַפטלעך נעטוואָרקס אָדער צו שאַפֿן אַ חשבון פֿון די פּלאַץ.
דאָס וועט נישט בלויז לאָזן די רעזולטאַטן פון דיין אַרבעט צו אָפּלאָדירן די קאָמפּיוטער, אָבער אויך אין קיין צייט צו שפּאָרן ענדערונגען אין די "וואָלקן". - די דינסט צובינד איז ווי פּשוט און סטרייטפאָרווערד ווי מעגלעך: די פאַראַנען מכשירים זענען ליגן צו די לינקס פון די לייַוונט, און די מיוטאַבאַל פּראָפּערטיעס פון יעדער פון זיי זענען צו די רעכט.
עס שטיצט די שאַפונג פון אַ פּלאַץ פון בלעטער פֿאַר וואָס עס זענען דימענשאַנאַל טעמפּלאַטעס פֿאַר יעדער טעם - פֿון גראַפיק קאָווערס פֿאַר געזעלשאַפטלעך נעטוואָרקס, צו נאָרמאַל בויגן פֿאָרמאַטירונגען. - איר קענען אַרויספירן די פאַרטיק בילד דורך געבן אַ קליק אויף דעם קנעפּל מיט די פייַל אין די מעניו באַר אויף די רעכט.
- דעפינירן די שטיוול אָפּציעס אין די אָפּענעד פֿענצטער און גיט "אראפקאפיע".
עקספּאָרט קייפּאַבילאַטיז אויך אַרייַננעמען איינער פון די מערסט אָפּשיידנדיק פֿעיִקייטן פון וועקטאָר - שטיצן פֿאַר דירעקט לינקס צו אַ SVG פּרויעקט אין דער רעדאַקטאָר. פילע רעסורסן טאָן ניט לאָזן איר צופֿעליקער וועקטאָר בילדער גלייַך צו זיך, אָבער פונדעסטוועגן לאָזן זייער ווייַט אַרויסווייַזן. אין דעם פאַל, Vectra קענען ווערן געניצט ווי אַ פאַקטיש SVG האָסטינג, וואָס אנדערע באַדינונגס טאָן ניט לאָזן.
עס זאָל זיין אנגעוויזן אַז דער רעדאַקטאָר קען נישט שטענדיק האַנדלען מיט קאָמפּלעקס גראַפיקס ריכטיק. צוליב דעם, עטלעכע פראיעקטן קען זיין אָופּאַנד אין וועקטאָר מיט ערראָרס אָדער וויזשאַוואַל אַרטאַפאַקץ.
אופֿן 2: סקעטטשפּאַד
פּשוט און באַקוועם וועב רעדאַקטאָר פֿאַר קריייטינג סווג בילדער באזירט אויף די HTML5 פּלאַטפאָרמע. געגעבן די סכום פאַראַנען מכשירים, עס קען זיין אַרגיוד אַז די דינסט איז בלויז בדעה פֿאַר צייכענונג. מיט סקעטשפּאַד, איר קענען מאַכן שיין, קערפאַלי קראַפטעד בילדער, אָבער ניט מער.
די געצייַג האט אַ ברייט קייט פון מנהג ברושעס פון פאַרשידן שאַפּעס און טייפּס, אַ סכום פון שאַפּעס, פאַנץ און סטיקערז פֿאַר אָוווערליי. דער רעדאַקטאָר אַלאַוז איר צו מאַניפּולירן לייַערס גאָר - צו קאָנטראָלירן די פּלייסמאַנט און בלענדינג מאָדעס. נו, און ווי אַ באָנוס, די אַפּלאַקיישאַן איז גאָר איבערגעזעצט אין רוסיש, אַזוי איר זאָל נישט האָבן קיין שוועריקייטן מיט דער אַנטוויקלונג.
אָנליין סערוויס פֿאַר סקעטטשפּאַדס
- כל איר דאַרפֿן צו אַרבעטן מיט דעם רעדאַקטאָר איז אַ בלעטערער און נעץ אַקסעס. דער דערלויבעניש מעקאַניזאַם אויף די פּלאַץ איז נישט צוגעשטעלט.
- צו אָפּלאָדירן די פאַרטיק בילד צו דיין קאָמפּיוטער, דריקט אויף די פלאָפּפּי ייקאַן אין די מעניו באַר אויף די לינקס און סעלעקטירן דעם געוואלט פֿאָרמאַט אין די קנאַל-אַרויף פֿענצטער.
אויב נייטיק, איר קענען ראַטעווען די אַנפינישט צייכענונג ווי אַ סקעטטשפּאַד פּרויעקט, און ענדיקן עדיטינג עס אין קיין צייט.
אופֿן 3: מעטאָד ציען
דעם וועב אַפּלאַקיישאַן איז דיזיינד פֿאַר יקערדיק אַפּעריישאַנז מיט וועקטאָר טעקעס. ויסווייניק, די געצייַג ריזעמבאַלז די דעסקטאַפּ Adobe Illustrator, אָבער אין טערמינען פון פאַנגקשאַנאַליטי, אַלץ איז פיל סימפּלער. אין מעטאָד דראָ, עס זענען עטלעכע פֿעיִקייטן.
אין אַדישאַן צו אַרבעטן מיט SVG בילדער, דער רעדאַקטאָר אַלאַוז איר צו אַרייַנפיר ביטמאַפּ בילדער און שאַפֿן וועקטאָר בילדער באזירט אויף זיי. דאָס קען זיין געטאן אויף דער באזע פון מאַנואַל טרייסינג פון קאַנטורז מיט אַ פעדער. די אַפּלאַקיישאַן כּולל אַלע די נייטיק מכשירים פֿאַר קאַמפּאָוזינג וועקטאָר דראַווינגס. עס איז אַ יקספּאַנדיד ביבליאָטעק פון שאַפּעס, אַ פול-קאָליר פּאַליטרע און שטיצן פֿאַר קלאַוויאַטור שאָרטקאַץ.
אופֿן ציען אָנליין סערוויס
- די ריסאָרס דאַרף נישט באַניצער רעגיסטראַציע. נאָר גיין צו די מאַפּע און אַרבעטן מיט אַ יגזיסטינג וועקטאָר טעקע אָדער שאַפֿן אַ נייַע.
- אין אַדישאַן צו שאַפֿן SVG פראַגמאַנץ אין אַ גראַפיקאַל סוויווע, איר קענען אויך רעדאַגירן די בילד גלייַך אין די קאָד הייך.
צו טאָן דאָס, גיין צו "View" - "מקור ..." אָדער נוצן די קלאַוויאַטור דורכוועג "Ctrl + U". - ווען איר האָט געארבעט מיט די בילד, איר קענען גלייך שפּאָרן עס צו דיין קאָמפּיוטער.
צו אַרויספירן אַ בילד, עפענען די מעניו נומער "פייל" און גיט “היט בילד ...”. אָדער נוצן אַ דורכוועג "Ctrl + S".
Method Method איז באשטימט ניט פּאַסיק פֿאַר שאפן ערנסט וועקטאָר פּראַדזשעקס - די סיבה פֿאַר דעם איז דער פעלן פון צונעמען פאַנגקשאַנז. אָבער רעכט צו דער פעלן פון יבעריק עלעמענטן און אַ געזונט-אָרגאַניזירט וואָרקספּאַסע, די סערוויס קענען ווערן געניצט פֿאַר שנעל עדיטינג אָדער פּינפּוינט ראַפינירטקייַט פון פּשוט סווג בילדער.
אופֿן 4: גראַוויט דיזיינער
Free וועב גראַפיקס רעדאַקטאָר פֿאַר אַוואַנסירטע ניצערס. פילע דיזיינערז שטעלן גראַוויט מיט פול-פלעדזשד דעסקטאַפּ סאַלושאַנז, ווי דער זעלביקער Adobe Illustrator. דער פאַקט איז אַז די געצייַג איז אַ קרייַז-פּלאַטפאָרמע, דאָס איז אַז עס איז גאָר בנימצא אויף אַלע קאָמפּיוטער אַסעס, און ווי אַ וועב אַפּלאַקיישאַן.
Gravit Designer איז אונטער אַקטיוו אַנטוויקלונג און קעסיידער באַקומען נייַ פאַנגקשאַנז וואָס זענען שוין גענוג צו בויען קאָמפּלעקס פּראַדזשעקס.
אָנליין דינסט Gravit Designer
דער רעדאַקטאָר אָפפערס אַלע מינים פון מכשירים פֿאַר צייכענונג אַוטליינז, שאַפּעס, פּאַטס, טעקסט אָוווערליי, פילז, און פאַרשידן מנהג יפעקץ. עס איז אַ ברייט ביבליאָטעק פון פיגיערז, טימאַטיק בילדער און ייקאַנז. יעדער עלעמענט אין די Gravit פּלאַץ האט אַ רשימה פון פּראָפּערטיעס פֿאַר ענדערונג.
כל די פאַרשיידנקייַט איז "פּאַקט" אין אַ מאָדערן און ינטואַטיוו צובינד, אַזוי אַז קיין געצייַג איז בנימצא אין בלויז אַ ביסל קליקס.
- צו אָנהייבן ארבעטן מיט די רעדאַקטאָר, איר טאָן ניט האָבן צו שאַפֿן אַ חשבון אין די סערוויס.
אָבער אויב איר ווילן צו נוצן פאַרטיק טעמפּלאַטעס, איר דאַרפֿן צו שאַפֿן אַ פריי "חשבון" פון Gravit Cloud. - צו שאַפֿן אַ נייַע פּרויעקט פֿון קראַצן אין די באַגריסונג פֿענצטער, גיין צו די קוויטל "ניו פּלאַן" און סעלעקטירן דעם געוואלט לייַוונט גרייס.
אַקקאָרדינגלי, צו אַרבעטן מיט דעם מוסטער, עפענען דעם אָפּטיילונג "ניי פֿון מוסטער" און סעלעקטירן דעם געוואלט לאַגער. - Gravit קענען אויטאָמאַטיש ראַטעווען אַלע ענדערונגען ווען איר דורכפירן אַקשאַנז אויף די פּרויעקט.
ניצן די קלאַוויאַטור דורכוועג צו אַקטאַווייט דעם שטריך. "Ctrl + S" און געבן די בילד אַ נאָמען אין די פֿענצטער וואָס איז ארויס, און גיט די קנעפּל "היט". - איר קענען אַרויספירן די לעצט בילד ביידע אין וועקטאָר פֿאָרמאַט סווג, און אין bitmap JPEG אָדער PNG.
דערצו, עס איז אַן אָפּציע צו ראַטעווען די פּרויעקט ווי אַ דאָקומענט מיט אַ פּדף פאַרלענגערונג.
קאָנסידערינג אַז די דינסט איז דיזיינד פֿאַר פול-פלעדזשד אַרבעט מיט וועקטאָר גראַפיקס, עס קענען זיין בעשאָלעם רעקאַמענדיד אפילו צו פאַכמאַן דיזיינערז. מיט Gravit, איר קענט ענדערן SVG דראַווינגס ראַגאַרדלאַס פון די פּלאַטפאָרמע אויף וואָס איר טאָן דאָס. ביז איצט, דעם ויסזאָגונג איז אָנווענדלעך בלויז פֿאַר דעסקטאַפּ אַס, אָבער באַלד דער רעדאַקטאָר וועט זיין געוויזן אויף רירעוודיק דעוויסעס.
אופֿן 5: Janvas
א פאָלקס געצייַג פֿאַר שאפן וועקטאָר גראַפיקס צווישן וועב דעוועלאָפּערס. די דינסט כּולל אַ נומער פון צייכענונג מכשירים מיט העכסט קוסטאָמיזאַבלע פּראָפּערטיעס. די הויפּט שטריך פון Janvas איז די פיייקייט צו שאַפֿן ינטעראַקטיוו SVG בילדער אַנימאַטעד ניצן CSS. און אין פֿאַרבינדונג מיט דזשאַוואַסקריפּט, די סערוויס אַלאַוז איר צו בויען גאַנץ וועב אַפּלאַקיישאַנז.
אין באָקע הענט, דער רעדאַקטאָר איז אַ טאַקע שטאַרק געצייַג, בשעת אַ אָנהייבער, רעכט צו דער שעפע פון פאַרשידן פאַנגקשאַנז, מיסטאָמע פשוט נישט פֿאַרשטיין וואָס ס וואָס.
Janvas אָנליין סערוויס
- צו קאַטער די וועב אַפּלאַקיישאַן אין אייער בלעטערער, דריקט אויף די לינק אויבן און גיט די קנעפּל "אָנהייבן צו שאַפֿן".
- א נייַ פֿענצטער וועט עפענען דעם רעדאַקטאָר וואָרקספּאַסע מיט אַ לייַוונט אין דעם צענטער און מכשירים באַרס אַרום.
- איר קענען אַרויספירן די פאַרטיק בילד בלויז צו די וואָלקן סטאָרידזש פון דיין ברירה, און בלויז אויב איר פּערטשאַסט אַ אַבאָנעמענט צו די סערוויס.
יאָ, די מיטל איז ליידער נישט פריי. אָבער דאָס איז אַ פאַכמאַן לייזונג, וואָס איז ניט נוציק פֿאַר אַלעמען.
אופֿן 6: DrawSVG
די מערסט באַקוועם אָנליין דינסט וואָס אַלאַוז וועבמאַסטערס צו לייכט שאַפֿן הויך קוואַליטעט SVG עלעמענטן פֿאַר זייער זייטלעך. דער רעדאַקטאָר כּולל אַן ימפּרעסיוו ביבליאָטעק פון שאַפּעס, ייקאַנז, פּלאָמבירן, גראַדיענץ און פאַנץ.
ניצן DrawSVG, איר קענען פּלאַן וועקטאָר אַבדזשעקץ פון קיין טיפּ און פּראָפּערטיעס, טוישן זייער פּאַראַמעטערס און ופפירן ווי באַזונדער בילדער. עס איז מעגלעך צו ימבעד דריט פּאַרטיי מולטימעדיאַ טעקעס אין סווג: ווידעא און אַודיאָ פֿון אַ קאָמפּיוטער אָדער נעץ קוואלן.
אָנליין סערוויס DrawSVG
דער רעדאַקטאָר, ניט ענלעך רובֿ אנדערע, קוקט ניט ווי דער בלעטערער פּאָרט פון אַ דעסקטאַפּ אַפּלאַקיישאַן. אויף די לינקס זענען די גרונט צייכענונג מכשירים, און אויף די שפּיץ זענען די קאָנטראָלס. דער הויפּט פּלאַץ איז פאַרנומען דורך אַ לייַוונט פֿאַר ארבעטן מיט גראַפיקס.
ווען איר ענדיקן ארבעטן מיט אַ בילד, איר קענען ראַטעווען די רעזולטאַט ווי אַ SVG אָדער ווי אַ ביטמאַפּ.
- צו טאָן דאָס, געפֿינען די ייקאַן אין דעם מכשיר "היט".
- דורך געבן אַ קליק אויף דעם ייקאַן, אַ קנאַל-אַרויף פֿענצטער וועט זיין אָופּאַנד מיט אַ פאָרעם פֿאַר דאַונלאָודינג אַ SVG דאָקומענט.
אַרייַן די געבעטן טעקע נאָמען און גיט "היט ווי טעקע".
DrawSVG קענען ווערן גערופן אַ ליטע ווערסיע פון Janvas. דער רעדאַקטאָר שטיצט ארבעטן מיט CSS אַטריביוץ, אָבער ניט ענלעך דעם פריערדיקן געצייַג, עס קען נישט לאָזן אַנימירן עלעמענטן.
זען אויך: עפֿן SVG וועקטאָר גראַפיקס טעקעס
די סערוויסעס וואָס זענען ליסטעד אין דעם אַרטיקל זענען ניט אַלע די וועקטאָר רעדאקציע בנימצא אין דער נעץ. אָבער, דאָ מיר האָבן קאַלעקטאַד פֿאַר די רובֿ טייל פריי און פּראָווען אָנליין סאַלושאַנז פֿאַר ארבעטן מיט SVG טעקעס. אין דער זעלביקער צייט, עטלעכע פון זיי זענען גאַנץ טויגעוודיק פון קאַמפּיטינג מיט דעסקטאַפּ מכשירים. נו, וואָס צו נוצן דעפּענדס אויף דיין דאַרף און פּרעפֿערענצן.
