처음 디시콘 만들 때 아무것도 모르던 상태로 디시콘갤만 보고 무작정 만들다보니 어느새 나만의 방식이 생김


아무래도 계속 만들어 보는게 가장 도움이 되는 듯



아무튼 보고 배운게 있으니 같이 공유하면 좋겠다 싶어서 설명해보려고 함


@@@사용 툴은 포토샵과 꿀캠@@@







05b2de23fcd139ab2eed86e7459c746c904bb22cfde0b86125a9998d4b16e365afe536f2ed673b24d0656e8920




먼저 자기가 원하는 움짤을 준비하기


본인은 꿀캠을 이용해서 움짤을 따봄




기초니까 이 움짤에 텍스트를 넣어보는 식으로 해봄


ex) 참잘했어요~





7cf3c028e2f206a26d81f6e24284746ed4




포토샵에서 움짤을 열기




7ff3c028e2f206a26d81f6e04f89756e40




위에 '창'에서 '타임라인' 클릭




7ef3c028e2f206a26d81f6e242877d6e1a




그럼 위처럼 타임라인이 생김


여기서 바로 만들어도 상관없지만 타임라인 상자 왼쪽 아래 그래프 모양 아이콘을 눌러서 만들거임




79f3c028e2f206a26d81f6e34e86726450




누르면 이렇게 보라색 바가 생김




78f3c028e2f206a26d81f6e04086706b37




그리고 여기서 움짤을 자기가 원하는 부분에 맞춰  1:1 비율로 잘라주기 


자르기 포토샵 단축기는 아마 c 일거임


@@중요한건 1:1 비율이 아니면 100 100 으로 크기 조정할 때 이상해지니까 조심할 것@@




7bf3c028e2f206a26d81f6e04e857665b6




이제 '이미지'를 누르고 '이미지 크기'를 눌러서 100 100으로 맞춰 줄거임


본인은 줄여서 만드는게 편해서 미리 줄이지만 이것도 개인 취향이라서 


크게 작업하고 줄여도 됨




7af3c028e2f206a26d81f6e640827465f9




이렇게 100 100으로 하고 확인 누르기




75f3c028e2f206a26d81f6e644867265d3




작아진 움짤을 확대시켜서 작업 시작




74f3c028e2f206a26d81f6e64485746de3




(본인은 디시콘 만들 때 테두리를 선호하는 편인데 만약 테두리를 넣고 싶지 않다면 여기는 생략)


먼저 100 100으로 크기를 줄였을 때 기준으로 2픽셀 굵기의 테두리를 만들고 싶다면


98 98 짜리 네모를 만들어서 칠은 x하고 2픽셀로 맞춰서 만들면 됨



둥근 테두리를 만들려고 하는데 둥글어지는 부분이 남으니까 일부러 테두리를 하나 복사해서 뒤에 있는 하얀색으로 맞춤 ㅇㅇ




7ced9e36ebd518986abce8954588746fdcf5




레이어가 더 위에 있는 테두리에 색을 넣고 아래에 있는 테두리는 하얀색으로 맞춰서


위 테두리에 곡선을 주면 이렇게 됨 




7cef9e36ebd518986abce89543867464f9f6




추가로 위 테두리에 획을 주고 싶어서 크기 1 짜리 흰색 획을 줌




7cee9e36ebd518986abce8954589746c4949




여기에 '참잘했어요' 텍스트를 넣어봄 


참고로 크기는 17로 했고 폰트는 '여기어때 잘난체'




7ce99e36ebd518986abce89545837665a2af




텍스트를 더 잘 보이게 하기 위해서 획을 주려고 함


크기 2 짜리 획을 먼저 넣고 




7ce89e36ebd518986abce89542877d6adf6a




크기 4 짜리 흰색 획을 추가로 넣어줌




7ceb9e36ebd518986abce89545817d69c76e




그리고 위치를 아래로 배치해서


대충 이런 느낌이 완성됨




7cea9e36ebd518986abce8954286746d7586




그리고 가장 중요한 부분 #######


저장하기 전에 타임라인 상자안에 있는 보라색 바의 길이를 전부 일치 시켜야 함


안그러면 저장했을 때 이상해짐...



이후에


컨트롤 + 쉬프트 + 알트 + S를 누르면




2eb1d936b7826af53eee86ed298176685feceaaea74a0f7e1439bfda21c56e5ec029ff72b1dfa5




이렇게 웹용으로 저장할 수 있고 여기서 대충 위에 설정 비슷하게 해서 취향대로 저장 하면



7cf3d72fe3f206a26d81f6e443887c6d4a


이런 느낌으로 나옴





( 아직 등록을 안 한 상태라 화질이 구릴 수도 있는데 또 등록하면 생각보다 더 괜찮음 ㅇㅇ )





추가로 여기서 조금 더 수정해서 만들어보자면



7ff3d72fe3f206a26d81f6e441867c6d94

이렇게 텍스트를 움직이게 하거나 더 색을 표현할 수도 있음


그리고 곡선이나 밝기 채도 같은 옵션들을 수정해서 더 보기 좋게 만들기도 가능


념글에 도움이 되는 글이 많으니 한 번씩 읽어보고 적용해보면 좋을 듯


무엇보다 자신만의 방식에 익숙해지면 진짜 빠르게 만들 수 있음




아무튼 움짤을 이용해서 디시콘을 만드는 방법을 설명해봤는데 조금의 도움이라도 되었으면 좋겠음...


기본적인 거 말고도 다양한 모션을 설명하고 싶은데 기회가 되면 올려볼게 !