Add to Google

First Web Template - [by Imtay22]

free web hosting
Open Discussion > Xisto Network Sites > The GFXTrap Forum - Trap17 Graphics Site > Other > Templates/Themes

First Web Template - [by Imtay22]

Imtay22
Well as you can probably see I am not finished with it. This is my first template so it might not be that good. Just rate it and we will see!



PS- This is in the GIMP.

Comment/Reply (w/o sign-up)

Saint_Michael
Well since this is your first I be gentle MUHAHAHA laugh.gif.

first thing is the color, that blue is way to bright especially on a white background, I would suggest either make hte blue a bit darker or turn he white background into a darker color. Reason is your want contrasting colors like dark on ligh or light on dark, so as to keep them seperated but also show a little blend to them.

Next thin is the scan lines you don't want to cover the whole thing with them, reason being, when its time to cut you could have some problems line them up (thats if you convert the tables to divs) and also it removes any depth you would put into the rest of the design. So what I would recommend is that you just have your background with the scanlines and your content tables all solid or vice a versa; it's the same thing with contrasting colors you want them to be distinguish but be able to flow with each other.

Next recommendation I would do is work on using drop shadows as they give a flat design look more 3-d'ish if you can think about it that way, especially if your using a light background such as white, since drop shadow give a small separation to the design and the background. With the circles drop shadow would look nice, I would recommend looking up tutorials that deal with glass orbs and such to help spruce them up.

Overall it's ok, keep working at it, from time to time when I make it a template I usually spend all day tweak this or tweak that to give it a bit more.

I would hit up pixel2life.com as they have quite a few tutorials on building websites from adobe, you can find some good idea's to help along the way.

 

 

 


Comment/Reply (w/o sign-up)

Imtay22
Okay, by the way, I made this in the GIMP, not Photoshop. Thanks for the tips and PS- Albus Dumbledore is coding it for me. Is there slicing in the gimp?

Comment/Reply (w/o sign-up)

truefusion
QUOTE(Imtay22 @ May 10 2007, 04:45 PM) *
Is there slicing in the gimp?

As far as i tried to figure out: No, there isn't. You'll have to do things the long, old-fashioned way. Maybe they'll implement such a feature later on, and hopefully group layers along with. xd.gif

And i agree with most of what S_M said.

Comment/Reply (w/o sign-up)

Sprnknwn
Yeas, the blue is too bright. And well, in fact I don't think this is much of a template... I see a background and three blue squares with transparency. You should have some structure there, where to put the links, navigation bar or whatever. So you have a graphic idea but not a template on its own. You say you haven't finished... it would be better to show it in a more advanced step. wink.gif

Comment/Reply (w/o sign-up)

Imtay22
I think this time it is better- I inverted all the colors! Now rate this one-


Comment/Reply (w/o sign-up)

Tennis96
The effects are way to big, the menu buttons where are they? Because if you are going to slice it you have to slice the menu, containbox and header seperatly. And later with Dreamweaver you can put them together. I had problems with this too, but that trick should do the job.

Comment/Reply (w/o sign-up)



Got an Opinion! Express your Views! (no registration):-
Add your Reply/ Opinion/ Views/ Comments/ Suggestion/ Questions/ Queries etc.
Posts with decent grammar & English will be accepted and please refrain from profanities.
For asking a Question, We recommend you to sign-up (for free) so that you can track the topic easily.

Nature of your Post*: Opinion/ Reply/ Comments
Question/Query
Feedback to us.
       
Name   Email
Title/Question*

Similar Topics

Keywords : web, template, imtay22,

  1. Siri Template/design
    Design with black, white and also some purple colours (5)
  2. Template Coding
    (2)
    Im rather bored online now a days so i figured i would code some templates if anyone has any.... i
    can only do normal tables, but i'm looking to practice my tables so i know i can do them before
    moving on to DIV tables so if you want a layout coded post the image here and i'll see if i can
    do it.....
  3. Second Template In The Gimp
    (8)
    I guess i compressed the image a bit too much /xd.gif" style="vertical-align:middle" emoid=":XD:"
    border="0" alt="xd.gif" />, scan lines don't look all that well in the image. Not sure how long
    it took just to get this far in the template, but it was more than a couple of hours. Though
    it's usable, i'm not really gonna plan on using this template for anything, so if it gets
    ripped—oh wells. /biggrin.gif" style="vertical-align:middle" emoid=":D" border="0"
    alt="biggrin.gif" /> Anyways, as you can see, the GIMP is a very good GFX program for it being f....
  4. Template Design Done In The Gimp
    Just a tester template... (3)
    Got my HDD today and after installing Windows and all of its updates, i installed the GIMP and
    messed around with it. Decided to go with a template design, for i don't feel like going around
    downloading brushes right now. /tongue.gif" style="vertical-align:middle" emoid=":P" border="0"
    alt="tongue.gif" /> Anywho, it's nothing much, i just wanted to do a quicky. Oh how i wish the
    GIMP had more options for brushes and had the option to make group layers! ....
  5. Blue Light Special Template
    (8)
    Working on it on and off for a couple of months. ....
  6. My Web Template
    i just wanted to see what everyone thought (11)
    ok i didnt exactly know wheer to post this but i wanted to know what people thought of my layout
    template i made 100% by me all images are made by me by scratch in photoshop cs2 /biggrin.gif"
    style="vertical-align:middle" emoid=":D" border="0" alt="biggrin.gif" /> /biggrin.gif"
    style="vertical-align:middle" emoid=":D" border="0" alt="biggrin.gif" /> /biggrin.gif"
    style="vertical-align:middle" emoid=":D" border="0" alt="biggrin.gif" /> /biggrin.gif"
    style="vertical-align:middle" emoid=":D" border="0" alt="biggrin.gif" /> ....
  7. Xbox 360 Smf (forum) Template
    (12)
    I just finished up my Xbox 360 SMF Template, I still have a couple more buttons im going to do but
    basically everything is fixed and ready to go... You can view it at
    http://teecee.trap17.com/forum/index.php Tell me what you guys think about it and what could be
    improved (Also I can't code, so if theres any coding issues im screwed)....
  8. Gfx Portfolio Template
    (4)
    Here is a graphics portfolio template I made a few months ago and never did anything with. What
    needs improved on this template? What are some of the good things on this template? Rate it from
    1-10 I want you to be honest because I am thinking about making a portfolio site sometime soon & I
    want the template to look professional. Please click it to get full quality because I used the
    imgfit bbcode ....
  9. Xbox Template
    (5)
    Well here is a template I made a couple days ago when I decided to start playing around with
    photoshop again, I think the logo definately needs some work but besides that I like it... Tell me
    what you think.... http://www.trap17.com/forums/index.php?act...=si&img=811 I just put the link
    to the gallery I just made because if I post the image it will stretch the forum.......
  10. Template.
    (4)
    I couldn't start from scratch, but I started from a PSD a friend handed to me. If this turns
    out a success, I might be able to start from scratch on a new one. Soon, I hope to start from
    scratch myself. * Coding is a pain in the neck. ....
  11. My New Sites Template! ( Will Be Anothera.net )
    And an Intro, I'm new here XD (7)
    Hi people, I'm new in this forum so I'd like to introduce my self a bit. Ive been designing
    for a hobby (self taught) for more than 3 years now, and I'm yet to go to a design college next
    year /biggrin.gif" style="vertical-align:middle" emoid=":D" border="0" alt="biggrin.gif" /> I
    specialise in making Website templates and forum sigs. I only know photoshop quite well, and
    dreamweaver. I really want to get to learn some Illustrator ^^ Anyways, here is what I've done
    in roughly two days on and off. I'll surely use this Trap17 host, and hopefully r....
  12. Template Beginner
    question on how to make a template (1)
    /smile.gif" style="vertical-align:middle" emoid=":)" border="0" alt="smile.gif" /> Just looking at
    those cool templates on teh coomunity, how do you make them, and what is teh best package for them?
    I use Photoshop a lot but wondered what's the best way (yes, I'm a beginner) /rolleyes.gif"
    style="vertical-align:middle" emoid=":rolleyes:" border="0" alt="rolleyes.gif" />....
  13. Star Template
    (10)
    I just realised that I havnt made any template in a while so here is one with star theme:
    http://img182.imageshack.us/img182/1703/fullxi9.jpg its too big to post it here.. please
    rate&comment.. /wink.gif" style="vertical-align:middle" emoid=";)" border="0" alt="wink.gif" />....
  14. My 2nd Template
    Check it out (4)
    Take a look here is my second template Link :
    http://gfxgamerz.18.forumer.com/uploads/gf...-1155030540.jpg Pls rate and comment....
  15. [request] Website Template
    For clan website, can't pay (4)
    Hello, I am looking for someone to create a website emplate for the Official Pure Pwnage Clan ,
    Official gaming clan for Pure Pwnage . Well, our current site is a bit rubbish, and we want a more
    hi-tec and mechanical/industrial gaming theme to the site while still using the base red, black and
    white colours, and of corse the Pure Pwnage logo.
    http://img.photobucket.com/albums/v450/cragllo/pp_logo.jpg So, what are the specifications we
    want? We want to keep the same sort of layout 120px navigation bar to the left content area
    expandable to the edge of the pag....
  16. Good Site Template
    Post Your site (3)
    Hi all at this topic we want website template list like : QUOTE Templatemonster.com
    http://www.freewebtemplates.com/ http://www.jsbwebtemplates.com/
    http://www.webzonetemplates.com/ http://flash.jztele.com/yunhe/template/
    http://www.templatesbox.com/ http://www.nomargraphics.com/portfolio/web...ns/default.html
    http://zymic.com/ http://www.boxedart.com/ http://www.sites-templates.com its my Bookmarks
    share your site about web templates thanks all When listing many URLs please use QUOTE tag ....
  17. My Final Template Design
    (13)
    I consider this my best layout design ever, I would have put more effort into it but I'm done
    designing so I consider this my Half completed work of art in the gfx world. The header alone took
    the longest had to get the settings just right for it, the content box took the next longest time
    but one the first one was completed it was easy street from their. ....
  18. Another New Template [by Johnny]
    (6)
    I still have to edit the header (because currently it wouldn't flow right with any
    background), but this is what I've gotten to so far. Comments/Suggestions?....
  19. Johnny's Template Poll
    (11)
    Okay guys, I'm trying to decide what template I should start coding to use on my site, I know
    which one I like best, but I figured it'd be best to see which one other people like. So here
    you go, vote choices are: 1. -- hell hath no fury 1.0 2. -- initial ignition 1.0 3. --
    space//time 1.0 4. -- space//time flipped 1.0 For those wondering -- I'm doing a new
    template for a few reasons, first of all, I've only done or or two in the past, and I need to
    practice. Second, my site currently has a default-ish template from wordpress that I modi....
  20. Template Complete!
    (9)
    http://www.finalchapter.trap17.com/index.html So how do you like the overall look to it?
    /smile.gif" style="vertical-align:middle" emoid=":)" border="0" alt="smile.gif" />....
  21. New Template!
    For my Portfolio. (11)
    Well here is my template I designed for my new personal site! I am having problems with the
    text. I want to make it look more smooth and bulgier I guess if that helps. dunno what to really do.
    But hey if goten this far! /laugh.gif" style="vertical-align:middle" emoid=":lol:" border="0"
    alt="laugh.gif" /> O yea and the banner is basically just like a sig so got any suggestions please
    do put them down.! ....
  22. My New Site Template [warning: Girly Pink]
    Yet again, another first from icemarle! (13)
    I was sick of being lazy when it came to my site, so I decided to make a new template for it. I
    haven't put it up yet, but I will soon... when I get my lazy-lazy-lazy self to code it
    /dry.gif" style="vertical-align:middle" emoid=" Anyway, please tell me what you think about it. It
    won't be framed by the way, so the content bars will extend downward. If you want me to change
    something, please hurry before I slice it again, because I suck at making post-slicing changes. (By
    the way, I love keeping things simple) Did I mention I haven't done a site template u....
  23. Template Wip [by Johnny]
    (10)
    My first ever real (100% Johnny-made) template. I just learned slicing last night. I'm proud.
    This might be what I'll be using for my new upcoming graphics site (which won't interfere
    with gfxtrap or my work here, I assure you). I went for the simplistic/minimalism look, and of
    course it's blue. http://www.plusone.trap17.com/dev/ I still have to set up the navigation
    bar and the rest of the pages, and then I can work on bettering the news system. So,
    rate/comment/criticize. By the way, I was just wondering if anyone knew of an easy-to-use one (I....
  24. My Big Red Template
    (6)
    what do you think? i made it in ps..all of it... go here http://www.berkolli.com/ ....
  25. Becki's New Template
    My new template (5)
    I made this in Illustrator CS mainly The image took like a day to make. I was watching T.V whilst
    doing it, quite fun really . And trying to fix the layout so it worked took another day. I still
    have the 'unsquashed' file so improvements and suggestions are needed.. I have no idea
    what happened but imageshack made the imge smaller.. /sad.gif" style="vertical-align:middle"
    emoid=":(" border="0" alt="sad.gif" /> You can see the larger version on my website. Anyways
    it's called Pop Scene because those were the main words that came to mind when I looked at....
  26. My New Template
    (2)
    I was getting sick of my current layout i use ....so im in the process of designing the new one..and
    this is what ive got so far :--> ....
  27. My 3rd Template ~ Samma
    (4)
    my first 2 were horrible... ....
  28. Thyelite's Template V3
    need suggestions (4)
    Here is ThyElite's template version 3, tell me what you guys think of it. I need constructive
    criticism. I know it's a bit choppy in some places. I did not make this.. Fall from
    thyelite's graphics team did. Suggestions on how to make this a little better?....
  29. Kubi's Silver Template
    My first :p (5)
    My first template I've created. I find it quite nice. Comments. I know the text isn't
    to attractive but it could be changed. PM me if you want to use it.....
  30. My New Template
    maybe for my new site... (12)
    I made this today. Please rate and comment it, so I can edit it and maybe start coding... If it
    isn't working the link is here too: http://www.dawiss.trap17.com/sig.png/tempcpoyrights.jpg ....

    1. Looking for web, template, imtay22,

Searching Video's for web, template, imtay22,




advertisement



First Web Template - [by Imtay22]