이 애니메이션 GIF는 Illustrator를 단계별로 보여주는 이해하기 쉽습니까?


14

단계별 드로잉 연습을 통해 Illustrator에 대한 짧은 애니메이션 GIF를 만들려고합니다.

일부 프레임에 설명 텍스트를 넣을 수는 있지만 그렇게하지 않는 것이 좋습니다. 어쩌면 나중에 그것이 끝나는 위치에 따라 사용되는 도구로 텍스트 줄을 추가 할 수 있습니다.

그렇기 때문에 아래의 애니메이션과 같은 것이 AI에 대한 기본적인 지식이있는 사람이 이해할 수 있는지 알고 싶습니다.

의자

모든 의견에 감사드립니다. 때로는 작지만 프로젝트에 몰두하면 약간의 시각 장애가 생깁니다. 그래서 제가 질문을합니다. 각 의견은 매우 유용하며 모든 것을 염두에 두겠습니다.


완료되면 귀하의 웹 사이트로 연결 하시겠습니까?
LateralTerminal

@LateralTerminal 내가 할 것입니다,하지만 당신은 나에게 많은 숙제를했습니다 :-) 얼마나 오래 걸릴지 잘 모르겠습니다.

실시간 청중 또는 온라인 동기 / 비동기 교육을 목표로합니까?
호기심

목표는 단순히 청중을 사로 잡기 위해 가르치는 것이 아니라 다음과 같습니다. • 벡터 드로잉을 모르는 사람들은 단축키와 도구를 사용하여 단계별로 설정하더라도 애니메이션 일뿐입니다. 그건 내가 나에게 내가 아니라 애니메이션, 한 의심을 명확히하기 때문에, @Webster의 대답을 받아,하지만 왜의 목적을 위해 : - - 그것은 그림 프로세스에 대한 단순한 애니메이션 그래픽입니다

답변:


2

의자를 만드는 단계를 쉽게보고, 따르거나 이해 (?) 할 수 있습니다.

커서 변경 및 강조 표시된 노드를 제외하고 수행 방법, 단축키에 사용되는 도구에 대한 정보는 없습니다.

이것이 강의 튜토리얼이라면 더 많은 설명이 필요합니다.

일러스트레이션 프로세스에 대한 그래픽 인 경우 그대로 작동합니다.


당신은 머리에 못을 쳤습니다. 그것은 튜토리얼이 아니며 물론 교육 자료가 아닙니다. AI 도구로 만든 그림 일뿐입니다. 나는 소음을 너무 많이하지 않고 가능한 한 간단하지만 명확하고 명확하게 이해하려고 노력하고 있습니다. 모든 주석을 읽은 후에는 주석을 자르고 애니메이션에 키와 단축키를 추가하지만 보조 기능으로 추가합니다.

19

나는 어떤 도구가 무엇을했는지, 어떤 지름길이 무엇을했는지, 채우기 / 스트로크를 뒤집는 것과 같은 간단한 작업을 수행하는 방법을 모르면 경험이 부족한 사용자에게는 gif에 대한 세부 정보가 부족할 수 있습니다. 단지 거기에 너무 많은 당신은 일러스트 레이터 도구 / 단축키의 기능에 익숙하지 않은 경우 "알 수없는"는.

여기에 이미지 설명을 입력하십시오

당신이 반대로, 나에게, 그것은 매우 쉽게, 명확하고 간단하게 수있는 도구, 기능 및 바로 가기를 이해합니다. 아마도 작은 설명으로 특정 gif가 "중급 사용자"gif 일 수 있습니까?


예, 나는 설명에 대해 알고 있습니다 ... 그것은 영어와 스페인어로 이루어져야합니다. 그래서 나는 그것을 피하려고합니다. 나는 그것을 텍스트없이 설명 할 수있는 방법을 찾고 그것을 보편적으로 만들고 싶습니다. 귀하의 의견에 감사드립니다.

사소한 추가 사항-클릭하는 위치도 표시하십시오. 많은 스크린 레코더는 클릭 한 곳에서 확장되는 작은 "버블"을 기록하므로 스크린 레코더가 화면에 표시되도록 소프트웨어를 찾을 수 있다고 확신합니다. (또한 수정자는 일반적으로 언어에 구애받지 않는 기호를 가지고 있습니다. Mac의 명령 기호는 위치가 바뀌더라도 키보드 레이아웃, AFAIK에서 동일합니다)
Fund Monica의 소송

참고 : 문자열을 항상 중앙에 유지하기 위해 문자를 추가 할 때 전체 문자열을 이동하면 텍스트가 항상보고자하는 곳에서 멀어 지므로 읽기가 매우 어렵습니다.
user1306322

@ user1306322 위의 gif는 샘플 일 뿐이 므로 샘플 gif에서와 같이 수정자를 하나씩 무작위로 누를 가능성은 거의 없습니다. 대부분의 경우 모든 수정자는 한 번에 눌려집니다.
스콧

키보드 클릭에 어떤 도구가 추가됩니까?
WELZ

10

이 좋은 아이디어를 개선하고 끔찍하지 않게하기 위해 할 수있는 일이 몇 가지 있습니다.

  1. 화면 키를 추가해야합니다.
  2. 단계별로 나누어 여러 GIF를 사용하여 하나의 긴 GIF 대신 수행 한 작업을 표시해야합니다. 이것은 스콧이 gif가 너무 길다는 문제를 해결합니다.
  3. 당신이 한 일에 대한 설명으로 gif를 보충하십시오.
  4. 전체 프로젝트와 함께 다운로드 파일을 제공하십시오.

편집 : 나는 이것에 대해 좀 더 생각했다.

재미있는 짧은 클립을 호스팅하지 않으면 GIF 기술이 끔찍합니다.

GIF는 지금까지 발명 된 최악의 비디오 압축입니다. 구글과 imgur는 기본적으로 webm으로 gif를 완전히 조사하려고 시도했지만 크게 실패했습니다.

애니메이션 GIF를 검색 할 때 Google이하는 일은 미리보기가 VP9, ​​h264 또는 이와 유사한 것으로 다시 인코딩 된 것입니다. 그것은 많은 공간을 절약하고 훨씬 빠르게로드합니다. 미리보기를 클릭하면 실제 gif 파일이로드됩니다.

실제 비디오 압축 형식을 사용하면 많은 단점이 있습니다. 하나는 h264 사용에 관련된 라이센스 가 비싸다 . 호스팅과 관련하여 YouTube와 같은 다른 서비스를 사용해야하므로 소송에 대해 걱정할 필요가 없습니다. 사이트 방문자는 GIF와 같이 쉽게 YouTube에서 비디오를 다운로드 할 수 없습니다.

YouTube를 호스트로 사용하지 않으려는 경우 오픈 소스 비디오 형식으로 인코딩 할 수 있습니다.

https://ko.wikipedia.org/wiki/List_of_open-source_codecs

솔직히 나는 일부 오픈 소스 코덱의 적법성에 대해 확신조차하지 못합니다. 그렇기 때문에 Google은 여전히 ​​짜증나는 AV1을 개발하고 있습니다.


YouTube 만 사용하십시오

GIF로 저장 한 짧은 클립이 무엇이든 YouTube에서 호스팅하여 웹 사이트에 포함시켜야합니다. 다른 사람들처럼 긴 YouTube 자습서를 만들 필요는 없습니다. gif와 같이 조각으로 나누고 gif로해야한다고 보충 텍스트 설명 옆에 동일한 위치에 비디오를 포함하십시오. 모든 것이 사이트에서 훨씬 빠르게로드됩니다.


편집 2 :

주석에서 약간의 소음을 명확히하기 위해.

YouTube 동영상과 Gif는 실제로 차이가 없습니다. 둘 다 비디오 형식입니다. 차이점은 YouTube 동영상이 더 빨리로드되고 색상이 좋아지며 일시 중지 할 수 있다는 것입니다 (일시 중지하는 것이 매우 중요 함).

GIF는 많은 유물을 제공하고 gif가 작동하는 방식으로 색상을 부적절하게 표시합니다.

따라서 웹 사이트의 어느 곳에 나 4 초 GIF를 배치하면 4 초 비디오가됩니다. 이 시점에서 왜 여전히 gif를 사용하고 싶습니까? YouTube의 비디오를 사용하는 경우 웹 사이트에서만 볼 수 있도록 비디오를 공개적으로 숨길 수 있습니다.

결국 당신이 그것을하는 방식으로하면 작은 스트레스로 더 많은 품질을 제공하고 사람들이 고속 데이터가없는 휴대 전화에서 쉽게 볼 수있게됩니다.


좋아, 내가 볼게

솔직히 우리는 gif 대신 임베디드 비디오를 사용해야하지만 stackexchange는 임베디드 비디오를 답변으로 지원하지 않으므로 gif를 사용합니다. 여기서 gif를 사용하는 유일한 이유입니다.
LateralTerminal

서비스 약관으로 인해 YouTube와 같은 서비스를 활용 하면 원본 콘텐츠에 대한 권리 를 포기할 수 있습니다 . 항상 원하는 옵션은 아닙니다. 도대체 ... 여기에서도 이미지를 게시하면 Creative Commons License에 따라 모든 사람에게 무료로 제공됩니다 . 이러한 라이센싱을 방지하는 유일한 방법은 궁극적으로 제어 할 수있는 위치에 직접 컨텐츠를 호스팅하는 것입니다. giphy.com 과 같은 서비스를 통해 비디오를 사용 하고 YouTube보다 더 나은 대안을 제공 할 수도 있습니다.
Scott

@Scott 사실이 아닙니다. YouTube에 무언가를 업로드하면 해당 확인란을 선택할 수 있습니다. 올바른 옵션을 선택하면 저작권을 유지할 수 있습니다. 다른 사람이 저작권을 주장하지만 다른 문제인 경우 YouTube는 항상 동영상을 삭제할 수 있습니다.
LateralTerminal

실제로 YouTube는 업로드 된 콘텐츠 ( support.google.com/youtube/answer/)에 매우 유사한 CC-By 라이센스를 할당합니다. 다른 사용자가 YouTube 콘텐츠를 사용할 수 없다고 생각하면 오해합니다. CC 라이센스를 준수하는 한 가능합니다. 여기에 이미지를 게시하는 것과 같습니다. 당신은 당신이되며, 귀하의 저작권을 "포기"하지 않습니다 수 있도록 업로드 아무것도의 무료 사용.
Scott

5

산발적으로 Illustrator를 사용하지만 Photoshop에 대한 지식이 풍부합니다.

나는 어떤 도구를 사용하고 있는지 모호하게 추측 할 수 있지만 어떤 단축 코드를 누르고 있는지 전혀 모른다 ... 그 경로의 일부를 선택하고 마술처럼 뒤집는 방법을 모르겠습니다.

내 생각 엔 '폭발적으로'보다 더 광범위한 지식을 가진 사람이 그것을 이해할 것입니다. 그러나 그들이 이와 같은 그림을 만드는 방법을 아직 모른다면 궁금합니다.

내가 개인적으로 걱정하는 것은 일시 정지 버튼이 없다는 것입니다. 트랙을 잃어 버린다면 다시 돌아 오기가 어려울 것입니다.


바로 가기에 대해 옳습니다. 문제는 바로 가기 아니지만, 그것은 그것이 무엇에 대한 설명과 함께 따라야합니다 : 보도 "E"는 길이로, 무료로 규모를 :-( 만드는 나는 아직도이 관리하는 방법을 생각..

@Danielillo는 단지 빠른 마음의 스핀입니다. 어쩌면 모서리 중 하나에서 버튼 / 조합을 수정할 수 있습니까? 따라서 복사해야 할 경우 'command + c'를 나열하십시오. 게임이 자주하는 것을 보았습니다.
Summer

예, Mac 및 Win 용이어야합니다.  + A / Ctrl + A

4

애니메이션이 실제로 짧은 경우가 아니라면 gif를 그대로두고 비디오를 대신 사용합니다. 일시 정지 및 스크롤 기능을 사용하면 자신을보다 쉽게보고 시도 할 수 있습니다.

하나의 모서리에 작은 패널을 추가하여 누른 키 (선택의 경우 V 등)와 그 의미 (선택 도구), 누른 키 (누르면 복사를위한 Alt 키) 및 마우스의 표시기를 표시합니다 버튼을 클릭, 더블 클릭 또는 보류합니다.

그리고 첫 번째 강의에서, 당신의 글자와 부정이 무엇을 의미하는지 설명하십시오. 패널의 의미를 상기시키기 위해 제목을 표시하기 위해 첫 번째 프레임 몇 개를 희생 할 수 있습니다.


무슨 뜻인지 알아 실제로 질문의 gif는 비디오로 gif로 변환되어 다시 편집됩니다. 나는 gif retro touch를 좋아하는 순간, 나는 보편적 인 설명으로 디자인에 대해 생각해야합니다. 범용은 언어와 Mac-Win이 없음을 의미합니다.

1
@Danielillo, 나는 많은 사람들이 무언가를 놓 쳤기 때문에 모든 것을 반복해서보고 있다고 상상할 수 있습니다. 비디오 형식을 사용하여 정당화하기 위해 소리를 들일 필요는 없습니다 ... 비디오를 유지하면 더 자유롭게 프레젠테이션 할 수 있습니다. 재생 및 일시 정지 및 타임 라인 스크러빙과 같은 종소리와 휘파람처럼. 그것이 gif라면, 모든 것을 짧게 유지하는 데 큰 압력을가하거나 그렇지 않으면 gif가되는 것이 너무 길다. 2 분 안에 당신이 한 단계를 놓치면 "음, 나는 다시 페이지를로드하거나 무언가를로드 한 것 같아요 ..."
Joonas

@Joonas 그렇기 때문에 더 짧아야합니다. 어쨌든,이 문장은 "... 많은 사람들이 모든 것을 반복해서보고 있습니다 ..." 어쨌든, 나는 의견에 대해 글을 썼을 때 전체 프로젝트를 만들기 위해 압박을 받았다고 생각합니다. 당신의 비평가를 받으면 모든 것을 알려 드리겠습니다.

@Danielillo, 나는 gif에서 만들어진 것을 따르는 것이 중요하다면 초보자 또는 노련한 AI 사용자가 그것을 유지하고 싶습니다. 내가 이해했듯이 그것들은 일종의 튜토리얼입니까?
Joonas

1
@Danielillo 창에는 ctrl, alt 및 shift가 있습니다. Apple은 단축키를 변경하는 다른 버튼이 있습니다. 가능하면 Ctrl에 배 기호를, Alt에 복숭아, Shift에 체리를 사용할 수 있습니다. (Mac을 사용한 적이 없어서 죄송합니다). 또는 위에 Apple 바로 가기와 아래에 Windows 바로 가기를 표시하십시오.
Crowley

3

나는 스콧처럼 당신이하는 일에 아무런 문제가 없지만, 마지막 그림을 보여 주면 어쨌든 그것을하는 방법을 알 것입니다.

그러나 id를 가르치는 경험에서 다음과 같이 말합니다 .gif는 너무 빠르며 너무 깁니다. GIF를 되감거나 중지 할 수 없으므로 느리게해야하지만 예제를 수행하려고하면 너무 길어서 너무 깁니다. 가능한 경우 gif를 별도의 gif로 분할하고 별도의 텍스트 설명을 넣습니다. 단계.

행동은 보는 것과 다른 맥락이라는 것을 기억하십시오. 따라서 사용자는 자신이 본 것을 많이 잃어버린 것으로 전환해야합니다. 이로 인해 사용자는 되감기, 기다리기, 기다리기 등을 되감습니다. 그러나 id는 명확하게 전달되고 더 나은 지침을 따르기 만하면 개요로서 훌륭하다고 말합니다.


초보자, 중급 및 "반"을 다른 수준의 GIF로 만들 것입니다.

2
@Danielillo는 망치 만 있으면 모든 것을 손톱으로 취급하거나 철물점으로 가야합니다.
joojaa

2

무심코 당신의 질문에 대답하기 위해 : 아니 이해하기 쉽지 않습니다.

귀하의 질문과 의견에서 답변에 대해 다음과 같은 요구 사항이 퍼져 있습니다.

  • 짧은 애니메이션
  • 언어 없음
  • OS 별 지침이 없음

다른 사용자는 이미 훌륭한 제안을 제공했지만 후자의 두 가지 요구 사항이 완전히 충족되지 않는다고 생각합니다. @Crowley 는 특히 도움이 되는 답변 을 제공 했습니다 .

하나의 모서리에 작은 패널을 추가하여 누른 키 (선택의 경우 V 등)와 그 의미 (선택 도구), 누른 키 (누르면 복사를위한 Alt 키) 및 마우스의 표시기를 표시합니다 버튼을 클릭, 더블 클릭 또는 보류합니다.

그러나 Illustrator에 이미 언어 독립적 아이콘으로이 패널이 내장되어있는 동안 모서리에 패널을 추가 해야하는 이유 는 무엇입니까? 도구 패널은 이미지와 함께 표시되어 학생이 클릭 한 도구를 확인할 수 있습니다.

여기에 이미지 설명을 입력하십시오

이것은 귀하의 No language요구 사항을 다룹니다 . 축소하기 위해 표시된 지침에 대한 관련 도구 만 표시하는 사용자 정의 도구 패널을 사용할 수 있습니다.

여기에 이미지 설명을 입력하십시오

그러나 OS 특정 키보드 단축키를 사용하지 않는 것이 좋습니다. 그렇지 않으면 자유 변형 도구를 사용할 Shift때 회전 할 때 45 o 또는 Shift+ 로 스냅하기 위해 눌러야 함을 나타내는 수단이 없습니다 Alt.


내 원래 아이디어는 Illustrator를 사용하여 간단한 애니메이션 그림을 만드는 것입니다. 많은 의견이 일러스트 레이터 튜토리얼을 가리키며, 이것이 바로 피하려는 것입니다. 튜토리얼을 피하면서 애니메이션과 운동 사이의 중간 지점을 찾는 것이 흥미 롭습니다. AI 인터페이스를 사용하면 내가하려는 작업의 본질이 완전히 깨집니다.

1
@Danielillo Ok, 그러나 귀하의 질문에서 분명하지 않았습니다. 잠깐 앉아서 질문하고 싶은 경계 조건 (예 : 튜토리얼이 아닌 언어, 단순함 등)을 생각하면 응답 품질 (그리고 만족도)에 좋을 것이라고 생각합니다. ..). 그런 다음 질문을 적절히 편집하십시오. 이제 요구 사항이 여러 의견에 분산되어있어 만족스러운 답변을 얻기가 매우 어렵습니다. 명확하게 정의되어 있고 "움직이는 목표"가없는 경우 귀하의 질문에 대해 기꺼이 생각합니다.
Saaru Lindestøkke

좋아, 내가 생각해 볼게 현재 저는 그들이 제공 한 것에 대해 매우 감사하고 있습니다 : 많은 정직한 비판과 몇 가지 의견 (귀하의 의견 포함)은 매우 만족하며 프로젝트를 개선하는 데 큰 도움이됩니다. 사실, 이러한 의견 덕분에 나는 당신이 언급 한 결론에 도달했으며 이전에는 고려하지 않았습니다.
당사 사이트를 사용함과 동시에 당사의 쿠키 정책개인정보 보호정책을 읽고 이해하였음을 인정하는 것으로 간주합니다.
Licensed under cc by-sa 3.0 with attribution required.