posted by 내.맘.대.로 2024. 4. 26. 10:49

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

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

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

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

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

 

박스글은 내용에 따라 이미지로 넣기도 하고, 박스 스타일을 만들어 텍스트로 넣기도 합니다.

가변 화면에서 어떻게 보일 것인지가 이미지와 텍스트의 선택 기준이 됩니다.

아래 같은 내용이면 이미지로 넣을 때가 많습니다.

 

이런 편집을 이미지로 넣는 이유가 있습니다.

종이책은 판형이 고정되어 있기 때문에 페이지 크기에 맞춰 선 길이를 잡으면 끝이에요.

그런데 전자책은 폭이 일정하지 않습니다.

종이책 길이에 딱 맞게 밑줄을 그어 놓으면 화면이 작을 때 행갈이가 되거나 화면을 벗어나게 되고

화면이 크면 오른쪽 여백이 생깁니다.

 

하지만 이미지로 넣어도 문제는 있습니다.

화면이 작으면 글자 크기도 함께 작아진다는 것이지요.

 

이 책을 만들면서 편집자(종이책)가 요청을 햇습니다.

다음 페이지에 나오는 박스 글과 글자 크기가 다르게 보이는데 맞출 수 없냐고요.

다음 페이지에는 이런 내용이 나옵니다.

 

 

이 내용은 텍스트가 들어가 있기 때문에 밑줄이 있는 곳도 행갈이를 할 수 있습니다.

줄글이기 때문에 오른쪽이 비어도 어색하지 않지요.

내용도 캡처한 다음 페이지까지 계속 이어집니다.

그래서 이 부분은 이미지가 아닌 텍스트로 넣었습니다.

종이책 편집을 하면 별 것 아닌듯 보이지만, 화면 폭이 가변이라는 점 때문에 밑줄 하나를 긋더라도 전자책에서는 여러 가지를 생각해야 합니다.

 

줄만 그리는 거면 쉽습니다.

그런데 화면 폭이 클 때 이렇게 보입니다.

 

 

 

더 쉽게 그리는 방법도 있어요. 그낭 _______ 이렇게 특수문자를 사용할 수 있습니다.

하지만 이렇게 특수문자를 사용하면 화면 폭이 좁을 때 행갈이가 됩니다.

 

이런 문제를 해결하는 간단한 방법이 있습니다.

박스의 크기를 제한하는 것이지요.

이렇게 일정 크기를 넘어서면 박스 크기를 고정시킵니다.

화면이 작을 때는 행갈이가 되지 않도록 화면 크기에 100%를 맞워 주고요.

 

 

전자책 독자들의 불만 중 하나가

종이책에 비해 편집이 엉망이라는 내용이 있습니다.

전자책은 종이책 보다 더욱 다양한 편집을 할 수 있는데도 종이책 처럼 예쁘게 만들지 못한다는 오해를 받고 있어요.

이런 사소한 디테일만 잘 챙겨도 전자책에 대한 인식이 바뀔 거예요.

반응형
posted by 내.맘.대.로 2024. 2. 6. 09:39

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

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

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

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

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

이런 분들은 전자책 제작 강의 듣기 전에 컴퓨터 기초부터 배우세요.

컴퓨터 기초도 모르면 전자책 제작 할 수 없습니다.

최소한, 저는 전자책 제작 방법을 가르칠 수 없습니다.

컴퓨터 기초도 모르면서 전자책 제작을 배우려는 분들은

전자책 제작이 쉽다고 가르치는 분들께 배우세요. 저는 그정도 실력이 안되거든요.

어려운 것을 요구하지 않아요. 진짜 이정도도 못하는 사람이 있어 싶은 수준이지요.

그런데 수업을 하면 3명 중 한 명은 이런 사람들이지요.

 

1. 인터넷 사용법을 알아야 한다.

1.1. 인터넷에서 파일 다운 받는 법을 알아야 한다.

1.2. '브라우저'가 뭔지, '주소창'이 뭔지 알아야 한다.

1.3. 인터넷에서 다운 받은 파일이 어디 저장되는지 알아야 한다.

       - 조금 더 고급 기술 : 다운로드 받는 파일의 경로를 지정할 수 있어야 한다.

 

2. 파일 압축/해제

2.1. 압축 파일의 압축을 해제할 수 있어야 한다.

 

3. 파일 관리

3.1. 탐색기에서 원하는 폴더로 이동할 수 있어야 한다.

3.2. 탐색기에서 자신이 만든 폴더/파일이 어디에 있는지 알아야 한다.

3.3. 파일을 복사/이동 할 수 있어야 한다.

3.4. 실행 파일과 실행되지 않는 파일을 구분해야 한다.

3.5. CTRL+C/CTRL+V가 뭔지 알아야 한다.

 

4. 키보드 타이핑을 칠 수 있어야 한다.

4.1. 브라우저 주소 창에 '제대로' 주소를 입력할 수 있어야 한다.

4.2. 대소문자 구분이 뭔지 알아야 한다.

4.3. HTML코드, CSS 코드를 편집기에 입력할 수 있어야 한다.

4.4. 입력 중 생길 수 있는 오탈자는 스스로 찾을 수 있어야 한다.

 

============

아래는 수업 시간에 정말 흔하게,

수업을 할 때 마다 한번 이상은 꼭 나오는 실제 상황을 대화 형태로 정리해 본 것입니다.

============

 

강사. 주소는 교재에 있어요. 그대로 주소창에 입력하면 됩니다.

수강생. 어디에 입력해요?

강사. 브라우저 주소창이요.

수강생. 주소창이 어디있는데요?

 

강사. 주소는 대소문자를 구분해서 넣으세요.

수강생. 안들어가져요.

강사. 주소 제대로 쳤나요?

수강생. 네. 제대로 쳤어요.

강사. 대소문자 구분 했어요? 빨간 글자는 대문자예요.

수강생. 제대로 쳤는데 안돼요.

강사. 그럼 지우고 다시 쳐보세요.

수강생. 지우고 다시 쳐도 안돼요.

강사. (자리에가서 URL 입력) 잘 되네요.

(주소 길이 : bit.ly/12345)

 

강사. 파일 다운로드 하세요. 다운로드 한 파일을 Sigil에 추가하세요.

수강생. 다운받은 파일이 어디있나요?

강사. 이 파일을 ...에 있는 폴더에 복사하세요.

수가생. 파일 어떻게 복사해요?

강사. 파일 저장하세요.

강사. Sigil 종료하고, 다시 실행시킨 다음 저장한 파일 불러오세요.

수강생. 저장한 파일 어디 있어요?

강사. 편집 메뉴에서 설정 누르세요.

수강생. 설정이 어디있어요?

강사. 편집 메뉴에 있어요.

수강생. 편집이 뭐예요?

강사. 압축파일에 있는 *** 파일을 여세요.

수강생. 파일이 안열려요.

강사. 압축울 푸세요.

수강생. 압축 풀었는데요.

강사. 탐색기에서 압축 파일 목록 보여주는거 말고, 압축 파일을 푸세요.

수강생. ...

수강생. 시키는 대로 똑같이 했는데 스타일 적용이 안돼요.

강사. 똑같이 안해서 그래요.

수강생. 정말 똑같이 했어요.

강사. 오타 있나 보세요.

수강생. 오타 없어요.

강사. 정말 시키는 대로 했는데 안되면 오타가 있을거예요.

수강생. 오타 없다니까요.

강사. 시키는 대로 했고, 오타가 없으면 적용 될거예요.

수강생. 진짜 안돼요.

강사. (수강생 화면 보고) 여기 오타 있네요.

강사. A 하고, B 한 다음, C를 하세요.

강사. 다시 한번 설명합니다. A 하고, B 한 다음, C를 하세요.

강사. 천천히 다시 한번. A 하고, B 한 다음, C를 하세요.

강사. A 하고, B 한 다음, C 하셨어요?

수강생. 뭐 하라고요?

반응형
posted by 내.맘.대.로 2023. 11. 29. 10:28

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

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

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

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

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

라는 제목을 보고 들어오셨다면, 낚이셨습니다.

얼마 전부터 고정판형 EPUB3를 상담하는 출판사가 있는데

싸고 빠르게 만들어 준다는 업체가 있다. 너는 왜 그리 비싸게 받느냐 라고 묻더군요.

(물론 정중하게, 싸게 만들어 준다는 곳을 의심하며 물어본 거였어요)

그래서 저도 그 업체 처럼 만든다면 10만원이면 만들어 드릴게요.

대신, 품질은 보장 못합니다. 라고 했지요.

고정 판형(Fixed Layout) EPUB3는 PDF 처럼 페이지 단위로 판형을 고정한 형태의 EPUB입니다.

아래 캡처 이미지도 PDF처럼 보이지만 고정판형 EPUB3로 된 파일이에요.

PDF의 장점을 그대로 갖고 있지만 EPUB이기 때문에 표준 EPUB3 뷰어에서 볼 수 있습니다.

그런데 페이지 단위로 작업을 해야하기 때문에 제작 시간과 비용이 높을 수 밖에 없어요.

레이어가 복잡한 책을 인디자인 디자이너에게 맡기면,

페이지 당 3000원 ~ 5000원 정도 받을거예요.

(정확한 비용은 모르지만, 제가 겪어본 디자이너는 이정도 받더라구요)

인디자인이라는 훌륭한 WYSIWYG 편집기로 편집을 하는데 이정도 비용이 들어요.

그런데 EPUB은 인디자인처럼 오랜 기간 편집자와 함께 발전한 WYSIWYG 편집기가 없어요.

그래서 고정판형 EPUB3를 제작하려면, 코딩으로 복잡한 판형의 레이아웃을 잡아야 합니다.

비용이 한 없이 높아질 수는 없기 때문에 인디자인 페이지 제작 단가와 비슷한 비용이 나오는 이유에요.

그럼, 장당 5000원 잡고 300페이지짜리 책을 만들려면 최소 150만원.

여기에 팝업 주석이나 이미지 등 복잡한 스타일이 들어가면 비용이 더 오를 수 밖에 없지요.

그런데 어떻게 10만원에 만들 수 있을까요?

인디자인에서 고정판형 EPUB3로 내보내기 하면 됩니다.

그럼 쉽게 만들 수 있어요.

싸고 빠륵 만들어 준다는 곳은 인디자인에서 내보내기로 만들거나

PDF를 변환프로그램을 이용해 EPUB3로 변환한 곳이에요.

이렇게 만든다면 제작 비용은 10만원이면 충분합니다.

제작 기간도 2~3시간이면 충분하고요.

그럼 뭐가 문제인가?

인디자인에서 EPUB3로 저장한 후 Sigil로 파일을 열어보세요.

이게 왜 문제가 되는지 모르겠다며, 오른쪽 처럼 보이면 문제 없는거 아니냐는 사람도 많이 있어요.

그럼 이렇게 만들어 유통사에 등록하면 됩니다.

싸고 빠르게 만들어 유통사에 등록하고 만족해 하면 되요.

단가를 비싸게 받는 제작사는 어떨까요?

이 책의 코드는...

이렇습니다.

인디자인에서 떨군 것 보다 훨씬 깔끔하지요?

텍스트, 이미지 등의 개체가 들어갈 구역을 정리하고, 구역에 맞게 위치를 잡아 편집을 하기 때문에 코드가 깔끔해 집니다.

인디자인에서 내린 EPUB은 글자/단어 단위로 position을 잡아요.

인디자인으로 내린 EPUB3는 글자 한를 수정하려고 해도 힘들고, 이미지 위치를 변경하려면....

인디자인 편집을 다시 한 후 EPUB3로 내려야합니다.

EPUB3의 유지 보수가 불가능해요.

오류도 많습니다. 코드가 본문보다 많기 때문에 로딩 속도도 느리고,

뷰어에 따라 일관된 모양을 유지하기도 어려워요.

코드가 복잡하고 으면 오류 발생 가능성이 높을 수 밖에 없지요.

2021년, 2022년 멀티미디어 전자책 제작지원사업에서

인디자인 내보내기로 만든 EPUB3를 가져왔다가 최종 점검까지 통과 못하고 지원비용을 회수당한 출판사도 있습니다.

고정판형 EPUB3를 싸고 빠르게 만들어 준다는 곳이 있으면

샘플을 꼭 받아보세요.

그리고 Sigil로 열어 안에 코드가 어떻게 되어 있는지 확인하세요.

인디자인이나 PDF로 변환한 EPUB3라면 코드가 글자보다 많이 들어가 있습니다.

이런 코드를 모두 정리해 달라고 하면 '싸고 빠르게' 만들 수 없다고 할 거예요.

싸고 빠른 결과물은 대충 만들 수 밖에 없습니다.

대충 만든 결과물은 언젠가 엄청난 추가 비용을 들이게 되고요.

반응형
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. 5. 19. 09:56

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

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

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

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

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

재미있는 스타일이 많아 소개해드립니다.

 

[과학 추리반 아이들] 이라는 아동 도서입니다.

 

먼저, 독특한 테두리 스타일이 있습니다.

전자책으로는 조금 까다로와보이지요.

이 스타일은 이렇게 만들었습니다.

테두리의 물결 무늬가 작지요?

물결무늬를 종이책 처럼 깊게 넣으면, 여백을 많이 잡아야됩니다. 그럼 스마트폰처럼 폭이 좁은 기기에서 글자가 적게 들어가 가독성이 떨어지더군요. 그래서 물결무늬를 느낌만 살려 넣었습니다. 물결무늬를 크게 만드는 것도 얼마든지 가능합니다.

 

 

이런 페이지도 있습니다. PDF/종이책에서는 이렇게 보입니다.

노트 전체 내용이라 일부 내용을 보이지 않게 지운건 양해해 주세요^^

 

이 스타일은 노트 느낌을 살렸습니다. 

 

이런 박스글은 이미지로 넣는 편집자가 많은데, CSS로 편집하기 쉬워요. 가독성도 높고, 화면 크기에 맞게 배치도 잘 됩니다. 박스글은 되도록이면 이미지로 넣지 말고 스타일 편집을 하세요.

전자책에서는 이렇게 보입니다.

반응형