Photoshop Help
 
Forums: » Register « |  User CP |  Games |  Calendar |  Members |  FAQs |  Sitemap |  Support | 
User Name:
Password:
Remember me
Go Back   Dev Shed ForumsWeb DesignPhotoshop Help

Reply
Add This Thread To:
  Del.icio.us   Digg   Google   Spurl   Blink   Furl   Simpy   Y! MyWeb 
Thread Tools Search this Thread Rate Thread Display Modes
 
Unread Dev Shed Forums Sponsor:
  #1  
Old June 13th, 2005, 03:32 PM
mikewooten mikewooten is offline
Contributing User
Dev Shed Newbie (0 - 499 posts)
 
Join Date: Jan 2004
Location: duluth, GA
Posts: 194 mikewooten User rank is Just a Lowly Private (1 - 20 Reputation Level) 
Time spent in forums: 17 h 59 m 6 sec
Reputation Power: 5
gradient photoshop tutorials/examples?

are there any good photoshop tutorials on the web that someone can point me to?
thanks
what i'm trying to do is use a gradient. i want one side of the gradient to be one color, then the other side to be clear with no color and/or have an image on that other side kinda like the example image that is provided below.
if anyone knows how to do that or if you know of a tutorial that can explain that, then that would be great.
thanks

http://wootenmedia.com/pshop/example.jpg
__________________
Michael Wooten

Reply With Quote
  #2  
Old June 13th, 2005, 11:52 PM
hope.sandoval's Avatar
hope.sandoval hope.sandoval is offline
At night, the ice weasels come
Dev Shed Beginner (1000 - 1499 posts)
 
Join Date: Apr 2005
Posts: 1,047 hope.sandoval User rank is Sergeant Major (2000 - 5000 Reputation Level)hope.sandoval User rank is Sergeant Major (2000 - 5000 Reputation Level)hope.sandoval User rank is Sergeant Major (2000 - 5000 Reputation Level)hope.sandoval User rank is Sergeant Major (2000 - 5000 Reputation Level)hope.sandoval User rank is Sergeant Major (2000 - 5000 Reputation Level)hope.sandoval User rank is Sergeant Major (2000 - 5000 Reputation Level) 
Time spent in forums: 2 Weeks 13 h 4 m 49 sec
Reputation Power: 52
It's easy, you don't need a tutorial. You didn't say which version of PS you're using so I did my example from 5.5 instead of CS2 because not a lot of people have that yet.

All you have to do is select the gradient tool, then look over on the other side until you find the gradient options and pick 'foreground to transparent'. Easy breezy.
Attached Images
File Type: jpg gradient.jpg (23.6 KB, 210 views)

Reply With Quote
  #3  
Old June 14th, 2005, 01:21 AM
mikewooten mikewooten is offline
Contributing User
Dev Shed Newbie (0 - 499 posts)
 
Join Date: Jan 2004
Location: duluth, GA
Posts: 194 mikewooten User rank is Just a Lowly Private (1 - 20 Reputation Level) 
Time spent in forums: 17 h 59 m 6 sec
Reputation Power: 5
i am using photoshop 7.0. do you set forground to transparent in 7.0? if so where? or do you do something different in 7.0?
thanks

Reply With Quote
  #4  
Old June 15th, 2005, 03:58 PM
xlordt's Avatar
xlordt xlordt is offline
Only the strong survives!!.
Dev Shed God 1st Plane (5500 - 5999 posts)
 
Join Date: Feb 2003
Location: A World of wonders.
Posts: 5,553 xlordt User rank is Major (30000 - 40000 Reputation Level)xlordt User rank is Major (30000 - 40000 Reputation Level)xlordt User rank is Major (30000 - 40000 Reputation Level)xlordt User rank is Major (30000 - 40000 Reputation Level)xlordt User rank is Major (30000 - 40000 Reputation Level)xlordt User rank is Major (30000 - 40000 Reputation Level)xlordt User rank is Major (30000 - 40000 Reputation Level)xlordt User rank is Major (30000 - 40000 Reputation Level)xlordt User rank is Major (30000 - 40000 Reputation Level)xlordt User rank is Major (30000 - 40000 Reputation Level)  Folding Points: 110977 Folding Title: Super Ultimate Folder - Level 1Folding Points: 110977 Folding Title: Super Ultimate Folder - Level 1Folding Points: 110977 Folding Title: Super Ultimate Folder - Level 1Folding Points: 110977 Folding Title: Super Ultimate Folder - Level 1Folding Points: 110977 Folding Title: Super Ultimate Folder - Level 1Folding Points: 110977 Folding Title: Super Ultimate Folder - Level 1
Time spent in forums: 1 Month 3 h 36 m 8 sec
Reputation Power: 378
Send a message via ICQ to xlordt Send a message via AIM to xlordt Send a message via MSN to xlordt Send a message via Yahoo to xlordt Send a message via Google Talk to xlordt Send a message via Skype to xlordt
Facebook MySpace
hmm neat, i would not mind finding out how to create that as well

Reply With Quote
  #5  
Old June 15th, 2005, 04:22 PM
ran_dizolph's Avatar
ran_dizolph ran_dizolph is offline
from the lab...
Dev Shed Intermediate (1500 - 1999 posts)
 
Join Date: Nov 2004
Location: the land of wind and ghosts
Posts: 1,598 ran_dizolph User rank is First Lieutenant (10000 - 20000 Reputation Level)ran_dizolph User rank is First Lieutenant (10000 - 20000 Reputation Level)ran_dizolph User rank is First Lieutenant (10000 - 20000 Reputation Level)ran_dizolph User rank is First Lieutenant (10000 - 20000 Reputation Level)ran_dizolph User rank is First Lieutenant (10000 - 20000 Reputation Level)ran_dizolph User rank is First Lieutenant (10000 - 20000 Reputation Level)ran_dizolph User rank is First Lieutenant (10000 - 20000 Reputation Level)ran_dizolph User rank is First Lieutenant (10000 - 20000 Reputation Level) 
Time spent in forums: 2 Weeks 5 Days 19 h 18 m 15 sec
Reputation Power: 148
Quote:
i am using photoshop 7.0. do you set forground to transparent in 7.0? if so where? or do you do something different in 7.0?


yup, select your 'gradient' tool ('g'), and up top, 2nd box in from the left, click that open.
'foreground-transparent' is the 2nd selection in. pick your foreground colour, and then just drag the gradient over where you want it.

may take some playing with to get right, but it's not too tough.

hope that helps.

Reply With Quote
  #6  
Old June 15th, 2005, 05:16 PM
mikewooten mikewooten is offline
Contributing User
Dev Shed Newbie (0 - 499 posts)
 
Join Date: Jan 2004
Location: duluth, GA
Posts: 194 mikewooten User rank is Just a Lowly Private (1 - 20 Reputation Level) 
Time spent in forums: 17 h 59 m 6 sec
Reputation Power: 5
thanks, i got it working, this is how i did it and it worked....
Pick your forground and background colors on one layer. Make your gradient just one solid colour. On one end, set the Fill to 0%. then double click that layer with the gradient in it to bring up the layer style dialog box, go down to gradient overlay, then click on the gradient, then (click)set forground to transparent in gradient.

Reply With Quote
  #7  
Old June 15th, 2005, 06:22 PM
hope.sandoval's Avatar
hope.sandoval hope.sandoval is offline
At night, the ice weasels come
Dev Shed Beginner (1000 - 1499 posts)
 
Join Date: Apr 2005
Posts: 1,047 hope.sandoval User rank is Sergeant Major (2000 - 5000 Reputation Level)hope.sandoval User rank is Sergeant Major (2000 - 5000 Reputation Level)hope.sandoval User rank is Sergeant Major (2000 - 5000 Reputation Level)hope.sandoval User rank is Sergeant Major (2000 - 5000 Reputation Level)hope.sandoval User rank is Sergeant Major (2000 - 5000 Reputation Level)hope.sandoval User rank is Sergeant Major (2000 - 5000 Reputation Level) 
Time spent in forums: 2 Weeks 13 h 4 m 49 sec
Reputation Power: 52
Quote:
Originally Posted by mikewooten
thanks, i got it working, this is how i did it and it worked....
Pick your forground and background colors on one layer. Make your gradient just one solid colour. On one end, set the Fill to 0%. then double click that layer with the gradient in it to bring up the layer style dialog box, go down to gradient overlay, then click on the gradient, then (click)set forground to transparent in gradient.


There are alot of different ways to do the same thing in PS, but it sounds like your way is harder than mine.

Reply With Quote
  #8  
Old June 16th, 2005, 04:23 PM
mikewooten mikewooten is offline
Contributing User
Dev Shed Newbie (0 - 499 posts)
 
Join Date: Jan 2004
Location: duluth, GA
Posts: 194 mikewooten User rank is Just a Lowly Private (1 - 20 Reputation Level) 
Time spent in forums: 17 h 59 m 6 sec
Reputation Power: 5
I have a simlar question to the original one i posted...
is there a way to accomplish the same thing using two images?
instead of using one side as a color and the other side an image, is there a way to put two images together without using color gradients?
thanks

Reply With Quote
  #9  
Old June 17th, 2005, 09:34 AM
ran_dizolph's Avatar
ran_dizolph ran_dizolph is offline
from the lab...
Dev Shed Intermediate (1500 - 1999 posts)
 
Join Date: Nov 2004
Location: the land of wind and ghosts
Posts: 1,598 ran_dizolph User rank is First Lieutenant (10000 - 20000 Reputation Level)ran_dizolph User rank is First Lieutenant (10000 - 20000 Reputation Level)ran_dizolph User rank is First Lieutenant (10000 - 20000 Reputation Level)ran_dizolph User rank is First Lieutenant (10000 - 20000 Reputation Level)ran_dizolph User rank is First Lieutenant (10000 - 20000 Reputation Level)ran_dizolph User rank is First Lieutenant (10000 - 20000 Reputation Level)ran_dizolph User rank is First Lieutenant (10000 - 20000 Reputation Level)ran_dizolph User rank is First Lieutenant (10000 - 20000 Reputation Level) 
Time spent in forums: 2 Weeks 5 Days 19 h 18 m 15 sec
Reputation Power: 148
yes,

what you're looking to do requires a 'layer mask'.

pick the image you want to blend into the next one, and place it on a layer above.

apply a 'layer mask' to that layer.

then, simply use the 'foreground-transparent' gradient tool (as above), and apply it on the layer mask.

that's it.

you'll probably have to play around with it.

hope that helps!

Reply With Quote
Reply

Viewing: Dev Shed ForumsWeb DesignPhotoshop Help > gradient photoshop tutorials/examples?


Thread Tools  Search this Thread 
Search this Thread:

Advanced Search
Display Modes  Rate This Thread 
Rate This Thread:


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

vB code is On
Smilies are On
[IMG] code is On
HTML code is Off
View Your Warnings | New Posts | Latest News | Latest Threads | Shoutbox
Forum Jump


Forums: » Register « |  User CP |  Games |  Calendar |  Members |  FAQs |  Sitemap |  Support | 
  
 





© 2003-2008 by Developer Shed. All rights reserved. DS Cluster 5 hosted by Hostway
Stay green...Green IT