집 › 네비게이터 › 페인트로 애니메이션을 그리기 위한 그림입니다. 그림판에서 애니메이션을 만드는 방법은 무엇입니까? 애니메이션 GIF 제작의 이론적 측면

페인트로 애니메이션을 그리기 위한 그림입니다. 그림판에서 애니메이션을 만드는 방법은 무엇입니까? 애니메이션 GIF 제작의 이론적 측면

섹션: 컴퓨터 과학

수업 목적: "바다"라는 주제로 애니메이션 이미지 만들기

수업 목표:

교육 – "바다"라는 주제에 대해 그래픽 편집기인 Paint와 Power Point를 사용하여 애니메이션 이미지를 만듭니다.
교육 - 수업 중 주의력과 독립심 형성을 촉진합니다.
발달 - 학생들의 창의적인 사고력 개발.

수업 유형: 새로운 자료를 배우는 수업

수업 구조.

조직 단계. (2분)
입문 및 동기 부여 단계. (10 분.)
운영 및 콘텐츠 단계. (20 분.)
성찰 - 평가 단계. (5 분).
숙제 (3분)

장비: 칠판, 분필, PC, 소프트웨어, 교재.

수업 중.

1. 조직 단계.

안녕하세요 여러분, 앉아보세요. 오늘 수업에서는 애니메이션 이미지를 만드는 방법을 배웁니다. 무슨 뜻이에요?

애니메이션을 만들려면 상상력을 활용하세요
지체 없이 그림을 그려야 해요!
궤적을 지정하면 그림이 생생하게 살아납니다.
당신을 광활한 환상의 세계로 불러들일 것입니다!!

오늘 우리는 마법같은 수중 세계로 뛰어들 것입니다.

바다를 그리자 우리는 이것에 대해 많은 것을 알고 있습니다.
멋진 문어가 바다에서 헤엄칠 거예요.
그는 그의 아름다움으로 매력을 느낀다.
물고기가 헤엄치면서 절을 합니다!

2. 입문 동기 부여 단계(기본 지식 업데이트).

지난 수업에서는 "정보 코딩"이라는 주제를 공부하고 이 주제에 대한 실제 작업을 수행했습니다. 질문에 답하십시오. 정보는 어떻게 인코딩되고 디코딩될 수 있습니까? 코딩이란 무엇입니까? 디코딩이란 무엇입니까? 정보를 인코딩하고 디코딩하기 위해 어떤 프로그램과 애플리케이션을 사용했습니까?

기억하다 이 주제컴퓨터에서 실제 작업을 완료합니다. 우리 수업의 주제를 해독하십시오.

숫자와 숫자의 세계는 아주 넓습니다.
학생인 당신은 그들의 비밀을 이해할 수 있었습니다!
결국 여기의 모든 숫자에는 문자가 저장되어 있습니다.

디코딩하고 즉시 읽어보세요!

정보 디코딩은 메모장 프로그램에서 수행됩니다. Alt 키와 숫자 코드를 동시에 누르면 문자가 해독됩니다.

다음 텍스트가 작업에 인코딩됩니다.

오늘 정보 강의에서는 페인트 그래픽 편집기에서 애니메이션을 만들어 보겠습니다. 모두가 좋은 일을 하고 좋은 기분을 느끼기를 바랍니다!

0209 0197 0195 0206 0196 0205 0223
0205 0192
0211 0208 0206 0202 0197
0200 0205 0212 0206 0208 0204 0192 0210 0200 0202 0200
0204 0219
0193 0211 0196 0197 0204
0209 0206 0199 0196 0192 0194 0192 0210 0220
0192 0205 0200 0204 0192 0214 0200 0222
0195 0208 0192 0212 0200 0215 0197 0209 0202 0206 0204
0208 0197 0196 0192 0202 0210 0206 0208 0197
080 065 073 078 084
0198 0197 0203 0192 0222
0194 0209 0197 0204
0207 0203 0206 0196 0206 0210 0194 0206 0208 0205 0206 0201
0208 0192 0193 0206 0210 0219
0213 0206 0208 0206 0216 0197 0195 0206
0205 0192 0209 0210 0208 0206 0197 0205 0200 0223 033

3. 운영 및 콘텐츠 단계. (20 분.)

애니메이션 이미지를 생성합니다.

업무 계획. 이제 우리는 수중 여행을 떠나 애니메이션 "바다"를 만들 것입니다.

4. “바다” 애니메이션 만들기

1. 오픈 그래픽 편집기그림판(시작 – 프로그램 – 보조프로그램 – 그림판)

2. 메뉴 표시줄에서 그림 – 속성을 선택합니다. 매개변수 설정: 높이 24cm, 너비 32cm.

3. 도구 모음에서 채우기를 선택하고 문서를 파란색으로 채웁니다.

4. 도구 모음의 타원 모양을 사용하여 바다 자갈(크기 및 수량 제한 없음)을 그립니다. 채우기를 사용하여 자갈을 다양한 색상으로 칠합니다.

5. 곡선 도구를 사용하여 조류를 그립니다.

무한한 아름다움,
얼마나 웅장하고 멋진 광경인가,
하지만 여기서 우리는 뭔가를 놓치고 있습니다.
조용함과 침묵이 지배합니다.
여기 자갈은 아름답고 수중에는 있습니다.
여기서 조류는 길고 녹색입니다.
그런데 금붕어가 빠졌네요.
아름다움을 느낌으로 즐기다!
너와 함께 물고기를 그려보자
이를 위해 약간의 마술을 해보자!

6. 결과 도면을 저장합니다. (파일 – 다른 이름으로 저장 – 사진 이름 Sea).

7. 그래픽 편집기 그림판을 엽니다(시작 – 프로그램 – 보조프로그램 – 그림판)

8. 메뉴 표시줄에서 그림 – 속성을 선택합니다. 매개변수 설정: 높이 3cm, 너비 5cm.

9. 도구 모음에서 채우기를 선택하고 문서를 파란색으로 채웁니다.

10. 물고기를 그려보세요.

11. 결과 도면을 저장합니다. (파일 – 다른 이름으로 저장 – 그림 이름 물고기).

여기 그녀는 미녀, 황금 물고기,
그는 바다를 생각하며 빠르게 헤엄칠 것입니다!
하지만 물고기가 지루해하지 않도록
그녀를 위한 친구를 만들어야 해요!

12. 그래픽 편집기 그림판을 엽니다(시작 – 프로그램 – 보조프로그램 – 그림판)

13. 메뉴 표시줄에서 그림 – 속성을 선택합니다. 매개변수 설정: 높이 5cm, 너비 3cm.

14. 도구 모음에서 채우기를 선택하고 문서를 파란색으로 채웁니다.

15. 문어를 그려주세요.

16. 결과 도면을 저장합니다. (파일 – 다른 이름으로 저장 – 사진 이름 Octopus).

그 사람은 다리가 많아요
누구세요? 문어!
그는 물고기와 함께 수영할 것이다.
그리고 우리는 바다로 끌려갈 것입니다.

17. Power Point 프레젠테이션을 엽니다(시작 – 프로그램 – Power Point).

18. 메뉴바에서 삽입 - 그림 - 파일에서 - 바다를 선택하세요.

19. 메뉴 표시줄에서 삽입 – 그림 – 파일에서 – 물고기를 선택합니다.

20. 메뉴바에서 삽입 - 그림 - 파일에서 - 문어를 선택하세요.

21. 물고기 개체를 선택하고 마우스 오른쪽 버튼을 클릭하면 나타나는 메뉴에서 애니메이션 설정을 선택합니다.

22. 선택: 효과 추가 – 경로 이동 – 사용자 정의 코스 곡선 그리기. 임의의 곡선을 그립니다.

23. 문어라는 개체를 선택하고 마우스 오른쪽 버튼을 클릭하면 나타나는 메뉴에서 애니메이션 설정을 선택합니다.

24. 선택: 효과 추가 – 경로 이동 – 사용자 정의 코스 곡선 그리기. 임의의 곡선을 그립니다.

25. 메뉴 표시줄에서 슬라이드 쇼 - 쇼 시작을 선택합니다.

바다의 아름다움은 끝이 없고,
바다의 아름다움은 변할 수 있고,
삶은 움직이고 있으며 이것은 우리에게 친숙합니다.
항상 움직이자.
해변, 물고기, 바다,
그 아름다움을 다 전달할 수는 없지만,
비밀의 베일을 벗기 위해,
애니메이션을 만들어야 합니다.

4. 성찰-평가 단계(5분).

수업 성적이 부여됩니다

5. 숙제.

무료 애니메이션 이미지를 만들어보세요.

스베틀라나 슐랴크티나

애니메이션 gif를 포함한 웹 애니메이션 없이는 어떤 웹 페이지도 상상할 수 없습니다. 오랫동안 웹 디자이너는 웹 애니메이션을 만들기 위해 다양한 개발자의 전문 프로그램 전체를 사용해야 했습니다. 그러나 인기 있는 2D에 해당 기능이 등장하면서 주로 2차원 작업에 중점을 둔 그래픽 패키지 래스터 그래픽동시에 이를 보완하는 해당 유틸리티로 인해 애니메이션 GIF 형식의 파일을 생성할 수 있게 되면서 모든 것이 훨씬 단순해졌습니다. 이러한 패키지에는 애니메이션 버튼, 배너 및 기타 애니메이션 요소와 같은 GIF 애니메이션 생성을 위해 설계된 Animation Shop 프로그램이 포함된 Jasc Paint Shop Pro가 포함되어 있습니다.

Paint Shop Pro와 Animation Shop은 긴밀하게 함께 작동하고 완벽하게 호환되며 서로 완벽하게 보완하므로 애니메이션 제작 단계에서 한 프로그램에서 다른 프로그램으로 반복적으로 전환하고 Paint Shop Pro에서 이미지 프레임을 편집할 수 있습니다. 해당 프레임은 애니메이션 샵에서 변경됩니다. 레이어를 프레임으로 내보내거나 그 반대로 내보낼 수도 있고 애니메이션을 다중 레이어 이미지로 내보낼 수도 있습니다. 동시에 이러한 각 프로그램은 웹 그래픽 측면에서 고유한 전문 분야로 유지됩니다. 일반적으로 Paint Shop Pro에서 프레임을 준비 및 편집하고 동적 효과, 최적화 및 애니메이션 자체를 적용하는 것이 좋습니다. - 애니메이션 샵에서.

Animation Shop은 사용자 친화적인 인터페이스와 프레임 회전, 미러링, 자르기 기능을 갖춘 간단하고 편리한 프레임 편집 모드와 브러시, 모양, 지우기 및 자르기 도구 등 다양한 도구를 제공합니다. 텍스트 도구기타 이 모든 것이 함께 작업하는 능력과 결합되었습니다. 단계별 마스터를 사용하면 전문가가 아닌 사람이라도 빠르게 GIF 애니메이션을 만들 수 있습니다. 또한 Animation Shop에서는 애니메이션 제작 시 사용할 수 있는 다양한 전문 효과 및 필터 세트를 제공합니다. 이 프로그램은 이미지 품질, 크기 및 로딩 속도와 관련하여 창에 표시된 데이터를 기반으로 최적의 솔루션을 신속하게 찾고 "라이브" 이미지의 크기를 크게 줄일 수 있는 효과적이고 편리한 최적화 방법을 지원합니다.

이론적 측면애니메이션 GIF 만들기

아시다시피 애니메이션은 일련의 프레임으로, Animation Shop과 Paint Shop Pro 모두에서 미리 준비할 수 있는 소스 그래픽 자료이며, 적용 선택은 특정 애니메이션의 기능에 따라 결정됩니다.

Animation Shop의 Gif 애니메이션은 세 가지 방법으로 만들 수 있습니다. 그 중 첫 번째이자 가장 편리한 방법은 Paint Shop Pro에서 다중 레이어 이미지를 미리 준비하고 PspImage 또는 PSD 형식으로 저장하고 Animation Shop에서 여는 것입니다. 이 경우 이미지의 각 개별 레이어에 대해 별도의 프레임이 생성됩니다. . 레이어는 다양한 그래픽 및 텍스트 요소로부터 애니메이션 이미지를 구성적으로 구성하고 다음에 적용할 수 있는 편리한 방법을 제공합니다. 다양한 요소이미지, 다양한 필터, 투명도 변경 및 레이어 블렌딩 모드, 밝기 조정 및 Paint Shop Pro에서 사용할 수 있는 기타 변형 적용을 통해 다양한 효과를 제공합니다.

두 번째 방법은 독립적인 gif 애니메이터에서 애니메이션을 생성하는 전통적인 옵션이며 마법사를 사용하여 미리 생성된 단일 레이어 이미지 프레임을 순차적으로 연결하는 것으로 구성됩니다. 또한 이론적으로는 Animation Shop 환경에서 처음부터 직접 간단한 애니메이션 gif를 만드는 것이 가능합니다.

프레임 생성에는 근본적으로 다른 가능성도 있습니다. 즉, 각 프레임을 수동으로 생성할 필요가 없기 때문에 중간 프레임의 자동 생성으로 부드러운 애니메이션 제작 속도가 크게 향상됩니다. 이를 위해 키 프레임이 결정되고, 컴퓨터는 프로그램에 정의된 효과(회전, 이동, 색상 특성 변경 등)에 따라 키 프레임 사이의 공간에 있어야 하는 모든 것을 자동으로 형성합니다. 하지만 이 기회애니메이션 상점에서 사용할 수 있는 효과의 수에 따라 제한됩니다(일반적으로 효과가 꽤 많지만 모든 경우에 적용되는 것은 아니라는 점을 인식할 가치가 있음). 프레임 변경이라는 의도된 원리가 사용 가능한 수에 포함되지 않은 경우 효과를 적용한 경우 모든 중간 프레임은 Paint Shop Pro에서 수동으로 생성되어야 합니다.

애니메이션 내보내기 및 업데이트

이미 언급한 바와 같이, 애니메이션 제작 단계에서 Paint Shop Pro와 Animation Shop 프로그램 사이를 전환할 수 있습니다. 단, 프레임을 레이어된 이미지로 Paint Shop Pro로 내보내기 확인란이 Animation Shop 프로그램에서 활성화된 경우에만 가능합니다. 이렇게 하려면 파일=>기본 설정=>일반 프로그램 기본 설정=>계층 파일(파일=>설정=>일반 프로그램 설정=>계층 파일) 명령을 사용하고 지정된 확인란을 활성화합니다(그림 1). 이 경우 하나 또는 모든 애니메이션 프레임을 편집해야 하는 경우 다음 방법 중 하나를 사용하여 선택한 프레임을 Animation Shop에서 Paint Shop Pro로 내보내면 충분합니다.
메뉴에서 파일=>프레임 내보내기=>Paint Shop Pro 명령을 선택합니다.
도구 모음에서 Paint Shop Pro로 프레임 내보내기 버튼을 클릭합니다.
선택한 프레임을 마우스 오른쪽 버튼으로 클릭하고 팝업 메뉴에서 Paint Shop Pro로 프레임 내보내기를 선택합니다.

쌀. 1. 프레임을 Paint Shop Pro로 내보내는 기능 활성화

그런 다음 Paint Shop Pro 환경에서 필요한 변형을 수행하고 저장하지 않고 파일을 닫아야 합니다. 이 경우 프로그램은 Animation Shop에서 해당 프레임을 업데이트해야 하는지에 대한 질문을 합니다. 대답이 '예'인 경우 Paint Shop Pro에서 변경한 모든 내용이 Animation Shop에서 열린 애니메이션으로 전송되어 볼 수 있습니다.

Paint Shop Pro에서 애니메이션을 업데이트하는 또 다른 옵션이 있습니다. Paint Shop Pro 파일을 닫지 않고 Edit=>Update Back to Animation Shop 명령을 사용하는 것입니다. 그런 다음 애니메이션 상점으로 전환하고 파일=>프레임 내보내기=>내보낸 프레임과 연결 끊기(파일=>프레임 내보내기=>내보낸 프레임과 연결 끊기) 명령을 사용하여 애니메이션과 임시 생성된 다층 이미지 사이의 연결을 끊습니다. 연결을 끊지 않고 마지막 단계가 필요합니다. 추가 조치애니메이션샵에서는 불가능합니다.

불행하게도 Paint Shop Pro의 프레임 편집 절차만으로는 효과적인 애니메이션을 만드는 것이 불가능하기 때문에 두 옵션 모두 그다지 편리하지 않다는 점을 인정해야 합니다. 대부분의 경우 프레임을 편집하고, 애니메이션을 업데이트하고, 결과를 보고, 여러 번 다시 편집해야 합니다. 이를 위해 매번 프레임을 Paint Shop Pro로 내보내야 합니다. 분명히 두 번째 옵션은 정기적인 애니메이션 업데이트를 통해 다층 이미지를 반복적으로 편집할 수 있도록 정확하게 설계되었지만 완전히 구현되지 않았으므로 사실상 아무것도 제공하지 않아 애니메이션을 업데이트할 수 있고 애니메이션에서 모든 작업을 금지할 수 있습니다. 쇼핑하고 가장 중요한 것은 애니메이션을 보는 것입니다. Paint Shop Pro와 Animation Shop의 다음 버전에서는 이러한 불쾌한 뉘앙스가 사라질 것이라고 믿고 싶습니다.
직원과 협력

애니메이션 개발 시 기본 창은 프레임 자체가 있는 프레임 창입니다(그림 2). 특정 프레임으로 작업하려면 이 창에서 해당 프레임을 선택하고 필요한 변형(편집, 효과 적용, 속성 변경 등)을 적용하면 됩니다. 여러 프레임 선택은 Ctrl 또는 Shift 키를 누른 채 일반적인 방법으로 수행됩니다. , 편집 => 모두 선택 명령(편집 => 모두 선택)을 사용하여 모든 프레임을 한 번에 선택할 수 있습니다.

쌀. 2. 프레임 창: 약어 F는 프레임 번호를 나타내고 약어 D는 지속 시간을 1/100초 단위로 나타냅니다.

프레임과 관련하여 회전 및 회전과 같은 간단한 변환을 수행할 수 있습니다. 정반사(메뉴 애니메이션 - 애니메이션) 또한 애니메이션=>프레임 역방향(애니메이션=>프레임 역방향) 명령을 사용하여 프레임 방향을 반대 방향으로 변경하여 반전을 수행합니다.

프레임 작업 시 가장 흥미로운 점은 프레임에 효과를 적용하는 것입니다. 이를 통해 다양한 변형을 사용하여 프레임을 서로 연결할 수 있습니다(그림 3). 모든 효과는 효과 메뉴에 있으며 이미지 이동 효과(이미지 전환 삽입 명령), 이미지 효과(이미지 효과 삽입 및 이미지 효과 적용 명령) 및 텍스트 효과(텍스트 효과 삽입 및 텍스트 효과 적용 명령)의 세 그룹으로 나뉩니다. . 이러한 명령 중 일부(삽입...이라는 단어로 시작)를 사용하면 일련의 중간 프레임 전체가 자동으로 생성되어 수동으로 생성된 소스 프레임 간의 원활한 전환이 보장된다는 점은 주목할 가치가 있습니다. 그러면 이미지 효과 적용 및 텍스트 효과 적용 명령은 중간 프레임을 만들지 않고 선택한 프레임에 효과를 적용합니다.

쌀. 3. 디졸브 효과 적용하기

애니메이션 속성 보기 및 변경

애니메이션 샵 창에서 애니메이션 보기 버튼을 클릭하여 결과를 즉시 볼 수 있으며, 필요한 경우 하나 또는 여러 프레임의 지연 기간 조정 등 필요한 변경을 수행할 수 있습니다. 기본적으로 디스플레이 지연은 모든 프레임의 경우 100분의 1초이며 이 경우 프레임은 거의 즉시 서로 교체됩니다. 그러나 각 프레임의 재생 시간은 애니메이션=>프레임 속성=>표시 시간 명령을 사용하여 쉽게 변경할 수 있습니다.

또한 Animation=>Animation Properties=>Canvas Color 명령을 사용하여 애니메이션 배경색을 조정하는 것도 어렵지 않고 Animation=>Resize Animation 명령을 사용하여 프레임 크기를 변경하는 것도 어렵지 않습니다.애니메이션 크기 변경)(그림 4) .

쌀. 4. 애니메이션 프레임 크기 조정

애니메이션 저장 및 최적화

작업이 끝나면 프로그램을 사용하면 최적화, 즉 볼륨 감소, 색상 수 감소, 이미지의 정적 영역에 대한 정보 등을 제외하여 애니메이션 파일을 저장할 수 있습니다. 5) 파일 => 저장 명령을 사용하거나(처음 저장할 때만) 파일=>최적화 마법사(파일=>최적화 마법사) 명령으로 최적화 마법사를 호출합니다. 첫째, 프로그램은 미리보기 창의 최적화 단계에서도 최적화 결과를 표시하고, 둘째, 마지막에는 원본과 비교하여 압축 파일의 크기 및 다양한 연결에 대한 로딩 시간을 보고한다는 점은 주목할 가치가 있습니다. 옵션(그림 6). 이 모든 것이 최적화된 파일의 최종 버전을 선택하고 이미지 품질과 크기 사이의 합리적인 절충안을 찾는 데 도움이 됩니다.

쌀. 5. 최적화 매개변수 결정

쌀. 6. 최적화 중 애니메이션 파일을 압축한 결과

결과적으로 생성되게 됩니다. 압축 파일필요한 경우 File=>Open(파일=>Open) 명령을 사용하여 언제든지 로드하고 필요에 따라 변환할 수 있는 애니메이션 GIF 형식입니다.

실제로 GIF 애니메이션

웹 디자인에 전통적으로 사용되어 이미 고전이 된 다양한 애니메이션 옵션이 엄청나게 많습니다. 이는 텍스트 전체 또는 개별 문자와 기타 개체를 이동하기 위한 다양한 옵션입니다. 객체 변형 및 다양한 회전을 위한 다양한 옵션. 또한 개체는 말 그대로 모든 방식으로 깜박이고 반짝일 수 있으며, 색상이 변경되고, 용해되고, 지워지고, 천천히 나타나고, 줄어들고 커지는 등의 작업을 수행할 수 있습니다. 주제가 방대하기 때문에 모든 사람을 다루는 것이 목표가 아니며 Paint Shop Pro 패키지의 기능과 Animation Shop 유틸리티를 효과적으로 결합할 수 있는 가능성을 보여줄 수 있는 몇 가지 예에만 중점을 둘 것입니다.
줌 애니메이션

이 효과는 텍스트와 기타 개체 모두에 거의 동일한 방식으로 적용되는 경우가 많으며 해당 프로그램을 사용하여 매우 간단하게 구현됩니다.

크기 조정 애니메이션을 얻으려면 Paint Shop Pro를 열고 새 그림을 만들어야 합니다(그림 7 및 8). 이 경우 흰색 배경에 벡터 이미지가 있습니다. 벡터 레이어를 마우스 오른쪽 버튼으로 클릭하고 래스터 레이어로 변환을 선택하여 래스터 레이어로 변환합니다. 그런 다음 두 레이어 중 하나를 마우스 오른쪽 버튼으로 클릭하고 Merge=>Merge All을 선택하여 두 레이어를 병합합니다.

쌀. 7. 원본 이미지

쌀. 8. 레이어 팔레트

생성된 단일 레이어 이미지를 Paint Shop Pro의 기본 형식으로 저장하고 Animation Shop에서 열면 단일 프레임이 생성됩니다(그림 9). 그림에 표시된 매개변수와 함께 Effects=>이미지 전환 삽입(Effects=>이미지 전환 효과 삽입) 명령을 사용하여 확대/축소 효과를 적용합니다. 10. 결과적으로 대략 그림과 같이 일련의 전체 프레임이 형성됩니다. 11. 애니메이션 보기 버튼을 클릭하여 생성된 애니메이션을 보고 원하는 최적화 매개변수를 사용하여 애니메이션 GIF 형식으로 파일=>저장 명령을 사용하여 저장합니다. 결과적으로 그림 2와 같이 거의 동일한 애니메이션이 얻어집니다. 12.

쌀. 9. 초기 상태창틀

쌀. 10. 줌 효과 선택 및 조정

쌀. 11. 확대/축소 효과 적용 후의 프레임 창

쌀. 12. 완성된 애니메이션

깜박임 효과가 있는 애니메이션

웹 디자인에서 전통적으로 사용되는 깜박이는 텍스트를 만들어 보겠습니다. Paint Shop Pro를 열고 새 그림을 만든 다음 그림과 같이 흰색 배경에 텍스트를 인쇄합니다. 13. 동시에 깜박임 효과를 구현할 보조 파일을 엽니다(그림 14).

쌀. 13. 원본 텍스트

쌀. 14. 지원 이미지

선택 도구를 사용하여 보조 이미지에서 임의의 직사각형 영역을 선택하고 클립보드에 복사한 다음 편집=>붙여넣기=>새 레이어로 붙여넣기 명령을 사용하여 벡터 이미지 위에 새 레이어로 붙여넣습니다. 텍스트가 있는 레이어입니다. 그런 다음 일시적으로 새 래스터 레이어를 보이지 않게 만들고 텍스트 레이어로 이동한 다음 마술봉 도구를 사용하여 텍스트 외부 영역을 선택합니다. 포함된 래스터 레이어로 돌아가서 Del 키를 눌러 문자 외부의 선택 항목을 지웁니다. 결과적으로 텍스트는 그림 1과 같은 모양이 됩니다. 그림 15와 같이 레이어 창이 표시됩니다. 16.

쌀. 15. 이미지의 불필요한 부분을 제거한 후 텍스트

쌀. 16. 래스터 레이어 조정 결과 레이어 팔레트의 상태

향후 애니메이션에 불필요한 텍스트가 포함된 배경 레이어와 벡터 레이어를 삭제합니다. 나머지 래스터 레이어를 복제하고 결과 복사본에서 레이어의 불투명도를 적절하게 줄입니다(예: 80%)(그림 17 및 18).

쌀. 17. 텍스트의 최종 모습

쌀. 18. 레이어 팔레트의 최종 모습

생성된 2레이어 이미지를 Paint Shop Pro의 기본 PspImage 형식 또는 PSD 형식(두 경우 모두 레이어가 저장됨)으로 저장하고 Animation Shop에서 엽니다. 다중 레이어 이미지를 열면 레이어가 자동으로 프레임으로 변환됩니다(그림 19). 애니메이션 보기 버튼을 클릭하여 생성된 애니메이션을 봅니다. 결과는 그다지 좋지 않습니다. 기본 검은색 배경에 비해 문자가 그다지 인상적으로 보이지 않고 깜박임이 너무 빨리 발생합니다. 애니메이션의 배경을 변경하려면 애니메이션=>애니메이션 속성=>캔버스 색상(애니메이션=>애니메이션 속성=>캔버스 색상) 명령을 사용하고 색상을 흰색으로 설정합니다(그림 20 및 21). 프레임 속도를 낮추려면 프레임 창에서 두 프레임을 모두 선택하고 애니메이션 메뉴에서 프레임 속성=>시간 표시 명령을 열고 프레임 지연 기간을 변경합니다(예: 그림 1). 22. 애니메이션을 다시 검토하고 결과가 만족스러우면 필요한 최적화 매개변수와 함께 애니메이션 GIF 형식으로 파일=>저장 명령을 사용하여 저장합니다. 결과적으로 그림 2와 같이 거의 동일한 애니메이션이 얻어집니다. 23.

쌀. 19. 프레임 창의 초기 상태

쌀. 20. 애니메이션 속성 창에서 배경색 변경하기

쌀. 21. 캔버스 색상 변경 후 프레임

쌀. 22. 프레임 속성 창에서 프레임 스크롤 속도 변경

쌀. 23. 완성된 애니메이션

애니메이션의 색상 변경

애니메이션의 색상은 변경될 수 있습니다 다른 방법들, 극단적인 경우에는 객체를 수동으로 다시 칠할 프레임을 만들기만 하면 됩니다. 하지만 더 편리한 방법이 있습니다. 색조(Hue) 및 채도(Saturation) 매개변수를 조정하여 고려해 보겠습니다.

애니메이션 색상 변경을 구현하려는 Paint Shop Pro에서 원본 이미지를 엽니다(그림 24). 마술봉 도구를 사용하여 배경을 선택한 다음 반전을 만들고(그림 25) 선택한 영역을 클립보드에 복사한 다음 편집=>붙여넣기=>새 이미지로 붙여넣기 명령을 사용하여 새 이미지에 붙여넣습니다(편집= >붙여넣기=>새 이미지로 붙여넣기)(그림 26).

쌀. 24. 원본 이미지

쌀. 25. 이미지 조각 선택

쌀. 26. 선택한 조각을 새 이미지에 삽입한 결과

레이어 팔레트에서 레이어 복제 버튼을 클릭하여 원본 래스터 1 레이어를 여러 번 복제합니다. 색상의 색조를 일관되게 변경하려면 이러한 레이어를 꽤 많이 만들어야 합니다. 편의상 그림과 같이 이름을 바꿉니다. 27. 그런 다음 래스터 1과 래스터 2를 제외한 모든 레이어를 임시로 보이지 않게 만들고 래스터 2 레이어를 활성화한 다음 조정=>색조 및 채도=>색조/채도/명도 명령을 사용합니다(조정=>색조 및 채도=> 색조/ 채도/밝기)는 그림과 같이 색상을 변경합니다. 28. Raster 3 레이어를 표시하고 동일한 방식으로 이미지 색상을 변경합니다. 나머지 모든 레이어에 대해 정확히 동일한 작업을 수행합니다.

쌀. 27. 레이어 복제 후 레이어 팔레트의 상태

쌀. 28. 이미지 색상 조정

생성된 다중 레이어 이미지를 Paint Shop Pro의 기본 PspImage 형식이나 PSD 형식으로 저장하고 Animation Shop에서 엽니다. 이 경우 레이어는 자동으로 프레임으로 변환됩니다(그림 29). 애니메이션 보기 버튼을 클릭하여 생성된 애니메이션을 보고 원하는 최적화 매개변수를 사용하여 애니메이션 GIF 형식으로 파일=>저장 명령을 사용하여 저장합니다. 결과적으로 그림 2와 같이 거의 동일한 애니메이션이 얻어집니다. 서른.

쌀. 29. 프레임 창의 초기 상태

쌀. 30. 완성된 애니메이션

색상이 한 방향뿐만 아니라 반대 방향으로도 원활하게 교체되도록 생성된 애니메이션을 약간 편집해 보겠습니다. 이렇게 하려면 마우스 오른쪽 버튼으로 각 프레임을 순차적으로 클릭하고 선택한 항목 복제 명령을 선택하여 첫 번째 프레임을 제외한 각 프레임의 복사본을 하나씩 만듭니다. 그런 다음 마우스로 프레임 사본을 드래그하여 음영이 처음에는 한 방향으로, 그 다음에는 다른 방향으로 서로 원활하게 교체되도록 하십시오. 결과적으로 프레임 창이 그림 1과 같이 표시됩니다. 31. 불협화음은 이제 가장 밝은 첫 번째 프레임에 의해서만 발생하며 애니메이션 중간으로 이동할 수 있습니다. 해당 프레임의 음영은 인접한 프레임의 음영에 더 가까워집니다. 이렇게 하려면 열 번째 프레임을 선택하고 마우스 오른쪽 버튼을 클릭한 다음 프레임 삽입 => 비어 있음 명령을 선택하고 확인을 클릭합니다. 빈 프레임이 중앙에 나타납니다. 그런 다음 가장 밝은 첫 번째 프레임을 그 위로 드래그합니다. 결과 애니메이션을 봅니다. 방금 이동한 프레임의 음영은 관련된 다른 모든 음영과 여전히 상당히 다르다는 것을 알 수 있습니다. 이 프레임에서 애니메이션을 볼 때 이미지 색상이 크게 변경되므로 이 프레임을 선택하여 완전히 삭제하는 것이 좋습니다. Del 키를 누르세요.

쌀. 31. 프레임 복제 및 이동 후 프레임 창

생성된 애니메이션을 보고 원하는 최적화 옵션을 사용하여 애니메이션 GIF로 저장하세요. 결과 애니메이션은 그림 1에 나와 있습니다. 32.

쌀. 32. 완성된 애니메이션

이론적으로 색상 변경이 포함된 애니메이션은 애니메이션 샵에서 직접 생성할 수 있습니다. 해당 색상 회전 효과가 있기 때문에 속도가 훨씬 빨라집니다. 그러나 이 효과의 사용은 색상 및 음영의 자동 선택으로 제한되며 효과 설정 시 변경할 수 없습니다. 단일 레이어 이미지에 색상 회전 효과를 적용해 보겠습니다(그림 33). Animation Shop에서 이미지를 엽니다. 이미지에는 레이어가 하나만 있으므로 처음에는 프레임 창에 프레임이 하나만 나타납니다. 그림에 표시된 매개변수를 사용하여 효과 => 이미지 효과 삽입(효과 => 이미지 효과 삽입) 명령을 사용하여 색상 변경 효과를 적용합니다. 34. 결과적으로 프레임 팔레트(그림 35)에서 21번째 프레임이 자동으로 생성되어 이를 애니메이션 GIF 형식으로 저장하면 그림 3에 표시된 애니메이션을 받게 됩니다. 36.

그림판에서 애니메이션을 만드는 방법과 최고의 답변을 얻었습니다

Alexey Khoroshev의 답변[전문가]
무료 Paint.Net 프로그램은 인터페이스가 단순함에도 불구하고 다기능이며 이 프로그램을 사용하면 놀랍고 놀라운 것을 만들 수 있습니다.
애니메이션이란 무엇입니까? 순차적으로 변경되는 사진(프레임)으로 슬라이드 쇼와 매우 유사하며 프레임만 평소보다 빠르게 변경되고 애니메이션을 만드는 사진(프레임)은 "jpeg" 또는 "jpg"가 아닌 "gif" 확장자에 저장됩니다. ”, 평소와 같이 우리는 사진을 저장하는 데 익숙합니다.
요점은 애니메이션을 만들려면 다음이 필요하다는 것입니다. 추가 프로그램"gif" 확장자의 이미지에 대해 작동하는 통역사입니다.
그러한 프로그램은 많이 있지만 UnFREEz 프로그램으로 안내하겠습니다. 이 프로그램의 유틸리티는 단 하나의 기능만 수행합니다. 즉, 움직이는 움직이는 파일을 만드는 것입니다.
UnFREEz 프로그램은 무료이며 빠르게 다운로드되고 공간을 거의 차지하지 않으며 명확하고 빠르게 작동하며 설치가 필요하지 않으며 다운로드한 아카이브는 프로그램 자체입니다.
다운받아 압축을 풀고 사용하시면 됩니다.
프로그램 인터페이스에는 사진을 업로드할 수 있는 창이 포함되어 있으며, 3개의 작동 버튼과 프레임 교체 시간을 센티초(1/100초) 단위로 설정합니다.
확인란은 원 안에 업로드된 프레임의 비디오를 "재생"하는 역할을 합니다.
사진을 업로드하려면(마우스로 끌어서) 모든 크기가 동일해야 하며 확장자는 "gif"여야 합니다.
그게 다야. 애니메이션이 어떻게 이루어지는지는 이미 명확해지고 있습니다. 우리가 해야 할 일은 Paint.Net에서 이러한 그림(프레임)을 만드는 것뿐입니다.
Paint.Net을 열고 "Effects" 메뉴로 이동하여 편집기에 "Point Warp" 플러그인이 있는지 확인하세요.
여기서 "Point Warp" 플러그인을 다운로드할 수 있습니다. ru/soft/base/point_warp/point_warp_11/ 공백을 제거합니다.
Effects 폴더(C:Program FilesPaint.NETEffects)에 배치하면 플러그인이 즉시 설치되지는 않지만 편집기를 다시 열면 자동으로 설치됩니다.
Paint.NET에서 이미지를 엽니다.

Paint.net은 값비싼 비용을 부분적으로 대체할 수 있는 편리한 무료 그래픽 편집기입니다. 어도비 포토샵. 도구 세트는 사진을 처리하고 콜라주를 만드는 데 충분합니다. 편집기 자체에서는 애니메이션을 생성할 수 있는 방법이 없으므로 무료 UnFREEz 유틸리티를 추가로 사용해야 합니다.

필요할 것이예요

- 그래픽 편집기 Paint.net;
- UnFREEz 프로그램.

지침

개발자 웹사이트에서 UnFREEz 프로그램 아카이브를 다운로드하고 압축을 풀어 컴퓨터에 설치하세요. Paint.net을 실행하세요. 인터페이스는 형인 Photoshop과 매우 유사하므로 이전에 이 유명한 편집기를 사용해 본 적이 있다면 탐색이 어렵지 않을 것입니다.

애니메이션 제작 원리를 이해하려면 캡션과 같은 간단한 것부터 시작하는 것이 좋습니다. 도구 모음에서 "T" 아이콘을 클릭하여 문자 도구를 활성화합니다.

색상 팔레트에서 적절한 음영을 지정하고 속성 패널에서 글꼴 유형과 크기를 지정합니다. 레이어 패널에서 "새 레이어 추가" 아이콘을 클릭하고 텍스트를 입력합니다. "파일" 메뉴의 "다른 이름으로 저장..." 명령을 사용하여 이미지를 원하는 폴더에 .jpg 확장자로 저장합니다(예: 1.jpg). 이것이 애니메이션의 첫 번째 프레임이 됩니다.

레이어 패널에서 레이어 복제 아이콘을 클릭합니다. 복사되는 레이어와 동일한 이름으로 새 레이어가 생성됩니다. 레이어 이름을 바꾸려면 레이어 패널에서 해당 레이어를 두 번 클릭하고 다른 이름을 입력하세요.

"Effects" 메뉴에서 "Distortion" 그룹으로 이동하여 "Dents" 명령을 선택합니다. 우선 왜곡 매개변수를 낮은 값으로 설정하십시오. 결과가 만족스러우면 확인을 클릭하여 저장하세요. 실패한 변경 사항을 취소하려면 "편집" 메뉴의 "실행 취소" 명령을 사용하거나 Ctrl+Z 키를 사용하세요.

프레임 순서가 섞이지 않도록 새 이미지를 2.jpg라는 이름으로 동일한 폴더에 저장합니다. 저장할 때 첫 번째 단계의 프로그램은 저장된 사진의 흐림 수준과 품질을 선택하고 두 번째 단계에서는 모든 레이어를 병합하거나 병합을 거부하도록 제안합니다. "모든 레이어 병합"을 선택합니다. 이미지를 저장하면 모든 레이어가 "배경"이라는 레이어로 병합됩니다. 다시 분리하려면 편집 메뉴에서 실행 취소를 클릭하세요.

레이어의 또 다른 복사본을 만들고 왜곡 설정을 높입니다. 이미지를 3.jpg로 저장합니다. 작업을 여러 번 반복하십시오. 프레임을 많이 만들수록 애니메이션이 더 부드러워집니다.

저장된 gif 파일이 있는 폴더를 엽니다. UnFREEz 프로그램을 실행하고 사진을 하나씩 프레임 창으로 드래그하세요. 프레임 지연 창에서 프레임 변경 시간 간격을 선택하고 애니메이션 GIF 만들기를 클릭하세요. 프로그램에서 메시지가 표시되면 애니메이션 이름과 저장할 폴더를 입력합니다(기본적으로 gif 파일이 저장된 폴더가 제안됩니다).

레이어를 삭제하려면 레이어 패널에서 십자가를 클릭하세요. 레이어가 2개 이상 있으면 삭제할 수 있습니다.

이 강의는 방문객들의 수많은 질문을 바탕으로 준비되었습니다. 사실 애니메이션 그림을 만드는 데에는 어려운 것이 없습니다. 예를 들어 가장 유명한 형식으로 동영상이 지원됩니다. 그래픽 파일 GIF. 애니메이션으로 만드세요. JPG 파일또는 BMP는 프레임 인터리빙을 지원하지 않기 때문에 작동하지 않을 것입니다.

Paint.NET에서 움직이는 동영상 프레임을 만드는 방법

따라서 애니메이션 비디오를 만들려면 일련의 프레임을 만들어야 합니다. 레이어 작업이 가능하기 때문에 프레임을 만드는 것이 전혀 어렵지 않습니다. 예를 들어 당사 웹 사이트에 게시된 Paint.NET 강의 "3D 스마일리 그리는 방법"에서 만든 스마일리 이미지를 사용하겠습니다.

여러 프레임을 생성하려면 이 튜토리얼에서 3D 스마일리 이미지를 가져와 필요한 비디오 프레임 수만큼 스마일리 이미지가 포함된 레이어 복사본을 생성해 보겠습니다. 이를 위해 예를 들어 "레이어" - "레이어 복사본 만들기" 메뉴를 사용하거나 "레이어" 창 Paint.NET에서 레이어를 직접 복사할 수 있습니다.

레이어를 바로 복사할 수는 없지만, 예를 들어 두 번째 프레임을 만들려면 첫 번째 레이어를 복사한 후, 복사한 레이어에 영상의 아이디어에 맞게 패턴을 변경하면 됩니다. 예를 들어, 웃는 얼굴을 쥐어짜고 프레임별로 조금씩 위아래로 움직였습니다. 왼쪽 그림에서 Paint.NET "레이어" 창의 예를 볼 수 있으며 당연히 모든 프레임이 그 위에 맞지는 않지만 일반적인 아이디어는 볼 수 있습니다.

움직이는 동영상의 프레임을 별도의 파일로 저장하는 방법

UnFREEz 프로그램을 사용하여 원하는 순서의 개별 프레임을 애니메이션 비디오로 연결하려면 먼저 프레임을 별도의 파일로 저장해야 합니다. 이것에 대해서도 복잡한 것이 없습니다. 예를 들어 원하는 레이어의 전체 내용을 복사하고 새 이미지를 만든 다음 레이어에서 복사한 이미지를 붙여넣을 수 있습니다. 그런 다음 별도의 GIF 파일로 저장하세요. 예를 들어 Ctrl+A 키 조합을 눌러 레이어의 전체 이미지를 선택할 수 있습니다. 다른 Paint.NET 단축키에 대한 설명은 이 사이트의 지침 섹션에 있습니다.

예를 들어, 또 다른 방법은 현재 프레임에 필요하지 않은 레이어의 가시성을 끄고 보이는 레이어를 별도의 GIF 이미지로 저장하는 것입니다. 이 작업은 Paint.NET 메뉴 "파일" - "다른 이름으로 저장"에서 수행할 수 있습니다. GIF로 저장할 때 Paint.NET은 이미지의 모든 레이어를 병합하도록 제안합니다. 일시적으로 비활성화된 레이어가 사라지는 것으로 나타났습니다. 그러나 프레임과 함께 파일을 저장한 후 Paint.NET의 가로 패널에서 "취소" 버튼을 클릭하고 마지막 행동레이어 병합이 취소되고 모든 레이어가 다시 돌아옵니다.

UnFREEz 프로그램을 사용하여 프레임을 하나의 애니메이션 GIF 파일로 결합하려면 모든 프레임의 이미지 크기가 동일해야 합니다. 즉, 예를 들어 한 프레임의 사진 크기가 20 x 30 픽셀인 경우 나머지 프레임의 크기는 동일해야 합니다. Paint.NET에서 프레임을 생성하기 위해 위에서 설명한 방법은 모든 프레임이 하나의 기본 이미지에서 만들어지기 때문에 이 조건이 충족되도록 보장합니다.

해당 카테고리의 인기 항목: