클리핑마스크와 패턴적용하여 반짝이는 글자 만들기

 

 

반짝이2.zip

 

 

- 크리핑마스크와 패턴적용하여 반짝이는 글자 만들기 -

 

[ 반짝이 이미지를 패턴으로 등록하기]

1. 파일 열기 - 패턴이미지 불러오기(내컴에 저장된 패턴이미지)- 첨부된 반짝이 이미지 컴에 저장하여 압축풀어 한가지 불러오세요.

 

 

 

 

 

 

2. 편집 - 패턴정의(edit ▶ Define Pattern)- 패턴으로 등록한다.

패턴이름은 자유로, 그냥 확인버튼 클릭해도 등록됨

 

 

 

 

 

* 패턴이 등록되어있는 지 확인해보려면 페인트 도구 클릭하여 위쪽 전경색 대신 패턴클릭해보면 방금전 등록한 패턴이 보입니다.

 

 

 

 

 

 

3. 패턴으로 등록 되었으므로 창을 닫는다.

 

 

[ 반짝이 글자 만들기 ]

 

1. 파일-새로만들기

글자도구상자 클릭하여 글자 입력(글꼴과 글자크기 선택)

 

 

 

 

 

 

 

 

 

 

 

 

2. 새레이어 추가(레이어 하단 빨간속 부분 클릭)하여

   페인트툴도구 선택하여 위쪽 패턴설정하면 등록된 패턴들 중 좀전에 등록했던 반짝이미지 패턴 클릭하여

작업창에 왼쪽마우스 클릭하면 레이어가 패턴으로 채워집니다.

 

 

 

 

 

 

 

3. 새레이어 크리핑 마스크 만들기

   레이어창에다 마우스 우클릭하여 나온 메뉴 중 클리핑 마스크만들기를 선택합니다.

    클리핑 마스크로 인해 반짝이가 글씨안으로 들어갑니다.(두꺼운 글씨체가 효과가 돋보임)    

  

 

 

 

* 클리핑마스크 만들기 한 결과 레이어가 아래 그림처럼 화살표 표시됨

 

 

 

 

 

* 투명 글자로 만들고 싶을 때 흰색배경레이어의 눈을 꺼줍니다.

 

 

 

[ 에니메이션 효과 살려 움직임 효과 주기 ]

 

4. 창 ▶ 애니메이션(타임라인)을 선택해서 애니메이션창을 활성화 합니다.

 

 

 

 

 

5. 화면 하단부에 애니메이션이 생김(cs6부터는 프레임 애니메이션 만들기 클릭함)

   프레임 하나가 형성됨

 

 

 

6. 여기서 ▽버튼을 클릭해서 계속으로 해 줍니다.

계속이란것은 반짝임이 계속 하라는 뜻입니다.

3번선택하면 3번만 반짝이다 멈춥니다.

 

 

)

 

7. 다음 타임라인창에 있는 ▽버튼을 클릭하고 기타를 선택

     (반짝이는 시간을 임의로 지정할 수 있습니다.)

     0.07정도로 해준다. 

 

 

 

 

 

8. 프레임을 하나 복사합니다.(

 

클릭~)

    다음에 작업창에서 마우스로 드래그해서 좌측으로 이동해 줌(마우스 작업창에 클릭해놓고 좌화살표 좌측으로 5번 정도 두드리면 적당)

  글씨는 그대로 있는데 클리핑마스크 되어있는 반짝이를 좌쪽으로 이동하는것입니다.

 

 

 

 

 

 

9. 한번 더 프레임을 추가

    이번에는 작업창 반짝이를 오른쪽으로 이동함

 

 

 

 

* 플레이버튼을 클릭하셔서 반짝이는 글씨가 만들어 졌는지 테스트해보세요

 

 

[ 웹용으로 저장하기 ]

 

10. 파일 - 웹 및 장치용으로 저장하기

 

 

 

 

11. gif 설정하고 미리보기 해보면 글자가 반짝이면서 움직임을 볼 수 있습니다.

 

 

 

 

 

12. 저장합니다.

 

 

 

13. 내컴에 저장되었습니다.