Register

If this is your first visit, please click the Sign Up now button to begin the process of creating your account so you can begin posting on our forums! The Sign Up process will only take up about a minute of two of your time.

Results 1 to 8 of 8
  1. #1
    Junior Member
    Join Date
    Aug 2011
    Posts
    3
    Member #
    29068
    I need to create a web portfolio for my graphic design work. I'm not the best at web work so I need to figure out how to make a professional web background. I've always thought you needed to create one using dreamweaver. But I've recently seen some work done in Photoshop.

    What is the best way to create a great looking background?

    What size should it be in pixels?

    What programs to use?

    Any other help would be very nice. Thanks.

  2.  

  3. #2
    Senior Member Ganners's Avatar
    Join Date
    Feb 2011
    Location
    United Kingdom
    Posts
    415
    Member #
    27007
    Liked
    92 times
    It very much depends what you want. You could have a large picture as a background image for intance. The pixel size can vary, but standard for this is about 1900x1200 and there are reasonably complicated ways to implement them to fit all resolutions. e.g. http://g2geogeske.com/

    If you want a background which tiles, then there are options you can download etc. If you want to make your own then learn about Photoshop's offset filter. e.g. http://www.dinpattern.com/

    If you're looking for a gradient or something, then either go with the large background picture, or use CSS3 (though won't work on all browsers). Slight gradients with noise are quite popular. e.g. http://css-tricks.com/examples/CSS3Gradient/

    If you want the most simple way to have a background image, then make sure all open background edges fade out to a single solid colour, then set the background colour as that. Then put your background in with CSS. This is the best way in theory as it will work on all browsers probably the same. e.g. http://ucnews.eu

    Software wise though, gotta go with Photoshop!
    Mark Gannaway Software Developer

    Recent Experiments
    - Backpropogation Neural Network language solving (http://ann.ganners.co.uk/)
    - Animated image to ASCII (http://google.ganners.co.uk/)
    - 3D Paper Characters (http://cybergame.ganners.co.uk/)
    - Anagram solving (http://roflol.co.uk/)

  4. #3
    jj1
    jj1 is offline
    Senior Member
    Join Date
    Oct 2008
    Posts
    319
    Member #
    17546
    Have a look at image libraries such as istockphoto or 123rf - great background images and very cheap. If you type in the word "seamless" you will also get background images that seamlessly repeat, thus enabling you to have a smaller image file.

  5. #4
    Member rose_designer's Avatar
    Join Date
    Aug 2011
    Posts
    31
    Member #
    28949
    Liked
    2 times
    Yes photoshop is of great help
    You can make 1000x1000 pixels backgroud and apply gradient effects for simple one.
    Otherwise you can use glitter or some create images and apply it to your background page.

  6. #5
    Junior Member
    Join Date
    Aug 2011
    Posts
    3
    Member #
    29068
    Well this is going to be a portfolio background for my design site so I want to make it look great while keeping the web functionality. I don't want the image to be so detailed that the web site doesn't load. So my further questions are?

    1) what is a good file size to stay with when creating a background image in photoshop?

    2) are there ways to keep in my reference points while creating the web background. For instance knowing where the page will fit into the design when I upload it to the interenet? Or will I have to create it then keep tweaking it until it looks good in the browser window?

    3) What is the easiest way to create buttons using photoshop? It would be nice to be able to use photoshop to create my header and nav bar, as well as all of the major visual aspects of my page.

  7. #6
    Junior Member
    Join Date
    Aug 2011
    Posts
    3
    Member #
    29068
    For example I would love to make a web portfolio that looks kinda like the examples from this link.

    web portfolio examples

    I see they probably use a combination of things, but I have taken HTML classes and I am a designer so with a little help I could be lead in the right direction when I need the help if anyone is up for the challenge. I would be very appreciative.

    Thanks for the help so far.

  8. #7
    Member rose_designer's Avatar
    Join Date
    Aug 2011
    Posts
    31
    Member #
    28949
    Liked
    2 times
    Yes, with photoshop you can easily create buttons and even rollover buttons. To create button, you can pick rounded square shape and draw it. Then you can apply colors to by double clicking that layer. and then you can put text on it by using "T" symbol tool from the tools.

    In the web portfolio examples, i observe that many of them have used texture backgrounds. Align background always centralized. Keep its position scrolled in the css.

  9. #8
    Junior Member
    Join Date
    Sep 2011
    Posts
    12
    Member #
    29283
    Quote Originally Posted by jj1, post: 218068
    Have a look at image libraries such as istockphoto or 123rf - great background images and very cheap. If you type in the word "seamless" you will also get background images that seamlessly repeat, thus enabling you to have a smaller image file.
    Yup, i would advise you do the same thing.. istockphoto has some very cool backgrounds


Remove Ads

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •  

Search tags for this page

how to make a professional website background

Click on a term to search for related topics.
All times are GMT -6. The time now is 11:46 PM.
Powered by vBulletin® Version 4.2.3
Copyright © 2019 vBulletin Solutions, Inc. All rights reserved.
vBulletin Skin By: PurevB.com