Web Design Forums

Adobe Photoshop Help

Need help with developing raster graphics? Post your Photoshop, Fireworks, Paint Shop Pro, and other raster graphics software questions. here.

How can I recreate this cool background?



Site of the Month Voting - Now Open. CAST YOUR VOTE NOW!

Reply
 
LinkBack Thread Tools
Old December 10 '09, 10:23 PM (#1)
trebo70 is offline
New Member!
 
trebo70's Avatar
 
Join Date: December 2009
Posts: 3
trebo70 is an unknown quantity at this point
How can I recreate this cool background?

Hello I'm a web developer and was wondering how I can go about recreating the background in this website:
http://osc.template-help.com/wt_25321/index.html
I have my own background pattern, colors and photos that I would like to incorporate into the background. Does anyone know how to recreate this effect? I have a collage of photos that I'm trying to add into the background but it just doesn't look right.
thanks,
Tre
Digg this Post!Add Post to del.icio.usBookmark Post in TechnoratiFurl this Post!
Reply With Quote
Old December 11 '09, 11:29 AM (#2)
alligatortek is offline
WDF Regular
 
alligatortek's Avatar
 
Join Date: December 2009
Location: Chicago, IL
Posts: 100
alligatortek is an unknown quantity at this point
It looks fairly straight-forward. It just looks like some brush work with a canvas texture filter applied to it.
Digg this Post!Add Post to del.icio.usBookmark Post in TechnoratiFurl this Post!
Reply With Quote
Old December 11 '09, 09:33 PM (#3)
trebo70 is offline
New Member!
 
trebo70's Avatar
 
Join Date: December 2009
Posts: 3
trebo70 is an unknown quantity at this point
Thanks for your resonse alligatortek. If I were to add my own photos, colors and background pattern what are the steps I would need to make it look like the given example. I want the photos ,I have, to blend in with the background almost in a duotone way but haven't been able to figure it out.
Any advice or if you could point me in the way of some good tutorials would be great.
thanks again,
Tre
Digg this Post!Add Post to del.icio.usBookmark Post in TechnoratiFurl this Post!
Reply With Quote
Old December 12 '09, 01:31 AM (#4)
vsjayan is offline
New Member!
 
vsjayan's Avatar
 
Join Date: December 2009
Posts: 3
vsjayan is an unknown quantity at this point
I think you can create a similar effect on a web page by fixing semi-transparent background images to different sides of the browser viewport and also at different horizontal percentage positions.

Last edited by Wired; December 12 '09 at 02:39 AM.
Digg this Post!Add Post to del.icio.usBookmark Post in TechnoratiFurl this Post!
Reply With Quote
Old December 14 '09, 10:41 AM (#5)
alligatortek is offline
WDF Regular
 
alligatortek's Avatar
 
Join Date: December 2009
Location: Chicago, IL
Posts: 100
alligatortek is an unknown quantity at this point
Sorry, I don't fully understand what you're asking for. Are you looking to do a photo collage, or something to that effect? And are you using this as a website background, or as thumbnails for an album of sorts? I'm asking because I would approach it different ways depending on what I wanted to achieve.
Digg this Post!Add Post to del.icio.usBookmark Post in TechnoratiFurl this Post!
Reply With Quote
Old December 14 '09, 01:37 PM (#6)
trebo70 is offline
New Member!
 
trebo70's Avatar
 
Join Date: December 2009
Posts: 3
trebo70 is an unknown quantity at this point
I have a backround pattern, a few photos and a color palatte that I want to use in my background for a website that I'm creating. I would like to incorporate all three of these in the same manner that the background image on this site was created: http://osc.template-help.com/wt_25321/index.html
If you look at the background on this page you'll see that there are images blended into the background.
I experimented with converting the background and photos to duotone using the color palatte and layer modes like luminosity and overlay but nothing seems to look right.
thanks again,
Tre
Digg this Post!Add Post to del.icio.usBookmark Post in TechnoratiFurl this Post!
Reply With Quote
Old December 14 '09, 02:00 PM (#7)
alligatortek is offline
WDF Regular
 
alligatortek's Avatar
 
Join Date: December 2009
Location: Chicago, IL
Posts: 100
alligatortek is an unknown quantity at this point
You can try this tutorial:

http://photoshoptutorials.ws/photosh...ro-colors.html

but instead of red and green, you can use colors that better suite your palette. I think the key to this effect is to use vibrant, over exaggerated colors. so for the color palette in the example site that you gave, you may want to try it with orange and blue. Then you would just have to adjust the levels to get the images where you want them. There's no cut and dry solution to photo editing. You really just have to familiarize yourself with the tools and use them to get the desired effect.

When I have some down time, I like to run through different tutorials for different effects. I may not ever use said effects, but I often get some insight into lesser known tools that are available in photoshop. I can then adapt this new found knowledge of the tools to get new effects that I desire.

Just make sure to work on copies of the images rather than originals, in case you mess up and have to start over.
Digg this Post!Add Post to del.icio.usBookmark Post in TechnoratiFurl this Post!
Reply With Quote
Old December 17 '09, 07:41 PM (#8)
JasonMc is offline
WDF Member
 
JasonMc's Avatar
 
Join Date: October 2009
Posts: 61
JasonMc is an unknown quantity at this point
look up some photoshop tutorials. lots of good blogs out there showing you how to do different techniques
Digg this Post!Add Post to del.icio.usBookmark Post in TechnoratiFurl this Post!
Reply With Quote
Old June 7 '10, 11:41 PM (#9)
sawit is offline
New Member!
 
sawit's Avatar
 
Join Date: April 2010
Posts: 15
sawit is an unknown quantity at this point
i'm quite sure that the brush work. you can create your own brush style
then add filter-Artistic-Underpainting
Digg this Post!Add Post to del.icio.usBookmark Post in TechnoratiFurl this Post!
Reply With Quote
Reply

  Web Design Forums » Design Software Help » Adobe Photoshop Help

Bookmarks


Currently Active Users Viewing This Thread: 1 (0 members and 1 guests)
 
Thread Tools

Posting Rules
You may not post new threads
You may not post replies
You may not post attachments
You may not edit your posts

BB code is On
Smilies are On
[IMG] code is Off
HTML code is Off
Trackbacks are On
Pingbacks are On
Refbacks are On


Similar Threads
Thread Thread Starter Forum Replies Last Post
Cool, Free background images Evenhumm General Web Design Discussion 5 January 22 '10 02:05 PM
Transparent iFrame Background in Firefox AND Internet Explorer johnjm22 HTML and CSS Help 4 July 3 '08 04:13 AM
Need help with CSS Background image glitch in IE 6 wienerdog HTML and CSS Help 3 April 15 '07 02:24 PM
Background Image jwalker80 HTML and CSS Help 2 December 19 '05 08:56 AM
background color property for a table cell : fails in firefox and opera gemini_shooter HTML and CSS Help 3 December 5 '05 06:39 AM

 
User Infomation
Your Avatar

Site Of The Month
Nominate Your Site Now!

Advertisement
WolfCMS.org

Latest Articles
- by RickM
- by bfsog

Advertisement

Partner Links



All times are GMT -4. The time now is 01:55 PM.


WebDesignForums.net is Copyright © 2010 RikeMedia.

SEO by vBSEO

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72 73 74 75 76 77 78 79 80 81 82 83 84 85 86 87 88 89 90 91 92 93 94 95 96 97 98 99 100 101 102 103 104 105 106 107 108 109 110 111 112 113 114 115 116 117 118 119 120 121 122 123 124 125 126 127 128 129 130 131 132 133 134 135 136 137 138 139 140 141 142 143 144 145 146 147 148 149 150 151 152 153 154 155 156 157 158 159 160 161 162 163 164