PhotoshopForums.com Home
Navigate Contact FAQ Search Members
Need help with this effect
Post new topic   Reply to topic    PhotoshopForums.com Forum Index -> General Photoshop and Design Discussion
Goto page 1, 2  Next
 See a User Guidelines violation? Please contact us.
Author Message

bgajjar

Joined: 01 Feb 2005
Posts: 11



PostPosted: Sat Feb 12, 2005 8:28 pm    Post subject: Need help with this effect Reply with quote

Hello everyone,

Please take a look at this image:




Since I'm a newbie, I need help acheiving:

1. The square lines like a mesh
2. These meshed lines should fade out from the extremes as shown

Thanks in advance.

Help very much appreciated.

Update:

I need help on this one as well:



How do I:

1. Create those rounded square tile effect?
2. And how do I fade it in the middle like this image?

Thank you!
View user's profile Send private message

gbf1lm

Joined: 07 Feb 2005
Posts: 50



PostPosted: Sat Feb 12, 2005 11:01 pm    Post subject: Reply with quote

the basics:
1. make a pattern
2. fill a new layer with that pattern,
3. adjust fill opacity
4. add drop shadow.
5. use quickmask and gradients to select the parts you want to fade out.
5 press delete.

please tell me which things you dont know how to do and ill show you. i dont want to explain patterns and gradients and layers if all you need to know is how to make it fade. if you want ill show you everythign though. with screenshots
View user's profile Send private message

bgajjar

Joined: 01 Feb 2005
Posts: 11



PostPosted: Sun Feb 13, 2005 1:55 am    Post subject: Reply with quote

gbf1lm wrote:
the basics:
1. make a pattern
2. fill a new layer with that pattern,
3. adjust fill opacity
4. add drop shadow.
5. use quickmask and gradients to select the parts you want to fade out.
5 press delete.

please tell me which things you dont know how to do and ill show you. i dont want to explain patterns and gradients and layers if all you need to know is how to make it fade. if you want ill show you everythign though. with screenshots


Hi,

Thanks for responding. Since I'm very new to this Photoshop, it does make a little sense. However, I would appreciate if you can send me some screenshots. That would be very much appreciated.

Thank you
View user's profile Send private message

gbf1lm

Joined: 07 Feb 2005
Posts: 50



PostPosted: Mon Feb 14, 2005 10:57 pm    Post subject: Reply with quote

ok. sorry, i didnt reply for a while i was a bit busy. its not that complicated, it looks long because of all the screenshots as you request. also you said you were a beggeiner and i explained alot of things, most tutorials assume you know. its really not difficult.

1. ok start out with a pattern of what shape you want to make. you need to make this shape the size of squares you want to show. decide how big you want your pattern. id make it smaller if your not sure because you can usually size up easily, but no size down (esp with the mesh one.) this is important, if you are making a small banner, you would want to use a very small pattern.

2. open a new file with those demensions, and checkmark transparent, for this example i am using a high resolution picture, and am using 30x30 pixels.


3. for mesh one, make something that looks like this:



the thickness of that red stripe will be the thickness of the mesh

for the squares, something like this:


the thickness of the blank/clear area, is the distance between each square.

it doesnt matter which color you use now, i am using red to show better, its easier to see. you can change the color later to anything. also i have zoomed in to show better, the image is 30x30, very small.

4. go to edit>>define pattern, and save it.


5. open up the image you want to apply the effect to.



6. create a new layer. go to Shift+Ctrl+N, or use the drop down layers menu, Layers>>new>>Layer
7. Make sure that layer is selected



and go Edit>>>fill. chose Pattern, chose your custom pattern.




should now look like this

8. if you want to change the color, go to your layers pallete and hold ctrl and click on layer one. this feature selects everything in that layer.

[img]

9. fill with desired color, ctrl+backspace for background color, alt+backspace for foreground color. you can also use the Edit>>fill menu. ctrl+D to deselect.

i am changing to white.


10. in your layers pallete, double click layer 1. you will see a blending options screen. here are some effects you can use, i reccomend, drop shadow, inner shadow, or bevel/emboss. play around with these and their settings.

11. for now, I just checkmark drop shadow and leave its default settings.



12. near the top of the layr pallete there are two options, opacity and fill. these both refer to opacity. Opacity refers to the whole the layer as a whole, blending options effects and all. the second refers to the opacity of only the fill color of the layer, and not the effects added in teh last step. once again, play around. I am putting fill at 15% and opacity at 75%



13. now for the fading. make a laker mask by clicking the layer mask button(see above) make sure you are working on layer 1. you acan also go Layers>>add layer mask>> reveal all.

layers pallete should now look like this:


with a layer mask, whatever is white will show, ans whatever is black will not show.

14. make sure you have selected the mask, and not the layer itself. using the gradient tool, fill what you want to be clear as black.





15. you can also use a fuzzy eraser brush instead of the gradient tool. for simple things this can be very easy. just erase what you want gone. it will show up as black on teh layer mask. if you mess up, use the paintbrush and paint it back. this will show up white. you can change the size of the brush with [ and ] buttons.




AND YOUR DONE!!!

let me knwo if you need anyhtign else! i am sorry if i went into to much detail.



three sample images:



final3.jpg
 Description:
bevel/emboss std optons, fill 0%, reduced opcity, cant remember %
 Filesize:  122.43 KB
 Viewed:  1243 Time(s)

final3.jpg



final2.jpg
 Description:
mesh pattern, no blending options effects, reduced opacity cant remember the %.
 Filesize:  117.32 KB
 Viewed:  1243 Time(s)

final2.jpg



final1.jpg
 Description:
square pattern, drop shadow, fill 15% opacity 75%
 Filesize:  152.41 KB
 Viewed:  1243 Time(s)

final1.jpg


View user's profile Send private message

bgajjar

Joined: 01 Feb 2005
Posts: 11



PostPosted: Tue Feb 15, 2005 11:37 am    Post subject: Reply with quote

Dear gbf1lm,

Hats off to you! The tutorial is really really very helpful.

I thank you very much from the bottom of my heart for this tutorial.

THANK YOU ONCE AGAIN.
View user's profile Send private message

BryanDowning

Joined: 05 Jul 2004
Posts: 1554
Location: California, USA


PostPosted: Tue Feb 15, 2005 7:44 pm    Post subject: Reply with quote

Wow. Good one gbf1lm.
_________________
Best Regards,
Bryan Downing
bryandowning.com
View user's profile Send private message Send e-mail Visit poster's website AIM Address

teddc

Joined: 04 Oct 2004
Posts: 389
Location: Belmont North Australia


PostPosted: Tue Feb 15, 2005 7:49 pm    Post subject: Reply with quote

A really excellent tutorial and well put together

Ted
View user's profile Send private message

gbf1lm

Joined: 07 Feb 2005
Posts: 50



PostPosted: Tue Feb 15, 2005 8:40 pm    Post subject: Reply with quote

yeah i feel for people who are trying to learn.

when i was learing pshop, it frustrated me no end to read in a tutorial that told me how to do it, but didnt explain it and i would have a hard time applying tools i just used to other aplications.

yeah its long but it covers layer masks, gradients, patterns, the layer pallete, blending options and opacity.
View user's profile Send private message

jiteye

Joined: 30 Apr 2003
Posts: 279
Location: 46.23 N 63.13 W


PostPosted: Thu Feb 17, 2005 1:28 am    Post subject: Reply with quote

Plus its a cool looking car :)
View user's profile Send private message

teknogeek1300

Joined: 27 Mar 2005
Posts: 6
Location: California!


PostPosted: Sun Mar 27, 2005 12:11 am    Post subject: Reply with quote

Wow, you are awsome. I created this with the knowledge you've givin me! THANKS!

View user's profile Send private message Send e-mail Visit poster's website Yahoo Messenger
Display posts from previous:   
Post new topic   Reply to topic    PhotoshopForums.com Forum Index -> General Photoshop and Design Discussion All times are GMT - 6 Hours
Goto page 1, 2  Next
Page 1 of 2
Jump to:  
You cannot post new topics in this forum
You cannot reply to topics in this forum
You cannot edit your posts in this forum
You cannot delete your posts in this forum
You cannot vote in polls in this forum
You cannot attach files in this forum
You can download files in this forum


Contact - User Guidelines >

Copyright © 2003-2016. PhotoshopForums.com, iFroggy Network. All Rights Reserved.
Powered by phpBB © phpBB Group. phpBB SEO. Privacy Policy.
We are in no way affiliated with Adobe. Photoshop, Adobe and related marks are registered trademarks of Adobe.
PhotoshopForums.com