Photoshop3 메일전단지 페이지 만들기 3.드림위버로 이미지맵을 만들기 메일전단지 페이지 만들기 1.포토샵으로 이미지 분리 저장하기 2.포토샵으로 애니메이션하기 3.드림위버로 이미지맵을 만들기 4.드림위버없이 이미지맵만들기 메일로 전단지 보내야 하기 때문에 URL 이미지가 필요하다. 생성방법은 드림위버에 연동된 ftp로 이미지를 올리고 가져오는 방법이 있고 다른 개인 싸이트에 이미지를 올리고 URL을 생성하는 방법이 있다. 파일질라를 이용할 수도 있다. 뷰모드에서 디자인을 연다. 이미지를 연다. 아래로 태그가 자동생성된다. window - properties 연다 이미지를 클릭한다. 를 누르고 클릭하면 다음 페이지로 넘어갈 영역을 선택한다. 링크에 클릭하면 넘어갈 페이지 주소를 넣는다 target="_blank" 는 클릭시 새창열기, target="_self"는 현재창에서 .. 2020. 5. 8. 메일전단지 페이지 만들기 2.포토샵으로 애니메이션하기 메일전단지 페이지 만들기 1.포토샵으로 이미지 분리 저장하기 2.포토샵으로 애니메이션하기 3.드림위버로 이미지맵을 만들기 4.드림위버없이 이미지맵만들기 Crop tool을 이용해서 애니메이션 작업을 할 부분만 남겨둔다. 윈도우-타임라인을 클릭한다. 애니메이션작업을 할 "떠나요~!"를 "떠" "나" "요" "~!" 4개의 레이어로 나누기로 한다. 현재 "떠나요" "~!"로 나눠져 있기 때문에 "떠나요"를 카피해서 3개의 레이어를 만든다. 첫자 "떠"만 남은 레이어를 만들고 Create frame animation을 클릭한다. 이때 레이어 "~!"는 꺼놓는다. 시간을 선택하고(시간은 나중에 수정가능) 다음 제작할 페이퍼를 추가한다. 두번째글자 "나"만 남은 레이어를 만든다 그리고 "떠" "나" 레이어를 둘다.. 2020. 5. 8. 메일전단지 페이지 만들기 1.포토샵으로 이미지 분리 저장하기 메일전단지 페이지 만들기 1.포토샵으로 이미지 분리 저장하기 2.포토샵으로 애니메이션하기 3.드림위버로 이미지맵을 만들기 4.드림위버없이 이미지맵만들기 메일전단지페이지를 준비한다. 디자인구상을 한다. 오렌지부분은 애니메이션으로, 빨간이미지는 이미지맵을 이용하여 클릭하면 각각의 페이지로 넘어가도록 구상한다. 메일로 받아보았을때 싸이즈로 가로80픽셀이 부담없다. (너무 크면 용량을 초과하여 메일을 보낼 수 없으므로 최대한 가볍게 제작한다.) slice tool을 이용해서 분리할 구역을 나눈다. 오렌지- 애니메이션 빨간-이미지맵 저장 File-Export-Save for web 이미지이므로 jpeg로 선택한다. 슬라이스 부분에 올슬라이스로 선택한다. 분리되서 따로 저장되게된다. 애니메이션 할 이미지는 삭제해도.. 2020. 5. 8. 이전 1 다음
