웹통의 웹으로 통하는 세상

애니메이션 (7)

감성적인 지브리 노트북 배경화면 고화질 모음

IT&COMPUTER/컴퓨터 배경화면 블로그-관리자 2019. 7. 15. 09:31

지브리 노트북 배경화면 고화질 이미지 20종 요즘 고전 애니메이션이 실사로 영화화되는 경우가 많죠. 주로 디즈니에서 만든 작품들이 실사화되고 있지만 개인적으로 지브리 스튜디오 작품들도 영화로 나오면 어떨까 하는 생각이 듭니다. 특히 이웃집 토로로, 벼랑 위의 포뇨, 천공의 성 라퓨타 등 자연과의 공존, 반전, 평화의 메시지를 가진 작품들이 영화화 된다면 디즈니 만큼의 성공은 아니더라도 잠시 잊혀진 명작들이 다시 재조명되지 않을까요? 오늘은 지브리 노트북 배경화면 고화질 모음을 소개해 드릴게요. 추억의 지브리 작품들을 연도별로 정주행 하면 좋겠지만 매번 시간이 안나서 보질 못하고 있는데요. 배경화면이라도 좋아하는 캐릭터로 변경하니 기분이 좋아지더군요. 아래는 지브리 노트북 배경화면 고화질 모음입니다. 다운..

동적인 웹사이트 제작을 위한 UI 애니메이션 GIF 포토샵 강좌 모음

포토샵&일러스트 강좌 블로그-관리자 2015. 3. 23. 14:35

애니메이션 유저인터페이스 포토샵 강좌 웹사이트에 동적인 부분을 가미한다면 사용자에게 생동감있는 웹페이지를 제공할수 있습니다. 동적인 유저인터페이스를 만들려면 플래쉬, 제이쿼리, html5, gif 등 다양한 방법이 있는데요. 최근들어 언어의 길이가 길고 복잡한 플래쉬 액션스크립트에 비해 생산성이 높은 제이쿼리와 gif를 이용한 UI가 많이 개발되고 있습니다. 오늘은 유저인터페이스 애니메이션을 만들수 있는 포토샵 GIF 강좌를 소개해 드리겠습니다. 총 8가지의 GIF 제작 과정을 배움으로써 초보자와 전문가 사이의 간격을 좁힐수 있는 계기가 되었으면 좋겠습니다. Loading Circle Animation Using Photoshop CS6 이 강좌는 포토샵CS6를 사용하여 로딩 GIF 애니메이션을 만드는 ..

뛰어난 2D 벡터 그래픽 애니메이션 SVG 강좌 소개

포토샵&일러스트 강좌 블로그-관리자 2015. 1. 6. 14:24

벡터 그래픽 SVG의 활용도 높은 강좌 모음 SVG는 XML 기반의 2D 벡터 그래픽 파일 형식입니다. 다른 애니메니션 방식과 가장 큰 차이점은 해상도입니다. 어떤 장치 또는 브라우저에서 픽셀에 대한 걱정 없이 동일한 해상도를 보여줄수 있어서 매우 활용도가 높습니다. 현재 SVG는 그래픽 전문 프로그램들이 많이 개발되어서 예전에 비해 빠르고 쉽게 애니메이션을 제작할 수 있습니다. SVG 그래픽 도구는 얼마전에 포스팅한 내용을 참고하시면 도움이 되실것 같구요. (하단 관련글 참조) 오늘은 SVG 애니메이션을 배울수 있는 몇가지 강좌를 소개해 드리겠습니다. 버턴, 애니메이션, SVG 파일 변환 등 기본적인 SVG 활용 강좌들입니다. 다만 영문으로 제작되어 내용을 쉽게 이해하기 어려운데요. 구글 크롬 자동 번..

놀라운 인터랙티브 홈페이지 제작을 위한 HTML5 애니메이션 제작 도구

IT&COMPUTER/프로그램 블로그-관리자 2014. 9. 3. 15:51

웹디자이너를 위한 HTML5 애니메이션 제작 프로그램 소개 최근 인터넷 속도의 향상과 HTML5의 등장으로 홈페이지에 애니메이션을 삽입하는 경우가 늘고 있습니다. HTML5로 제작된 애니메이션은 플래시 처럼 따로 플레이어를 설치할 필요없이 인터넷상에서 바로 플레이가 가능하며 구글 크롬에서 실행했을때 더욱 빠르게 작동하는데요. 이러한 애니메이션을 이용한 홈페이지는 방문자와 상호작용할수 있는 토대를 만들고 다이나믹한 분위기의 디자인을 연출할 수 있습니다. 오늘은 HTML5를 이용한 애니메이션을 만들수 있는 프로그램을 소개해 드리겠습니다. 총 4가지의 애니메이션 도구는 각기 다른 매력을 지닌 기능을 제공하는데요. 자신에 맞는 프로그램을 선택하여 인터랙티브한 애니메이션을 만들어 보세요. Blysk HTML5, ..

애니메이션 리오2의 재미를 더해주는 흥미로운 사실 6가지

제품이야기 블로그-관리자 2014. 4. 10. 12:05

영화 리오2의 재미있고 놀라운 사실 6가지 단 한 마리의 짝을 찾아 브라질의 "리오 데 자이네"로 날아간 희귀 앵무새 블루의 이야기를 담은 리오를 보셨다면 속편을 기대하셨을텐데요. 그디어 다가오는 5월 1일에 리오2가 개봉을 기다리고 있습니다. 리오2는 아마존 정글 배경에서 악당 나이젤의 공격에 맞서는 정글 어드벤처로 전편 보다 더욱더 다이나믹한 구성과 다양한 장르의 춤과 음악을 가지고 관객들의 눈과 귀에 즐겁게 해줄 예정입니다. 또한 앤 해서웨이, 제시 아이젠버그, 제이미 폭스, 윌 아이엠, 자넬 모네, 브루노 마스 등 할리우드 탑스타들이 대거 출연하여 기대감을 증폭시켰는데요. 오늘은 애니메이션 리오2의 흥미로운 사실 몇가지를 소개해 드리겠습니다. 사실 비밀스러운 내용은 아니지만 영화 감상전 알아두면 ..

SVG 애니메이션 제작 도구로 홈페이지를 역동적으로 만들어 보자

IT&COMPUTER/프로그램 블로그-관리자 2014. 1. 21. 11:03

홈페이지 애니메이션 효과에 유용한 SVG 제작 프로그램 소개 아직까지는 웹디자이너에게 SVG(Scalable Vector Graphics)는 조금은 생소한 단어입니다. XML기반의 벡터 그래픽을 표현하는 파일 형태인데요. 개발은 1999년에 되었지만 실용성의 문제로 그렇게 주목받지 못했지만 최근 스마트폰과 반응형 웹개발이 활발하게 진행되면서 SVG는 현재에 와서야 다시 주목받기 시작했습니다. 마이크로소프트의 인터넷 익스플로러8 이전 버전은 플러그인을 설치해야만 SVG를 볼수 있었지만 현재 9버전 부터는 굳이 플러그인 설치없이 SVG를 볼수 있습니다. 대부분의 웹브라우저에서 설치없이 활용이 가능하기 때문에 플래쉬보다 활용도가 높다고 볼수 있는데요. 오늘은 홈페이지에 애니메이션 효과를 만들때 유용한 SVG ..

플래시를 뛰어넘는 HTML5 애니메이션 제작 프로그램 10종 소개

IT&COMPUTER/프로그램 블로그-관리자 2013. 11. 28. 14:39

2014년 최고의 HTML5 애니메이션 제작 프로그램 HTML5 등장 이전에는 웹에서 구현되는 애니메이션의 대부분은 플래시로 제작되었습니다. 플래시는 개발자가 아닌 디자이너도 애니메이션을 제작할수 있도록 강력하고 편리한 기능을 제공하여 웹 애니메이션 생산의 큰부분을 차지하였습니다. 그러나 웹표준 HTML5 등장 이후 보안에 취약하고 리소스를 많이 잡아먹는 단점으로 HTML5 애니메이션으로 대체되고 있는 추세입니다. 최근 웹디자이너들의 마음이 복잡한데요. 아직까지 우리나라는 웹 애니메이션을 플래시로 제작하는 경우가 대부분이여서 처음 웹을 시작하는 분들은 어떤것을 선택해야하는지 또는 기존 웹디에겐 HTML5 애니메이션을 새롭게 시작해야하기 때문에 프로그램 선택부터 망설여지실꺼에요. 오늘은 이런 고민들을 가지..

Copyright © 웹통의 웹으로 통하는 세상 All Rights Reserved
Designed by JB FACTORY

티스토리툴바