10 {{ upvoteCount | shortNum }}
10 {{ upvoteCount | shortNum }}

how can i make a background image like this?

by Mitsakis
8 replies
  • WEB DESIGN
    • |
I want an impressive background for my website.
something like this: http://www.ciplex.com/images/bg-body.jpg
with the same colors and with curves.
can i do that with gimp?
does anyone know how to design something like this?
i don't even know how to search in google for something like this. any ideas?
#background #make
  • Profile picture of the author tarif
    Originally Posted by Mitsakis View Post

    I want an impressive background for my website.
    something like this:
    with the same colors and with curves.
    can i do that with gimp?
    does anyone know how to design something like this?
    i don't even know how to search in google for something like this. any ideas?
    Hello, its easy for apply a background image (whatever you want) using CSS codes.

    For example the website you have provided used the same process to display that background on their website. Let me show you:

    Visit the website ciplex.com and view the source code (ctrl+u) and you will see the HTML codes for the website. Look on line 11, there is a link like this "/css/style.css" click on it and you will be into Style CSS file of the website. The background image code is written here. Look for the class "body" (should be around line 22), here is the code:

    ------------------------------------
    body { text-align:center; font-family: Arial, Verdana, Helvetica, sans-serif; font-size:12px; color:#999999; background:#000000 url(../images/bg-body.jpg) no-repeat center top; }
    ---------------------------------
    Now can you recognize the background image URL they have mentioned here?

    hope you have understood. Thank you.
    {{ DiscussionBoard.errors[4726485].message }}
  • Profile picture of the author Mitsakis
    that's now what i asked.
    i know how to add a background image with css

    i am asking about how to design my own image.

    because i don't want to use my own image
    and not an image stolen from another website.
    Signature
    .
    {{ DiscussionBoard.errors[4726758].message }}
  • Profile picture of the author Ryan Butz
    It is very easy to get that effect in photoshop. They are just lines with a couple filters on them. They are usually called abstract lines or glowing lines/beams etc.

    Here are a couple of good round ups of tutorials to teach you this effect in Photoshop which you can d/l a free trial if you don't have it. Some of these might even have the .psd you can d/l at the end of it.

    40 Cool Abstract and Background Photoshop Tutorials

    30 Best Photoshop Abstract Effect Tutorials
    {{ DiscussionBoard.errors[4726919].message }}
  • Profile picture of the author Mitsakis
    thanks for the links.
    i don't have photoshop
    but i will try to apply the instructions in GIMP.
    Signature
    .
    {{ DiscussionBoard.errors[4726938].message }}
  • Profile picture of the author LakiPolitis
    Use a pen tool in GIMP, then mess around with colors by changing opacity and outer glow. Gimp let's you do most that Photoshop will let you do. It's not that hard, but I'm not a big fan of spending hours figuring that out.

    You may even find a royalty free texture you could use from like sxc.hu, or somewhere else. Investigate, you may not have to create one.
    {{ DiscussionBoard.errors[4730780].message }}
  • Profile picture of the author IceT
    It's easy if you are using PS
    pen tool > set the brush settings > stroke the path and add some masks or gradients.
    Hope this helps
    Signature
    Have a nice day!
    {{ DiscussionBoard.errors[4730890].message }}
  • Profile picture of the author Ibcontact
    It's called abstract wallpaper ... You can make in photoshope and also get help from photoshope tutorials..
    {{ DiscussionBoard.errors[4730914].message }}
  • Profile picture of the author marksz
    or you can search for vector graphics
    {{ DiscussionBoard.errors[4766420].message }}

Trending Topics