theBruney ScrapBook

Alrighty, this is a simple one. No need for the cup of tea. All you may need to know are your tools and a simple understanding of animating in PS. View this tut, if you wish to get familiar with animating in PS.

1. Open Photoshop.

2. Create a new document of your dimensions with a black or white background. Depends on the output you want.

3. Type some sort of text using black ink.

4. Create a new layer. Name it ‘scanner’. This layer will contain the gradient that will give you the scanning effect.

5. On your ‘gradient’ tool bar, select ‘Reflected Gradient’.

   

6. Now press [D] to reset your colours. If you chose a black background, make sure your foreground is set to white and if a white background, your foreground set to black. Make a stroke across your
   new layer, ‘scanner’.

7. Make sure your scanner layer is on top the text layer. By now you should have 3 layers, your background of white or black, your text layer and your ‘scanner’ layer.

8. Select your ‘scanner’ layer in the layers palette. Simultaneously, press [Ctrl+G].

   Have a look at your layers palette.

   

9. Go to Image Ready by simultaneously pressing [Shift+Ctrl+M].

10. Now all you need to do is move your ‘scanner’ layer bit by bit. Every time you move it, you add a frame. You do this until you have made a transition across the entire text. It would help if you are already familiar with Image Ready, here’s a quick tutorial.

Here’s the silly little thing I did. I used some font style called tribalz by marioz. So don’t think I got fancy and used a pic. Sure you did better!

You’re all set. You can try adding this little effect to your banner sigs.

Feel free to make something much cooler than mine! Happy camping!!!

Do you have a photo which you really like, however the quality of it just sucks? This tutorial shows you how to make an old photo look like new! It’s very basic and you only need one tool. The smudge
tool. Ofcourse there are far more advanced method in doing this technique that creates far better results. However, this little trick can do the job just fine.

Here are the before and after pics:

Not bad huh?

1. First, like always you need to pull out your image.

2. Duplicate the layer [Ctrl+J]. This allows you to lways review the original making note of original picture definitions.

3. Select your Smudge tool [D] []. Give it a strength of about 10% or less. If your photo is small, it’s
   best to use a small brush tip, this prevents excessive smudging in unwanted areas.

4. Gently make strokes in the direction or the streamline of the photo or shape. For instance:

   

5. The black arrows signify the direction of the strokes. The red one suggests a circular motion. This is because if you were to stroke the forehead in any one motion, you may get harsh lines and may also flatten
   the forhead. Thus, stroking in a circular motion for areas like these are always best.

6. Continue to stroke your image in appropriate directions until you feel comfortable with the quality. Make sure to keep looking back at the original image where necessary. Also, don’t be afraid to duplicate
   layers, this saves you from starting from the beggining in the event that you have made a drastic mistake.

Hope you enjoyed this one.

Sometimes, you may want to give your photos a painted look. This tutorial is a very simple one and is merely to demonstrate the use of two Artistic filters, Cutout and Underpainting.

1. Open a picture you like. This is mine:

   

2. Duplicate your pic [Ctrl+J] and name it cutout.

3. Go to Filter>Artistic>Cutout. Use the settings below:

   

4. Duplicate the original layer once more, name it underpainting, and drag it to the top of cutout layer.

5. Go to Filter>Artistic>Underpainting. Use the below settings.

   

6. Hit [OK]. Select your underpainting layer and go to Blending Options menu (Right Click>Blending Options).

7. In Blending Options: Custom>Blending Options>General Blending for blend modes choose Overlay or perhaps something else you like. Leave everything else as is and hit [OK].

You’re done. Mine came out like so:

Sometimes, you want to make your image come ‘alive’! Roar! Okay, I’ll stop being weird now.
The colours give the image a nice bang, however you’re looking for a big
bang! So what do you do? You animate it! No, not like those fancy movies,
but enough to give yourself and your audience a smile. Again this is an
Adobe Photoshop talk. Photoshop’s little bro for creating animated .gifs
is Image Ready. Enough chit chat. Let’s hop to it and create some mobile
images.

Okay let’s do something simple.

1. Create a new psd document, try 100*100px.

2. Create three new layers; Call them R, G & B.

3. Fill each layer with a new colour using the Paint Bucket Tool [].
   That is, you can colour layer R red, layer G green and layer B blue.
   Your layers palette may look like so:

   

4. Open Image Ready [Ctrl+Shift+M]. The document now loads within Image
   Ready. To create the animation, what we need to do is reveal and hide
   layers while creating frames for the visible layers.

5. Hide two of your layers by clicking the ‘eye’ in the layers palette.

   

6. After which, add the frame by clicking the duplicate Frame button
   []in
   your Animation window. (If this window is not visible go to Window>Animation)

7. Hide and add other layers until you have an animation of all three
   layers. Depending on how you added frames, your animation should look
   like so:

   

8. Save your document by going to File>Save Optimized As.. You’re done!

   N.B. To adjust the speed of your animation, change the
   time of the frames in the Animation Window. Each frame has it’s own time.
   Thus if you wanted to give all three frames a speed of 0.2 secs, you would left click on your first frame+Shift+click your last frame, then
   left click one of the little arrows in the time area. From the pop up
   menu select the speed of 0.2 or some other time you desire.

   I just demonstrated a basic animation. What if you wanted
   your frame to fade in and out of play, like so:

   

To do this you must tween between the frames. This allows a much softer transition between frames.

1. Okay, select two frames adjacent each other. Like so:

   

2. Select the tween button [].
   The Tween dialog appears. Copy the settings below.

   

3. Hit [OK]. Now, you can choose to change the time settings of the new ‘tween’ frames. I chose to do so and changed
   the new frames to a time of ‘no delay’ or 0 seconds.

4. Now select, the remaining two adjacent frames to tween them. Like so:

   

5. Click your tween button again and click [OK]. You’re done! Save your document by going to File>Save Optimized As.

Another very simple tutorial. However, this effect, if you don’t know how to do it already, can be quite useful when creating your fantastic designs! So let’s get it started!

1. First, create a new Photoshop document. Any size you wish. I chose 300*300 px.

2. Get the pic you wish to put into the text and get your favourite font out. Got them? Good! Now for the fun easy breezy part!

3. Select the text tool and type anything you wish.

4. Copy [Ctrl+C] and paste [Ctrl+V] the image that is to be placed within the text onto your newly created photoshop document. Your layers palette should have at least 2-3 layers:

   1. Image Layer – the image that will be shaped into text (step 2)
   2. Text Layer – layer with the typography (step 3)
   3. Background layer (Optional)

5.  

   Now, Ctrl+left click on your text layer. You should now have a selection like so:

   

6. Go to Select>Inverse [Shift+Ctrl+I] and..

7. Now, being careful not to deselect your selection, click on your image layer to highlight it.

8. After which, you will now hit the backspace button. You’re done. You no longer need your text layer. So you may discard it.

9. You can now add blending options to your ‘text image’.

   Here’s mine with a Drop Shadow and Bevel modes added (double left click your text image layer to open up the goodies/blending options menu, once there, play with all the options and be amazed ).

   

If you wanted to only add the image to a letter, you would just need to: grab your ‘Magic Wand tool’ [ ] and with your text layer selected, hold down the Shift key and click on your letter of choice (it’s best to zoom (Z) if your text is small). Holding down the Shift key allows you to add selections with the previously selected ones.
So keep holding down the Shift key until you have all your desired letters selected! Then just repeat steps 6-8 or optionally to step 9.

Thanks for doing this tutorial with me. Enjoy.