안녕하세요!
요즘 많이 보이는 움짤 gif 버튼!
무료 사이트에서도 쉽게 만들 수는 있지만, 로그인 귀찮고, 보안 때문에 걱정이시죠?
포토샵으로 gif 빠르고 간단하게 만드는 방법 공유하려고 합니다!
어도비 포토샵으로 gif 만들기! 버튼형, 움짤 gif 이제 직접 만들어보세요 🙂
혹시 만들기 전에
포토샵이나 일러스트가 없다면, 무료 다운로드 받아서 만들어보세요!
가. 포토샵 설치
우선 가장 기본적으로 포토샵 무료 다운로드 혹은 무료 사용법 확인하시고,
시작하시면 됩니다! 🙂
무료 사용 방법 글은 아래 참고해주세요!
나. gif 만들기
gif 만들기 위해서, 우선 참고용 버튼 디자인 찾아보세요!
이후에 원하는 버튼 디자인을 우선 심플하게 잡으면 됩니다!
복잡하면 어려우니, 심플하게 잡아보세요!
1. 도형 + 내용
도형을 심플하게 그리고,
원하는 글씨를 위에 적어주세요!
이번에 예시로는
‘무료 다운로드 받기 >>’ 이걸로 그려보겠습니다!
이렇게 만들고 나서, 이후에 글씨만 클릭해주세요
이후 컨트롤 + j (맥북은 커맨드 + j)를 클릭해주세요!
*제가 포토샵 단축키도 정리했으니 다운받고 활용해보세요!
우선 컨트롤 + j를 눌렀다면, 글이 복붙 된겁니다!
레이어 확인해보시면, 바로 나옵니다!
그러면 이젠 위에 새롭게 복붙 된 글씨를 클릭하시고,
색상을 다른 색상으로 변경해주세요!
저는 이렇게 빨간색으로 바꿨습니다!
여기까지 했다면 이젠 준비 끝!! 🙂
2. 타임라인
이젠 타임라인을 켜주세요!
혹시 타임라인이 안보이신다면?
창 혹은 윈도우를 클릭하시고, 거기에 ‘타임라인’을 클릭 해주시면 됩니다!
그러면 아래처럼 뜰겁니다!
짜잔!
여기에서
‘비디오 타임라인 만들기’ 를 클릭하세요!
그러면 포토샵에서도, 마치 영상 프로그램처럼 아래처럼 뜹니다!
영상을 다루는 사람이라면 여기에서
컨트롤을 해야겠지만,
우리는 쉽게 움짤만 만들거기에
아래 왼쪽을 보면, 사각형 3개가 모여있는 아이콘이 보이죠?
그걸 클릭해주시면 됩니다!
그러면 형태가 바뀝니다!
이젠 아래쪽에 휴지통 마로 옆에 사각형 안에 플러스 있는 버튼 보이시죠?
그걸 클릭해주세요!
그러면 똑같이 복사가 됩니다!
이번엔 복제 된 버튼을 클릭하고, 레이어에서 빨간 글씨를 안보이게 눌러주세요!
이렇게요!
이후 이 2개 타임라인을 클릭하고,
방금 눌렀던 플러스 버튼을 다시 4-5번 누르면 복붙이 됩니다!
이후 초를 클릭 하면 시간이 뜹니다.
이 시간을 짧게 0.1 ~ 0.5초 정도로 맞춰 주세요.
전체를 드래그 하고 클릭하면 하나씩 안바꿔도 한번에 바뀝니다!
이젠 잘 되었는지, 스페이스를 눌러보세요
그러면 버튼이 깜빡 깜빡 거릴겁니다! 🙂
이제는 ‘웹으로 내보내기’를 클릭해서,
gif로 저장해주시면 끝입니다!
그러면 이렇게 버튼이 완성됩니다!
이제 활용하면 됩니다! 위에 제가 만든 버튼에, 맞는 링크를 넣었습니다!
이렇게 활용하시면 되요 🙂
움짤은 같은 패턴으로 정말 쉽게 만들 수 있으니, 참고하세요!
다. 버튼 예시
버튼 예시 글꼴도 정리해서 공유드리겠습니다!
참고하셔서, 만드실 때 활용해보세요!
다음 단계로
계속 진행하기
다음 보기
지금 주문하기
다음 페이지
확인해 보세요
지금 등록하러가기
자세히 보기
시작해 보세요
추가 정보 확인하기
지금 선택하러 가기
계속 탐색하러 가기
더 보기
완료하러 가기
다음으로 이동
진행하기
지금 확인하기
다음 추천 보기
더 알아보기
참고하셔서 원하는 내용을 체크해서 활용해보세요!
이런 단어 내용들은 gpt 활용하셔서 공부하셔도 좋습니다!
라. 결론
이번글에서는 어도비 포토샵으로 gif 만들기 방법을 공유드렸습니다!
간단하게 만들 수 있는 팁들이라서, 이번에 한번 익혀두시면, 버튼형, 움짤 gif 등등 전부 활용이 가능하실거에요!
이번기회에 한번 따라서 만들어 보시는 거 강추드립니다! 🙂 이제 직접 만들어보세요!
앞으로도 쉽게 할 수 있는 디자인 내용들 공유드리겠습니다!