안녕하세요 디자이너의 놀이터 디놀희에요:D 오늘은 포토샵을 통해서 커지는 GIF를 만들어 볼껀데요~ 상세페이지 디자인에서도 후기부분에 많이 쓰이는 애니메이션이랍니다. 먼저 완성된 포토샵 GIF 를 볼까요? 이렇게 움직이는 상세페이지 디자인은 보는사람의 시선을 확 사로잡기에 좋답니다. 그럼 저랑 같이 포토샵으로 움직이는 GIF 만들기 시작해볼까요? 당연하게도 준비물은 포토샵 하나만 있으면 된답니다! 먼저 상세페이지 디자인에 쓰일 후기 부분을 만들어야 겠죠? 둥근모서리 사각형과 펜툴로 말풍선을 만들어 주고 , 글씨를 넣어 각각 그룹화 해주세요~ 이 부분들이 포토샵에서 GIF가 될 부분 이랍니다. 그룹별로 고급개체 변환하기 그런다음 포토샵에서 움직이게 하게끔 움짤을 만들기 위해서 우클릭 그룹개체로 변환을 그룹별로 해주십니다. 'ㅂ' 그다음 우리가 잘 아는 창 - 타임라인 -비디오타임라인으로 애니메이션 창을 띄워줘야겠죠? 총 GIF 길이정하고 대강의 타이밍 맞추기 인디게이터를 저는 총 길이...
#상세페이지디자인
#상세페이지후기
#포토샵GIF만들기
#포토샵애니메이션
원문링크 : 포토샵 GIF 만들기 - 움직이는 상세페이지 디자인 : 후기편
네이버 블로그
티스토리
커뮤니티