페인트 샵 프로 X 및 애니메이션 샵과 애니메이션 연동 하트

01 of 10

하트 모든 반짝이!

Paint Shop Pro X 및 Animation Shop을 사용하여 이러한 애니메이션 연동 하트를 만드는 방법에 대해 알아보십시오. © 저작권 애리조나 케이트

이 튜토리얼을 통해 우리는 반짝이는 반짝임으로 가득 찬 두 개의 연동 심장을 만들 것입니다. 우리는 Paint Shop Pro X와 Animation Shop (v.3)을 사용하여 반짝이 효과를 사용하여 마음을 만듭니다. 사전 제작 된 매끄럽고 애니메이션 된 글리터 패턴을 사용할 수 있습니다. 위 이미지는 한 가지 예입니다. 더 많은 예제가 다음 단계에 나와 있습니다.

참고 : Animation Shop은 이전 버전의 Paint Shop Pro에는 무료로 제공되었지만 PSP X에는 포함되어 있지 않습니다. 사본이 없으면 Corel.com에서 데모를 다운로드 할 수 있습니다. 야드 세일이나 eBay에서 저렴한 가격에 PSP의 구버전을 찾아서 함께 구입할 수 있습니다!

이 튜토리얼을 시작하기 전에 미리 만들어진 반짝이 패턴 타일을 찾아서 다운로드해야합니다. 반짝이는 타일을 발견 할 수있는 웹 사이트가 많이 있습니다. FlashLites에는 무료로 제공되는 반짝이는 패턴 타일이 있습니다.

또한 사전 설정 모양이 마음의 형태로 필요합니다. 내가 정확하게 기억한다면, PSP X에는 심장 모양이 포함되어 있지 않습니다. 모든 PSP 버전에 대한 모든 사전 설정 모양이 내 "PSP 라이브러리"폴더에 함께 그룹화되어 있으며 어느 모양이 어떤 버전과 함께 제공되었는지 확실히 기억할 수 없습니다. 필요한 경우를 대비하여 다운로드 할 수있는 마음을 여기에 포함 시켰습니다. 프리셋 모양 폴더로 다운로드하여 압축을 풉니 다. 파일 형식은 PSP 버전 8에서 X까지만 작동하는 .PspShape입니다.

02 중 10

글리터 패턴 준비

이 예제는 다른 글리터 패턴으로 채워진 동일한 하트입니다. © 저작권 애리조나 케이트

이 예제의 패턴은 FlashLites에서 사용할 수 있습니다.

애니메이션을 만들 때 파일 크기는 항상 고려해야 할 요소입니다. 크기, 프레임 수 및 기타 모든 항목이 파일 크기에 영향을 미칠 수 있습니다. 가능한 한 파일 크기를 작게 유지하여 애니메이션이 웹 페이지에서 빠르게로드되기를 원합니다. 우리가 만드는 하트는 애니메이션 이미지에 비해 상당히 크기 때문에 애니메이션에서 프레임이 2-5 개 이하인 패턴 타일을 선택하십시오. 그 이상, 최종 파일 크기가 원하는 것보다 많을 수 있습니다. FlashLites 웹 사이트는 많은 반짝이 패턴의 프레임 수를 나타내지 만 다른 사이트는 그렇지 않을 수 있습니다. Animation Shop에서 파일을 열어 반짝이 효과를 만드는 데 사용되는 프레임의 수를 알아야 할 수 있습니다.

애니메이션 가게 와 반짝이는 패턴 타일을 엽니 다 .

패턴 생성자가 애니메이션의 각 프레임에 사용한 표시 시간을 기록 합니다. 필름의 모든 프레임 아래에 F : 1 D : 10 과 비슷한 내용이 표시됩니다. 이는 프레임 번호 ( F )와 프레임 속도 / 표시 시간 ( D )을 나타냅니다.

필름 스트립 틀 아래에이 정보가 표시되지 않으면 "환경 설정"을 편집하여 필름 스트립을 활성화해야합니다. 파일> 환경 설정> 일반 프로그램 환경 설정을 클릭하십시오. 기타 탭에서 '애니메이션 아래 창의 프레임 수 표시' 확인란을 선택하십시오.

또한 'Layered Files'탭에서 '레이어를 별도의 프레임으로 유지'를 선택했는지 확인하십시오.

03 / 10

별도의 파일로 프레임 저장

© 저작권 애리조나 케이트
애니메이션 샵은 PSP X에서 잘 작동하지 않고 "샵 프로에 페인트 프레임 내보내기"가 작동하지 않을 수 있습니다. 이 문제를 해결하려면 각 프레임을 별도의 이미지로 저장 한 다음 PSP X에서여십시오.

번쩍 이는 패턴의 각 프레임을 별도의 PSP 이미지로 저장하려면,
첫 번째 프레임을 선택한 다음 파일> 다른 이름으로 프레임 저장 을 선택 하십시오 . OK를 클릭하면 Animation Shop은 파일 이름의 끝에 (1 번 프레임에 대해) '1'을 추가합니다.

두 번째 프레임을 선택하고 파일> 다른 이름으로 프레임 저장을 선택하십시오. Animation Shop은 이번에 파일 이름의 끝에 '2'를 추가합니다 (프레임 2의 경우).

반짝이 무늬의 모든 프레임대해 파일이 저장 될 때까지 저장 하려면 세 번째 프레임과 다른 모든 프레임을 선택하십시오.

04 중 10

하트 모양 만들기

Open Paint Shop Pro. 반짝이 무늬 타일의 모든 프레임을 열고 따로 보관하십시오.
투명한 배경으로 새 이미지 300x300을 엽니 다. 개요 색상을 선택하십시오. 드로퍼 도구를 사용하여 패턴 타일에서 색상을 선택하거나 대비되는 색상을 사용할 수 있습니다. 채우기 색상에 대해 none 을 설정하십시오.

사전 설정 모양 도구 (플라이 아웃시 사전 설정 모양)를 선택하십시오. 도구 옵션 팔레트 모양 목록에서 하트 1 모양을 선택하십시오. 도구 옵션 : 앤티 앨리어싱 검사, 벡터 및 유지 스타일이 선택 취소되었습니다. 선 스타일 솔리드 및 선폭 30.

원하는 크기의 하트를 그릴 수 있습니다. 우리는 애니메이션을 만들고 파일 크기가 너무 크지 않기를 바랍니다. 내가 만드는 심장은 약 150x150 픽셀입니다.

캔버스의 왼쪽 상단에 심장을 위치시키고 오른쪽에 두 번째 심장을위한 공간을 남겨 둡니다. 하단 또는 상단에 문자 메시지를 추가하려면 해당 공간을 남겨 두십시오.

중요 : 다음 단계에서 어떤 마음도 움직이지 않도록주의하십시오. 한 픽셀 만 정렬하면 애니메이션이 불안해집니다!

05 중 10

인터록 하트

Magic Wand 를 사용하여 심장의 색칠 된 부분을 선택합니다 (앤티 앨리어스 예, 페더 번호). 2. 선택> 수정> 계약

획을 중심에서 제거하려면 잘라내기를 선택하십시오. 이제 자신의 윤곽선이있는 심장 윤곽을 얻었습니다.

중복 레이어 . 위 이미지와 마찬가지로 새 레이어를 오른쪽 및 아래로 이동합니다. Shift 키를 누른 상태에서 Magic Wand 를 사용하여 두 번째 하트를 선택 영역에 추가합니다 (이전 단계에서 컷 아웃 된 영역 선택). 두 심장의 뇌졸중이 이제 선택되어야합니다.

확대.

오른쪽 에있는 하트 레이어 (래스터 1 복사)를 선택하고 지우개 도구로 다른 하트에서 교차하는 선을 지 웁니다 (위에서 가장 가까운 교차 ... 위 이미지 참조).

레이어 변경. 왼쪽의 하트 (Raster 1)를 선택하고 다른 하트를 가로 지르는 선을 지 웁니다 (크로스 오버가 가장 아래쪽에 가장 가깝습니다).

정상 크기로 축소하십시오.

06 중 10

글리터 효과, 하트 # 1 설정

선택 사항은 지우개를 잘 관리하는 데 큰 도움이되었습니다! 연동 심장의 윤곽에는 아무런 간격도 없어야합니다. 이 선택 항목이 다시 필요할 것이므로 선택을 취소하지 마십시오.

2 개의 심장 레이어를 병합합니다. 레이어> 보이는 부분 병합 병합 모두를 사용하지 않으면 투명한 배경을 잃게됩니다.

이제이 레이어를 반짝이 패턴 파일 (3 단계에서 저장 한 파일)만큼 많이 복제하십시오. 레이어> 복제. 또는 레이어 버튼을 오른쪽 클릭하고 복제를 선택하십시오. 선택한 패턴에 반짝이 효과를 만들기 위해 3 개의 프레임이 필요한 경우, 총 3 개의 레이어에 대해 연동 된 하트를 두 번 복제하십시오. 반짝이 무늬에 5 개의 프레임이있는 경우 고리로 연결된 하트를 4 회 복제하여 총 5 개의 레이어를 만듭니다.

아래쪽 레이어를 선택하십시오. 두 개의 하트를 선택해야합니다 (그렇지 않은 경우 Magic Wand를 사용하여 다시 선택하십시오). 선택 크기를 1 씩 늘립니다. 선택> 수정> 확장> 1. 다른 하나에 영향을 미치지 않고 하나의 마음을 채울 수 있어야합니다. 이것이 작동하지 않는다면 도구 옵션 팔레트의 '일치 모드'를 '모든 불투명'또는 '불투명'으로 변경하십시오.

07 중 10

반짝이 효과 설정, 하트 # 2

각 레이어에서 왼쪽의 하트가 완전히 패턴으로 채워 져야합니다. 우리는 똑같은 방식으로 오른쪽에서 마음을 움직일 수 있지만, 두 번째 마음에서 반짝이 효과가 약간 다를 경우 더 흥미로울 수 있습니다. 패턴 타일을 다른 순서로 선택해 봅시다.

아래쪽 레이어를 선택하십시오. 순서를 뒤섞거나 뒤쪽 순서로 타일을 사용하거나 다음과 같이 할 수 있습니다.

선택을 취소하십시오. 선택> 선택 없음.

이미지에 텍스트 메시지를 추가하거나 Animation Shop에서 나중에 할 수 있습니다. 인사말을 추가하는 경우 각 레이어의 텍스트가 다른 레이어와 정확하게 정렬되어야 메시지가 '튀어 오릅니다.'

저장하기 전에 모든 레이어가 표시되고 활성 선택이 없는지 확인하십시오. 파일> 저장을 선택 합니다.

다른 이름으로 저장 대화 상자에서 File Type 을 'PSP Animation Shop'으로 설정하십시오. PSP X에서 사용하는 .pspimage 형식은 Animation Shop에서 작동하지 않습니다. 이전 .psp 형식을 사용해야합니다.

08 중 10

반짝이 효과 애니메이션 만들기

© 저작권 애리조나 케이트
PSP를 닫고 Animation Shop에서 이미지를 엽니 다.
참고 : 이전 버전의 PSP에서는 [파일]> [애니메이션 샵으로 내보내기]를 사용할 수 있습니다. 그 명령은 PSP X에는 존재하지 않습니다.

2 단계에서 "별도의 프레임으로 레이어 유지"를 선택한 경우 PSP 이미지 레이어가 이제 필름 스트립의 개별 프레임이됩니다.

먼저 원본에서 사용 된 표시 시간과 일치하도록 표시 시간을 변경해야합니다. 2 단계에서 적어 놨 잖아, 그렇지? ;-) 편집> 모두 선택을 클릭하여 모든 프레임을 선택한 다음 애니메이션> 프레임 속성 을 클릭합니다. 대화 상자에서 원래 반짝임 패턴 타일과 동일한 숫자로 표시 시간을 변경하십시오.

보기> 애니메이션 (또는 툴바에서 '필름 스트립'버튼)을 선택하여 반짝이 효과를 미리보십시오.

미리보기 창을 닫습니다. 효과가 만족스럽지 않으면 다시 표시 시간을 변경하십시오. 실험.

09/10

텍스트 추가

지금 텍스트를 추가 하시겠습니까? 그렇지 않으면 10 단계로 건너 뜁니다. 그렇다면 텍스트 도구 ( A )를 사용하십시오. 한 번에 한 프레임 씩 애니메이션이 아닌 텍스트를 추가합니다.

모든 프레임에 동일한 텍스트를 배치하려면 (가장 잘 보이게) Onionskin 도구를 켜십시오. 이렇게하면 프레임마다 텍스트를 라이닝하는 데 도움이됩니다. Onionskin 도구는 기본 텍스트 메뉴 아래에있는 도구 모음의 노란색 단추입니다. 활성화하면 각 프레임에 인접한 프레임 내용의 '고스트'오버레이가 나타납니다. 최종 이미지에는 표시되지 않습니다. 단지 정렬 가이드입니다. 단추를 두 번 클릭하여 설정을 변경하십시오.

텍스트 도구를 사용하여 텍스트가 배치 될 첫 번째 프레임을 클릭합니다. 왼쪽 클릭을 사용하면 텍스트 색상은 전경 / 획 상자에서 선택된 색상이됩니다. 배경색을 사용하려면 마우스 오른쪽 버튼을 클릭하십시오.

이미지 프레임을 클릭하면 텍스트 를 입력하고 글꼴, 글꼴 크기, 스타일 및 정렬을 선택하는 텍스트 추가 대화 상자가 나타납니다. 대화 상자에서 확인을 클릭하면 텍스트가 마우스 포인터에 첨부됩니다. 정확히 원하는 위치에 텍스트를 놓고 '텍스트를'분리하려면 다시 클릭하십시오. 두 번째 및 세 번째 프레임을 수행 할 때 텍스트가 양파 껍질 오버레이와 정렬되도록 배치합니다. 첫 번째 시도에서 제대로 이해하지 못하면 실행 취소 하고 다시 시도 할 수 있습니다 .

10/10

자르기, 최적화 및 저장

이 똑같은 반짝임 기술을 사용하여 자신을 깜박 거리게하십시오!. © 저작권 애리조나 케이트
최종 파일 크기를 작게 유지하려면 가능한 가장 작은 크기로 캔버스 크기를 자릅니다.

도구 모음에서 자르기 도구를 선택하십시오 ( Mover 도구 옆에 있음). 자르기가 활성화되면 툴바 위에 3 개의 새로운 버튼이 나타납니다. 옵션 단추를 선택하십시오. 팝업 대화 상자에서 '불투명 한 영역 둘러보기'를 선택하십시오. 확인을 클릭하십시오. 이제 각 프레임에 자르기 상자가 나타납니다. 이것이 원하는 것인지 확인하려면 각 프레임의 배치를보십시오. 적용 할 옵션 버튼 옆의 큰 자르기 버튼을 선택하십시오 (또는 다시 시도해야 할 경우 지우기를 사용하십시오).

저장 버튼을 선택 하십시오 . GIF Optimizer 대화 상자가 나타납니다.

애니메이션 품질 대 출력 품질 . '더 나은 이미지 품질'슬라이더를 아래로 이동하면 이미지 품질을 저하시켜 파일 크기를 줄입니다. 우리는이 애니메이션을 위해 슬라이더를 맨 위로 올리는 것이 좋습니다. 이 대화 상자에서 '사용자 정의'버튼을 클릭하고 색상, 최적화 및 투명도에 대한 모든 설정을 검토하십시오. 완료 될 때까지 확인 및 다음을 클릭하십시오! 최종 결과가 마음에 들지 않으면 최적화를 실행 취소 하고 다른 설정으로 다시 시도 할 수 있습니다 .

이 반짝이는 마음을 즐겼 으면 좋겠다! ..... 케이트