080. 일러스트 CC : 효과(C) → SVG 필터

· 10년 전 · 1032

 

 

SVG(Scalable Vector Graphics)는 무엇일까요?

SVG는 XML기반으로 2차원 벡터 그래픽을 표현하기 위한 파일 형식으로 벡터 도구에 의해 만들어 집니다.

 

SVG의 큰 장점은 다양한 디바이스의 화면 크기와 해상도에 맞게 파일을 조정할 수 있으며,

픽셀 하나까지 정확하게 제어할 수 있습니다.

 

49934eb2a16b99658050e63e40cdeb7a_1435884076_1231.png 

 

오브젝트를 준비하고 최상단 메뉴의 효과(C) → SVG 필터 → SVG 필터 적용(A)를 클릭합니다.

 

49934eb2a16b99658050e63e40cdeb7a_1435884037_1277.png

 

SVG 필터가 나옵니다. 하나씩 적용해보도록 하겠습니다.

 

49934eb2a16b99658050e63e40cdeb7a_1435884317_6712.png

 

AI_가우시안_흐림_4

 

49934eb2a16b99658050e63e40cdeb7a_1435886067_586.png 

 

AI_가우시안_흐림_7

 

49934eb2a16b99658050e63e40cdeb7a_1435886076_3551.png 

 

AI_경사_어두운_영역_1

 

49934eb2a16b99658050e63e40cdeb7a_1435886084_5011.png 

 

AI_고정

 

49934eb2a16b99658050e63e40cdeb7a_1435886092_8172.png 

 

AI_그림자_1

 

49934eb2a16b99658050e63e40cdeb7a_1435886105_0035.png 

 

AI_그림자_2

 

49934eb2a16b99658050e63e40cdeb7a_1435886136_0314.png 

 

 

AI_나뭇결

 

49934eb2a16b99658050e63e40cdeb7a_1435886145_7986.png

 

AI_부식_3

 

49934eb2a16b99658050e63e40cdeb7a_1435886159_468.png 

 

AI_부식_6

 

49934eb2a16b99658050e63e40cdeb7a_1435886175_1471.png 

 

AI_시원한_바람

 

49934eb2a16b99658050e63e40cdeb7a_1435886188_1383.png

 

AI_알파_1

 

49934eb2a16b99658050e63e40cdeb7a_1435886205_2546.png 

 

AI_알파_4

 

49934eb2a16b99658050e63e40cdeb7a_1435886214_3927.png 

 

AI_폭풍_3

 

49934eb2a16b99658050e63e40cdeb7a_1435886225_3633.png 

 

AI_폭풍_5

 

49934eb2a16b99658050e63e40cdeb7a_1435886250_0604.png 

 

AI_픽셀_실행_1

 

49934eb2a16b99658050e63e40cdeb7a_1435886280_0969.png

 

AI_픽셀_실행_2

 

49934eb2a16b99658050e63e40cdeb7a_1435886292_4405.png 

 

AI_확장_3

 

49934eb2a16b99658050e63e40cdeb7a_1435886316_0427.png

AI_확장_6

 

49934eb2a16b99658050e63e40cdeb7a_1435886328_5934.png 

 

 

필터 외에 적용 옵션창의 옵션을 보도록 하겠습니다.

 

49934eb2a16b99658050e63e40cdeb7a_1435886387_5691.png

 

 

49934eb2a16b99658050e63e40cdeb7a_1435886758_6724.png SVG 필터 편집

 

해당 SVG 필터를 편집합니다. 클릭 시 아래와 같은 창이 뜨며, 코드를 수정하여 사용할 수 있습니다.

 

49934eb2a16b99658050e63e40cdeb7a_1435886877_4696.png 

 

 

49934eb2a16b99658050e63e40cdeb7a_1435886780_1804.png 새SVG 필터

새 SVG 필터를 만들어 사용합니다.

아래의 창에서 <filter  id="NewFilter_1_">이 안에 필터를 만들어 작성해 사용하면 됩니다.</filter> 

 

49934eb2a16b99658050e63e40cdeb7a_1435886978_3151.png 

 


49934eb2a16b99658050e63e40cdeb7a_1435886811_672.png SVG 필터를 삭제합니다.

 

49934eb2a16b99658050e63e40cdeb7a_1435887024_4022.png 

 

 

이번엔 SVG 필터 불러오기를 보겠습니다. 

오브젝트를 준비하고 최상단 메뉴의 효과(C) → SVG 필터 → SVG 필터 불러오기(I)를 클릭합니다.

SVG 필터 불러오기는 외부로부터 SVG 필터 파일을 불러오는 것을 말합니다.

 

49934eb2a16b99658050e63e40cdeb7a_1435887162_6415.png 

 

 

 


 

 

|
댓글을 작성하시려면 로그인이 필요합니다. 로그인

강좌게시판

디자인과 관련된 유용한 정보를 공유하세요. 질문은 상단의 QA에서 해주시기 바랍니다.

+
제목 글쓴이 날짜 조회
10년 전 조회 942
10년 전 조회 1,072
10년 전 조회 1,031
10년 전 조회 828
10년 전 조회 778
10년 전 조회 1,263
10년 전 조회 1,585
10년 전 조회 1,473
10년 전 조회 988
10년 전 조회 1,386
10년 전 조회 1,632
10년 전 조회 554
10년 전 조회 1,033
10년 전 조회 1,320
10년 전 조회 771
10년 전 조회 438
10년 전 조회 391
10년 전 조회 652
10년 전 조회 583
10년 전 조회 462
10년 전 조회 644
10년 전 조회 431
10년 전 조회 680
10년 전 조회 1,577
10년 전 조회 739
🐛 버그신고