Jul 25, 2008

Saint-michaels First Photoshop Tutorial - filter tricks with motion blur

Free Web Hosting, No Ads > Xisto Network Sites > The GFXTrap Forum - Trap17 Graphics Site > Tutorials

free web hosting

Saint-michaels First Photoshop Tutorial - filter tricks with motion blur

Saint_Michael
well this is going to be my first blow tutorial, well sort of since all you will be learning is a filter trick that picked up, so lets get down to the basics

Step 1:start your computer

Step 2: start adobe photoshop 7, 8(CS 1) , 9 (CS 2)

Step 3: the next part well i would have to say use a big size document the one i used was 372x478 since i used the original size of the render when i start this project.

Step 4: next you pick your render, i highly recommend getting a renders that doing some sort of action that requires motion, the one i used was a carnage/venom render.

Step 5: with the default settings for color as vlack and white click on filters then render then to clouds and this is what you should have so far/

click here

Step 6: next grab your lasso tool and select an area around your image, which will be the point where the motion blur will begin and spread out.

click here

Step 7:next you want to go to select in your menu then click inverse, or hold the keys (shift+ctrl+I)when you do this you are selcting the whole document where the motion blur will spread out like this

click here

Step 8: ok the next step you go to filters then to blur then to motion blur, with selcted you have a preview menu of what the image will look like, well this is where you can test to see what settings you want, well for this image i chose -54 degrees for the angle of the motion blur then for the distance i picked 40px with this i blur the render just enough were its in action.

click here

By now you should have a action render with motion blur at an angle.

Step 9: next click on inverse or hold (shift+ctrl+I) and select the original area of the lasso, then go to filter then to blur then to blur more click on it once and the area selecred should look a little blured. After that hold (ctrl+alt+f) ro slecte the filter again do it as many times as you want to give the render that action motion that you want to use.

click here

ok now this is what your final product should be after following these simples steps.

click here

Step 10: now its up to you want colors, brushes and other options you would ike to use to make your motion image comes to life.

well this is what i came up with after days later.

user posted image

and there you go you have youself a successful motion blurred action render.

Notice from BuffaloHELP:
Edited as requested.

 

 

 


Reply

wassie
i like it, but do you want people to see it is a picture of spiderman?
because i first had to look at ur begin picture to see it was something of spider man...
i think if you blur more and more... you have a cool background, because not many people can see it is spiderman.

Reply

truefusion
QUOTE(Saint_Michael @ Aug 5 2005, 07:52 AM)
Step 2: start adobe photoshop 7, 8(CS 1) , 9 (CS 2)


You want us to open all of these? You may want to put an "or" in there...

Anyway, nice tutorial, but the use of the blur could have been more creative.

Reply

snlildude87
What's with all the sig tutorials now? *sigh* laugh.gif

Why does it say Carnage though?

Reply

Johnny
QUOTE(truefusion @ Aug 5 2005, 09:20 AM)
You want us to open all of these? You may want to put an "or" in there...

Anyway, nice tutorial, but the use of the blur could have been more creative.
*



Lol, I'm sure you know what was meant.

QUOTE(snlildude87 @ Aug 5 2005, 09:24 AM)
What's with all the sig tutorials now? *sigh* laugh.gif

Why does it say Carnage though?
*


There's "all the sig tutorials now", so noobs like you don't stay noob forever. tongue.gif
Just smile and nod your head.

It says carnage because the red one is carnage. Not spidey. smile.gif
That's why he's all bulky and such. And has Gene Simmons' tongue.

Mike, I think it'd look better if the blur was turned down just a bit, and the text was different. The way you have it now ruins the "motion" in there.

Not a bad tutorial though. smile.gif

 

 

 


Reply

Saint_Michael
mucho deniro, well snlil if you read more comics you would know that was not spider-man..

Reply

snlildude87
QUOTE(Johnny @ Aug 5 2005, 04:21 PM)
[1] There's "all the sig tutorials now", so noobs like you don't stay noob forever. tongue.gif
Just smile and nod your head.

[2] It says carnage because the red one is carnage. Not spidey. smile.gif
*

[1] I'm a n00b. sad.gif

[2] I'm sorry. I don't read comics. Books are much better.

Anyway, Michael, the blur here: http://i14.photobucket.com/albums/a305/sai...chael/step6.jpg is too much for me. I mean, the last time I saw someone move like that was...never.

Reply

Sprite
No offense, i dont like it that much tho... You made it TOO blurry.

Reply

Johnny
QUOTE(snlildude87 @ Aug 5 2005, 01:21 PM)
[1] I'm a n00b. sad.gif

[2] I'm sorry. I don't read comics. Books are much better.

Anyway, Michael, the blur here: http://i14.photobucket.com/albums/a305/sai...chael/step6.jpg is too much for me. I mean, the last time I saw someone move like that was...never.
*


[1] Don't worry about it...we'll make you pro in no time. Once we have a pro on the site. tongue.gif

[2] No they aren't. I'll fight you on that forever.

Reply

biscuitrat
I agree that it's too blurry - might have been better if you left it around the step 7 stage :/

Reply



Got an Opinion! Express your Views! (no registration):-
Add your Reply/ Opinion/ Views/ Comments/ Suggestion/ Questions/ Queries etc.
Posts with decent grammar & English will be accepted and please refrain from profanities.
For asking a Question, We recommend you to sign-up (for free) so that you can track the topic easily.

Nature of your Post*: Opinion/ Reply/ Comments
Question/Query
Feedback to us.
       
Name   Email
Title/Question*

(Maximum characters: 10,000)
You have characters left.
Confirm Code:

Recent Queries:-
  1. pentagram photoshop tutoria - 111.37 hr back. (1)
Similar Topics

Keywords : saint, michaels, photoshop, filter, tricks, motion, blur

  1. Adding Jigsaw Puzzle Effect With Photoshop
    (1)
  2. Adding Signature Stamp In Photoshop
    (2)
    I take pictures for my wife's eBay auctions. She likes her name inserted on the photos. While
    there are many ways to do this, my solution is quick, easy and flexible. Open a new file with a
    transparent background. Size isn't important. Select the text tool and choose your font. I used
    a script font. Type the signature. Now click on Edit/define brush preset A box will pop up
    to name the brush. Open the picture you want to sign. Select the brush tool. From the drop
    down menu select the brush. It will be the last one. Select the color on the....
  3. Heavenly Blur (mighty Quick And Easy)
    (1)
    Ok, this is a super quick and super easy photoshop effect. Its so quick and easy, I don't even
    need to post any screenshots to help you out. 1. Open Image 2. Duplicate Image 3. Guassian Blur
    the image at a radius of 2, and change its opacity to 70% 4. Duplicate original again and drag it to
    the top of the layers 5. Motion Blur it at 0 degrees at a distance of 20. 6. Motion Blur it again at
    90 degrees at a distance of 20. 7. Set the motion blurred layer to a view mode of "Lighten" I will
    post some before and after photos so you can see what it does. Before ....
  4. Photoshop -- Double Stroke
    Learn to create a neat-o text effect (2)
    Lets do this! 1. Create a new photoshop document with the dimensions 88x31. If your lost
    already... quit. 2.Alright make some random background and then put some random black-colored
    (#000000) text on it. Kind of like the picture below. 3. Select the text layer you have just
    created and click on the little f symbol near the bottom of the layer window. A sub menu should pop
    up. Click on stroke. 4. Some editing window should appear. Change all the values to what you
    see in the following image, make sure the stroke color is white (#FFFFFF). After this tu....
  5. How To Make Grid Using Adobe Photoshop
    (0)
    Description Learn to create a neat grid using Adobe Photoshop! Great for many types of
    graphics! Try It Out We're going to start by opening up a new Photoshop Document. You may
    use any image you want, as long as its a resonable size. I chose to use Banjo Bob here
    /biggrin.gif" style="vertical-align:middle" emoid=":D" border="0" alt="biggrin.gif" /> Click
    File -->New Document. Change the Dimensions to 10x10 and the Contents to transparent. Click OK.
    Now, using the zoom tool, zoom in as much as possible. Make your image look the same as this one: ....
  6. Photoshop Cs Tutorial - Make Your Pics A Little Spooky
    How to Add ghost in your pics. Let peoples wondering is ir a real ghos (5)
    First, you need source pic. I labelled the source pic as S . Heres my source pic: Look spooky
    isn't it? And here's my original pic. I label my original pic as O. Next, i paste the
    S picture on the O picture using adobe photoshop and erase the undesired area. Adjust the S
    position.. Here's the result: Select the S layer and and adjust the opacity and fill until
    you get the most spooky look. Go to filter and select blur-gaussian blur.. Select smudge tool and
    smudge the S picture until you get a better and real ghost shape. Repeat this step un....
  7. Reflective Text
    For Photoshop! (6)
    1: Open up your canvas with the text on it. Duplicate the text layer. 2: Then go
    Edit>Transform>flip vertical 3. You ratserize the text layer. 4. then you take the rectanglar
    marqee tool, and make selection over the text (the duplicated one)about half ways up of the text 5.
    Then right click > feather > put about 5px. Now press delete. And there you go, reflective text
    You'll get something like this or even better. /biggrin.gif"
    style="vertical-align:middle" emoid=":D" border="0" alt="biggrin.gif" />....
  8. Photoshop Cs2 Animation Tutorial
    (0)
    Tutorial By: Evil Guy This tutorial will show you how to make a animated pictures in adobe
    photoshop cs2 Step. 1 Open a new document with any size, i used 300 x 100 Step. 2 Now type
    anything in it, I typed Evil Guy Step. 3 Now open the animation window, go window -->
    Animation It will lOok like this: Step. 4 Now on the left in the layers box: And change the
    opacity of the test to 0% like the following Step. 5 Now press alt+shift+ctrl+F to open a new
    frame Step. 6 Now in the new frame change the following settings in the layer box: Step. 7 ....
  9. How To Design A Scan Line Fill Effect In Photoshop
    (2)
    How to design a scan line fill effect in Adobe Photoshop First you need a pattern to fit on
    pictures. To create pattern: 1- Create a new 2*4 image (width=2 px, length=4 px) and set background
    to Transparent. 2- Click the Zoom Tool and zoom on the image (1600%) 3- Select the Pencil Tool and
    specify foreground to black and set master diameter to 3px . 4- Drag in top of the image to paint.
    (Click in image). 5- Hold down CTRL and press A (CTRL+A) to select the image and then select
    Edit > Define Pattern and then type a name and click ok. To apply fill effect: 1- Open....
  10. Photoshop Cs2: Full Signature Tutorial
    Made by Tramposch (11)
    This is a tutorial on how to make a signature like this: First of all, you need to find your
    render, try to find one that doesn't have a lot of space around its arms, or doesnt have a cape,
    because then it will not looks so great with empty space. For the signature I used this render:
    http://i97.photobucket.com/albums/l217/Tra...oredcore2er.png 1) Open a new document, with a white
    background, any reasonable signature size will do (don't make it too large /wink.gif"
    style="vertical-align:middle" emoid=";)" border="0" alt="wink.gif" /> ). 2) Go Edit---&#....
  11. Mario Signature (adobe Photoshop)
    (15)
    Tutorial Name: Mario Signature Created by: Tidus Program used: Adobe Photoshop Notes: A
    friend of mine made this tutorial a while ago and said I could repost it. I think its a good
    tutorial and helps those who are still getting new to photoshop. This tutorial is copyrighted to him
    and shouldn't be reposted by others unless you have his permission. Tidus's Second Tutorial
    This is the ending result that you should get after you have completed this tutorial. 1) Okay,
    the first step is open a new document thats 385x115. You can use whatever size you want....
  12. Reflecting Text Tutorial
    Adobe Photoshop CS2 (5)
    Here you will learn how to create cool reflecting text effects! Step 1. Once your ready to add
    text onto your signature your ready to being. With your text tool type what ever it may be. I
    suggest for this effect your text be on something black And your text white. Step 2. Now we want
    to duplicate that layer to do this select the layer and hit ctrl+j. Step 3. OK now that we have two
    of the same layer select the duplicated layer and hit ctrl+t. Right click it and hit flip
    vertically. Step 4. You want to move it down just a bit. Make sure that nothing touches. ....
  13. Complete Signature Tutorial
    Adobe Photoshop 7+ (18)
    Well here's my 3rd tutorial, it took about a hour and a half to make and I hope it helps people
    out. I use this technique in a lot of my signatures. Easy Full Signature In this tutorial I will
    show you how to make a signature like this: Resources used in this tutorial: Dark Crystal
    Script Font Rust and Grunge Brushes Link Render Brushing the background 1) Create a new
    canvas (I used 340x120) 2) Fill the background layer with black 3) Load your brushes 4) Set your
    foreground to white 5) Create a new layer (CTRL+Shift+N) 6) Brush the background....
  14. Photoshop - Lightning Tutorial
    How to make realistic lightning in photoshop. (17)
    This tutorial will teach you how to make realistic lightning. 1) Open a new file, set the
    canvas size to about 400 x 300 pixels. 2) Set your foreground color to white and background color
    to black. 3) Go to Filter > Render > Clouds. 4) Go to Filter > Render > Difference Clouds.
    5) Go to Image > Adjust > Invert. 6) Go to Image > Adjust > Levels. 7) Move the arrow in the
    middle all the way to the right. 8) To change the color of the lightning like I did, go to
    Image > Adjust > Color Balance. 9) That's all there is to making realistic ligh....
  15. Glossy Effect Tutorial [photoshop]
    (11)
    Most people know how to do this but for you people new to photoshop it is a helpful trick!!
    ....
  16. How To Make Cool Rain Effect
    (photoshop tut) (53)
    Here i am going to show you how to create realistic rain effect using photoshop CS, this tutorial is
    suitable for immeadiate beginners too, now the first thing you need is to get a good source image ,
    i used this house which is shown at a kool angle and a dog lookin out of the window supposedly
    because it is raining dublicate the layer ( press Ctrl+J ) or just drag the layer to the create
    new layer button at the bottom of layers tool box , now go to Image > Image Adjustments > Levels
    and make your settings as shown in the image below ... even tough the image w....
  17. My First Sig Tutorial (c4d+coloring) (photoshop)
    your comments please (11)
    First of all open a new document with white background and size 355 / 105 import your render to a
    new layer , name the layer original and hide the layer create a new copy of the original layer
    here's the render i choosed ..... go to Image > Adjustments > Hue saturation choose
    colorize and drag the hue slider to 121 create another copy of the orignal layer go to Filter >
    Blur > Radial blur set amount to 10 , blur method to spin and quality to good now set the blending
    mode of the layer to vivid light go to Image > Adjustments > Hue saturation choose color....
  18. [photoshop]grunge Abstract Sig ~ Samma
    Includes Multi Color Method (9)
    Im not sure if this has been done before... I havent seen a grunge abstract tut before, but anyways
    here it is /tongue.gif' border='0' style='vertical-align:middle' alt='tongue.gif' /> Outcome:
    1. Fill the canvas with black, and brush with white using a grunge brush. After you have
    completely filled the whole layer with the grunge brush, go to Image > Adjustments > Auto Contrast,
    then go to Filter > Sharpen > Sharpen Edges, then finaly go to Edit > Fade Sharpen Edges and do an
    opacity of 50%. Make a new layer. Repeat Step 1. another 2 times using different gru....
  19. Simple Sig Tutorial
    photoshop sig tutorial : New to photoshop? (23)
    Mytutorial which i made for people who are new in photoshop: This is my first tutorial so maybe
    there are few mistakes .......
  20. Cool Sig Backgrounds With Photoshop
    its cs2 (7)
    make a new one with these then go to layers>duplicate layer Then on the upper one go to
    filter>render>fiber http://img506.imageshack.us/img506/9468/secpmd4gu.png then go to bottom one
    and duplicate that layer and go to filter>render>cloud then on hte newly duplicated one go to
    Filter>render>different clouds then on the same one go to filter>distort>twirl and set it at 200
    Now go to the top one and cllick overlay then go to the middle one and click overlay (overlay is
    on drop down menu) then go to layer>merge down then go to layer>merge down then press c....
  21. Rounded Edges In Photoshop
    An easy way to do this (13)
    I'll show you how to make rounded edges and a border around a picture. 1) Open you picture in
    photoshop. I'm chose this lovely picture to work with: 2)Select the elliptical marquee tool
    and make shore you keep these settings: 3) Use the elliptical marquee tool to draw a circle
    selection in one of the corners of your picture like this. Pick a size depending on how rounded you
    want your image. 4) Repeat this in every corner of your image until you have something like this.
    Try to make all the circles look as much alike as possible. 5) Now select the re....
  22. How To Double Stroke Images
    Using Photoshop (22)
    (I am aware that there is an existing tutorial on double stroking text, but this is very different.)
    How to double stroke images using Photoshop by Strawberrie 1. Open up/copy&paste the
    image you want to double stroke onto a new layer (Shift+Ctrl+N) in Photoshop. 2. Go to Edit >
    Stroke. Set the width to 3 px and color to whatever you wish your furtherest inside border to be (in
    this case, black). You should get something like this: 3. Go to Edit > Stroke again. Set the
    width to 2 px and color to whatever you wish your middle border to be (in thi....
  23. Photoshop Registration
    concerning the pop-up window (6)
    hey, when you start installing photoshop, does the registration window pop up at the beginning ? or
    it doesn't come out until your 30 day trial is over? because i've reformatted my comp like 3
    times and i have ps on te cd saved but whenever i try to install it it never asks me to register
    it... also which is better? PHOTOSHOP cs OR PHOTOSHOP the newer version? and will the brushes for
    ps8 work on the newer one? thank you!....
  24. Make A Multi-color Sig {photoshop}
    (9)
    This tut is from my forums at www.halo2krew.com so please give credit if u use it This tut is on
    how to make a multicolor sig. You will have to know the basic commands and tools in Photoshop becaus
    I wont explain everything in detail. 1. Make a new document- 400x100 is what Im doing 2. Most
    people like to fill in the canvas with black or do clouds but im just going to start brushing right
    away. So take out your brushes and press "d" to reset your colors. Then brush with your grunge
    brushes on your canvas untill you get this dark, 3. Now Make a new layer and Brush ....
  25. Adobe Photoshop --- Cyber Abstract
    (14)
    Step 1. Open a new document, make it 800x600pixels and make the background white. Then press D on
    your keyboard, this will make the colors reset to their default. (black and white) Step 2. Go to
    Filter=>Render=>Difference Clouds, press ctrl+F to repeat this step again. Step 3. Next go to
    Filter=>Pixelate=>Mezzotint, and use Long Lines Step 4. Go to Filter=>Blur=>Radial Blur and use the
    settings shown in the image below: (make sure you pull the blur center up to the left corner!
    THIS IS IMPORTANT!) Here is what I got: Step 5. Press Ctrl+U from your ke....
  26. Turning An Image Into A Cartoon Style - Photoshop
    Tutorial on cartooning images. (30)
    This tut will show you how to make a photo look cartoonish in three easy steps... 1)Open your
    image in photoshop, doesnt really mater what size or shape anything really a landscape, city, or a
    person. I am using a picture of a football player in this example 2)Go up to
    Filter>Blur>Gaussian Blur and set the radius at 3.0 or higher depending on the effect your looking
    for. 3)Last go Edit>Fade Gaussian Blur. A window will pop up... set the mode to darken for tha
    cartoonish effect or to any other mode for plenty of other effects. Lower the opacity if you
    don't....
  27. Adobe Photoshop Fire Text
    (5)
    1. Create a new image, any size will do, but I used 400x150 (standard sig size) 2. Fill the newly
    created image with black 3. Create a new text layer with whatever text you want to use 4.
    Merge the text layer with your background layer (Click on your text layer, press Ctrl + E) 5.
    Filter, Stylize, Wind...Use Settings Below 6. Repeat by pressing Ctrl + F 7. Repeat steps
    5-6, changing the direction of the wind to Right 8. Now rotate the canvas 90 degrees CW 9.
    Repeat steps 5-7 10. Rotate the canvas 90 degrees CCW, this will return you to the origina....
  28. [photoshop] Cartoon Vector
    (25)
    How to turn a picture of an actual person into a cartoon... (1) Filter> Blur> Gaussian Blur
    Settings: 9px (2) Press Shift+Ctrl+C now in Mode set it to darken and opacity to 100% if it
    isn't already. And that's it! Simple, eh?....
  29. Make An Energy Blast In Photoshop
    (14)
    1. Start out with a new 250x250 image. Choose a white background. Then press D on your keyboard to
    reset the colors. 2. Go to filter > render > clouds 3. Now go to Filter > Pixelate > Mezzotint.
    Select long lines from the drop down menu. 4. Next go to Filter > Blur > Radial Blur. Choose 100,
    zoom, and best. 5. Finally, to add some color, go to Image > Adjust > Hue/Saturation. You can do
    this quickly by pressing Ctrl+U. You can adjust the colors there. Make sure you check "colorize".
    Seems some of the images don't work....
  30. Exporting Transparent Images In Photoshop To Flash
    Needed: Photoshop 7 or CS, Flash MX (4)
    First of all, it is important that you make sure the image you wish to export is on a transparent
    layer. The transparent layer is a checkered background in photoshop. You can see this checkered
    background in the image to the left. In this example, I created a quick glass icon which has
    different levels of transparency. This is the image I will be exporting, whilst preserving
    it's transparency. Once your image is on a transparent background, head to file > save for
    web. You can only export complex transparency using the .png filetype. So from the drop down....

    1. Looking for saint, michaels, photoshop, filter, tricks, motion, blur

Searching Video's for saint, michaels, photoshop, filter, tricks, motion, blur
Similar
Adding
Jigsaw
Puzzle
Effect With
Photoshop
Adding
Signature
Stamp In
Photoshop
Heavenly
Blur (mighty
Quick And
Easy)
Photoshop --
Double
Stroke -
Learn to
create a
neat-o text
effect
How To Make
Grid Using
Adobe
Photoshop
Photoshop Cs
Tutorial -
Make Your
Pics A
Little
Spooky - How
to Add ghost
in your
pics. Let
peoples
wondering is
ir a real
ghos
Reflective
Text - For
Photoshop
3;
Photoshop
Cs2
Animation
Tutorial
How To
Design A
Scan Line
Fill Effect
In Photoshop
Photoshop
Cs2: Full
Signature
Tutorial -
Made by
Tramposch
Mario
Signature
(adobe
Photoshop)
Reflecting
Text
Tutorial -
Adobe
Photoshop
CS2
Complete
Signature
Tutorial -
Adobe
Photoshop 7+
Photoshop -
Lightning
Tutorial -
How to make
realistic
lightning in
photoshop.
Glossy
Effect
Tutorial
[photoshop]
How To Make
Cool Rain
Effect -
(photoshop
tut)
My First Sig
Tutorial
(c4d+colorin
g)
(photoshop)
- your
comments
please
[photoshop]g
runge
Abstract Sig
~ Samma -
Includes
Multi Color
Method
Simple Sig
Tutorial -
photoshop
sig tutorial
: New to
photoshop?
Cool Sig
Backgrounds
With
Photoshop -
its cs2
Rounded
Edges In
Photoshop -
An easy way
to do this
How To
Double
Stroke
Images -
Using
Photoshop
Photoshop
Registration
- concerning
the pop-up
window
Make A
Multi-color
Sig
{photoshop}
Adobe
Photoshop
--- Cyber
Abstract
Turning An
Image Into A
Cartoon
Style -
Photoshop -
Tutorial on
cartooning
images.
Adobe
Photoshop
Fire Text
[photoshop]
Cartoon
Vector
Make An
Energy Blast
In Photoshop
Exporting
Transparent
Images In
Photoshop To
Flash -
Needed:
Photoshop 7
or CS, Flash
MX
advertisement



Saint-michaels First Photoshop Tutorial - filter tricks with motion blur



 

 

 

 

ADD REPLY / Got an Opinion! Remove these ADs! RAPID SEARCH! Free Web Hosting [X]
Express your Opinions, Thoughts or Contribute more info. to help others.
Ask your Doubts & Queries to get answers, So that "Together We can help others!"
Register FREE for AD-FREE forum, Create your own topics, Ask Questions, track topics, setup subscriptions & notifications and Get a Free Website w/ Email and FTP.
500MB Space *No Ads*, CPanel, FTP, PHP, MySQL, EMails - 100% FREE