출판사를 위한 Indesign To ePub – 10강 : 본문에 들어갈 이미지 넣고 적당한 스타일 적용하기

출판사를 위한 epub 제작 강의, 인디자인에서 epub 파일 만들기

10강 : 본문 안에 들어가야 하는 이미지 넣고 크기 줄이기

 

 

# 이제 본문에 들어가는 이미지를 넣어야 합니다.

인디자인에서 이미지를 바로 연결해 내보낼 수도 있지만 그렇게 하지 못할 경우에는 지난 강의에서 알려드린 대로 이미지를 인디자인에서 내보내거나 복사해서 JPG 파일을 만들어 두면 됩니다.

만들어 둔 이미지는 찾기쉽게 한 폴더에 잘 모아 두고 본문 안에 차례대로 넣으면 돼요.

 

# 이미지 패널에 사용할 이미지를 추가합니다.

추가한 이미지를 본문에 넣습니다. 해상도와 이미지 크기를 크게 만들었기 때문에 책과는 다르게 크게 보이고 있습니다.

스크린샷 2013-01-20 오후 3.20.58

 

# 이 이미지에 적당한 스타일을 만들어보겠습니다. 이미지를 오른쪽으로 정렬하고 크기를 약간 줄일 거예요. 원래 모습은 이렇게 생겼습니다.

스크린샷 2013-01-20 오후 3.21.36

 

# 기본 스타일 템플릿 탭을 클릭하고 블록 스타일의 “이미지 크기 작게 가운데(R)” 스타일을 클릭해 적용합니다.

R이 붙은 블록 스타일을 적용하면 화면 크기에 따라 이미지 크기가 달라져요. 화면이 작으면 이미지도 작게 보이고 화면이 크면 이미지도 크게 보입니다. 크고 작은 비율은 같습니다.

스크린샷 2013-01-20 오후 3.23.34

 

 

# 그런데 이미지가 그렇게 작게 보이지는 않네요. 스타일의  “수정” 버튼을 눌러 이미지가 좀 더 작게 보일 수 있게 너비 값을 수정합니다. (저는 50%에서 10%로 줄였습니다.)

값을 수정하고 저장 버튼을 눌러 저장합니다.

스크린샷 2013-01-20 오후 3.25.57

 

 

 

#  이미지가 조금 더 작아진 것을 확인할 수 있습니다.

스크린샷 2013-01-20 오후 3.58.06

 

#  이번에는 본문 중간에 들어가는 큰 이미지를 넣어보겠습니다.

본문에 주황색으로 표시한 부분 뒤에 표지처럼 큰 이미지를 넣을 것입니다.

여기서 엔터를 눌러 이미지를 넣을 공간으로 빈 줄을 한 줄 넣어 줍니다.

스크린샷 2013-01-20 오후 3.27.47

 

# 이 이미지는 인디자인에서 내보낼 때 연결해서 내보냈기 때문에 이미지 패널 안에 이미 들어와 있는 상태입니다.

이 이미지를 더블클릭해 본문 사이에 넣습니다.

스크린샷 2013-01-20 오후 3.29.54

 

#  이 이미지는 표지처럼 세로로 길기 때문에 전자책 뷰어에서 한 페이지에 가득 차게 나올 것입니다.

이때 이 이미지 역시 뒤에 빈 페이지가 생기는 현상을 방지하기 위해 표지 이미지에 적용했던 단락 스타일인 “표지-여백 제거” 스타일을 적용합니다.

스크린샷 2013-01-20 오후 3.31.18

 

#  적용하면 옆에 살짝 보였던 여백도 같이 제거되는 것을 확인할 수 있습니다.

스크린샷 2013-01-20 오후 3.31.31

 

#  다양한 이미지에 스타일을 적용하는 방법은 동영강 강의를 참고하세요.(업데이트 예정)