내 손으로 E-book 만들기 1 (E-Pub, Sigil)

금번에 전자책을 한 권 출판하게 되었습니다. 이 과정에서 공부하게된, 전자책 출판에 많이 사용되는 E-Pub 파일을 만드는 대표적인 툴인 Sigil을 소개하겠습니다.
영상에 사용된 Sample 파일은 다음의 블로그에서 다운 받을 수 있습니다.
blog.naver.com...
#EPub #Sigil #전자책출판

[@threethree_33_]

===========목차=========== 1:44 다운로드 방법 3:11 ePub파일 개념 4:05 명령어/태그 5:07 글 입력방법 6:13 챕터 6:29 이미지 추가 7:43 폰트 추가 10:06 표지 추가 10:26 사진파일 이름 관련 정보 11:07 책의 기본정보 추가 11:55 목차 관리 12:50 저장 (Ctrl+S)

[@TricksOffice]

초창기 영상이라 목차를 못달았었는데(다는 방법을 몰랐었죠... ^^;) 이렇게 대신 작업해 주셔서 감사합니다. ^^

[@threethree_33_]

@@TricksOffice ㅎㅎㅎㅎ아닙니다 사실 제가 찾기 편하려고 한거예요 히힛

[@threethree_33_]

@@TricksOffice 항상 좋은 영상 감사합니다!!

[@miracle0519]

왜 이렇게 좋은 것들이 많은 것인지... 어떻게 아시는지..꼭 필요한것들을 이렇게 잘~~ 감솨^^

[@김동현-z4q9z]

진짜 좋은 강의입니다. 감사합니다

[@rabbiduck_0318]

오호 기본적인건 어떻게 굴러가는지 알겠네요. 좋은 영상 감사합니다.

[@아늘강]

쉬운 설명 감사해요!

[@user-un5xt6cm4p]

설명이 너무 깔끔해서 쏙쏙~Sigil 켜놓구 하나씩 따라해보는데 너무 재밌네요. 감사합니다!

[@TricksOffice]

도움이 되셨다니 다행입니다. 자주 들러주세요. ^^

[@제이빌드]

전자책 제작에 대해서 이해가 안 가는 부분이 많았는데 찾아보다가 시청하게 됐습니다. 이해하기 쉽게 설명해 주셔서 감사합니다.

[@TricksOffice]

도움이 되셨다니 저도 기분이 좋네요. 차주에는 제가 실제 전자책을 만들고 출판했던 과정을 다뤄 볼까 합니다. 차주에도 기대해 주세요~~ ^^

[@jina6828]

전자책을 만들어보려고 강의들을 우연히 보게되었는데 꼼꼼히 잘 설명해주셔서 감사해요 ㅎㅎ 정말 잘 배우고 갑니다! ☺

[@jongkookkim8603]

정말 감사합니다.

[@hansdaisy5310]

정말 많이 도움 되었어요. 감사합니다.

[@TricksOffice]

도움이 되었다니 좋네요. 좋은 책 쓰시길~~ ^^ 다음에는 Calibre도 다뤄볼 생각입니다.

[@duolingo_pte_jeonmunga]

감사합니다!

[@이덕희-e3m]

설명이 이해가 쉽고 도움이 많이 됩니다. 감사합니다

[@TricksOffice]

도움이 되셨다니 다행입니다~ ^^

[@dokkaevi-jesus]

와 주석아 대단하다 도움 많이 됐어^^

[@TricksOffice]

도움이 되셨다니 다행이네요~ ^^

[@clescentia.h8573]

강의 보면서 열심히 만들어보고 있습니다! 간단하게 설명해주셔서 잘 따라가고 있는데 혹시 전체 이펍은 기본폰트로 하는데 목차를 다른 폰트로 변경할순없을까요??

[@TricksOffice]

가능할것도 같은데 잘 모르겠네요... 아, 그런데 유페이퍼에서 유통하실 계획이면 목차가 썩 마음대로 만들어지지는 않습니다.

[@김코코-e6r]

안녕하세요, 최근에 개인적으로 전자책을 만들어보고 싶다는 생각에 자료를 찾다 보니 이 영상을 발견하게 됐어요. 코딩?을 거의 모르는 상태인데도 이해하기 쉽게 말씀해주셔서 너무 좋네요! 그런데 영상을 보다가 궁금한 부분이 몇 가지 생겨 댓글 남깁니다 우선, 이미지를 삽입하기 위해서는 꼭 알집 프로그램을 다운 받아야 하나요? 그리고 이미지의 사이즈를 조절하는 법과 폰트 스타일 설명해주실 때 복붙하신 내용에 주석을 달아놓으신 것은 다른 이유나 기능이 있나요? 이미지 사이즈는 전자책 특성상 해당 파일을 다운 받는 디스플레이나 뷰어에 따라 알아서 크기가 맞춰지니 굳이 따로 설정할 필요가 없는 건가요? 정말 기본적인 부분이라 답답하실 수도 있겠지만 알려주신다면 감사하겠습니다!

[@김코코-e6r]

이 다음 영상을 보니 이미지 스타일에 대한 설명이 나와 있네요 그 부분은 다시 말씀 안 해주셔도 될 것 같아요! 만약 다른 질문들도 e북 재생목록에 있는 내용이라면 답 안 주셔도 괜찮아요:) 감사합니다!!

[@TricksOffice]

해보시다가 영 막히시면 언제든 문의 주세요. 개인 메일 주셔도 됩니다. [e-mail]

[@1_453]

상세한 설명, 눈높이 설명 감사합니다.그런데 표지디자인 이미지는 어떤 프로그램으로 만드셨나요?

[@TricksOffice]

이 당시 표지 디자인은 파워포인트로 했습니다. 아래 영상이 참고가 되실 듯 합니다. kzbin.info/www/bejne/r3SWo413jdeme6M 그리고, 이번에 만든 책은 부크크 사이트에서 종이책으로 출판하면서 디자인 의뢰했습니다. (25~30만원 정도 추가 비용이 발생합니다.) 이 과정은 아래 영상이 참고가 되실듯 합니다. kzbin.info/www/bejne/gX6ql2yIlJ6khrc

[@1_453]

@@TricksOffice 아..비싸네요..^^; ppt로 만드는책표지도 잘봤습니다. 도움이 많이 되었어요

[@TricksOffice]

@@1_453 도움이 되었다니 좋네요. ^^

[@TricksOffice]

저는 나름 합리적인 금액이라고 생각했었습니다. 만약 내가 직접 만든다고 치면 2~3일은 꼬박 작업해야 할텐데, 내 한달 월급을 200만원으로 가정하고 한 달 20일 근무를 기준으로 보면 실제로도 20~30만원 정도의 비용으로 계산될 수 있겠구나... 라고 생각 했거든요. 그런데, 저보다 훨씬 감각이 좋은 분의 디자인을 가져오는 것이니까요... 물론, 그분들은 저보다 훨씬 짧은 시간에 완성하시겠지만 말이죠...

[@eskwon3028]

좋은 강의 너무 감사합니다. 저는 미국주식에 대해서 전자책 만들어보려고 합니다. 그런데 pc에서 주식차트 이미지를 copy하고 화살표로 표시하여 설명을 잘고 하는 등의 이미지 편집을 하려면 어떤 툴이나 사이트를 참고할 수 있을까요?

[@TricksOffice]

여러가지 툴이 사용이 가능할텐데요. 의외로 파워포인트도 쓸만합니다. 저같은 경우에는 파워포인트를 많이 썼습니다. 파워포인트에서 편집한 다음에 편집한 내용을 전체 선택한 다음 마우스 우클릭 → 그림으로 저장을 하시면 이미지 저장이 가능합니다.

[@nowplaying8305]

강좌 감사합니다. 혹시 calibre 프로그램 사용하시면 강좌부탁드려도 될까요? ㅎ

[@TricksOffice]

엇... Calibre는 안써봤었는데... 공부해 볼께요.

[@nowplaying8305]

@@TricksOffice 감사합니다^^ 전자책 관리 프로그램같던데 너무 어려워서요 ㅎㅎ

[@TricksOffice]

이번에 만들 전자책은 Calibre로 만들어 보고, 그 과정을 영상으로 담아보겠습니다. 이거... 재미있는데요... ^^ Sigil은 Editor전용이라면 Calibre는 종합이네요... 책 관리 + Viewer + Editor... 영상을 만들고 업데이트 할 때 까지 시간은 좀 오래 걸릴 듯 합니다. 지금 만들고 있는 책이 21년 2월쯤 출판할 계획이니... 아마도 21년 2월~3월쯤 다루게 되지 않을까 생각됩니다. (만들고 있는 책이 조금 빨리 만들어지면 영상을 다루는 시점도 조금 빨라질 것 같고요. ^^)

[@spsh9314]

PDF보다 EPUB가 전자책 작성하기에는 더 편리하네요.

[@TricksOffice]

더 적합하기도 하다고 생각 합니다. 물론 보다 이쁘게 꾸미려고 생각하면 점점 어려워질 수도 있겠지만요... ^^;

[@소립자-c7i]

E-pub 파일은 모바일에서도 볼 수 있는 건가요? 아니면 이북리더기 같은 특수한 디바이스가 필요한 건가요?

[@TricksOffice]

모바일에서도 보실수 있습니다. 자주 사용하시는 전자책 프로그램(리디북스, 교보 등)이 있으면 거기서 볼수도 있고 왠만한 텍스트 리더 프로그램 (moon reader 등) 에서도 보실수 있습니다.

[@소립자-c7i]

@@TricksOffice 영상에 나온 대로 폰트를 설정하려고 해봤으나 (ttf 파일 삽입, css 문법 설정, css 시트와 html 문서 연결) 되지 않는 이유는... 무엇일까요...

[@TricksOffice]

@@소립자-c7i 샘플 파일을 보내주실 수 있으신가요? 실제 파일을 보지 않고는 답변을 드릴 수 있는 내용이 한정적일것 같습니다. [e-mail]

[@꾸운-t4c]

안녕하세요 선생님 영상으로 도움이 많이 되었습니다. 감사해요!!☺ 하나 여쭤보고 싶은게 있는데 'o제목o' 에서 양쪽 o 부분에 이미지를 넣고 싶은데 가능할까요?? 저는 꼭 위아래로만 들어가는줄 알았는데 다른 전자책을 보니 양쪽은 아니어도 한쪽에 이미지를 넣고 텍스트를 따라 커지고 작아지고 하더라구요.. 혹시 양쪽 가능할까요??ㅜㅜ

[@TricksOffice]

가능할듯 합니다. 사용할 텍스트 앞/뒤에 이미지 삽입하면 가능합니다. 단, 이미지 크기를 글자 크기에 맞춰야 합니다. sigil에서 텍스트 앞/뒤로 이미지 삽입한 다음에 삽입된 이미지 옵션 중에 style='height:숫자px;' 로 이미지 크기를 조정하시면 될겁니다. 제목

[@안명길-d8j]

안녕하세요? 이미지파일 십입을 시도해 보았느데, AttValue: "or' expected 라는 에러 사인이 뜨는데, 무슨 의미인가요?

[@TricksOffice]

“ 또는 ‘ 로 닫혀야 되는데 닫히지 않았을때 주로 뜨는 메세지로 알고 있습니다. 예를 들면 “이미지 소스” 이런식으로 입력되어야 하는 구간을 “이미지 소스 이런식으로 닫힘 따옴표가 빠졌을 때 주로 생길듯 합니다.

[@라라-t6u2o]

구름다리 같이 월정액 서체도 사용가능할까요?

[@TricksOffice]

기능 구현 자체는 가능한데, 사용 가능에 대한 부분은 라이센스 약관에 따라 다를 것 같습니다. 뭐라고 정확히 답변 드리기가 어렵네요.

[@라라-t6u2o]

@@TricksOffice 답변감사합니다^^ 혹시 sigil 에서 서체 사용 갯수는 제한이 없을까요?

[@TricksOffice]

@@라라-t6u2o 기본적으로 HTML 문서라고생각하면 되니까 제한은 없다고 보는게 맞을것 같습니다.

[@0701bookcafe]

이미지를 넣고 width100을 줬는데 미리보기에서는 잘 적용되어서 나오지만 유페이퍼라는 사이트에 업로드를 하고 보면 사진이 확장되어 2페이지로 나옵니다 어떻게 해야할지 답글주시면 감사하겠습니다

[@TricksOffice]

그래서 저는 보통 폭을 %로 주는 방향을 많이 선택했었습니다. 그리고 가능하면 100% 보다는 조금 작게 했었습니다. width:95% 이런 식으로요.

[@0701bookcafe]

@@TricksOffice 그렇게 해도 안되면 버전을 줄여봐야겠네요ㅜ 답글 감사합니다^^

[@TricksOffice]

@@0701bookcafe 네, 고생 많으십니다. 이쪽이 정답이 없는것 같더라고요... 유페이퍼 정책 자체는 나쁘지 않다고 생각하는데, 적용되어 있는 검증 로직이 너무 옛날 로직인것 같고, 에디터에서도 멋대로 바꾸는 영역이 좀 있는것 같아서, 원하는 대로 잘 안되는 경향이 있는것도 사실이더라고요... 뭐... 적은돈으로 출판이 가능하니 만족하긴 하지만, 아쉬움이 없다면 거짓말이겠죠.

[@0701bookcafe]

@@TricksOffice 그러게요ㅜ 방금 말씅해주신대로 95 90으로도 해봤는데 똑같은 현상이ㅜㅜ 아마도 유페이퍼에서 1.7.0 버전은 아직 제대로 수용을 못하는거 같습니다ㅎㅎ 버전다운으로 가봐야겠네요~~

[@Rozen0411]

혹시 이펍파일 만들때 특정 부분만 글꼴을 설정하는 방법이 있나요? 진하게나 기울이기 말고 글꼴 자체를 특정 한개로 보이게 하는 방법을 알고싶어서요

[@Rozen0411]

따로 폰트를 설정한다는게 아니라 한글파일 처럼 특정부분만 기본폰트중 다른 한가지로 바꾸는 방법이 있나 궁금해서요

[@TricksOffice]

스타일로 지정해야하고, 폰트도 저장해야하고 설정이 좀 까다롭긴한데 방법은 있습니다. 제가 다룬적은 없지만, 정리된 자료가 있는지는 한번찾아볼께요.

[@TricksOffice]

일단, 아래 링크처럼 해서 스타일 파일도 손보고, 폰트 파일도 저장해 둬야 합니다. penguingoon.tistory.com/147 스타일에 다음과 같이 만들어 졌다면요. (해당 링크의 글이 제주 명조 폰트 기준이니 그 기준 그대로 말씀 드릴께요.) @font-face { font-family: "jeju"; src: url(../Fonts/JejuMyeongjo.ttf); } 특정 부위만 폰트를 바꾸고 싶으신 곳에, ... 가 아니라 ... 로 해두면 해당 영역만 폰트가 바뀔 겁니다. 그런데, 이와 같은 방식으로 만들면 아마도 유페이퍼에서는 나중에 승인 받을 려고 할 때 잘 안될 가능성이 있습니다. 별로 추천하고 싶은 방법은 아니네요... 유페이퍼에서도 꼭 폰트를 수정해서 유통하고 싶으시다면, 다음과 같이 하면 원하시는 영역만 폰트를 바꾸는게 가능할 지도 모르겠습니다. (이건 직접 사이트에서 해봐야 해서 자신은 없네요... ) ... 그런데, 이렇게 하려면 영역에 대해서는 스타일에서 폰트가 지정되어 있지 않아야만 가능합니다.

[@Rozen0411]

@@TricksOffice 앗 직접 찾아다 주시다니 정말 감사드려요 잘 참고할게요 감사합니다 :) 올려주신 강의 영상도 이해가 잘 되게 만들어주셔서 이펍파일만 7개나 만들었어요 근대 글꼴 문재가 자꾸 해결이 되지 않아 고생이였는데 감사합니다

[@rlu3379]

너무 잘 봤습니다. 그런데 미리보기가 실시간으로 적용되서 보여지는거 같은데 제 컴퓨터에서는 수동으로 미리보기를 실행해야 바뀌네요. 이건 어떻게 해야 되나요??

[@TricksOffice]

엇... 그래요? 시길 버전 차이로 인한 현상인가? -.,-; 정확히는 잘 모르겠네요... ㅠ.ㅠ

[@김민우-z3y4b]

시길로 만들 때, 출처 url 을 적으려 하는데 오류가 납니다.. ㅜㅜ 일반적인 책 내용을 적으면 창을 줄이면 글씨들이 저절로 밑으로 내려가잖아요 ?그런데 사진 첨부를 하고 출처 url을 적으면 글씨들이 내려가질 않고 쭉써지고 화면에서 잘리게 됩니다 어떻게 해야 하나요 제발 알려주세요 ㅠㅠ

[@TricksOffice]

주말에 한번 확인해 볼께요.

[@TricksOffice]

URL글이 이미지 같이 묶여서 그런것 같습니다. xhtml파일쪽 에서

[@지인-r7g]

선생님 시길을 설치했는데 북브라우저가 저한테는 없네요 왤까요ㅠ

[@TricksOffice]

메뉴에서 보기에 있는 탭중에 북브라우저 또는 책 찾아보기가 체크 해제 되어 있는 것은 아닌지요?

[@HUMANLIFE-up2kv]

감사합니다!