{"id":167,"date":"2020-04-11T16:07:36","date_gmt":"2020-04-11T16:07:36","guid":{"rendered":"https:\/\/pressbooks.library.ryerson.ca\/ebooks\/?post_type=chapter&p=167"},"modified":"2021-08-30T19:32:41","modified_gmt":"2021-08-30T19:32:41","slug":"tutorial-1-epub-from-indesign","status":"publish","type":"chapter","link":"https:\/\/pressbooks.library.torontomu.ca\/ebooks\/chapter\/tutorial-1-epub-from-indesign\/","title":{"raw":"Tutorial 1 \u2022 ePub from InDesign","rendered":"Tutorial 1 \u2022 ePub from InDesign"},"content":{"raw":"In this tutorial we will be creating a reflowable ePub from InDesign and viewing it in Apple Books. When creating your ePub keep in mind the \u201cSix Caveats of ePub\u201d:\r\n\r\n\r\n\r\n\r\n
Six Caveats of ePub<\/strong><\/td>\r\n<\/tr>\r\n
1.\u00a0\u00a0\u00a0\u00a0 Keep it simple\r\n\r\n2.\u00a0\u00a0\u00a0\u00a0 Maximum of one picture and one caption per page\r\n\r\n3.\u00a0\u00a0\u00a0\u00a0 Everything must be inline\r\n\r\n4.\u00a0\u00a0\u00a0\u00a0 Style all text\r\n\r\n5.\u00a0\u00a0\u00a0\u00a0 Create cover as JPEG\r\n\r\n6.\u00a0\u00a0\u00a0\u00a0 Use a Table of Contents Style<\/td>\r\n<\/tr>\r\n<\/tbody>\r\n<\/table>\r\n

What You will Need<\/h2>\r\n
    \r\n \t
  1. text in .doc or .txt format, 500+ words<\/li>\r\n \t
  2. photo for full width of page, 144 ppi<\/li>\r\n \t
  3. photo for 1\/4 page, 144 poi<\/li>\r\n<\/ol>\r\n

    Create Document<\/h2>\r\n
      \r\n \t
    1. Open a new InDesign document > 384\u00d7768 px portrait with Primary Text Frame. The page size does not really matter because ePubs have no pages, the \u201cpages\u201d are created by the eReader app. However 384\u00d7768px\u00a0looks on a Mac monitor closely resembles the eBook\u2019s appearance on an iPad.<\/li>\r\n \t
    2. Place the tutorial text into the document.<\/li>\r\n \t
    3. Define a picture box for the photos, then place photos on the Pasteboard, size as desired, and place inline with the text (cut and paste with the Text tool). Defining the picture box first avoids getting an unmanageably large image on the pasteboard. Object > Fitting > Fit Content Proportionally will fit the image into the picture box you defined. Then Object > Fitting > Fit Frame to Content will size the picture box to the proportionally-fit picture.<\/li>\r\n \t
    4. On export to ePub, InDesign will shrink images to less than full width. For full-width images, select Object > Object Export Options and set for ePub > Custom Width: 100%.<\/li>\r\n<\/ol>\r\n[caption id=\"attachment_562\" align=\"aligncenter\" width=\"407\"]\"Object<\/a> Setting Object > Object Export Options > EPUB and HTML > Custom Width: 100% will keep images intended to be full-width at the intended size.[\/caption]\r\n

      Set Up Paragraph Styles<\/h2>\r\nSet up Paragraph Styles according to the table and apply to the respective text and photos.\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n
      Paragraph Styles for ePub<\/strong><\/td>\r\n<\/tr>\r\n
      Style<\/strong><\/td>\r\nUsed for<\/strong><\/td>\r\nSettings<\/strong><\/td>\r\n<\/tr>\r\n
      p<\/strong><\/td>\r\nparagraph (body)<\/td>\r\n\u2022 Palatino Regular 14\/Auto\r\n\r\n\u2022 12pt space before\r\n\r\n\u2022 Keep first 2 and last 2 lines together\r\n\r\n\u2022 Export tagging: <p><\/td>\r\n<\/tr>\r\n
      h1<\/strong><\/td>\r\nheading 1<\/td>\r\n\u2022 Palatino Bold 18\/Auto\r\n\r\n\u2022 12pt space before\r\n\r\n\u2022 Choose colour\r\n\r\n\u2022 Export tagging: <h1><\/td>\r\n<\/tr>\r\n
      img<\/strong><\/td>\r\nimages<\/td>\r\n\u2022 Palatino Regular, 12\/Auto\r\n\r\n\u2022 12pt space before, align center\r\n\r\n\u2022 Export tagging: <p><\/td>\r\n<\/tr>\r\n
      caption<\/strong><\/td>\r\ncaptions<\/td>\r\n\u2022 Palatino Italic, 10\/Auto\r\n\r\n\u2022 Indent 24px left and right\r\n\r\n\u2022 Keep with previous\r\n\r\n\u2022 Export tagging: <p><\/td>\r\n<\/tr>\r\n<\/tbody>\r\n<\/table>\r\n

      Create Table of Contents<\/h2>\r\n
        \r\n \t
      1. Create a Layout > Table of Contents Style > and select h1 as the style to include.<\/li>\r\n \t
      2. Name the TOC Style something you will remember.<\/li>\r\n<\/ol>\r\n

        Export to ePub (Reflowable)<\/h2>\r\n
          \r\n \t
        1. File > Export > ePub (Reflowable)<\/li>\r\n \t
        2. Choose EPUB3 format.<\/li>\r\n \t
        3. Select the cover image provided or make your own in JPEG format.<\/li>\r\n \t
        4. Select the TOC Style that you created.<\/li>\r\n \t
        5. Check Split Document and set to <h1> so each heading will start on a new page.<\/li>\r\n<\/ol>\r\n[caption id=\"attachment_565\" align=\"aligncenter\" width=\"602\"]\"Epub<\/a> Split Document set to h1 starts headings on a new page.[\/caption]\r\n

          Open in Books<\/strong><\/h2>\r\n
            \r\n \t
          1. Open the ePub in iBooks and see how the page layout, text, and photos compares with the InDesign document.<\/li>\r\n<\/ol>\r\n

            Instructional Video<\/h2>\r\n[embed]https:\/\/youtu.be\/KlD26CS1jr8[\/embed]","rendered":"

            In this tutorial we will be creating a reflowable ePub from InDesign and viewing it in Apple Books. When creating your ePub keep in mind the \u201cSix Caveats of ePub\u201d:<\/p>\n\n\n\n\n
            Six Caveats of ePub<\/strong><\/td>\n<\/tr>\n
            1.\u00a0\u00a0\u00a0\u00a0 Keep it simple<\/p>\n

            2.\u00a0\u00a0\u00a0\u00a0 Maximum of one picture and one caption per page<\/p>\n

            3.\u00a0\u00a0\u00a0\u00a0 Everything must be inline<\/p>\n

            4.\u00a0\u00a0\u00a0\u00a0 Style all text<\/p>\n

            5.\u00a0\u00a0\u00a0\u00a0 Create cover as JPEG<\/p>\n

            6.\u00a0\u00a0\u00a0\u00a0 Use a Table of Contents Style<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n

            What You will Need<\/h2>\n
              \n
            1. text in .doc or .txt format, 500+ words<\/li>\n
            2. photo for full width of page, 144 ppi<\/li>\n
            3. photo for 1\/4 page, 144 poi<\/li>\n<\/ol>\n

              Create Document<\/h2>\n
                \n
              1. Open a new InDesign document > 384\u00d7768 px portrait with Primary Text Frame. The page size does not really matter because ePubs have no pages, the \u201cpages\u201d are created by the eReader app. However 384\u00d7768px\u00a0looks on a Mac monitor closely resembles the eBook\u2019s appearance on an iPad.<\/li>\n
              2. Place the tutorial text into the document.<\/li>\n
              3. Define a picture box for the photos, then place photos on the Pasteboard, size as desired, and place inline with the text (cut and paste with the Text tool). Defining the picture box first avoids getting an unmanageably large image on the pasteboard. Object > Fitting > Fit Content Proportionally will fit the image into the picture box you defined. Then Object > Fitting > Fit Frame to Content will size the picture box to the proportionally-fit picture.<\/li>\n
              4. On export to ePub, InDesign will shrink images to less than full width. For full-width images, select Object > Object Export Options and set for ePub > Custom Width: 100%.<\/li>\n<\/ol>\n
                \"Object<\/a>
                Setting Object > Object Export Options > EPUB and HTML > Custom Width: 100% will keep images intended to be full-width at the intended size.<\/figcaption><\/figure>\n

                Set Up Paragraph Styles<\/h2>\n

                Set up Paragraph Styles according to the table and apply to the respective text and photos.<\/p>\n\n\n\n\n\n\n\n\n
                Paragraph Styles for ePub<\/strong><\/td>\n<\/tr>\n
                Style<\/strong><\/td>\nUsed for<\/strong><\/td>\nSettings<\/strong><\/td>\n<\/tr>\n
                p<\/strong><\/td>\nparagraph (body)<\/td>\n\u2022 Palatino Regular 14\/Auto<\/p>\n

                \u2022 12pt space before<\/p>\n

                \u2022 Keep first 2 and last 2 lines together<\/p>\n

                \u2022 Export tagging: <p><\/td>\n<\/tr>\n

                h1<\/strong><\/td>\nheading 1<\/td>\n\u2022 Palatino Bold 18\/Auto<\/p>\n

                \u2022 12pt space before<\/p>\n

                \u2022 Choose colour<\/p>\n

                \u2022 Export tagging: <h1><\/td>\n<\/tr>\n

                img<\/strong><\/td>\nimages<\/td>\n\u2022 Palatino Regular, 12\/Auto<\/p>\n

                \u2022 12pt space before, align center<\/p>\n

                \u2022 Export tagging: <p><\/td>\n<\/tr>\n

                caption<\/strong><\/td>\ncaptions<\/td>\n\u2022 Palatino Italic, 10\/Auto<\/p>\n

                \u2022 Indent 24px left and right<\/p>\n

                \u2022 Keep with previous<\/p>\n

                \u2022 Export tagging: <p><\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n

                Create Table of Contents<\/h2>\n
                  \n
                1. Create a Layout > Table of Contents Style > and select h1 as the style to include.<\/li>\n
                2. Name the TOC Style something you will remember.<\/li>\n<\/ol>\n

                  Export to ePub (Reflowable)<\/h2>\n
                    \n
                  1. File > Export > ePub (Reflowable)<\/li>\n
                  2. Choose EPUB3 format.<\/li>\n
                  3. Select the cover image provided or make your own in JPEG format.<\/li>\n
                  4. Select the TOC Style that you created.<\/li>\n
                  5. Check Split Document and set to <h1> so each heading will start on a new page.<\/li>\n<\/ol>\n
                    \"Epub<\/a>
                    Split Document set to h1 starts headings on a new page.<\/figcaption><\/figure>\n

                    Open in Books<\/strong><\/h2>\n
                      \n
                    1. Open the ePub in iBooks and see how the page layout, text, and photos compares with the InDesign document.<\/li>\n<\/ol>\n

                      Instructional Video<\/h2>\n