Како да примените СВГ филтере у Иллустратор ЦЦ

Ефекти, попут свеприсутне сенке, су суштински елемент у комплету алата сваког дизајнера. Можда сте приметили да мени Еффецт Адобе Иллустратор ЦЦ укључује значајан подмени за СВГ филтере. Доступни скуп филтера се шири како се Иллустратор развија како би пружио више подршке за СВГ.

Успут, ако сте годинама користили Иллустратор, можда ћете се сетити да је мени Ефекат користио за листање ефеката и филтера. Филтери су били као ефекти, осим што се нису могли лако уређивати након примене. Али СВГ филтери нису оживљавање тих типова филтера; СВГ филтери се називају филтери јер функционишу кроз елемент СВГ филтера у кодирању веб страница.

Ево још једне супер ствари у вези са СВГ филтерима: Као што ћете ускоро открити, можете да увезете, па чак и да креирате сопствене СВГ филтере.

Када примените СВГ филтер, он може изгледати слично не-СВГ ефекту. На пример, ова слика приказује два идентична квадрата, али онај са леве стране има примењен растерски ефекат сенке, а онај са десне стране има примењен векторски (СВГ) филтер падајуће сенке .

Ефекат падајуће сенке (лево) и СВГ филтер (десно).

Када изаберем правоугаоник са СВГ филтером, тај филтер се појављује на панелу Изглед, као што је приказано.

иллустратор-дроп-схадов-филтер

Различити начини на које ефекти и СВГ филтери мењају путању објекта имају суптилне, али стварне импликације. Неке од тих импликација су релевантне само за програмере веба и апликација, али са вашег краја тока посла, важно је имати на уму да избегавате мешање СВГ филтера и растерских ефеката у пројектима јер различито утичу на објекте.

Узгред, не могу да не поделим овде да је квадрат са сенком растера на овим фигурама скоро седам пута већи од оног са СВГ филтером. Само кратка најава јавног сервиса из СВГ индустрије о томе како можете изгубити (фајл) тежину помоћу СВГ-а.

И као што сте можда већ претпоставили, растерски ефекти се не могу програмирати. Када их предате аниматору или ХТМЛ кодеру, ваш саиграч програмера неће имати исту врсту слободе да контролише како растерски ефекти функционишу у анимацији или прелазу.

Коначно, када примените СВГ филтере уместо растерских ефеката на СВГ уметничка дела, не морате да бринете о томе да ће ти филтери деградирати када се уметничко дело промени у величини у прегледачу.

Како применити СВГ филтере

Заложио сам се за примену СВГ филтера кад год је то могуће у СВГ уметничким делима. Хајде да прођемо кроз како се то дешава:

Изаберите објекат(е) на које примењујете филтер.

Изаберите Ефекат→СВГ филтери и изаберите филтер.
Подмени СВГ филтери има листу филтера са именима која су у најбољем случају само полуинтуитивна (као што је АИ_Схадов_1, што је сенка) и чешће само криптична (као што је АИ_Дилате_6). Мораћете да експериментишете док не добијете осећај како ови филтери функционишу.

Док је објекат на који сте применили филтер и даље изабран, погледајте панел Изглед (изаберите Прозор→Изглед).

Пређите курсором преко примењеног филтера и кликните на њега да бисте открили поље Примени СВГ филтер, приказано овде.

Уређивање СВГ филтера.

Овде можете променити примењени филтер и користити поље за потврду Превиев да видите како ће филтер изгледати. Такође можете да изаберете и избришете СВГ филтер на панелу Изглед, као што је приказано.

Брисање СВГ филтера.

Како да увезете СВГ филтере

Иллустраторов скуп филтера је користан, али тешко да помера границе онога што можете да урадите са СВГ филтерима. Ако кодирате у ХТМЛ-у, наћи ћете приступачан водич за креирање сопствених СВГ филтера на в3сцхоолс .

Такође можете купити додатне сетове филтера на мрежи, па чак и пронаћи неке лепе сетове бесплатних СВГ СВГ филтера . Да бисте инсталирали овај сет филтера или других филтера, следите ове кораке:

Изаберите Ефекат→СВГ филтери→Увези СВГ филтер.

У дијалогу који се отвори, идите до и двапут кликните на датотеку СВГ филтера коју сте преузели.
Датотека ће вероватно бити СВГ датотека.

Изаберите Ефекат–>СВГ филтери да бисте применили нове филтере на изабране објекте.
Након што увезете нове филтере, они се појављују у подменију СВГ филтери.