728x90
반응형

에프터 이펙트 과외 5화

- 숫자 카운팅 -




날짜의 흐름을 보여주거나

퍼센트, 돈, 갯수 등등 여러가지 숫자를 카운팅 할 일이 있다


그럴때마다 숫자를 하나하나 찍어주는 바보같은 방법도 있지만

에펙의 기본 이펙트를 활용해서 원하는 숫자까지 카운팅 하는 방법도 있다






숫자를 카운팅하기 위해서

우선 텍스트 레이어를 만들어 준다


NEW-TEXT


그리고 아무 글씨나 쓴다

지금 쓰는 문자나 숫자는 아무 의미가 없다

어차피 효과를 넣어주면 다시 지정해줘야 하기 때문




이제 텍스트 레이어에 Slider control이라는 이펙트를 넣어준다

이펙트 검색을 통해서 쉽게 찾을 수 있다

이펙트를 넣는 방법은

텍스트 레이어를 선택하고 이펙트를 더블클릭 하거나

이펙트를 클릭한 체로 드래그해서 레이어에 넣는 방법이 있다


이펙트를 넣은 레이어에

여러 옵션을 불러올 차례다
제일 처음 삼각형을 누르고

Text - Source text가 나오도록 해주고


Effect - slider control - slider가 나오게 해준다




source text 글씨 앞에 있는 시계 모양을 클릭해주면

키프레임이 찍히는데 우리는 이번에 그냥 클릭이 아니라

alt + 클릭을 해준다

그럼 타임라인에 빈칸이 생기고 화면에 빨간 상자가 생기면서

잘못된게 아닌가 생각이 되는데

아주 잘 되고 있는 것이다


Expression : source text 글씨 옆에 =, 흔히 돼지꼬리라고 부른다, 재생버튼

이렇게 3개 버튼이 있는데

우리는 돼지꼬리를 이용할 것이다


이 돼지꼬리를 클릭한 체로 마우스를 움직여보면 마우스와 돼지꼬리를 연결하는

라인이 생기는 것을 볼 수 있다


그럼 그 라인을 slider로 끌어 넣어준다




그렇게 하면 text.sourcetext라고 써있던 칸에

effect("Slider Control")(Slider")가 써진다


돼지꼬리로 어떻게 하는지 모르겠는 사람은

생긴 칸에 글씨를 다 지우고 저 문장을 넣어줘도 상관없다


문장을 넣을때 주의할 점은 대,소문자를 확실하게 써줘야 한다는 것이다


이렇게 설정이 다 되면 아까 이야기 했듯

숫자가 0으로 바뀐다


숫자를 카운트 할 준비가 됐다는 것이다



slider에 키프레임을 찍고

원하는 숫자를 넣어준다


지금의 예시는 2초동안 0에서 1000까지 세는 것이다


그래서 이제 실행을 해주면?



엄청난 소수점과 함께 카운트가 시작된다


이 소수점은 처음 설정을 몇 프레임으로 했느냐에 따라서 달라지니

나랑 다르다고 걱정할 필요가 없다




소수점을 없애는 방법은 간단하다


effect("Slider Control")(Slider")

문장 앞에 Math.round( )만 넣어주면 된다

Math.round(effect("Slider Control")(Slider"))가 되겠지


정확히 모르겠는데 math round가 소수점을 반올림 해주는 명령인 것 같다





만약 소수점을 표시하고 싶은데 원하는 자릿수를 지정하고 싶다면

effect("Slider Control")(Slider")뒤에

.value.toFixed(원하는 자리)를 넣어주면 된다


effect("Slider Control")(Slider").value.toFixed(2)라고 쓰면

소수점 2자리까지 표시가 된다



그리고 이렇게 표시된 숫자뒤에 뭔가 단위를 붙이고 싶다면

+ "단위"를 써주면 끝(+앞에 띄어쓰기 한번이 있다)

effect("Slider Control")(Slider").value.toFixed(2) + "원"

이라고 쓰면 1000.00원이 되겠지


여기서 원은 명령어가 아니라 문자기 때문에

꼭 큰따옴표 사이에 넣어줘야 한다




728x90
반응형
  1. 둔둔 2016.11.28 11:37

    415,125 숫자에 쉼표 표시는 어떻게하죠?? 저런식으로?

    • 히읗(hieut) 2016.11.28 21:46 신고

      쉼표 표시는 저도 한번도 해본적이 없어서 어떻게 하는지 모르겠네요ㅠㅠ 내일 한번 방법을 찾아보고 다시 답글 달겠습니다
      조금만 기다려주세요!

    • 히읗(hieut) 2016.11.29 11:19 신고

      n =0+Math.round(effect("Slider Control" )("Slider" ));
      s = "" + n;
      str = s.substr(-s.length, (s.length-1)%3 +1);
      for (i = Math.floor((s.length-1)/3); i > 0; i--){
      str += "," + s.substr(-i*3,3);
      }
      str

      이 수식을 넣으면 된다고 하네요

      slider control"하고 괄호를 닫을때 띄어쓰기를 했는데 수식을 넣을땐 붙여서 쓰면 됩니다 붙여서 썼더니 이모티콘이 나와서..";) 이런식으로요

  2. 둔둔 2016.11.30 14:20

    앗 감사합니다^^ 답글도 달아주시고
    블로그도 잘 정리되어있고 깔끔해서 정말 보기 편하네요 ~
    자주 들어와 공부 하겠습니다 ^-^

    • 히읗(hieut) 2016.11.30 14:36 신고

      감사합니다! 앞으로 더 많은 콘텐츠 업로드 할 예정이니 많이 들려주세요! ㅎㅎㅎ

+ Recent posts