인터넷 서핑을 하다보면 전단지 같은 이미지 한개에 여러링크가 걸려있는걸 본 적 있을겁니다.
그런 이미지를 포토샵과 Html소스로 쉽게 만드는 방법을 알려드리겠습니다
1. 링크를 만들 이미지를 포토샵으로 불러온다.
2. 자르기 도구를 꾹 누르면 2번과 같이 메뉴가 나오는데 분할 영역 도구를 선택한다.
3. 링크 걸고 싶은곳을 드래그로 선택한다.
4. 선택을 다 완료했으면 분할 영역 선택 도구를 클릭한다
5. 3번에서 드래그 했던 곳을 더블 클릭 한다.
6. 더블 클릭하면 옵션창이 뜨는데 이름과 클릭시 이동할 링크를 입력한다. (이름은 영어로 입력할 것!)
7. 파일 - 내보내기 - 웹용으로 저장(레거시)를 클릭한다.
8. 웹용으로 저장 페이지 왼쪽의 원본을 클릭한다.
9. 저장버튼을 누른다.
10. 형식을 HTML 및 이미지로 설정한 다음 저장한다.
11. 저장을 완료하면 이미지 파일과 HTML 파일이 저장된다.
12. HTML을 수정하기 위해 메모장을 연다.
13. HTML 파일을 메모장에 드래그해서 13번과 같이 소스를 보이게 만든다.
14. 블로그로 들어가 글작성을 한다.
15. 저장한 이미지를 업로드 한다.
16. 이미지 업로드 후 비공개로 작성 완료 클릭
17. 오른쪽 클릭 후 이미지 주소 복사 클릭
18. 이미지 주소를 업로드한 이미지 주소로 대체한다.
19. 이미지 이름이 일치하는 것을 바꿔주면 된다.
20. 이미지를 다 변경했으면 블로그에서 글쓰기 버튼을 눌러 HTML 소스 탭에 완성한 소스를 붙여 넣는다.
인터넷 서핑을 하다보면 전단지 같은 이미지 한개에 여러링크가 걸려있는걸 본 적 있을겁니다.
그런 이미지를 포토샵과 Html소스로 쉽게 만드는 방법을 알려드리겠습니다
1. 링크를 만들 이미지를 포토샵으로 불러온다.
2. 자르기 도구를 꾹 누르면 2번과 같이 메뉴가 나오는데 분할 영역 도구를 선택한다.
3. 링크 걸고 싶은곳을 드래그로 선택한다.
4. 선택을 다 완료했으면 분할 영역 선택 도구를 클릭한다
5. 3번에서 드래그 했던 곳을 더블 클릭 한다.
6. 더블 클릭하면 옵션창이 뜨는데 이름과 클릭시 이동할 링크를 입력한다. (이름은 영어로 입력할 것!)
7. 파일 - 내보내기 - 웹용으로 저장(레거시)를 클릭한다.
8. 웹용으로 저장 페이지 왼쪽의 원본을 클릭한다.
9. 저장버튼을 누른다.
10. 형식을 HTML 및 이미지로 설정한 다음 저장한다.
11. 저장을 완료하면 이미지 파일과 HTML 파일이 저장된다.
12. HTML을 수정하기 위해 메모장을 연다.
13. HTML 파일을 메모장에 드래그해서 13번과 같이 소스를 보이게 만든다.
14. 블로그로 들어가 글작성을 한다.
15. 저장한 이미지를 업로드 한다.
16. 이미지 업로드 후 비공개로 작성 완료 클릭
17. 오른쪽 클릭 후 이미지 주소 복사 클릭
18. 이미지 주소를 업로드한 이미지 주소로 대체한다.
19. 이미지 이름이 일치하는 것을 바꿔주면 된다.
20. 이미지를 다 변경했으면 블로그에서 글쓰기 버튼을 눌러 HTML 소스 탭에 완성한 소스를 붙여 넣는다.
