In this Photoshop CS5 tutorial, I explain the way I’ve found to create a mosaic out of multiple photos. If you find an easier way of doing this in Photoshop, please let me know in the comments!

Alternative Mosaic Software: http://j.mp/wDPE83

Twitter: “@robsproductions”
http://twitter.com/robsproductions

Facebook:
http://fb.me/robertsproductions

New Forum:
http://robertsproductions.net/forum

Music: Klaypex

In today’s tutorial, I show you how to turn film negatives into positives using Photoshop CS5.

Twitter: “@robsproductions”
http://twitter.com/robsproductions

Facebook:
http://fb.me/robertsproductions

Site:
http://robertsproductions.net

Music: Jason Shaw

Learn to create this simple glass digital scale in Photoshop! You can view how to create the LCD Display here!

Video:

Get floor texture: http://gnrbishop.deviantart.com/art/Wood-floor-86913934

Download Scale .PSD 4.4MB

Download .ZIP

Be sure to follow the tutorial on how to create the LCD Display in the previous post here before getting started on this.

In the previous tutorial, we created the text 888.8. In this tutorial we need to change your text to the time format.

Change the background text color to a dark Red such as 700218. Opacity: 10-15%.

Add an Outer Glow with the following settings;

Add a 3px Stroke with the color: 79041f

That’s it! You can add some text to the side showing AM or PM with the same layer styles.

Download Clock .PSD 48.3KB

Download .ZIP

Learn how to create this Scale!

<<Previous Post

The other day while stepping on the scale, I first thought, wow what did the Holidays do to me!? After my brief moment, I then thought it would be cool to make a Digital Liquid Crystal Display like on the scale or gas pumps in Photoshop. A few days later, here I am writing this tutorial! Let’s begin!

Video Tutorial:

Written Tutorial:

 Open up Photoshop and create a new document. File > New. We can name this, “LCD Display“. I set the size to 800x300px for the width and height. With a White background, Click OK.

In our new document, grab the Rectangle Tool() and draw out a rectangle. Name it, “LCD BG“.

You can CTRL or Command click to select the Background layer and with the Move tool() selected center it Horizontally and Vertically by clicking the appropriate buttons on the toolbar.

Now that we’re all centered, lets add some layer styles to the LCD BG layer. You can double-click the LCD BG layer to open up its layer styles or go to Layer > Layer Style > Gradient Overlay. We need to change the Gradient colors to the following, c0c8ad, and bcbfa1.

Lets also give it a stroke (not the medical term). Size: 6px and Position: Inside.

If you’d like, you can even add an Inner Shadow to this with any settings you prefer.

Alright we’re halfway done! We now need to create the LCD text. But before we do this, we need to download the font. I got my font from Dafont.com. I’ll use the font called DS-Digital which you can get from here. Click the links to learn how to install fonts for Windows and Mac.

Select the Text Tool() and choose the font you’ve just installed. I used a font size of 190 pt and choose White for the color making sure it’s Right-Aligned.

Click a little off the LCD BG layer to place the text so Photoshop doesn’t think we’re trying to type inside that layer. Type 888.8 and position it in the center of the LCD BG layer following the same methods we used to center the LCD BG layer.

Once centered, lets bring the opacity of the new text layer down to anywhere between 10-15%. This is going to serve as the faded numbers you see in the background of LCD displays.

Duplicate the 888.8 text layer by clicking it and dragging it down to the new layer icon or hit Ctrl-J. Bring the opacity for that layer back up to 100%. This will be our main numbers.

Change the font color of the 888.8 copy layer to Black. We can also lock the original 888.8 layer so we don’t accidentally start typing on it. Go ahead and type in whatever number you’d like to display here now.

If the numbers don’t fit perfectly, you’ll need to create a new text layer for the particular number that doesn’t fit and position it to where it’ll fit in. I unlocked and brought the opacity up for the main 888.8 layer just to see how I could better align the number 1.

Looking good! Lastly we can add some noise. Ctrl click the LCD BG thumb to select it.

Create a new layer either by clicking the appropriate button() or by going to Layer > New > Layer.

Go to Edit > Fill and fill it in with White. You can deselect it by hitting Ctrl or Cmd-D or by going to Select > Deselect up in the menu.

Go to Filer > Noise > Add Noise. Amount: 95%, Distribution: Uniform, Monochromatic: Checked. Click OK.

Change the blend mode of this layer to, “Overlay” and bring the opacity down anywhere between 10-15%.

There you have it! A neat looking Digital LCD Display! Use your imagination and see how you can incorporate this in any of your future projects. An idea would be to make your calculator to say things such as your name.

Download LCD Display .PSD! 937.3 KB

Download

]]> http://robertsproductions.net/2012/photoshop-lcd-display/feed/ 1 http://robertsproductions.net/2011/create-a-bottle-rocket/ http://robertsproductions.net/2011/create-a-bottle-rocket/#comments Wed, 28 Dec 2011 20:47:01 +0000 Robert http://robertsproductions.net/?p=2874 Programs Used: Adobe Photoshop, Adobe Illustrator

Learn how to make the fireworks here!

I can’t believe 2011 is already at its end and the beginning of 2012 is almost here. As with all new years, we usually celebrate with fireworks! So, in this tutorial, I’ll take a look at creating a bottle rocket for your projects. We’ll use both Illustrator and Photoshop but don’t worry if you don’t have Illustrator as this can be completely done in Photoshop CS5 with its 3D tools.

Written Tutorial:

In Illustrator:

To start off, we’ll create the rocket itself in Adobe Illustrator. If you don’t have any experience with Illustrator, no problem. This first method is extremely easy.

Create a New Document by going to File > New and with all the default settings, click OK.

Now in the tools pallet click the Pen Tool ()

Draw half of the rocket as shown in the image below. Hold down Shift when making the straight lines. Holding shift will make the lines stay perfectly straight and not move around.

Now click Effect > 3D > Revolve.

In the 3D Revolve Options dialogue window, click the check box next to Preview so we can preview the effect.

Looking good, now lets give it a little Perspective, I’ve set mine at 60 degrees. I’d even recommend using something like 80 degrees on your perspective. Especially when you thicken the rocket in the steps below.

That’s it, click OK.

Now if you want the rocket to be a little fatter, you can choose the Direct Selection Tool (). Select the two points for the bottom of the rocket and drag them to the left or right, holding shift to make sure everything stays in place. Click first then press Shift.

Now you may notice, the rocket is now black! Select it and up at the top for the stroke color, Change it to Red or whatever color you’d like your rocket to be. Your rocket should now be the color you’ve chosen.

Make sure your rocket is selected.

Go to Edit > Copy at the top.

Move on to Photoshop >>

Just in time for new years, IceflowStudios shows us how to create Abstract Fireworks!

View Tutorial

In this tutorial, I’ll show you how to create a realistic black eye in Photoshop CS5. You could also punch your subject in the face to achieve the same effect.

Facebook: http://goo.gl/RkWTR
Twitter: http://twitter.com/robsproductions
Site: http://robertsproductions.net/
Request: http://robertsproductions.net/contact/request
Contact: http://robertsproductions.net/contact (Questions)

Music: http://www.youtube.com/user/Klaypex

If you have any Photoshop tutorial requests, feel free to leave a comment below and I will try my best to fulfill those requests.

In this tutorial, I’ll show you how create realistic tears in Photoshop CS5. You could also buy some pepper spray and spray their face.

Facebook: http://goo.gl/RkWTR
Twitter: http://twitter.com/robsproductions
Site: http://robertsproductions.net/
Request: http://robertsproductions.net/contact/request
Contact: http://robertsproductions.net/contact (Questions)

Music: http://www.youtube.com/user/Klaypex

If you have any Photoshop tutorial requests, feel free to leave a comment below and I will try my best to fulfill those requests.

I’ve added some screenshots below of the Layer Styles below for your convenience.

In this tutorial, I’ll show you how you can utilize Layer Comps in Photoshop CS5. Basically, you’ll learn how to create multiple layer comps useful for a quick way to switch between variations in a design.

Facebook: http://goo.gl/RkWTR
Twitter: http://twitter.com/robsproductions
Site: http://robertsproductions.net/
Request: http://robertsproductions.net/contact/request
Contact: http://robertsproductions.net/contact (Questions)

Music: http://www.youtube.com/user/Klaypex