관리 메뉴

tapito.tistory.com

그림판 + 알GIF로 덤벼든 전광판 배너 도전기 (알gif 무설치버전 포함) 본문

일상/여가 & 취미

그림판 + 알GIF로 덤벼든 전광판 배너 도전기 (알gif 무설치버전 포함)

Tapito 2011.02.18 01:28
네, 안녕하세요? tapitolife입니다.
제가 몇 년 전에 네이버 붐(ID: dkhighest)에 올렸었던
"그림판만으로 전광판 제작하기"를 보신 분이 계실 겁니다.

붐업 받아서 메인에 뜨기도 했었는데... ㅋㅋㅋ


정말 예상치 못했던 흥행(?)에 적잖이 놀랐죠... 제 글이 메인에 뜰 줄이야 ㅋㅋㅋ

뭐 어쨌든 그냥 생각나길래 또 한번 뻘짓 해 봅니다. ㅋㅋ




↑ 네. 이겁니다 ㅋㅋ

잘 만들면 진짜 멋진 효과 낼 수도 있지만, 문제는 100% 수작업이라는거~ ㄷㄷㄷ
준비물은 간단합니다. 그림판과 알GIF!

그럼 시작해 볼까요?

1. 일단 그림판으로 전광판 틀을 준비하세요. 너무 크면 수작업하기 힘드니까 적당한 크기로 하세요
저는 200x200 픽셀로 만듭니다.

이미지 → 특성에서 크기를 지정할 수 있습니다.





그 다음에는 화면에 눈금을 표시하세요.... 보기→확대/축소→눈금 표시...가 비 활성화네요?
네. 이 메뉴는 돋보기로 이미지를 최대로 확대한 상태에서 활성화 되는 메뉴입니다.




아래와 같이 크게 확대하면 메뉴가 활성화 됩니다.





눈금은 원을 그릴 때 도움이 됩니다.




이제 원을 그립니다. 정원을 그리셔야 합니다.
Shift키를 누른 상태에서 원을 그리면 정원이 만들어 집니다.
반드시 직경이 이미지의 폭과 높이의 약수가 되도록 하세요.
즉 모든 원이 사각형 영역 안에 꼭 들어맞아야 한다는 겁니다.




↓ 이렇게 말이죠.





그 다음에는 원 사이사이에 검은 색을 채워 넣습니다.





이제부터가 막노동입니다.
한 프레임씩 전부 수작업을 하기 때문이죠.
일단 제일 가장자리는 테두리로 쓰도록 합니다.
저는 맑은 노랑와 탁한 노랑을 번갈아 배열함으로써 백열전구가 깜빡이는 효과를 냈습니다.





그 다음에는 노랑의 순서를 하나씩 밀려서 또 채웁니다.
위에서 보여드린바와 같이
저는 홀수 프레임과 짝수 프레임의 테두리를 달리 그림으로써 테두리가 반짝이는 효과를 냈습니다.




그 다음에는 안쪽 원을 짙은 회색으로 채웁니다. 전원이 차단된 전구를 표현한 셈이죠.




이제 본격적인 수작업입니다.
배경이 전체적으로 어두우니까 형광색이나 눈에 잘 띄는 색으로 작업하시는 게 나중에 보면 괜찮더라고요...





▲ 위와 같이 한 프레임씩 수작업합니다. 이 과정이 안습적이죠 ㅎㅎ





총 60여 프레임을 만들었습니다. 옛날엔 이보다 더 큰거 200프레임을 만들었던 적도 있죠...
지금 생각하면 ㅄ짓 한 거죠 ㅋㅋㅋㅋ




프레임 다 만들었으면 합치기만 하면 됩니다. 일단 알gif를 실행합니다.



▲ 보시는 바와 같이 파일 메뉴에 여러 파일 일괄적으로 열어서 애니메이션 하는 기능을 쓰면 편리합니다.




이제 프레임 속성 가서 원하시는대로 설정하고 저장버튼을 누르면 완성이 됩니다.







그럼 다시 볼까요?
마지막으로 제가 작업했던 배너 틀 파일을 여기 올립니다. 필요한 분들 쓰세요.


그리고 알gif 필요하신 분들 받아가세요. 무설치버전이라서 그냥 실행하면 됩니다.
 
프레임의 속도는 아래 그림 보면 됩니다.


6 Comments
  • 프로필사진 흑돌이 2011.11.24 16:29 신고 그반짝반짝 하게 하는거 어떻게 하는거에요? 외각 틀 전구처럼 번쩍번쩍 깜빡깜빡 이라고 표현해야하나..?

    아무리 찾아봐도 어케 설정하는지를 모르겠네요.. 106 bmp 나 나와서 ..;;ㅠㅠ
  • 프로필사진 Tapito 2011.11.27 19:35 신고 설정하는 거 아닙니다. 그야말로 수작업으로 한 거에요.
    홀수 프레임, 짝수 프레임 이렇게 전구의 배열을 엇갈려서 하면 합쳤을 때 반짝 거리는 효과가 납니다.
  • 프로필사진 흑돌이 2011.11.29 14:12 신고 아 깜빡 거리게 하는건아는대 님처럼 빠르게 깜빡깜빡 안거리고 슬로우 모션으로 깜빡 거리내요;;

    빠르게 하려면 어떻게 해야하나요..ㅜㅜ
  • 프로필사진 Tapito 2011.11.30 18:36 신고 글에 프레임 속도 조정하는 과정 추가했습니다.
  • 프로필사진 흑돌이 2011.12.01 13:39 신고 프레임 속도 조정하는 과정 을 추가 하셨다고 하는대 그걸 어떻게 설정하신건가요..ㅠㅠ

    예를들어 프레임효과 - 애니메이션 효과 - 흩뿌리기 << 이런식으로 설명해주시면 감사하겟습니다.ㅠㅠ
  • 프로필사진 Tapito 2011.12.03 19:44 신고 글의 맨 마지막 부분에 나온 알gif 캡처 화면 2개를 보셔요

    프레임 하나 선택한 다음에 마우스 오른쪽->프레임속성을 들어가면 창이 하나 뜨는데

    그 창의 왼쪽 위에 "시간(1/100초)" 항목에서 값을 조정하시고 그 옆의 "모두"라는 상자를 체크하시면 됩니다.
댓글쓰기 폼