안녕하세요? 짱묜입니다! 지난 화요일에는 2회 스터디가 진행되었습니다.
이번 스터디에서는 스토리보드를 이용하여 애니메이션을 만드는 방법에 대해서 알아보았습니다. 스토리보드를 생성한 후에 타임라인에 개체의 상태가 변화하는 시점이 될 키프레임을 생성하고, 키프레임 부분에서 개체의 크기변환, 색상변환, 각도변환,위치변환 등 다양한 속성 변경을 해 보았습니다.
기초적인 내용은 빨리 진행을 하고 예제를 따라해 보았습니다.
1.공 튕기기
공이 아래로 낙하할때 가속도가 증가하고, 위로 튀겨질때 감속하는 애니메이션을 만들어 보았습니다.
2.텍스트 애니메이션
플래시에서 많이 사용되는 텍스트 애니메이션! 글자가 순차적으로 날아오는 애니메이션을 만들어 보았습니다. 텍스트 레이어를 동시에 선택해서 효과를 적용한 후에 프레임을 이동하여 시간차를 주었던 것 기억하시죠?
3.현재값을 상속받는 애니메이션
이것은 하얀코코님이 자주 사용하셨던 예제로 야구의 1루,2루,3루를 그려서 해보았습니다. 스토리보드의 초기값을 설정하지 않으면 현재의 값을 상속받게 되어서 그 값에서 이어져 스토리보드가 실행이 되었습니다.
4.클리핑을 이용한 애니메이션
클리핑을 이용하여 텍스트에 그라데이션을 이동하는 애니메이션과 파워포인트의 블라인드 효과 애니메이션을 만들어보았습니다. 화면에 보여줄 개체와 패스를 클리핑하여 클리핑 패스의 노드를 이동하여 효과를 냈습니다.
처음이라 쉽지 않았겠지만 그래도 모두 열심히 잘 따라오셨어요!! 다음시간에는 컨트롤의 스타일에 대해서 스터디를 진행하도록 하겠습니다. 다음 시간까지 스타일에 들어갈 버튼의 디자인을 해오라고 말씀드렸어요. 블렌드에 넣기 좋은 벡터타입으로 디자인을 해 오시고, 꼭 포토샵으로 작업한 디자인이 필요하신 분들은 이미지 타입으로 해오셔도 됩니다.
자~ 오늘도 열심히 하시는 모습 투척!! 보정..같은건 없습니다 ㅠㅠ)
다음주까지 즐거운 한주 되세요!!
이번 스터디에서는 스토리보드를 이용하여 애니메이션을 만드는 방법에 대해서 알아보았습니다. 스토리보드를 생성한 후에 타임라인에 개체의 상태가 변화하는 시점이 될 키프레임을 생성하고, 키프레임 부분에서 개체의 크기변환, 색상변환, 각도변환,위치변환 등 다양한 속성 변경을 해 보았습니다.
기초적인 내용은 빨리 진행을 하고 예제를 따라해 보았습니다.
1.공 튕기기
공이 아래로 낙하할때 가속도가 증가하고, 위로 튀겨질때 감속하는 애니메이션을 만들어 보았습니다.
2.텍스트 애니메이션
플래시에서 많이 사용되는 텍스트 애니메이션! 글자가 순차적으로 날아오는 애니메이션을 만들어 보았습니다. 텍스트 레이어를 동시에 선택해서 효과를 적용한 후에 프레임을 이동하여 시간차를 주었던 것 기억하시죠?
3.현재값을 상속받는 애니메이션
이것은 하얀코코님이 자주 사용하셨던 예제로 야구의 1루,2루,3루를 그려서 해보았습니다. 스토리보드의 초기값을 설정하지 않으면 현재의 값을 상속받게 되어서 그 값에서 이어져 스토리보드가 실행이 되었습니다.
4.클리핑을 이용한 애니메이션
클리핑을 이용하여 텍스트에 그라데이션을 이동하는 애니메이션과 파워포인트의 블라인드 효과 애니메이션을 만들어보았습니다. 화면에 보여줄 개체와 패스를 클리핑하여 클리핑 패스의 노드를 이동하여 효과를 냈습니다.
처음이라 쉽지 않았겠지만 그래도 모두 열심히 잘 따라오셨어요!! 다음시간에는 컨트롤의 스타일에 대해서 스터디를 진행하도록 하겠습니다. 다음 시간까지 스타일에 들어갈 버튼의 디자인을 해오라고 말씀드렸어요. 블렌드에 넣기 좋은 벡터타입으로 디자인을 해 오시고, 꼭 포토샵으로 작업한 디자인이 필요하신 분들은 이미지 타입으로 해오셔도 됩니다.
자~ 오늘도 열심히 하시는 모습 투척!! 보정..같은건 없습니다 ㅠㅠ)
다음주까지 즐거운 한주 되세요!!
