우연히 phase가 출시되었다는 광고를 보게되었다. 무료 모션그래픽 툴이라길래 궁금해서 찍먹해보기로 했다. 마침 한국 phase에서 상금이 달린 모션그래픽 챌린지를 진행하고 있었다. 상금에 눈이 먼 나, 도전! 🤑 1. 스케치 (프로크리에이터) 스케치는 아이패드로 그렸다. 처음부터 자동차 애니메이션을 할 생각은 없었는데 만들다보니까 루프 모션그래픽으로 만들게 되었다. 2. 라인워크 (phase)라인워크(선따기)를 하다보면 스케치보다 좀 더 정갈한 형태가 되도록 노력한다. 불필요한 선과 요소들을 줄이려고했다. 그리고 처음 써보는 phase 였지만 너무 편하고 쉽게 작업했다. 아직 기능이 많이 부족한데, 마스크 기능이 없으면 어떡하나 싶었는데 있어서 다행이었다. 3. 추출하기mp4, gif, json 형식으..
인터랙티브 웹 개발 노하우를 수강하며 배운 내용을 토대로 직접 구현해보고 싶었다. 오로지 재구현만을 목표로 Layer 를 나눠서 입체감을 느낄 수 있도록 급하게 그려봤다. 작업과정이번에는 아쉽게도 전체적인 작업 과정을 영상으로 담지 못해서 그린 과정만 간략하게 공유 넘 욕심낼 것 같아서 급하게 끝냈다 최종결과 원래는 뭔가 스토리나 더 다양한 요소를 넣어보고 싶었지만, 욕심내지 않기로 했다. 안할것 같아서... ㅋㅋ 해당 그림은 6가지 레이어로 되어있고, 3개의 레이어만 마우스의 mousemove 이벤트를 받아 위치에 따른 transelate 작업이 이루어진다. parallax_3.style.transform = "translate3d(" + mx / 140 + "px ," + -scrollTop * .2..
lottie js 배운 김에 만들어본 모션그래픽 스케치 (구상) 구상단계에서는 글자 '푸하항'도 포함했었지만 작업 중간에 거추장스러워서 제거했다 모션그래픽 AfterEffects로 만든 모션그래픽을 json 형식으로 출력했다. 최종Result 에서 이미지 클릭해보세요
머니로그 프로젝트 중 어떠한 진행률에 따라 걷는 돼지 캐릭터의 GIF 가 필요했습니다. 프로젝트 중 배정된 역할에 방해가 되지 않도록 주말에 잠깐 시간내서 캐릭터 디자인을 해봤습니다. 머니로그를 사용하시면 황금돼지가 지갑으로 걸어옵니다. ^^ 끝
파이널 프로젝트를 진행하며, 개발에만 온전히 집중하고 싶었기에 디자인에는 절대 관여하지 않으리 맘 먹었지만 세상 구린 임시 로고를 도저히 참을 수 없어서 .. 제작하게된 로고 🤬 황금돼지, 돼지저금통 등 돼지 관련된 요소들이 많아서 심볼로고도 돼지코가 연상되도록 디자인했습니다. 머니로그의 기능 중 하나가 입력된 금액의 평균치를 확인해서 빨간불과 파란불로 소비에 대한 평가를 해주는 게 있는데, 이 기능이 나름 다른 가계부와의 차별점이라고 생각하기 때문에 로고를 통해 머니로그만의 것으로 표현하였습니다.. 만약 적용이 되었다면 우측 사진처럼 구현이 되지 않았을까 싶지만 적용하진 못했네요 ㅠㅠ 아무튼 간만에 디자인 툴을 사용하니 고향에 온 것 처럼 편하고 좋네요.