스케일러블 벡터 그래픽, 또는 SVG(Scalable Vector Graphic)는 이미지의 왜곡이나 손상 없이 다양한 해상도와 픽셀 밀도에 대응이 가능할 뿐만 아니라, 애니메이션과 미디어쿼리 지원 등의 유용한 정보를 포함하고 있는 이미지 포맷입니다. 이 글에서는 SVG를 언제, 어떻게 생성하고 이용할 지와 제작의 워크플로우에 대해서 알아보도록 하겠습니다.본론에 들어가기에 앞서, 두 가지 질문 드리도록 하겠습니다.디자인하는 방법을 알고 계신가요?HTML과 CSS를 작성하는 방법을 알고 계신가요?두 질문에 대답이 모두 ‘NO’라면, ‘YES’라는 대답을 할 수 있는 누군가를 찾아서 함께 읽으시면 서로에게 큰 도움이 될 것입니다. SVG는 무엇일까요?(What is SVG?) 위키피디아에서 스케일러블 벡터 ..

Design News/Design Trend 2014. 1. 7. 15:57

포토샵으로 사실적이고 생동감 넘치는 물방울(waterdrop) 표현하기 오브젝트에 신선함과 생동감을 표현하고자 할때, 자주 쓰이게 되는 물방울(Waterdrop) 표현 기법은 다양한 방식으로 예제들이 제공되고 있지만 포토샵 초보자들이 쉽게 따라하고 숙지하기가 쉽지 않다.쉬운 듯 어려운 포토샵의 사실적인 물방울 표현을 Blue Lighting TV에서 제공하는 동영상 예제를 따라 배우면 쉽고 제대로 익힐 수 있어 포토샵 초급자는 물론 실무 디자이너에게도 많은 도움이 될 것으로 생각된다.실습에 필요한 나무잎 샘플 리소스도 함께 제공되고, 간결하면서도 핵심 기능을 통해 응용할 수 있는 스킬까지도 배울 수 있는 사실적인 물방울 표현하기 동영상 강좌는 꼭 한번 틈나는 시간에 가볍게 연습해 보길 권장한다.소스파일 ..

Design Lecture/Adobe Photoshop 2013. 11. 17. 20:47

126개 유명 브랜드 컬러를 내 손 안에....포토샵에서 브랜드 컬러를 쉽게 활용하기 유명 브랜드는 로고나 브랜드에 적용되는 컬러를 컬러 매니저먼트 시스템을 통해 신중하게 만들고 철저한 관리와 사용지침을 정해두고 가이드에 따라 상황별 적용을 허락하게 된다. 유명 브랜드 컬러는 눈에 보이는 것처럼 단순하지 않고 미세한 차이가 있다. 디자이너가 아무런 생각 없이 모니터 컬러나 스캔 색상을 컬러 추출기로 추출해 정확한 브랜드 컬러로 인식했다간 큰 낭패를 당할 수 있다. 대부분의 유명 브랜드의 주 색상(main color)과 보조색상(sub color)은 웹사이트를 방문하면 색상 값을 명기해 두어 활용할 수 있으나 그렇지 않은 브랜드도 많아 실무 디자이너들이 불편한 경우가 많았다. 하지만, 이제는 유명 브랜드 ..

Design Information/Design Resources 2013. 11. 12. 17:55

온라인 인쇄를 하기 전에 체크해야 할 기본적인 것은 무엇일까요?전문가급의 작업물을 얻기 위해 일반적인 데스크탑 프린터를 이용해본 적이 있다면, 이 일이 얼마나 골치 아픈 일인지 알 것입니다. 색상이 우리가 화면에서 보았던 것과 일치하는 일은 거의 없을 것입니다. 여러분의 프린터가 문제 없이 일주일을 견뎌내는 일도 거의 없을 것입니다. 평판 인쇄를 한다면 이보다 더한 단계들도 있습니다.그래서, 인쇄 작업이 잘못될 수도 있다는 사실을 알고 시작하는 게 마음이 편할 수도 있겠습니다. 심지어 가장 작은 색상 왜곡이 프로젝트의 마지막 출력에 영향을 미칠 수 있습니다. 특히 온라인으로 인쇄할 때 스크린에서 보았던 작업물이 인쇄하고 난 후와 다를 수 있다는 것입니다.위와 같은 상황을 미연에 방지하기 위해서 온라인 인..

Design News/Design Trend 2013. 10. 15. 08:30

한국어도비시스템즈는 지난 11월 16일 크리에이티브 더 웹 코리아(Creative the Web Korea)를 개최하고 디자이너와 개발자들이 HTML5, CSS3 및 JavaScript 등과 같은 최신 웹 기술을 이용해 보다 손쉽게 강력한 웹 사이트, 디지털 콘텐츠, 모바일 앱을 개발할 수 있도록 돕는 혁신적인 에지(Edge) 툴과 기법을 공개했다. 오전 커스터머 세션에 이어 오후에 미디어 세션을 가진 자리에서 어도비의 크리에이티브 솔루션 부문 아시아 태평양 지역 에벤젤리스트인 폴 버넷(Paul Burnett)이 기조연설을 통해 에지 틀 및 기법을 소개했으며, 어도비 에지 애니메이트 1.0(Adobe Edge Animate 1.0), 어도비 에지 인스펙트(Adobe Edge Inspect 1.0), 어도..

Design Information/HTML5 and CSS3 2012. 11. 18. 19:00

어도비 디지털 퍼블리싱 솔루션, 국내외 미디어 그룹 디지털 콘텐츠 제작의 성공적인 비즈니스 실현어도비시스템즈는 미래발전전략으로 디지털 미디어와 디지털 마케팅을 두 축으로 삼아 다양한 툴과 서비스를 고객에게 제공해오고 있다.특히 디지털 퍼블리싱 스위트(Digital Publishing Suite)는 출판 전문가로 하여금 출판물을 디지털 콘텐츠로 제작해 스마트 환경을 통해 유통하고, 이에 대한 소비분석으로 마케팅 전략을 최적화하는 통합 솔루션으로 디지털 출판 업계의 많은 관심을 모으고 있다.이를 바탕으로, 고객은 모든 채널과 화면에 적합한 디지털 콘텐츠를 제작, 관리, 측정 및 상용화와 더불어 기업의 ROI를 극대화한다는 평가를 받고 있다.현재 국내•외 유수 미디어 그룹들이 어도비 솔루션을 도입해 그 혁신 ..

Design News/Design Trend 2012. 11. 1. 12:57

어도비는 지난 8월 2일 자사의 첫 오픈 소스 글꼴을 발표했는데요. 어도비의 포스트스크립트 페이지 기술 언어의 생성 덕분에 전문가 수준의 인쇄상의 컨트롤을 제공하는 레이아웃과 일러스트레이션 응용프로그램 개발 뿐만아니라 디지털 디자인과 출판의 수용에 있어 중요한 역할을 담당해 왔습니다.지금은 거의 잊혀져가고 있지만 어도비는 디지털 글꼴 라이브러리를 구축한 최초의 회사 중 하나였다고 해도 과언이 아닐 것입니다. 또한 오픈 타입으로 글꼴 형식의 발전에도 많은 관련이 있었다고 볼 수 있겠습니다. 최근 몇년 동안 어도비의 타이포그래픽 지도력은 쇠약해졌지만 Sans Pro 같은 회사의 첫 오픈 소스 글꼴을 발표함에 따라 그 열정은 아직 식지 않은 것을 보입니다.이 오픈 소스 글꼴들은 어도비가 오픈 소스 앱의 인터페..

Design News/Design Trend 2012. 8. 6. 11:52

한국어도비시스템즈는 최근 발표한 어도비 CS6 신제품 발표회를 오는 6월 26일(화) 경희대학교 서울캠퍼스 평화의 전당에서 개최하며 사전등록을 진행하고 있으니 보다 강력하고 혁신적인 크리에이티브 솔루션으로 선보인 어도비 CS6에 관심있는 분들은 지금 바로 사전등록하시길 바랍니다.어도비 CS6는 기존 버전에 비해 수백여 가지 기능의 향상은 물론 놀라운 기술의 접목을 통해 그 혁신성이 돋보여 전세계 디자이너 및 크리에이티브 작업자들로 부터 큰 호응과 찬사를 받고 있습니다. 특히 어도비 CS6는 IT기술 발전과 더불어 최근 급부상하고 있는 디지털 퍼블리싱과 클라우드 서비스에 포커스를 맞춰 어도비의 기술과 축적된 역량을 쏟아 탄생시킨 최강의 크리에이티브 툴이라고 할 수 있습니다.여러분이 생각하고 상상하는 모든 ..

Design News/Design Exhibition 2012. 5. 24. 17:56