웹통의 웹으로 통하는 세상
포토샵&일러스트 강좌 블로그-관리자 2015. 1. 6. 14:24
벡터 그래픽 SVG의 활용도 높은 강좌 모음 SVG는 XML 기반의 2D 벡터 그래픽 파일 형식입니다. 다른 애니메니션 방식과 가장 큰 차이점은 해상도입니다. 어떤 장치 또는 브라우저에서 픽셀에 대한 걱정 없이 동일한 해상도를 보여줄수 있어서 매우 활용도가 높습니다. 현재 SVG는 그래픽 전문 프로그램들이 많이 개발되어서 예전에 비해 빠르고 쉽게 애니메이션을 제작할 수 있습니다. SVG 그래픽 도구는 얼마전에 포스팅한 내용을 참고하시면 도움이 되실것 같구요. (하단 관련글 참조) 오늘은 SVG 애니메이션을 배울수 있는 몇가지 강좌를 소개해 드리겠습니다. 버턴, 애니메이션, SVG 파일 변환 등 기본적인 SVG 활용 강좌들입니다. 다만 영문으로 제작되어 내용을 쉽게 이해하기 어려운데요. 구글 크롬 자동 번..
IT&COMPUTER/프로그램 블로그-관리자 2014. 1. 21. 11:03
홈페이지 애니메이션 효과에 유용한 SVG 제작 프로그램 소개 아직까지는 웹디자이너에게 SVG(Scalable Vector Graphics)는 조금은 생소한 단어입니다. XML기반의 벡터 그래픽을 표현하는 파일 형태인데요. 개발은 1999년에 되었지만 실용성의 문제로 그렇게 주목받지 못했지만 최근 스마트폰과 반응형 웹개발이 활발하게 진행되면서 SVG는 현재에 와서야 다시 주목받기 시작했습니다. 마이크로소프트의 인터넷 익스플로러8 이전 버전은 플러그인을 설치해야만 SVG를 볼수 있었지만 현재 9버전 부터는 굳이 플러그인 설치없이 SVG를 볼수 있습니다. 대부분의 웹브라우저에서 설치없이 활용이 가능하기 때문에 플래쉬보다 활용도가 높다고 볼수 있는데요. 오늘은 홈페이지에 애니메이션 효과를 만들때 유용한 SVG ..