파일 개체를 활용한 애니메이션입니다

이전에도 파일 개체를 활용한 애니메이션을 소개한 적이 있지만, 이번에는 '만화경'입니다

하나의 반복되는 애니메이션을 각도를 바꿔 반전시키면서 만화경처럼 여러 개 배치하는 것은

파일 개체를 이용하면 작업을 간소화할 수 있습니다

반복해서 사용하거나 더미로 표시해 둘 경우에도 파일 개체는 편리할 수 있습니다 (무슨 말인지 이해가 안 될 수도 있지만)

회전만 하는 파일

바로 시작해 보겠습니다

먼저 6초에 한 바퀴 회전하는 퍼린 노이즈 애니메이션을 만듭니다

새 일러스트 (400 × 400px) 및 그리드 표시

먼저 400 × 400px의 '새 일러스트'를 만듭니다

단위는 (px)입니다

그리드를 표시합니다

'표시' 메뉴에서 '그리드'를 선택합니다

'표시' 메뉴에서 '그리드·눈금자 설정'을 선택합니다

그리드·눈금자의 원점을 '중앙'에 체크합니다

그리드 설정을 '간격' (100px), '분할 수' (4)로 설정합니다

이 그리드는 높이 400px, 너비 350px의 육각형 패턴을 만들기 위해 필요한 것입니다

새 색조 보정 레이어의 계조화 추가

그대로 내보내면 애니메이션 GIF 용량이 너무 커지므로

색상 수를 줄입니다

'레이어' 메뉴의 '새 색조 보정 레이어' 중 '계조화'를 선택합니다

'계조화 수' 값을 (5)로 설정합니다

'레이어' 팔레트에 '계조화' 레이어가 추가됩니다

※여기서 그리드에 스냅합니다

'표시' 메뉴의 '그리드에 스냅'에 체크합니다

새 '벡터 레이어'를 추가합니다

첨부 이미지와 같이 보조 도구의 '꺾은선'으로 삼각형을 그립니다

이 삼각형은 사연이 있어 정삼각형이 아닙니다

정삼각형처럼 보일 수도 있는 이등변삼각형입니다

이 삼각형 안이 만화경으로 표시되는 부분입니다

퍼린 노이즈와 타임라인 생성

'레이어' 팔레트에서 '레이어1'을 선택하고

레이어 이름을 퍼린 노이즈로 했습니다 (굳이 이름을 붙일 필요는 없습니다)

'필터' 메뉴의 '그리기' 중 '퍼린 노이즈'를 선택합니다

'배율'을 (50.00)

'진폭'을 (1.60)

다른 캔버스를 보면서 자유롭게 설정해도 괜찮습니다

캔버스 중심이 회전 중심 (만화경 중심)이 되므로

농도가 변화하도록 '오프셋'을 적당히 조절합니다

첨부 이미지에서는 (-58)로 설정했습니다

퍼린 노이즈가 '계조화' 때문에 희미해지지 않은 것을 알 수 있을 것입니다

새 타임라인 생성

이 상태에서 '새 타임라인'을 만듭니다

'타임라인' 팔레트의 명령 아이콘 중 왼쪽에서 세 번째를 누릅니다

'프레임 속도'를 (12)

'재생 시간'을 (6초)와 (1프레임)으로 설정합니다

퍼린 노이즈 레이어를 키프레임을 추가하여 6초에 1회전시킵니다

'레이어' 팔레트에서 '퍼린 노이즈' 레이어를 선택하고

'타임라인' 팔레트의 명령 아이콘 '레이어 키프레임 활성화'를 누릅니다

'타임라인' 팔레트의 명령 아이콘 '키프레임 보간'을 눌러 '생성할 키프레임: 등속'을 선택합니다

'타임라인' 팔레트의 명령 아이콘 '키프레임 추가'를 누릅니다

타임라인에 키프레임이 추가됩니다

보조 도구를 '오브젝트'로 설정하면 '도구 속성' 팔레트에 레이어 상태가 표시됩니다

'변형'을 표시합니다

여기서는 값을 변경하지 않습니다

'타임라인' 팔레트의 명령 아이콘 '마지막'을 눌러 최종 프레임을 표시합니다

'도구 속성' 팔레트의 '변형' 중 '회전 각도'를 (-360)으로 입력합니다

(마이너스)가 제대로 입력되었는지 확인하세요

타임라인의 마지막 프레임에 키프레임이 추가되었는지 확인하세요

그리고

재생 범위의 마지막 1프레임을 잘라냅니다

퍼린 노이즈 색상이 진해서 연하게 변경합니다

필수는 아니지만, 퍼린 노이즈의 색상을 밝게 하고 싶었습니다

'레이어' 팔레트의 '새 색조 보정 레이어' 중 '그라데이션 맵'을 선택하여

적당히 밝게 했습니다

삼각형 레이어가 남아 있지만 그대로 둡니다

이것으로 '회전만 하는 파일'이 완성되었습니다

(400×400.clip)이라는 이름으로 저장하고 닫습니다

(400×400.clip)의 애니메이션 GIF입니다

파일 개체로 타일링 소재 만들기

(400×400.clip)을 파일 개체로 새 캔버스에 배치합니다

새 일러스트 (700 × 600px) 및 새 타임라인

700 × 600px의 '새 일러스트'를 만듭니다

단위는 (px)입니다

그리드를 표시합니다

'표시' 메뉴에서 '그리드'를 선택합니다

'표시' 메뉴에서 '그리드·눈금자 설정'을 선택합니다

그리드·눈금자의 원점을 '중앙'에 체크합니다

그리드 설정을 '간격' (100px), '분할 수' (4)로 설정합니다

'타임라인' 팔레트에서 '새 타임라인'을 추가합니다

'프레임 속도'는 (12)로 동일하게

'재생 시간'은 여기서는 (6초) + (0)으로 설정합니다

파일 개체로 (400×400.clip)을 불러옵니다

'파일' 메뉴의 '불러오기' 중 '파일 개체 생성'을 선택합니다

(400×400.clip)이 캔버스 중앙에 배치됩니다

'레이어' 팔레트에서 '400×400'이라는 레이어를 확인하세요

이를 복제하여 6장으로 늘립니다

각각 이름을 붙입니다

'정회전', '정회전120', '정회전 -120' (첨부 이미지에서는 '정방향'이라는 알 수 없는 이름으로 되어 있지만, 신경 쓰지 마세요!)

'반전', '반전120', '반전 -120'

'표시' 메뉴의 '그리드에 스냅'에 체크합니다

보조 도구를 '꺾은선 선택'으로 설정합니다

'도구 속성' 팔레트에서 '안티에일리어스'가 꺼져 있는지 확인하세요

'레이어 팔레트'에서 '정회전' 레이어를 선택하고

캔버스에 표시된 '삼각형' 도형을 따라 '꺾은선 선택'을 그립니다

'레이어' 팔레트의 명령 아이콘 '레이어 마스크 생성'을 누릅니다

'정회전' 레이어에 '레이어 마스크'가 추가됩니다

보조 도구를 '오브젝트'로 설정합니다

'레이어' 팔레트에서 '정회전120' 레이어를 선택합니다

'도구 속성' 팔레트의 '회전 각도'를 (120)으로 설정합니다

캔버스 레이어가 회전합니다

보조 도구를 '꺾은선 선택'으로 설정하여 캔버스 삼각형을 선택 범위로 지정합니다

'레이어' 팔레트의 '레이어 마스크 생성'을 클릭합니다

보조 도구를 '오브젝트'로 설정합니다

'레이어' 팔레트에서 '정회전 -120' 레이어를 선택합니다

'도구 속성' 팔레트의 '회전 각도'를 (-120)으로 설정합니다

보조 도구를 '꺾은선 선택'으로 설정하여 캔버스 삼각형을 선택 범위로 지정합니다

'레이어' 팔레트의 '레이어 마스크 생성'을 클릭합니다

나머지 세 개

보조 도구를 '오브젝트'로 설정합니다

'레이어 팔레트'에서 '반전' 레이어를 선택하고

'도구 속성' 팔레트의 '좌우 반전' 아이콘을 누릅니다

보조 도구를 '꺾은선 선택'으로 설정합니다

캔버스에 표시된 반전된 '삼각형' 도형을 따라 '꺾은선 선택'을 그립니다

'레이어' 팔레트의 명령 아이콘 '레이어 마스크 생성'을 누릅니다

보조 도구를 '오브젝트'로 설정합니다

'레이어' 팔레트에서 '반전120' 레이어를 선택합니다

'도구 속성' 팔레트의 '좌우 반전' 아이콘을 누릅니다

'회전 각도'를 (120)으로 설정합니다

캔버스 레이어가 회전합니다

보조 도구를 '꺾은선 선택'으로 설정하여 캔버스 삼각형을 선택 범위로 지정합니다

'레이어' 팔레트의 '레이어 마스크 생성'을 클릭합니다

보조 도구를 '오브젝트'로 설정합니다

'레이어' 팔레트에서 '반전 -120' 레이어를 선택합니다

'도구 속성' 팔레트의 '좌우 반전' 아이콘을 누릅니다

'회전 각도'를 (-120)으로 설정합니다

보조 도구를 '꺾은선 선택'으로 설정하여 캔버스 삼각형을 선택 범위로 지정합니다

'레이어' 팔레트의 '레이어 마스크 생성'을 클릭합니다

캔버스에 육각형 만화경 패턴이 만들어졌습니다

(700×600.clip)이라는 이름으로 저장합니다

가이드 '삼각형'을 지웁니다

초안 레이어로 설정해도 파일 개체로는 내보내지는 것 같습니다

(400×400.clip)을 엽니다

'레이어' 팔레트에서 '삼각형'을 그린 레이어를 숨깁니다

'저장'하고 닫습니다

 

(700×600.clip)을 엽니다

삼각형이 남아 있는 경우

'레이어' 메뉴의 '파일 개체' 중 '모든 파일 개체 업데이트'를 선택합니다

저장된 (400×400.clip) 상태로 덮어씌워집니다

캔버스에서 덮어씌워진 것을 확인했으면

'레이어' 팔레트의 '파일 개체 레이어'를 하나의 폴더에 넣습니다

이름을 '중앙'으로 변경합니다

열린 채로 두면 방해가 되므로 폴더를 닫습니다

여기까지의 애니메이션 GIF

이제부터 타일링이 가능한 CLIP 파일로 만들겠습니다

아직 계속됩니다

레이어 팔레트에서 '중앙'이라는 폴더를 두 개 복제합니다

이름을 '오른쪽'과 '왼쪽'으로 변경합니다

보조 도구를 '레이어 이동'으로 설정합니다

각 폴더를 '중앙' 폴더의 좌우에 배치합니다

레이어 팔레트에서 다시 '중앙'이라는 폴더를 두 개 복제합니다

이름을 '오른쪽 위'와 '왼쪽 위'로 변경합니다

각 폴더를 '중앙' 폴더의 왼쪽 위와 오른쪽 위에 배치합니다

레이어 팔레트에서 다시 '중앙'이라는 폴더를 두 개 복제합니다

이름을 '오른쪽 아래'와 '왼쪽 아래'로 변경합니다

각 폴더를 '중앙' 폴더의 왼쪽 아래와 오른쪽 아래에 배치합니다

(700×600.clip)을 다시 저장합니다

닫습니다

여기까지의 애니메이션 GIF입니다

설명은 장황하지만, 그렇게 어려운 작업이 있는 것은 아닙니다

애니메이션이 되는 타일링 소재가 완성되었습니다

파일 개체의 타일링과 변형

새 일러스트 (1280 × 720px)에서 파일 개체를 타일링합니다

1280 × 720px의 '새 일러스트'를 만듭니다

단위는 (px)입니다

캔버스에 (700×600.clip)을 불러옵니다

'파일' 메뉴의 '불러오기' 중 '파일 개체'를 선택하여

(700×600.clip)을 불러옵니다

(700×600.clip)은 '파일 개체' 레이어로 캔버스 중앙에 배치됩니다

보조 도구를 '오브젝트'로 설정합니다

'도구 속성' 팔레트의 '타일링'에 체크합니다

캔버스 전체에 이미지가 퍼집니다

'도구 속성' 팔레트의 '변형 방법'을 '자유 변형'으로 변경합니다

캔버스 핸들을 조작하여 무늬에 적절한 입체감을 부여합니다

그리고 애니메이션을 내보냅니다

'타임라인'에서 '새 타임라인'을 만듭니다

프레임 속도를 (12)

재생 시간을 (6) + (0)으로 설정합니다

(만화경.clip)이라는 이름으로 파일을 저장합니다

이것으로 끝입니다

눈부신 만화경 애니메이션

완성된 애니메이션 GIF입니다

애니메이션 파일 개체를 이용하는 경우 자식, 손자까지의 애니메이션을 이용할 수 있습니다

그 이상의 파일 개체 안에 파일 개체를 포함하면 애니메이션이 계승되지 않습니다

그래서 (700×600.clip)의 내용이 복잡해졌습니다

파일 개체는 재미있게 활용할 수 있습니다!!

계속됩니다