Create an interactive E-Magazine in Adobe InDesign
Вставка
- Опубліковано 23 бер 2020
- Follow along in my latest #tutorial and #learn how to create an interactive e-magazine layout in Adobe InDesign. Topics include adding interactive tools such as Object States, Buttons and Forms as well as Animation. I also go over how to Export as an EPUB (Fixed Layout) for iPad and e-Readers.
Full tutorial: bit.ly/2JceKJd
Twitter: / angelomontilla
Facebook: / montilladesign
Instagram: / amontilla.design
#design #branding #printdesign #graphicdesign #adobe #adobeindesign
Doing an InDesign course right now which focuses more on traditional print, but was curious how to approach a web-friendly e-magazine and found this tutorial. Looks awesome and will experiment with this over the holidays. Thanks for sharing this!
TNice tutorials is actually a very good and straight forward tutorial. No having ask questions or guess, no over-explaining elents, and brings
This is the best Indesign video to teach the interactive effect that I can find lucky, great thanks for doing this!!
I can't thank you enough for posting this. Your clear direction was exactly what I needed. Nice to see such good design in an instructional video as well.
Mimi Garrity Denman That’s great! I am glad it was helpful for you!
I dont mean to be off topic but does anybody know of a method to log back into an Instagram account..?
I was dumb lost the password. I appreciate any tricks you can give me.
@Hudson Wells Instablaster :)
@Chaim Terrance i really appreciate your reply. I got to the site through google and I'm in the hacking process now.
Seems to take quite some time so I will reply here later with my results.
@Chaim Terrance It did the trick and I finally got access to my account again. I am so happy!
Thanks so much, you saved my ass!
Thanks for the great tutorial. I'm working on making an e-magazine for my current class and this is incredibly helpful!
Hi Samantha! I am glad you found it helpful! :)
I have enough experience that this makes sense. Love the colors and layout!
Hey, that's fantastic! Thanks! Also the recipe style tip can be EXTREMELY useful for creating a table of contents with page numbers. It literally saved me :)
Just found this tutorial and it is wonderful! You explain everything clearly and you even show how you fixed the problem with the button on the third page. I am just getting into doing this myself, having never had to use this particular function in InDesign before. My pages were all very much static for print. LOL! Thanks for a great tutorial!
Glad it was helpful Liz! Thanks for watching!
@@AngeloMontilla, you are quite welcome! Looking forward to watching your other tutorials.
Thank you Angelo, thanks a lot, i thought InDesing was not for me, and you have allowed me to love it
Outstanding video, thank you so very much. I learned some cool new tricks that I will definitely be using. I’m so grateful for your videos, they’re such great quality ad encompass areas of InDesign that are hard to find in other videos.
Fantastic! Thanks so much for sharing your knowledge.
You must’ve known I’d need this today 😃 thank you!
Glad I could help! :)
Love this tutorial! It was so informative and your teaching style is easy to follow along! I was wondering if you could do a class (lesson?) on formatting for an e-magazine. Like the steps taken to making these 2 pages! It would be greatly appreciated :)
Thanks for the comment Kimberly. I am glad you found this helpful! I'll keep that tutorial in mind: Creating a e-magazine document and going through the design process.
This was fun! I'm working on a portfolio PDF and was looking for ways to kick it up a notch. This was very helpful.
wow, all your tutorial is easy to follow though it's not for the newbies to InDesign. I hope to see more techniques from you. TY!
Thanks Roberto! Glad to help!
Thanks Angelo ! your tutorials easy to understand and very practical , keep going .. best
Thanks for the support!
Wonderful tutorial!! Thank you for sharing......
Watching, enjoying and learning from Guatemala!!!!
Keep making more Indesign videos!! Your tutorial is so helpful
I am glad you are finding my InDesign tutorials helpful. Yes, plenty more to come.
this is the best video ever! thank you for not editing out the error and then showing us WHY >>>> I have stuff happen all the time when learning tricks and i never can understand why ... THIS WAS AWESOME >>> Thank you ...
No problem! Never be afraid to make mistakes, that’s the best way to learn! Take care.
Thank you Angelo! This has helped me so much!
very helpful and easy to follow, thanks for the tips!
well done great tutorial
You're an awesome teacher dude! Thank you!
Thank you so much Anthony. I am glad you found it helpful!
Great tutorial! Thanks a lot!
This was very helpful! Thank you
Angelo fantastic work...
you are a really good teacher! please do more videos :)
Thanks Mariana! 🙂
Thank you for this. Really helpful
What a nice tutorial! I really liked it! Keep going! Liked subscribed!
Thanks for the support Michael! Glad you found it helpful!
this is great man that's what i was talking about with you over facebook realy thanks alot
NOK INDESIGN My pleasure! Thanks!
Awesome!!
your method so cool, thank you so much
Thanks Angelo
Hello!
Your tutorials are amazing. Thank you so much for sharing your knowledge.I was wondering if you have a tutorial that explains how to create this layout you have created. Its stunning.
amazing video..! thanks a lot
Thanks Angelo..... Its more useful Thanks a Lot. Your Teaching style is so nice....
Thanks! Glad it helped you.
My no.1 InDesign teacher!
Thank you very much Angelica!
Your videos have been so helpful! Thank you!! I do have a question - I finally was able to upload my epub to my Wordpress site but cannot figure out how to put it on a page for people to open and read. Is this impossible?
i need you here next to me to help me with my final project ahhhhhhhhhhhhh !!!! i
amazing video you are very clear and profesional.....
well donee
Hi, it is a great tutorial! Thank you for sharing! Is there a way that I can get the file you use in the tutorial?
Hey Angelo! Thanks for the helpful tutorial. Will this work if we export in HTML as well to show on a website?
Did you figure this out? I am also looking to host something like this on a web page
Thanks, man! YOu're awesome!
You're welcome!
Great tutorial! Is the 1024 x 729 resolution chosen bc it performs well across most EPUB readers? Is there a reason to not go to higher resolutions for "pro" hardware users? I'm curious if the lower resolution appears pixelated on higher resolution viewers
Hello and thanks Joshua! The recommended display dimensions for EPUB readers is 1024 x 768, but you could certainly go up from there. Just remember to export as an EPUB (Fixed Layout) for best quality.
Thank you 👀👏👏👏
Thank you Angelo. If I may ask you one question. When designing an ebook in InDesign, are there any design limitations/concerns you need to consider? I know there are different readers, and if ebook readers are like web browsers, each one renders a page differently, and so what is the best way to proceed to ensure that the book/page you design can be viewed as intended on each reader? Thanks.
Hey there. Thanks for the question. I would just say always consider what the purpose of the design is and what platform/device it'll primarily be viewed on. As long as you create with exact dimensions in mind, you should be fine!
Very good and funny videos bring a great sense of entertainment!
Thanks!
I REALLY LIKE YOUR DESIGNS TOO
Thanks Lee!
Great,Thanks
Very welcome. Glad it helped you!
great man ! can u making packaging design tutorial ? please respect !
Oh man you are saving me
very Helpful Thank you Sir
Happy to help
You Great
I'am from iraq 😍😘
Really informative video, thanks a lot! I have one question.. Is there any other way then iBooks to export to?
Hey there! You can use InDesign's Publish Online feature, which will host the work on an Adobe server. However you can embed the work into websites with the embed code provided. Hope that helps!
Hi Angelo, is it possible to roll over the button for a text box (state) to appear but it disappears when the cursor moves off the button? Thanks for your tutorial and help.
Hi Anneli, yes you can add multiple actions to one button. I cover it in this tutorial. Take care! ua-cam.com/video/qJW-1SfT5Xg/v-deo.html
Thank you for your videos!! How can we publish it?
That's a really cool tutorial ! I just have a question however, I've created a magazine but when I export it as ePub (Fixed Layout), I see that people can easily take out the pictures from it in high quality. Is there a solution to fix this problem so the pictures cannot be taken ? Thank you very much in advance:)
That's a great question and one that I never really thought about. I guess as a photographer you want to protect your images, right? I don't see a setting that restricts people from downloading high-res images from an ePUB, but if I come across anything I will let you know. Thanks!
@@AngeloMontilla Thank you very much for your answer. Yes exactly some of the pictures in it, I can only sale on limited edition (30 prints), so that's why I cannot unfortunately do an ePub version of the magazine if people can download high-res images from it.
Nice video! Just want to ask how you'll save it or export it so that you could publish it in online platforms like issuu.com?
I also would like to know this, or any other platform.
Hello! I love this! Is it possible to send this as a flipbook on an embed email?
Hey there! Most Flipbook sites can support interactivity within the uploaded PDFs, but you won't be able to have animation. Hope that helps. Thanks for watching!
hey, i recived an error message, unable to open epub file and errors were encounterd .so how I fix it .hope ur response thank u.
windows user
this animations and hover text effects works only epub mode ? can we use in normal pdf files ?
Hi Reeder, Animation isn't supported for Interactive PDF, so it won't work on that platform. You can either publish online or view in a ePub reader.
Hi Angelo, I too am grateful for your videos as they have gotten me through this project. However I am stumped, I watched your 'adding sound' which i total get, but I'm trying to figure out how to have it play in a loop over the whole 24 pg doc (.indd pub online) can't seem to find the answer
Hey Meridith! Thanks for watching and learning! :) As far as I know, it's not possible to navigate through pages for Publish Online while having the sound play throughout. I know that was a PDF Interactive feature, but I don't believe it translates to online. When you place your audio on the page, go to Window > Interactive > Media. In the Media panel (with the audio clicked on the page) you will see some options there to Play on Page Load and Stop on Page Turn. The latter was set for those that didn't want sound to play past that page. But again, that was meant for PDF Interactive.
@@AngeloMontilla thanks for responding, seems like it would be easy, so frustrating that I can't. I'll let you know if I figure out work around.
Great tricks. Please help! An interactive scroll bar was created in another video does it work only if you publish it online on a website or does it work once it's created as a downloadable PDF file?
Hi Roopali, that will only work for Publish Online/EPub. Unfortunately not for PDF Interactive. Take care!
I have a question! When we want to publish online can we have a custom link? OR is it through adobe creative cloud services?
Hey Rya! Adobe creates a custom link through the Creative Cloud services. So it'll only work if you're subscribed. Once it's published, you can embed the project to your own site. The work will live on that Adobe site so long as you're a subscriber.
How do I export this so that the interactive features are active?
Angelo hello, but without the epub reader, we can't see the animation, right?
Hi, Thanks for doing these kind of videos, I have a question, how I hide the content after it shows?, I have to activate an other stage, if the answere is yes, how i could do that? Could you expleane these please.
Hi there Ochoa! In this video, I used Object States to have each appear and be hidden when clicking the next one. Check out my other vides on how to use the Show/Hide Buttons and Forms action, which may be useful for you. I am glad you are finding my content helpful!
Hi, is there anything that you would update with this tutorial for 2024, I working toward creating a digital magazine, would you still use the same presets? Thanks for your help.
Hi Kimberly! This video is a great starting point. Nothing has changed in terms of tools used. Once you get comfortable with this video, check out my other tutorials to advance your digital publishing skills! Thanks!
Hi Angelo! What application can I use for Windows? Thank you for this nice tutorials!
Hey Annie! You can use InDesign for Windows as well. Is that what you mean?
Hello Angelo, I am referring to the file reader. And also how do you upload your file online? Thank you.
@@iamstonesteel - The most common EPUB reader for Windows would be Adobe Digital Editions, but there are certainly others. As for how to publish online, this can be done by going to File > Publish Online or simply clicking on the Publish Online button in the upper right hand corner of the workspace. It will upload to an Adobe-hosted site and from there you can share the link with clients or even use an embed code to publish the EPUB right to a website. Hope this helps!
@@AngeloMontilla Thank you so muchhhh! You the best!
@@iamstonesteel Glad it helped you!
Thank you so much for making this video. However, may i ask about converting this document into pdf format? and then can i open this in my laptop or android mobile phone?
Hey Toet. It will not work for PDF Interactive. Use the Export > EPub (Fixed Layout) option and view in an e-reader.
@@AngeloMontilla Ok.. Thanks for the responds
When I saw that iPad with the Apple pencil and an InDesign document opened thereon, I couldn't help but think... finally InDesign comes to the iPad.😐
Hello, I am a newsletter editor for a non-profit, and 1 of the newsletters I produce in ID is both printed, and published online then the link is emailed, and embedded on our website. I am wondering if I create an epub, would I need to also create a separate version for print? I am mainly curious about what the document would look like on the "Download PDF" option on the online publishing link. Would it show all the final states of the interactive version, ie, your sliding title? I am also inquiring because we have a national magazine, which at this time is only available via print copy, but we would like to offer an online subscription too. My newsletter is printed on standard letter size with borders, but I know the magazine prints to the edge of the page. Thanks!
Hi Angelo,
Your buttons work as object multi-states which unfortunately don't work in interactive PDF is there a work around to get the same functionality in Interactive PDF?
I would like to click on my buttons and for a text box to appear.
Thanks
Hi Oliver! This method won't work for Interactive PDF. You'll need to apply the Show/Hide Buttons and Forms. You will find these tutorials more useful for what you're trying to do.
Learn how to create index buttons for Interactive PDF in Adobe InDesign: ua-cam.com/video/Ygy0-2OrrGY/v-deo.html
Create interactive rollover buttons in Adobe InDesign: ua-cam.com/video/YODPFCOuts8/v-deo.html
hello is this only gonna work if the file is created in the web? 1028x724
i would appreciate hearing back from you thanks!
Hi JM, this will work on any document you set up, but you should know your project intensions before starting. It's better to set up a web document as it will be displayed on screens, rather than printed materials. Best of luck.
Can this indesign e-pub be imported in other epub creating app such as kotobee reader...
Just downloaded Kotobee to test it out and it works. Some of the fonts didn't carry over, which is odd. I can look into it and get back to you. Thanks Joaash!
Also, Adobe Digital Editions is another e-reader that is very reliable and available for Windows.
Great Creative Tutorial...
May i ask about the Fonts you Used.?
Thanks! The typeface is Gotham throughout!
Hello Angelo, how is it possible to navigate among website pages? thank you
Hey! I'll be covering this topic in my next lesson, so please stay tuned.
what needs to be set up at the web hosting outfit for the magazine to appear properly on a website? I don't yet understand how to publish a magazine online. Can anyone help?
Hey Mi. Do you mean adding the project to your own site? The simple way is using the Publish Online tool built into InDesign and then embedding the code to your site. Now if you want to have a specific URL to the project and host it directly on your site, you'll have to export as an HTML and then use a program like dreamweaver or similar to develop the final product. It's more complex and if you don't know how to program, you'll have to find someone that does. I really hope that answers your question. Best of luck.
Hello Sir, I have a Question, If i want to animate my magazine and want to deliver the final product to the client so the format will be EPUB? and if he want to upload it on his website so in which format i will deliver it ?
Hey Waqar! Deliver the final product in ePub format, but also publish it online and share embed code so client has option to embed the magazine on their website. InDesign has a Publish Online feature. Take care!
@@AngeloMontilla Thank you for the detail Reply..Got it (Y)
Is it possible to create an animated LinkedIn post in indesign?
Hey Desmond! There are subscription plugins you can add (such as in5) that let you export animated layouts into GIFs using a Chrome extension. But this costs money. I usually publish my interactive work online, screen record it and turn it into a GIF for social media. Email me at amontilla81@gmail.com if you need further assistance.
⭐⭐⭐⭐⭐😊👍
Great tutorial, thanks! (But is the music in the background really necessary? 😁)
Thanks! Yes, the volume was loud, but it was when I was just starting to learn how to make UA-cam videos ☺
Glad you enjoyed the tutorial and hope you come back to learn more. Take care!
@@AngeloMontilla It really motivated me to update my Indesign skills. Thanks a lot.
Is it possible to export the same interactivity to PDF files instead?
Good question. Unfortunately a lot of the interactively you see in this tutorial won't work for PDF. But I will have a tutorial soon on what you can do for interactive PDF. Stay tuned.
I just find this tutorial for PDF Files ua-cam.com/video/UGTbcqUMJcI/v-deo.html
DO YOU HAVE ANY E-BOOK TEMPLATE FOR SALE THAT I CAN USD ON A BOOK HOT PLAY A MUSIC INTRUMENT?
Angeeeelloo.. I did the animation and installed Adobe Digital Editions, and open the file in it, but still, image is not animating. Please help. Thanks much,
Hey there! Did you go to File > Export > EPub (Fixed Layout) ? Then open it in Adobe Digital Editions.
im having the same issue as you had that you bypassed. do you have any fix to this yet?
Hi Olivia, I go over what the issue was later in the video. You can find it the 18:37 mark. Thanks!
Everytime I export my digital magazine and open it to preview its all messed up the font and text etc anyone know how to fix this ?
How are you exporting it?
How to open that EPUB Fiel ?? any reader ?? pls give reply
Hey Tiger. I have covered that topic many times. Go to File > Export and choose EPub (Fixed Layout). Open the epub file in an e-reader of your choice. Thanks for the question!
hi there!
can we sir make a video on a pop window not on poster
Why was the back cover showing as white?
Is it posible to have InDesign on my IPad?
You can use Adobe Comp to create layouts on the iPad with the ability to then open on InDesign for desktop.
I subscribe your channel
Thanks!
How can I export my pdf if it has animations?
Interactive PDF does not support animation. Use Publish Online or Export as EPub (Fixed Layout).
Is it possible save as PDF ?
You can save it as an Interactive PDF, but it's important to note that the animation will not work in that format.
When i added animations but my assignment is to export in pdf and i just realised the animations cant work :(
nicole tan That’s correct. Animation only works for ePub or Publish online. Why don’t you publish online and share the link? That will work for you.
Angelo Montilla thanks for the tip!
I see you Nicole! And I’m about to try this out too! Sadly the assignment criteria is pdf interactions only :(
I created an InDesign presentation everything works in the epub version, but it doesn't work when exporting PDF. how to solve it. presentation will be sent as price list. I have to make sure that it will work comfortably in everyone.
Hi there. It's because animation isn't supported for PDF Interactive. Your options are EPub or Publish Online. If you want to host on your own site, you can File > Export > HTML but you'll need support from a developer to clean up the code. Hope that helps.
thank youu for this. but it wont work in pdf. i need to save as pdf coz i think not everyone can open epub file in their phone, and need to install epub app. ☹️
That is correct Yopi. Animation and Multi-State Objects are not supported for PDF Interactive. There are many readers for Android users that will open EPub files. All the best.
Do you know the difference between Heyzine and Flipsnack? a big difference in price. But what is de catch? Why is the one 1000 $ and the other only 90$ ???
can u share this templates?
I have a question. Do you use Indesign digital publishing for hosting all of your magazines? I'm trying to figure out if Issuu is worth the money over Indesign Publishing. Thanks!
Hey there. You can publish and host using Adobe's Publish Online feature. You can embed the published work on other websites as well. Issuu is great, but you have to create the interactivity on their platform as the Id interactivity does not carry over when you upload. I guess it's personal preference for you.