posted by 내.맘.대.로 2023. 11. 15. 08:38

내맘대로의 EPUBGUIDE.NET에서 편집자의 의도를 그대로 살려 전자책을 제작해 드립니다.

종이책의 편집 스타일을 최대한 유지하며, 팝업 주석 처리, 이미지 확대 축소 등 전자책의 장점을 반영하여 전자책을 제작합니다. 탬플릿을 사용하지 않고, 책 한권 한권 고유 스타일을 살리기 때문에 전자책에서도 종이책 디자인을 느낄 수 있습니다.

한국출판문화진흥원의 [텍스트형 전자책 제작 지원 사업] 선정 도서는 ‘제작 난이도별 제작비 산정 기준에 근거하여’ 제작 단가를 산정하고, 일정에 맞춰 제작을 해 드리니 많은 문의 바랍니다.

자세한 내용은 여기로: https://www.epubguide.net/notice/309

오래 전 작성된 글은 현재의 Sigil 버전과 차이가 날 수 있습니다. 등록 일자를 확인 하고 1년 이상 지난 글은 변경된 내용이 있는지 확인하시기 바랍니다.

제목을 작업하다 보면 이렇게 양쪽에 불릿이 들어갈 때가 있습니다.

종이책은 전부 1줄로 편집되어 있어 이렇게 편집하면 문제 없어 보이지요.

그런데 전자책에서는 이정도로 끝내면 문제가 생길 수 있습니다.

 

이렇게 화면이 좁아지면 어떤가요?

종이책이야, 자간, 장평 조절해서 한줄로 넣으면 되지만 전자책은 화면 폭, 글자 크기가 바뀔 수 있어 2줄이 될 수도, 3줄이 될 수도 있습니다.

이렇게 둬도 나쁘지는 않아요.

하지만 종이책을 편집한다고 생각해 보세요. 이렇게 편집하시겠어요?

약간의 추가 스타일을 넣어 이렇게 편집을 했습니다.

불릿을 양쪽 옆에 놓고 글자만 행갈이가 되도록 했지요.

이렇게 편집하려면 태그가 조금 복잡해져요.

table로 넣어도 되지만, 제목은 heading을 쓰는게 좋아요. 그래서 헤딩 태그를 사용했습니다.

 

<h4 class="title_section"><span class="title_L">❍</span> <span class="title_sBody">부딪쳐보지 않으면 결코 알 수 없다</span> <span class="title_R">❍</span></h4>

그리고 flex 속성을 줬어요.

flex는 전자책 편집 할 때 아주 많이 사용합니다.

공부를 해 두면 스타일 편집 레벨을 한 단계 업 할 수 있어요.

이것 말고도 몇가지가 더 있습니다.

왼쪽이 종이책, 오른쪽이 전자책입니다. 종이책에서는 한줄이기 때문에 본문 스타일을 사용합니다.

하지만 전자책에서는 행갈이가 될 수 있어 내어쓰기를 했지요.

 

이것도 위와 비슷한 예입니다.

책의 모든 소제목은 한줄로 되어 있어 내어쓰기가 없지만

전자책은 내어쓰기를 적용했습니다.

 

아주 사소하고 CSS 속성 2개만 더 추가하면 끝날 정도로 쉬운 스타일이지만

종이책에 없어도 전자책에 이런 편집을 해 주면 조금 더 정성을 들였다는 느낌을 줄 수 있지요.

물론, 내어쓰기를 적용할 것인지 여부는 책에 따라 다릅니다. 어떤 책은 내어쓰기 대신 들여쓰기를 없애기만 하고, 어떤 책은 본문과 똑같이 들여쓰기를 할 수도 있어요.

책의 내용에 맞게 가독성을 높일 수 있는 편집이 가장 중요하지요.

반응형
posted by 내.맘.대.로 2023. 11. 2. 09:24

내맘대로의 EPUBGUIDE.NET에서 편집자의 의도를 그대로 살려 전자책을 제작해 드립니다.

종이책의 편집 스타일을 최대한 유지하며, 팝업 주석 처리, 이미지 확대 축소 등 전자책의 장점을 반영하여 전자책을 제작합니다. 탬플릿을 사용하지 않고, 책 한권 한권 고유 스타일을 살리기 때문에 전자책에서도 종이책 디자인을 느낄 수 있습니다.

한국출판문화진흥원의 [텍스트형 전자책 제작 지원 사업] 선정 도서는 ‘제작 난이도별 제작비 산정 기준에 근거하여’ 제작 단가를 산정하고, 일정에 맞춰 제작을 해 드리니 많은 문의 바랍니다.

자세한 내용은 여기로: https://www.epubguide.net/notice/309

오래 전 작성된 글은 현재의 Sigil 버전과 차이가 날 수 있습니다. 등록 일자를 확인 하고 1년 이상 지난 글은 변경된 내용이 있는지 확인하시기 바랍니다.

재미있는 스타일 몇개 소개해 드립니다.

먼저 대본 스타일 본문인데, 앞에 캐릭터 이미지가 들어가있어요.

텍스트로 이름만 들어있어면 좀 더 간단한데, 이미지까지 들어가고, 이미지폭도 전부 제각각이라 편집이 조금 더 복잡해지네요.(왼쪽이 EPUB)

 

이 스타일의 포인트는 위에 박혀있는 column이에요.(오른쪽이 EPUB)

저렇게 딱 붙여도 몇몇 뷰어에서는 강제 여백이 생기고, 강제 여백을 막는 강제 스타일 적용 코드 넣어주고...

유통사가 그냥 CSS에 장난치지 않았으면 하다가도,

유통사에서 뷰어 기획하던 시절에 봤던 그 엄청난 쓰레기 EPUB을 생각하면 유통사 뷰어 담당자 마음도 이해가 가고...

 

column과 비슷한 스타일이 [정리]예요.

만드는 방법은 똑같지요.

배경 전체를 핑크로 넣을까 하다가, 어차피 body 스타일 안먹는 뷰어에서는 더 지저분해지니 텍스트가 들어간 곳만 핑크로.

물론, 편집자가 '전체 배경 넣어주세요' 하면 수정을 해야겠지만...

 

끝으로,

전자책은 예쁘지 않다.

텍스트와 이미지 대충 배열하면 된다는 소리를 여전히 듣고 있네요.

"그런거 다 할 수 있어요."

하면

"그런거 할 수 없다고 했다. 절대로 할 수 없다."

이런 소리나 하고...

'고정 판형'과 '가변 판형'의 차이로 인한 스타일 문제가 아니라면

종이책에서 가능한 건 전자책에서도 가능해요.

전자책이 예쁘지 않은 것은

전자책을 대충 만들기 때문이지

전자책을 예쁘게 만들 수 없어서는 아니에요.

반응형
posted by 내.맘.대.로 2023. 10. 26. 14:47

내맘대로의 EPUBGUIDE.NET에서 편집자의 의도를 그대로 살려 전자책을 제작해 드립니다.

종이책의 편집 스타일을 최대한 유지하며, 팝업 주석 처리, 이미지 확대 축소 등 전자책의 장점을 반영하여 전자책을 제작합니다. 탬플릿을 사용하지 않고, 책 한권 한권 고유 스타일을 살리기 때문에 전자책에서도 종이책 디자인을 느낄 수 있습니다.

한국출판문화진흥원의 [텍스트형 전자책 제작 지원 사업] 선정 도서는 ‘제작 난이도별 제작비 산정 기준에 근거하여’ 제작 단가를 산정하고, 일정에 맞춰 제작을 해 드리니 많은 문의 바랍니다.

자세한 내용은 여기로: https://www.epubguide.net/notice/309

오래 전 작성된 글은 현재의 Sigil 버전과 차이가 날 수 있습니다. 등록 일자를 확인 하고 1년 이상 지난 글은 변경된 내용이 있는지 확인하시기 바랍니다.

배경이미지를 깔고 텍스트를 넣으니 글씨가 잘 보이지 않습니다.

그래서 배경색을 넣었더니 이번엔 배경이미지가 보이지 않아요.

그래서 배경색을 투명하게 넣고싶습니다.

이럴 때 쓰는 속성이 opacity입니다.

opacity를 넣으면 배경색 뒤로 배경이미지가 보여 좋긴 한데, 글자도 흐릿해지네요.

글자를 선명하게 넣고 싶은데 방법이 없는걸까요?

이럴 때 쓸 수 있는 속성이 rgba입니다.

rgba는 배경색을 투명하게 하면서 글자는 선명하게 유지할 수 있어요.

rgba와 opacity의 차이가 느껴지나요?

 

둘의 차이를 확실히 비교해 볼 수 있도록 opacity와 rgba를 반반씩 붙여봤어요.

왼쪽이 opacity, 오른쪽이 rgba입니다.

rgba의 글자가 확실히 선명하지요?

반응형
posted by 내.맘.대.로 2023. 10. 26. 14:35

내맘대로의 EPUBGUIDE.NET에서 편집자의 의도를 그대로 살려 전자책을 제작해 드립니다.

종이책의 편집 스타일을 최대한 유지하며, 팝업 주석 처리, 이미지 확대 축소 등 전자책의 장점을 반영하여 전자책을 제작합니다. 탬플릿을 사용하지 않고, 책 한권 한권 고유 스타일을 살리기 때문에 전자책에서도 종이책 디자인을 느낄 수 있습니다.

한국출판문화진흥원의 [텍스트형 전자책 제작 지원 사업] 선정 도서는 ‘제작 난이도별 제작비 산정 기준에 근거하여’ 제작 단가를 산정하고, 일정에 맞춰 제작을 해 드리니 많은 문의 바랍니다.

자세한 내용은 여기로: https://www.epubguide.net/notice/309

오래 전 작성된 글은 현재의 Sigil 버전과 차이가 날 수 있습니다. 등록 일자를 확인 하고 1년 이상 지난 글은 변경된 내용이 있는지 확인하시기 바랍니다.

책을 만들다 보면 여러개의 EPUB을 하나로 합쳐야 할 때가 있습니다.

3권 시리즈물인데 통합하여 한권으로 만드는 경우가 있지요.

이럴 때 이미 만들어 놓은 책을 하나로 합치는 방법이 있습니다.

 

EPUB파일의 압축을 푼 후 파일을 합하고 다시 압축할 수 있습니다.

이 방법을 사용하려면 EPUB의 구조를 잘 알아야 하고, OPF 파일을 제대로 이해하고 있어야 하지요.

자세한 방법은 여기 : https://www.epubguide.net/180

 

[TIP] 두개의 EPUB을 하나로 묶는 방법

‪#‎전자책‬ ‪#‎CSS‬ ‪#‎sigil‬‪#‎전자책_편집을_위한_HTML_CSS‬ 해시태그로 간단한 HTML CSS 강의를 시작합니다. 전자책 편집을 하는 분들에게 자주 받은 질문을 정리하려고 해요. 아주 쉬

www.epubguide.net

 

캘리버를 이용하면 이런 복잡한 과정 없이 보다 간단히 EPUB을 합칠 수 있습니다.

캘리버 EpubMerge라는 플러그인이 있어요.

이 플러그인을 설치하고

 

합칠 파일을 선택한 후

플러그인을 실행합니다.

책의 순서를 정하고

기본 메타 정보를 입력한 후 실행하면 끝.

작업이 끝날 때 까지 잠깐 기다리세요.

책에 따라 2분~3분, 길면 10분 정도 걸릴 수 있어요.

 

유통사에 등록하려면 몇가지 보정이 필요합니다. Sigil에서 병합한 파일을 불러온 후 수정을 하면 유통사에 등록이 가능해요.

반응형