Illustrator와 Photoshop을 사용하여 회전하는 3D 지구본에 애니메이션을 적용하는 방법

IT 전문가로서 Illustrator와 Photoshop을 사용하여 회전하는 3D 지구본에 애니메이션을 적용하는 방법에 대한 질문을 자주 받습니다. 관련된 단계에 대한 간략한 설명은 다음과 같습니다. 1. 먼저 Illustrator에서 새 문서를 만들고 원을 그립니다. 2. 다음으로 원에 그라데이션 채우기를 추가하고 각도를 45도로 설정합니다. 3. 그런 다음 Photoshop에서 새 레이어를 만들고 지구본 사진을 추가합니다. 4. 마지막으로 Puppet Warp 도구를 사용하여 지구에 애니메이션을 적용합니다. 다음은 관련된 단계를 보여주는 빠른 비디오 자습서입니다.

이 강의에서는 방법을 보여줍니다. 3D 지구본 회전, 회전 또는 회전 애니메이션 생성 또는 만들기 일러스트레이터와 포토샵으로. Illustrator와 Photoshop은 Adobe에서 제공하는 최고의 그래픽 소프트웨어입니다. 둘 다 약간의 유사점과 차이점이 있습니다. 차이점이 무엇인지 궁금할 수 있습니다. 둘 다 사용하다 보면 둘 다 잘하는 것이 다르다는 것을 알게 될 것입니다.

Windows 8.1 새로 고침

Illustrator와 Photoshop을 사용하여 회전하는 3D 지구본에 애니메이션을 적용하는 방법

Illustrator와 Photoshop은 서로 다른 점이 있을 수 있지만 함께 잘 작동합니다. 둘 다 강점과 약점이 있습니다. 일러스트레이터와 포토샵으로 회전하는 3D 지구본을 만드세요. 멋진 예술 작품을 만들기 위해 모두의 강점을 사용할 것입니다. 지구본의 3D 부분과 거기에 추가된 지도에는 일러스트레이터가 사용되고 애니메이션 GIF 부분은 포토샵이 담당합니다.

1. 기호에 지도 추가
2. 3D 구 만들기
3. 구에 지도 추가
4. 지구의 다른 각도에서 사진 찍기
5. Photoshop에서 그림 애니메이션
6. 유지하다

1] 기호에 지도 추가

지구본을 만드는 단계에서는 구체에 세계 지도를 추가해야 합니다. 이렇게 하려면 심볼 팔레트에 세계 지도를 추가해야 합니다. 세계 지도를 찾아 Illustrator에서 열고 기호 패널로 길게 드래그합니다. 원하는 경우 기호에 이름을 지정하고 확인을 클릭하여 닫습니다.

2] 3D 구 만들기

다음 단계는 세계 지도를 포함할 구를 만드는 것입니다. Illustrator에서 타원 도구를 사용하여 완벽한 원을 만듭니다.

3] 구에 지도 추가

다음 단계는 구체에 세계 지도를 추가하는 것입니다.

4] 지구의 다른 각도에서 사진 찍기

다음 단계는 지구의 다른 면을 촬영하는 것입니다. 회전하는 애니메이션 GIF를 만들려면 Photoshop을 추가하기 위해 다른 측면이 필요하기 때문에 이것은 중요합니다. 이미지를 얻으려면 회전하는 지구본이 얼마나 자세하게 보일지 결정해야 합니다. 원하는 세부 정보가 많을수록 더 많은 사진을 찍어야 합니다. 더 많은 사진을 찍을수록 프로세스가 더 오래 걸립니다. 이 기사는 모든 이미지를 보여주지는 않지만 이미지 중 일부를 수집하여 수행 방법에 대한 아이디어를 제공합니다.

이미지 캡처

여전히 3D 회전 옵션에 있는 동안 3D 큐브를 볼 수 있으며 회전할 때마다 지구본이 회전하고 다른 면이 표시됩니다. 더 많은 이미지를 원하고 인내심이 있고 손이 안정적이면 큐브를 회전하고 양쪽에서 멈추고 3D 회전 옵션을 닫고(확인을 누름) 다음으로 이동할 수 있습니다. 파일 그 다음에 내보내다 , 면과 순서를 나타내는 파일 이름을 선택하고 PNG 파일 형식으로 선택한 다음 유지하다 . PNG 파일 형식은 배경이 저장되지 않도록 합니다.

3D 창을 사용하여 측면을 교체했을 때 두 번째 회전 위치의 값이 계속 변경되는 것을 확인했습니다. 다른 값도 변경되었지만 위에서 두 번째 상자는 측면보기의 회전을 제어합니다.

더 세밀하게 회전하는 지구본을 원하시면 더 많은 이미지를 찍어야 합니다. 위에서 두 번째 상자에 값을 입력하면 더 많은 얼굴을 더 정확하게 얻을 수 있습니다. 첫 번째 값을 18도로 만들고 이 이미지를 저장할 때 360도가 될 때까지 계속 18도씩 늘립니다. 즉, 총 20개의 값을 입력하고 내보낼 수 있습니다. Photoshop에서 애니메이션 GIF에 사용할 20개의 이미지.

몇 면만 표시하려면 드롭다운 화살표를 클릭하고 위치 . 모든 사전 설정 위치가 있는 드롭다운 메뉴가 나타나고 위치 중 하나를 클릭하면 구가 회전합니다. 그런 다음 매번 확인을 누른 다음 파일 그 다음에 내보내다 , 면과 순서를 나타내는 파일 이름을 선택하고 PNG 파일 형식으로 선택한 다음 유지하다 . PNG 파일 형식은 배경이 저장되지 않도록 합니다.

지구본이 정확하게 회전하도록 네 각도로 찍으려면 사진을 찍으십시오. 앞쪽 그 다음에 오른쪽 , 그 다음에 뒤쪽에 그 다음에 왼쪽 . Photoshop의 타임라인에 배치해야 하는 순서대로 번호를 부여합니다. 다음과 같이 표시됩니다. 전면 1 그 다음에 오른쪽 2 , 그 다음에 뒤로 3 그 다음에 왼쪽 4. 3D 관점에서 위치로 이동하여 4개를 선택합니다. Photoshop에서 GIF용으로 조정하려면 이 순서를 사용하십시오.

5] Photoshop에서 이미지 애니메이션

지구본을 만들고 이미지를 저장했으므로 이제 Photoshop에서 애니메이션을 만들 차례입니다. 이렇게 하려면 Photoshop의 타임라인을 사용하여 애니메이션 GIF를 만들어 프레임별 비디오 모양을 만들어야 합니다. 실제 책에 그림을 그린 다음 페이지를 넘기면서 이미지에 애니메이션을 적용하는 것과 같습니다. 이 Photoshop 타임라인은 동일한 방식으로 작동하며 레이어와 타이밍을 사용하여 모션 효과를 만듭니다. 파일은 GIF로 저장됩니다. GIF 형식은 애니메이션을 지원합니다.

Outlook에서 보관 된 이메일 찾기

타임라인 활성화

Photoshop에 이미지를 로드할 차례입니다. Photoshop을 열고 원하는 크기의 새 문서를 만듭니다. 새 문서를 열려면 파일, 새로 만들기 순으로 선택하거나 Ctrl + Н . 새 문서 옵션 창이 나타나면 옵션을 선택하고 클릭하십시오. 괜찮은 그들을 확인합니다. 그럼 당신은 이동 창문 그 다음에 그래픽 그리고 그래픽 캔버스 영역 하단에 인터페이스가 나타납니다. 생성된 문서는 타임라인의 첫 번째 프레임이 됩니다.

Photoshop에 이미지를 배치할 차례입니다. 타임라인에서 이미지를 올바른 순서로 배치하는 것이 중요합니다. 그것들이 있는 순서는 그것들이 재생되는 순서입니다. 다음 중 하나로 이동하여 Photoshop에 이미지를 로드할 수 있습니다. 파일 그 다음에 장소 이미지를 찾아 클릭하고 '장소'를 누르세요. 'Place' 명령은 캔버스에 이미지를 배치합니다. 다음으로 이동하여 이미지를 열 수도 있습니다. 파일 그 다음에 열려 있는 그런 다음 이미지를 찾아 선택하고 열기를 클릭합니다. 이 방법은 새 문서에서 이미지를 열며 이미지를 클릭하여 원하는 문서로 드래그해야 합니다.

첫 번째 이미지가 타임라인의 첫 번째 위치에 표시됩니다. 이 이미지가 애니메이션이 시작될 첫 번째 이미지인지 확인하십시오. 이미지는 레이어 패널에도 표시됩니다. 이제 두 번째 이미지를 Photoshop에 배치할 수 있습니다. 지침에 따라 Photoshop에 배치하십시오. 이미지를 배치하기 전에 타임라인으로 이동하여 버튼을 클릭합니다. 선택한 레이어 복제 상. 선택한 레이어는 이미지와 이름이 지정된 레이어로 복제됩니다. 프레임 2 레이어 패널에 배치됩니다. 프레임 2에 새 이미지를 배치합니다. 각 이미지에 대해 다음을 수행합니다. 특수 효과를 만들지 않는 한 이미지 크기가 같고 마지막 이미지가 이전 이미지를 완전히 덮는지 확인하십시오. 모든 이미지가 타임라인의 Photoshop에 배치되면 제대로 정렬되었는지 확인합니다. 애니메이션 재생 버튼을 클릭하여 애니메이션을 테스트 실행하고 얼마나 잘 정렬되는지 확인합니다. 이 시점에서 타이밍에 대해 걱정하지 마십시오. 정렬 및 크기 차이를 확인하려고 할 뿐입니다.

문제 해결

이전 이미지가 뒤에 오는 이미지에 영향을 미치고 있어서는 안 되는 위치에 나타나는 문제가 있을 수 있습니다. 타임라인 맨 오른쪽에 있는 메뉴 버튼을 찾아 메뉴를 클릭하고 체크를 해제하면 이 문제를 해결할 수 있습니다. 새 레이어는 모든 프레임에서 볼 수 있습니다. . 같은 메뉴에서 켜고 끌 수 있습니다. 새 프레임마다 새 레이어 만들기 . 켜거나 끄고 결과에 어떤 영향을 미치는지 확인하십시오.

핀타 페인트

타임라인의 썸네일이 너무 작다면 타임라인의 메뉴 버튼을 눌러 패널 옵션 . 애니메이션 패널 옵션이 열리고 축소판 크기 옵션이 표시됩니다. 작은 , 가운데 , 나 큰 . 중간은 기본 크기입니다. 당신에게 편리한 크기를 선택할 수 있습니다.

배경색 추가(선택 사항)

이 이미지는 흰색 배경에 있습니다.

추가 요소를 추가하여 애니메이션을 더욱 좋게 만들 수 있으며 배경색을 추가하여 지구본을 돋보이게 만들 수 있습니다. 배경색을 추가하려면 레이어 패널로 이동하여 배경 레이어를 클릭하고 레이어 패널 하단으로 이동하여 '새 채우기 또는 조정 레이어 만들기' 아이콘을 클릭합니다. 단색, 그라데이션 또는 패턴 중에서 선택합니다. 이 문서에서는 단색 옵션을 사용합니다. 지구본을 돋보이게 할 멋진 색상을 사용하세요. 어두운 색상을 사용하여 공간을 시뮬레이션하고 브러시 도구로 별을 추가할 수도 있습니다. 배경색을 추가할 때 각 프레임을 클릭하고 색상 레이어를 켜야 합니다.

이 이미지는 별이 있는 검정색 배경에 있습니다.

시간 설정

애니메이션의 속도를 조절하는 부분입니다. 애니메이션이 너무 빠르면 시청하기 어렵습니다. 너무 느리면 보기가 지겹다. 너무 빠르지도 너무 느리지도 않은 시간을 찾으십시오. 애니메이션에 무엇이 있는지에 따라 적절한 시간을 선택하십시오. 읽을 정보가 있으면 읽을 시간이 충분하도록 애니메이션 시간을 느리게 만드십시오.

시간을 조정하려면 각 프레임으로 이동하여 초가 표시되는 드롭다운 화살표를 클릭합니다. 다양한 시간 옵션이 있는 팝업 메뉴가 나타납니다. 올바른 시간을 찾을 때까지 다른 시간과 실험을 선택해야 할 수도 있습니다. 각 프레임의 시간을 다르게 설정할 수도 있습니다.

Windows 10에서 prtsc를 사용하는 방법

애니메이션이 중지되기 전에 반복되는 횟수를 선택할 수도 있습니다.

프레임 아래를 보면 단어가 표시됩니다. 영원히 . 이것은 기본 시간입니다. 드롭다운 화살표를 클릭하여 다른 횟수를 선택할 수 있는 메뉴를 엽니다. 한 번 , 세 번 그리고 영원히 주어진 횟수만큼, 이 횟수와 다른 횟수를 선택하려면 또 다른 원하는 횟수를 입력할 수 있는 옵션이 제공됩니다.

6] 저장

GIF로 저장하려면 다음으로 이동하세요. 파일 , 웹용으로 저장 , 대화 상자가 나타납니다. GIF 미리보기를 선택하거나 변경할 필요가 없는 경우 확인을 클릭하면 됩니다. 애니메이션 GIF는 모든 웹 브라우저에서 재생됩니다. 웹용으로 저장 대화 상자에는 GIF를 미리 보고 HTML 코드의 복사본을 표시할 수 있는 미리 보기 버튼이 있습니다.

애니메이션 회전 지구본입니다. 더 매끄럽게 하려면 회전을 더 매끄럽게 만들기 위해 더 많은 이미지가 필요합니다. 작품을 향상시키기 위해 추가된 다른 효과와 기능이 있습니다. 창의력을 발휘하고 원하는 것을 추가할 수 있습니다.

읽다 : Photoshop에서 사용자 정의 모양 도구로 패턴을 만드는 방법

Illustrator에서 3D 모양을 만드는 방법은 무엇입니까?

Illustrator에서는 많은 도형을 3D로 만들 수 있으며 경우에 따라 실험만 하면 됩니다. 3D 구체를 원하는 경우 Illustrator에서 원을 만들고 반으로 자르고 왼쪽을 삭제한 다음 3D 회전 효과를 사용하십시오. 그런 다음 3D 구에 다른 효과를 추가할 수 있습니다.

Illustrator에서 3D 원뿔을 만드는 방법은 무엇입니까?

일러스트레이터에서 3D 원뿔을 만드는 것은 매우 쉽습니다. 선 도구를 사용하기만 하면 됩니다. 선을 그린 다음 효과 그 다음에 3D 그 다음에 회전 , 미리보기를 클릭하면 선이 3D 원뿔로 변경되는 것을 볼 수 있습니다. 클릭할 수 있습니다 괜찮은 닫기 및 변경 사항 확인