You must be logged in to post Login Register


Register? | Lost Your Password?

Search Forums:


 






Minimum search word length is 3 characters – Maximum search word length is 84 characters
Wildcard Usage:
*  matches any number of characters    %  matches exactly one character

Easy Web Comix

UserPost

7:18 am
November 19, 2011


Ryu Maru

Admin

posts 47

1

If you have some comics already on paper you can easily turn them into a Ryuzine webcomic with Ryuzine Machine's built-in Template tool and WYSIWYG editor.

1. Scan each page of the comic book.  How big should your images be?  About 480 pixels wide is a nice middle ground between mobile and desktop, but if you do a lot of detailed work you want mobile users to be able to zoom in on or desktop users with larger screens to see without it getting blurry you should go with 640 or 768 pixels wide (don't worry about the height).

2. Drop the images into your Ryuzine dev server's images folder so Ryuzine Machine can access them.

3. There is no step 3! :-P

4. Fire up Ryuzine Machine from your dev server and go to the Editor -> Template button

5. Set up what options you want in your webcomic, but the most important one is how many pages it will be (this includes the front and back cover inside and out, btw).

6. After you click "Submit" you'll see the template load in the editor.  In each page box place the page scan images in the order they should appear and set their sizes in any of the following ways:

  • <img src="images/issue1/p1.jpg" width="100%" />
  • <img src="images/issue1/p1.jpg" style="width:100%;height:auto;" />

or tag it with a class and define it once in your issue-specific stylesheet:

  • <img src="images/issue1/p1.jpg" class="pagescan" /> <– in the HTML page
    .pagescan { width: 100%; height: auto; } <– in the thisissue.css stylesheet.

This will automatically resize the page scans up and down depending on how big the pages are on various devices.

7. Download and use the "comix" or "comix_dark" theme (optional)

8. Upload everything (except the "ryu_dev" folder and "ryuzinemachine.htm" file) to your live web server.

 

HERE'S AN EXAMPLE of how it will generally look and work (though this one uses a customized theme and a "ryuzine.config.js" file to control the message box and banner ad promoting the artist's web site).