HOME | DD
ikazon — Initial Release of the Motion Book Tool
Published: 2014-02-12 00:55:13 +0000 UTC; Views: 14252; Favourites: 77; Downloads: 0
Redirect to original
Description
body div#devskin10558613 * { margin:0; border:none; padding:0; background:none; } body div#devskin10558613 a { color:rgb(0, 140, 82); color:rgba(0,140,82,1); text-decoration:none; font-weight:100; } body div#devskin10558613 a:hover { text-decoration:underline; } body div#devskin10558613 a.button { background-color:#008C52 !important; color:#fff; text-decoration:none; font-weight:bold; border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px; padding:.3em .4em; } body div#devskin10558613 a.button:hover { text-decoration:underline; } body div#devskin10558613 a.button.big { font-size:1.5em; } body div#devskin10558613 .gr-box { background:rgb(242, 242, 242); background:rgba(242,242,242,1); border-top:10px solid rgba(184,212,200,1); text-align:left; color:rgb(77, 77, 77); color:rgba(77, 77, 77, 1); padding:0 1em; font-family:'Montserrat', Helvetica, Verdana, Arial, sans-serif; } body div#devskin10558613 .gr-top img { display:none; } body div#devskin10558613 .gr-top .metadata { display:inline-block; } body div#devskin10558613 .gr-top ul li.category { display:none; } body div#devskin10558613 .gr-top ul li.author { display:inline-block; position:absolute; top:28px; right:0px; font-size:8.5pt; color:rgb(64, 64, 64); color:rgba(64, 64, 64, 1); font-family:'Montserrat', Helvetica, Verdana, Arial, sans-serif; text-align:right; line-height:1.1em; margin-left:142px; } body div#devskin10558613 .author>span:last-child { white-space:nowrap; } body div#devskin10558613 .gr-top ul li { list-style-type:none!important; margin:0; padding:0px; text-indent:0px; } body div#devskin10558613 div.gr-top div.gr { padding-left:0px!important; } body div#devskin10558613 .imgleft { float:left; margin-right:12px; margin-bottom:6px; } body div#devskin10558613 .imgright { float:right; margin-left:12px; margin-bottom:6px; } body div#devskin10558613 li a.external { text-indent:0; } body div#devskin10558613 a.embedded-deviation { box-shadow:0 0 15px rgba(0,0,0,0.2); -moz-box-shadow:0 0 15px rgba(0,0,0,0.2); -webkit-box-shadow:0 0 15px rgba(0,0,0,0.2); } body div#devskin10558613 a.embedded-deviation img { vertical-align:middle; } body div#devskin10558613 blockquote { color:rgb(255, 255, 255); color:rgba(255,255,255,1); background:rgb(126, 166, 116); background:rgba(126,166,116,1); padding:30px; } body div#devskin10558613 blockquote a { color:rgb(255, 255, 255); color:rgba(255,255,255,0.8); text-decoration:underline; } body div#devskin10558613 blockquote a:hover { color:rgb(255, 255, 255); color:rgba(255,255,255,1); } body div#devskin10558613 ul li { list-style-type:disc; list-style-position:inside; margin:5px 0 5px 45px; padding:0px; text-indent:-13px; } body div#devskin10558613 ol li { list-style-position:inside; margin:5px 0 5px 45px; padding:0px; text-indent:-18px; } body div#devskin10558613 .gr-body { margin:15px 0 0 0; overflow:visible; } body div#devskin10558613 .gr-body .text { overflow:visible; margin:0 auto; max-width:540px; font-size:10pt; font-family:'Verdana', Helvetica, Arial, sans-serif; font-weight:200!important; line-height:16pt; color:rgb(64, 64, 64); color:rgba(64, 64, 64, 1); padding:0; z-index:5; position:relative; } body div#devskin10558613 .gr-top { display:block; width:100%; font-size:0; color:transparent; background:url(https://www.da-files.com/ikue/journals/dahq/top-bg.png) top center no-repeat; background-color:rgb(245, 245, 245); background-color:rgba(245,245,245,1); border-bottom:2px solid rgba(230,230,230,1); padding:0px 64px 6px 64px; margin:0 -64px 0 -64px; position:relative; z-index:1; } body div#devskin10558613 .gr-top .gr { overflow:visible; margin:0 auto; max-width:540px; font-size:10pt; font-family:'Montserrat', Helvetica, Verdana, Arial, sans-serif; font-weight:400!important; line-height:16pt; color:rgb(64, 64, 64); color:rgba(64, 64, 64, 1); padding:86px 0 10px 0; z-index:5; position:relative; } body div#devskin10558613 .gr-top h2 a { background:transparent; font-size:22.5pt; letter-spacing:0.7px; line-height:26pt; font-family:'Montserrat', Helvetica, Verdana, Arial, sans-serif; font-weight:400!important; color:rgb(0, 140, 82); color:rgba(0,140,82,1); position:relative; z-index:10; } body div#devskin10558613 .gr-top h2 a:hover { text-decoration:none; } body div#devskin10558613 .gr-top h2 a:before { content:''; display:block; height:24px; width:132px; background:url(https://www.da-files.com/ikue/journals/dahq/logo.png) top left no-repeat; position:absolute; top:-62px; left:0px; } body div#devskin10558613 i.gr1, body div#devskin10558613 i.gr2 { display:none; } body div#devskin10558613 i.gr3 { display:block; position:relative; top:66px; height:2px; width:100%; background:rgb(184, 212, 200); background:rgba(184,212,200,1); z-index:6; margin-top:-2px; } body div#devskin10558613 .bottom { margin:0 0px; border-top:2px solid rgba(184,212,200,1); } body div#devskin10558613 .bottom a { width:540px; background:transparent; display:block; margin:0 auto; padding:25px 0; font-size:15px; font-weight:400; font-family:'Montserrat', sans-serif; color:rgb(64, 64, 64); color:rgba(64, 64, 64, 1); text-align:left; } body div#devskin10558613 .bottom a:hover { color:rgb(0, 140, 82); color:rgba(0,140,82,1); text-decoration:none; } body div#devskin10558613 .intro { display:block; padding:0; margin:0 auto 0px auto; width:540px; height:82px; max-width:100%; color:rgb(76, 76, 76); color:rgba(76, 76, 76, 1); overflow:hidden!important; line-height:16pt; font-size:10pt; } body div#devskin10558613 .text h1, body div#devskin10558613 .text h2, body div#devskin10558613 .text h3, body div#devskin10558613 .text h4, body div#devskin10558613 .text h5 { color:rgb(64, 64, 64); color:rgba(64, 64, 64, 1); font-family:'Montserrat', Helvetica, Verdana, Arial, sans-serif; font-weight:400; letter-spacing:0.7px; margin-left:-2px; } body div#devskin10558613 .text h1 a, body div#devskin10558613 .text h2 a, body div#devskin10558613 .text h3 a, body div#devskin10558613 .text h4 a, body div#devskin10558613 .text h5 a { color:rgb(0, 140, 82); color:rgba(0,140,82,1)!important; } body div#devskin10558613 .text h1 a:hover, body div#devskin10558613 .text h2 a:hover, body div#devskin10558613 .text h3 a:hover, body div#devskin10558613 .text h4 a:hover, body div#devskin10558613 .text h5 a:hover { text-decoration:none; } body div#devskin10558613 .text h1 { font-size:22.5pt; line-height:26pt; } body div#devskin10558613 .text h2 { font-size:19.5pt; line-height:23pt; } body div#devskin10558613 .text h3 { font-size:16.5pt; line-height:20pt; } body div#devskin10558613 .text h4 { font-size:13.5pt; line-height:17pt; margin:0 0 0 -1px; } body div#devskin10558613 .text h5 { font-size:10.5pt; line-height:14pt; margin:0; } body div#devskin10558613 .text h6 { font-size:11pt; font-family:'Verdana', Helvetica, Arial, sans-serif; font-weight:200!important; line-height:18pt; } body div#devskin10558613 .user-symbol { margin-left:.2em; line-height:1em; } @media only screen and (max-width: 767px) { body div#devskin10558613 .gr-box { padding:0 10px; } }
In April of last year, we announced a partnership between deviantART and Madefire, bringing Madefire's signature Motion Books to deviantART and introducing a new form of storytelling to the world's largest art community.
We also announced that Madefire's professional-grade Motion Book Tool would be brought to deviantART—giving deviants the opportunity to turn imagination into a visual, auditory, and literary masterpiece, and showcase their art alongside some of the industry’s greatest creators.
After months of development and testing, we are excited to announce that the gradual release of the Motion Book Tool has begun, and you're (very likely) among the first to gain access. Having access to the Tool means you can create dynamic Motion Books just like the pros, and publish them directly from your deviantART account!
Getting Started
To check if you can use the Tool on your account, read the How To Access section of this article. If you do not have access at this time and want to try it out for yourself, leave a comment letting us know.
A variety of factors were taken into consideration when selecting the first group of deviants to be granted access the Motion Book Tool, and, in doing so, we compiled a diverse list of artists who were sure to bring creativity, enthusiasm, and skill to the Motion Book creation process.
What is a Motion Book?
Motion Books are a form of digital storytelling that users can read, share, and interact with. Stories unfold on screen through words, pictures, motion, and sound. The Motion Book format incorporates animation and sound design paced at the reader's control to completely immerse them in the experience. Motion Books are made using Madefire's Motion Book Tool, a mobile or in-browser software designed to create a dynamic storytelling experience.
How to Access the Motion Book Tool
You can easily access the Motion Book Tool by clicking on the "Make Motion Book with Madefire" button right now in your Sta.sh, or by visiting create.madefire.com. From there, you can sign-in using your deviantART account and begin using the Motion Book Tool.
Using the Motion Book Tool
The Motion Book Tool is designed with the professional in mind: powerful enough to handle complex panels, layouts, transitions, effects, and whatever else your imagination can create. This is the same Tool used by professionals to create the many high-quality Motion Books already found on deviantART—and now it’s in your hands!
Because it’s professional grade software (think After Effects), that produces a professional grade result, the Tool can be complicated at first glance. However, for artists willing to bring the Tool into their creative process, it’s extremely powerful and dynamic—allowing for nearly limitless artistic freedom.
Our friends at Madefire have provided a helpful Jump Start Guide, as well as video tutorials, to ease you into using and understanding the Motion Book Tool. We strongly encourage using these documents and videos to aid in your creation process, and we recommend you keep them handy when using the Tool, so you can easily explore the many options the Motion Book Tool has to offer.
For deviants who excel at illustration, but are not as comfortable with digital creation tools—or deviants who are tech-savvy but may not be visual creators—team up to create a collaborative masterpiece!
Your Feedback
This is only phase one for the Motion Book Tool’s release to deviants. If you’ve been notified that you have access, try out the Motion Book Tool for yourself and let us know what you think. We always appreciate your feedback, and we hope to improve and evolve the Tool as it reaches a wider audience.
Any feedback you have can be left in a comment on this article. If you have any questions or concerns, or if you encounter something that you feel is not expected behavior, please let us know!
Thank you for your interest in the Motion Book Tool, and also for helping us to bring a new method of art creation to deviantART!
Want to access the Motion Book Tool?
Please note that the Motion Book Tool is gradually being rolled out, and that this is the first phase of release. It will be made available to more deviants as development and usage progress. If you would like access to the Motion Book Tool in the future, comment on this Journal to let us know! Keep an eye on MotionBookTool for updates regarding the release.
Related content
Comments: 316
AAAAIIIIYYYYIIIIIII!!!!!!!111!!!!1!
Finally! I know it wasn't really an eternity of waiting, I was just impatient, but This. Is. Awesome.!
Good on you guys. I'm not going to just jump into it, though, I'm gonna work on my story before I try make it Motionbookanized. Already got a couple of rough drafts that I've never completed, no point adding to them until I know where I'm headed lol!
Guaha! Awesome, awesome, awesome.
👍: 0 ⏩: 0
Hi, I wanted to know how to make the animation for the cover pages, but it wasn't in the help guide yet. So, I figured it out and wanted to share with the class. 
I've found a glitch, possibly. I wanted to attach my test project to a Master Project, however, on upload, it did not make a web link, nor actually upload to my Sta.sh. However, it didn't give a failure message either. I had to remake the test project to repeat the error and then to try with no Master. It worked as expected without a Master. I had to recreate each time because there was no way I saw to remove the Master, even if I generated a new project ID.
👍: 0 ⏩: 1
wreckling I am keeping a test log in the artist's comments of the sta.sh file in the parent comment. I've notated a few errors I've encountered. I think they may have been remarked on already. I'll be updating this same file with testing different features. So, any more that I find will be added there.
👍: 0 ⏩: 1
Hey there, sorry for the super late reply, but much appreciated, for this! I'll be reading through the comments you've got in the near future, but thank you for being so detailed in your testing!
👍: 0 ⏩: 1
I watched their webcast on Friday. Which answered some questions I had. I should get some more testing in tomorrow.
I see you are no longer a 'thiefo' Thiefoworld appears to be the avatar culprit now ;D
👍: 0 ⏩: 0
I signed in but haven't been granted access to the tool. I clicked the 'try again' yesterday and again today but it's still not working.
👍: 0 ⏩: 1
Thanks I've got it open now. I'll have to spend some time getting to know the tools and how it works etc.
👍: 0 ⏩: 0
I would like to have access please. Been waiting patiently forever. Access would be great. Thanks.
👍: 0 ⏩: 0
Got it; thank you! Will take it for a test drive ASAP 
👍: 0 ⏩: 0
When I am uploading it to Stash, I don't get the "Motion Book" as a category, not sure why.
👍: 0 ⏩: 1
As soon as I typed that and went back to the submit window, it was there.
👍: 0 ⏩: 0
During some tryouts I noticed that there seems to be an issue with the text layers. After typing one letter, I always have to click in the field with the mouse to type another letter, and so on. So it seems to lose focus after each typed letter, if that makes any sense. Applying effects, like fade in, to text doesn't seem to work as well (when uploading it to s.t.a.s.h., I get an error message that says something like "unknown target" referring to the effect. After checking it, everything was set the way it is meant to be.
Effects do seem to work well for images though.
However, I haven't tried out enough to be more specific, but maybe for now it is better to work with textboxes that are imported images, rather than working with text layers.
👍: 0 ⏩: 1
Hi there! Apologies for the delayed reply. Are you still encountering this problem with the text layers?
👍: 0 ⏩: 1
I will try it out soon and send you my report immediately after experimenting further.
👍: 0 ⏩: 0
Thank you, studying the User's Guide now to get a feeling of the tool and how it works... :3
👍: 0 ⏩: 0
I am very keen to see what this tool can do, especially as I'm 50k words into my graphic novel script (really ought to start drawing soon).
👍: 0 ⏩: 0
From the ToS:
For all Developer Software offered to end users via deviantART, 20% of all gross revenues will be retained by deviantART and 20% of all gross revenues will be remitted to Madefire.
So does that mean if we sell a Motion Book, the artist gets 60% of the money the buyer paid?
👍: 0 ⏩: 1
It sounds like it... And if you submit it to for ios I think it's about 50%.. or less...
👍: 0 ⏩: 0
I followed the "Jump Start Guide" pretty easily, and uploaded to Sta.sh without a hitch. This is wonderful! Thanks for granting me access. I may do some more trial pages for fun before I attempt an actual story. Anyone who wants a look at my upload, it's in my Sta.sh:
Only thing was the font in the tutorial was not available. I assume more fonts will be rolled out? The selection was rather small. I'll post more feedback after working on more projects. The jump start was perfect to get the feel for the mechanics of using Madefire.
👍: 0 ⏩: 1
Answered my own question about fonts, I see in the User's Guide that you can upload fonts to use in the assets as TTF or AIF files. Thought I'd put that info out there
👍: 0 ⏩: 0
Just tested out the demo and mostly everything works great! I got an error when testing out the "upload to sta.sh" option which I pasted below:
"There are problems with page 'Jump Start' that need to be fixed before you can publish this project:
• Sound layer 'Sound = Impact' on page size 'iPad (portrait): 768x1024' has no content. Please set the layer's sound file or delete the layer."
I'm confused since the impact sound plays at it's proper time when I click through the page.
👍: 0 ⏩: 0
Froggy touts lead me here. XD I would love to take this tool out for a spin! OvO
👍: 0 ⏩: 0
I love this tool, but I have an issue where the workspace is stretch out passed the size of my screen, making it difficult to save and delete a page. Is there any way to fix this problem?
👍: 0 ⏩: 1
Hi there! What is your screen resolution?
👍: 0 ⏩: 1
It says I got access to the tool, but when I try to open it up, it says I haven't been given access yet. WUT!?! DON'T DO DIS TO ME!!!
👍: 0 ⏩: 1
Hi there! Are you still having trouble, or are you able to access the tool now?
👍: 0 ⏩: 1
It's working now, thanks. It just wouldn't let me access the tool through the links in your post, I was able to access it through my sat.sh (:
👍: 0 ⏩: 0
Woo you can see this app in the Settings > Apps and Uploads section as well when used!
👍: 0 ⏩: 0
and SavageFrog 
👍: 0 ⏩: 2
I've uploaded a page
👍: 0 ⏩: 0
👍: 0 ⏩: 1
I spent a lot of time working on a picture yesterday. I need to plan this better. ;D Should get to work on it more today.
👍: 0 ⏩: 1
I have been meaning to do something with my story for years. Maybe I was just waiting for this tool ;D
👍: 0 ⏩: 1
I'm guessing that's a mutual feeling among many groups~
👍: 0 ⏩: 0
I really want to have access... hope I can get it somewhen in the near future.
👍: 0 ⏩: 0
I was wondering, can this tool be used to make comic strips? Like an interactive comic strips. This is a cool idea.
👍: 0 ⏩: 0
I need this app too. I was at Storynight February 6th. Nice chat with Wendell.
👍: 0 ⏩: 0
I want to use this! It would help me very much with my job
And I apreciate what are you doing for us
THANKS
👍: 0 ⏩: 0
<= Prev | | Next =>