The new forums will be named Coin Return (based on the most recent vote)! You can check on the status and timeline of the transition to the new forums here.
The Guiding Principles and New Rules document is now in effect.

Designing a webpage

NardyCamixNardyCamix __BANNED USERS regular
edited February 2009 in Help / Advice Forum
Hey guys. I'm in need of some help. First off, how do you make a navigation system for the webcomic? Secondly, how do you make the strip visible on the page, but in a readable condition?

NardyCamix on

Posts

  • ChubblyChubbly Registered User regular
    edited February 2009
    This sounds like you want to make a website. The best way of doing the first is a little PHP do generate the page with the correct URL to the comic depending on the URL. However, this is a stop gap solution. You really need some database support so you can add new comics easily with a new page generated automatically when a new comic is added.

    I'm going to leave that there, because reading your second questions leads to believe that website development is new to you. I'm assuming you want the image to display instead of a link?

    http://www.w3schools.com/htmL/html_images.asp

    There is a link to help you with that along with a nice beginners tutorial in HTML and a fine reference for your HTML needs.

    Chubbly on
  • NardyCamixNardyCamix __BANNED USERS regular
    edited February 2009
    Well, it's not only that, but I would like it to be readable. For example, look at what's on the site right now: http://nardycamixs.webs.com/index.htm

    the comics need to be clicked on first, and then viewed. I'd like them to be readable from the get-go.

    And yes, I'm totally new to building a website.

    NardyCamix on
  • ChubblyChubbly Registered User regular
    edited February 2009
    The problem here is that you are using a pre-built website. I'm not familiar with webs.com but I would assume they don't allow much customisation of their layout. It looks to be a blog style layout, where each entry is a independent article that you click to view in its entirety.

    My recommendation is to start learning some HTML and once you have a firm grip on it, get a real website and put your stuff on there.

    BTW, you have spelt definitely and comics wrong in your blog post. Unless that was an in-joke as well.

    Chubbly on
  • NardyCamixNardyCamix __BANNED USERS regular
    edited February 2009
    the comics is spelt wrong on purpose. the definitely however, was not. thanks for the help!

    NardyCamix on
  • .Tripwire..Tripwire. Firman Registered User regular
    edited February 2009
    Installing the Comicpress plugin for Wordpress is so easy even I was able to figure it out.

    If that's still more hassle than you were anticipating you might want to research some of the free webcomic-specific hosting communities out there, like Comic Genesis or some comparable thing I can't think of.

    .Tripwire. on
    sigi_moe.pngsigi_deviantart.pngsigi_twitter.pngsigi_steam.pngsigi_tumblr.png
  • NardyCamixNardyCamix __BANNED USERS regular
    edited February 2009
    I was going to look into that later on today, believe it or not, heh. Thanks!

    NardyCamix on
  • NardyCamixNardyCamix __BANNED USERS regular
    edited February 2009
    also, is it true that for the image to appear as it should on the page, it would be better to use a vector program?

    NardyCamix on
  • WillethWilleth Registered User regular
    edited February 2009
    .Tripwire. wrote: »
    Installing the Comicpress plugin for Wordpress is so easy even I was able to figure it out.

    THIS THIS THIS THIS THIS.

    Use this.

    Willeth on
    @vgreminders - Don't miss out on timed events in gaming!
    @gamefacts - Totally and utterly true gaming facts on the regular!
  • NardyCamixNardyCamix __BANNED USERS regular
    edited February 2009
    I'm too dumb to even begin dreaming about even installing this. yes, I read the readme. I still remain dumb. maybe even dumber.

    NardyCamix on
  • MagicPrimeMagicPrime FiresideWizard Registered User regular
    edited February 2009
    The navigation on the main PA website is all designed in CSS with .png images.

    MagicPrime on
    BNet • magicprime#1430 | PSN/Steam • MagicPrime | Origin • FireSideWizard
    Critical Failures - Havenhold CampaignAugust St. Cloud (Human Ranger)
  • NardyCamixNardyCamix __BANNED USERS regular
    edited February 2009
    MagicPrime wrote: »
    The navigation on the main PA website is all designed in CSS with .png images.

    pardon?

    NardyCamix on
  • QinguQingu Registered User regular
    edited February 2009
    I don't use Comicpress, but I do use Wordpress for an online novel I'm writing (heavily interlinked) and it works well.

    Dreamhost is what I use to host. It lets you easily install Wordpress onto your webpage (this lets you use Wordpress like a software program for customizing your webpage, instead of having to hand-code each page).

    Just a word of advice: before you get into hosting and designing a webpage—which can be expensive and extremely time-consuming—make sure your heart is in it first. Do you have a bunch of comics drawn already? I think it's important to have a lot of stuff to put up on a webpage before you start with it. It helps with the confidence-building. (On the other hand, making the monetary commitment to host a webpage can also help with the content-creation confidence!)

    Qingu on
  • proXimityproXimity Registered User regular
    edited February 2009
    One thing that you will need to do is reformat your comics if you want them to be readable without clicking. The long horizontal strips? Baaaad idea. Cut them up and rearrange them vertically. You're going to want to limit the width of each strip to something like under 800 pixels wide. If you feel like this is going to mess with the readability of the text, you'll need to change the text size to work with the dimensions of the rest of the comic.

    proXimity on
    camo_sig2.png
  • WingedWeaselWingedWeasel Registered User regular
    edited February 2009
    NardyCamix wrote: »
    MagicPrime wrote: »
    The navigation on the main PA website is all designed in CSS with .png images.

    pardon?


    Nardy, you can check out Cascading StyleSheets at w3schools (the site chubbly posted). Basically the idea is that the stylesheet sets the layout of every page of your website and then on each page you just put the content be it text/pictures/whatever.

    WingedWeasel on
  • NardyCamixNardyCamix __BANNED USERS regular
    edited February 2009
    Qingu wrote: »

    I don't have much stuff drawn yet because the illustrator only chooses to work on weekends. I do have plenty of strips written out though, just not drawn. And yes, I think I do have the heart for it. Can't say the same for my colleagues though because if the illustrator falls out, I'm s-o-l.

    NardyCamix on
  • NardyCamixNardyCamix __BANNED USERS regular
    edited February 2009
    Oh, quick question, does anyone know what program PA uses for their comic? And is it a vector program or a pixel-based program?

    NardyCamix on
  • TychoCelchuuuTychoCelchuuu PIGEON Registered User regular
    edited February 2009
    Penny Arcade is sketched on a piece of paper and then inked and colored in Photoshop.

    TychoCelchuuu on
  • NardyCamixNardyCamix __BANNED USERS regular
    edited February 2009
    Penny Arcade is sketched on a piece of paper and then inked and colored in Photoshop.

    What's the resolution for it? I mean, how do they make it look so crisp, yet not have to enlarge it in order to read it?

    NardyCamix on
  • TychoCelchuuuTychoCelchuuu PIGEON Registered User regular
    edited February 2009
    I'm not sure about the specifics but it's drawn at print resolution at the very least, which I imagine is something like 300 dpi? I don't see why that would make the text any less readable though.

    TychoCelchuuu on
  • NardyCamixNardyCamix __BANNED USERS regular
    edited February 2009
    I'm not sure about the specifics but it's drawn at print resolution at the very least, which I imagine is something like 300 dpi? I don't see why that would make the text any less readable though.

    Ok, thanks very much!

    NardyCamix on
  • SzechuanosaurusSzechuanosaurus Registered User, ClubPA regular
    edited February 2009
    The PA strips will be drawn at possibly about 200% of the size they would actually be printed at and then scanned in at 300dpi (or more), inked in Photoshop and then a copy would be saved for print at that size and resolution and then another copy would be made, scaled down to 72dpi and the exact pixel dimensions it is to be displayed at on the website.

    Always start larger than the final display size. In traditional illustration this goes the same for illustrations destined for print as it allows the illustrator to draw in much more detail and then when the image is photographed and scaled down for print it looks extremely intricate. With electronic illustration start at at least the maximum size you are likely to want to print at as you can always scale an image down without loosing quality but can never scale it up without loosing quality (unless the entire illustration has been drawn with vectors).

    Szechuanosaurus on
  • .Tripwire..Tripwire. Firman Registered User regular
    edited February 2009
    Nardy, the readability issue in this case has nothing to do with how you're creating the comics. It's the blog you currently use that is automatically shrinking images you post to fit within the width of its column.

    You should be choosing to use a vector program only if it is your preference or if you plan on printing a lot of large posters, otherwise Photoshop is just fine for making comics that read well on webpages. In fact, probably almost every webcomic you love is made in Photoshop without vectors.

    .Tripwire. on
    sigi_moe.pngsigi_deviantart.pngsigi_twitter.pngsigi_steam.pngsigi_tumblr.png
  • Spectral SwallowSpectral Swallow Registered User regular
    edited February 2009
    I recommend using http://www.smackjeeves.com/ at least starting out for coming hosting. The system the guy has in place is extremly flexible, where you can change just about every aspect of how you want the page layed out (there are several premade templates as well) . For example both of these pages were designed using the exact same system:
    http://mariosjob.smackjeeves.com/comics/
    http://lovelesson.smackjeeves.com/

    Spectral Swallow on
  • NardyCamixNardyCamix __BANNED USERS regular
    edited February 2009
    I recommend using http://www.smackjeeves.com/ at least starting out for coming hosting. The system the guy has in place is extremly flexible, where you can change just about every aspect of how you want the page layed out (there are several premade templates as well) . For example both of these pages were designed using the exact same system:
    http://mariosjob.smackjeeves.com/comics/
    http://lovelesson.smackjeeves.com/

    Wow, thanks very much! This has actually helped quite a bit!
    Our new site should be ready within the next day I suppose.

    NardyCamix on
  • NatsusNatsus Registered User regular
    edited February 2009
    .Tripwire. wrote: »
    Nardy, the readability issue in this case has nothing to do with how you're creating the comics. It's the blog you currently use that is automatically shrinking images you post to fit within the width of its column.

    You should be choosing to use a vector program only if it is your preference or if you plan on printing a lot of large posters, otherwise Photoshop is just fine for making comics that read well on webpages. In fact, probably almost every webcomic you love is made in Photoshop without vectors.

    Needed to lime this Nardy. Text readability in your case has nothing to do with how you're creating it. It has to be with your images being scaled down.

    Natsus on
  • NardyCamixNardyCamix __BANNED USERS regular
    edited February 2009
    Ok, now for a completely irrelevant question. Does anyone have any tips for someone that has never drawn anything more than stick figures?

    NardyCamix on
  • NardyCamixNardyCamix __BANNED USERS regular
    edited February 2009
    By the way, I'm using inkskape.

    NardyCamix on
  • 232430232430 Registered User regular
    edited February 2009
    Practice.

    Edit: Not trying to be snarky or anything but seriously, practice. Here are a couple websites that might help:
    http://inkscapetutorials.wordpress.com/
    http://vectortuts.com/

    232430 on
  • TychoCelchuuuTychoCelchuuu PIGEON Registered User regular
    edited February 2009
    Don't even bother touching a computer until you can draw without one.

    TychoCelchuuu on
  • Bewildered_RoninBewildered_Ronin Registered User regular
    edited February 2009
    The PA strips will be drawn at possibly about 200% of the size they would actually be printed at and then scanned in at 300dpi (or more), inked in Photoshop and then a copy would be saved for print at that size and resolution and then another copy would be made, scaled down to 72dpi and the exact pixel dimensions it is to be displayed at on the website.

    Always start larger than the final display size. In traditional illustration this goes the same for illustrations destined for print as it allows the illustrator to draw in much more detail and then when the image is photographed and scaled down for print it looks extremely intricate. With electronic illustration start at at least the maximum size you are likely to want to print at as you can always scale an image down without loosing quality but can never scale it up without loosing quality (unless the entire illustration has been drawn with vectors).
    Don't even bother touching a computer until you can draw without one.

    No offense, but you seem to be putting the horse before the carriage, so to speak. In other words, you're getting way far ahead of yourself. You want to build a website for a web comic, but you can't draw anything more than stick figures, and you want your comic to be more than stick figures?

    Dude, slow down and start at the beginning. Mike didn't just start out one day and go, "I'm gonna make a website and draw comics!" At least, I seriously doubt he did. I'm nearly certain he had years of drawing, practicing, and forming his style. Being good at drawing, or anything really takes time.

    There's a theory called "The 1,00 Hours Rule" that, basically, states to become professionally adept at something, you must spend at least 1,000 hours doing it. The thing is, Eddie Van Halen wasn't blessed with some genetic mutation that made him a badass guitarist, he spent a lot of time practicing and playing the guitar. Likewise, I'm sure Mike spent a lot of time drawing long before he ever considered a web comic.

    As for where to begin, think about what style you like. Do you want to do stuff that is superhero based, like Rob Leifeld or Todd McFarlane? Or do you want to do anime style, like chibi drawings? (little bodies, big heads) Do you want to do a more westernized comic style, like Penny Arcade or Pearls Before Swine?

    Think on it, and while you think on it, analyze their works. Try replicating panels and, most importantly, start looking not at the lines of the drawings, but at the shapes. Does Tycho's head look like a circle or does it look more like a rounded square? Do the hands look boxy or do they look like loose ovals? The reason I say this is because every drawing is based on underlying structures that are formed from basic shapes. Squares, circles, etc. This concept is better explained for the formation of superhero illustration, but it applies to "sunday funnies" comics as well.

    To gain more of an understanding, there's plenty of "How To Draw Anime/Superheroes/Cartoons" books out there. Go to Borders or wherever and pick one up. Go to your library and look at some of the art books there. They will most likely have instructional books that will help as well.

    Don't expect to be able to get all of this going and have a quality web comic running in a week. Or even a month. It will take time for you to develop skill and to draw like how your mind wants it to. A lot of that will come from practice and learning various techniques.

    Bewildered_Ronin on
    Blog - Bewildered Ronin @ Blogspot | 24/7 streaming NPR Talk & BBC World - RadioIQ
    Steam ID - BewilderedRonin
    {_,.~o-0=| She's Half |=0-o~.,_}
  • NardyCamixNardyCamix __BANNED USERS regular
    edited February 2009
    Nonono, first off, I have an illustrator for the webcomic. I'm the writer of it. I'm just thinking ahead. What if him and I can't work it out in the long run? I'm just preparing for the worst. I'm just thinking that if anything like that is to happen, I should at least be able to compensate before I find a solution. I'm not trying to make an amazing webcomic just like that, and I'm not trying to take things too fast. It might appear so, but it's just the early rush you get with finally getting to do something you dreamed about. I plan to input as many hours as I can into this. Well after my studies of course.
    Thank you for your words, Bewildered_Ronin, I appreciate it.

    NardyCamix on
Sign In or Register to comment.