CSS 애니메이션은 속성을 이용해 구성요소를 제어하여 동적으로 구현할 수 있게 합니다. CSS 속성을 능숙하게 다룰 줄 안다면 어렵지 않게 구현할 수 있으나 그렇지 않다면 쉬운 일은 아니다.이 글을 통해 소개하는 키 프레임(keyframes) 앱을 이용하면 누구나 손쉽게 CSS 애니메이션을 손쉽게 구현할 수 있다.키 프레임은 브라우저와 편집기 사이를 오가지 않고도 애니메이션을 만들고, 보고, 실행하는 데 도움이 되는 시각적 타임라인을 제공한다. 사용자의 구성 작업이 끝나면 CSS가 제공되며 사용자의 활용 선호도에 따른 구글 크롬 확장 프로그램과 웹 앱 형태로 사용할 수 있게 되어있다. 키 프레임 크롬 확장기능은 UI가 원하는 웹 사이트(로컬 프로젝트 포함) 상단에 바로 삽입되고 애니메이션 하려는 요소를 ..

Design Information/HTML5 and CSS3 2018. 6. 11. 06:24

어도비 시스템즈(Adobe Systems, Inc)는 PM Zorana Gee와 수석엔지니어 Pete Falco, 전문 디지털 아티스트들과 함께 새로운 '포토샵 3D 가이드(Photoshop 3D Guide)'를 ebook 형태의 아이패드용 어플(App)로 제작해 무료 배포했다. 최근 아이패드 사용자가 나날이 늘어나고 있고 유사한 기능을 갖춘 다양한 태블릿PC가 줄줄이 출시도고 있는 상황이어서 이러한 모바일 디바이스 시장의 트렌드를 십분 반영해 사용자 및 잠재고객의 니즈를 충족시키기 위한 대응으로 보인다. 포토샵 3D 가이드는 인터랙티브한 슬라이드쇼, 애니메이션과 3D 효과를 사용하여 기본적인 3 차원 개념을 설명하는 풍부한 대화형 응용 프로그램이다. 또한 15가지 독특한 튜토리얼을 포함하고 있어 포토샵..

Design Lecture/Adobe Photoshop 2010. 10. 6. 09:30