qq_tracker_code_advanced_default

Now I’m sure everyone has been having fun making their own DVD covers, with the help of  a tutorial we added a while back, but now Blu-rays have taken over, and DVD’s are slowly becoming something your grandparents just found out about.

So what am I doing about it? Creating this NEW tutorial that will show you how to make your own Blu-ray covers too. This way you don’t have to look at the one’s you get from the store all the time. Or you can just make covers for your own movies.

To get started you’ll need to download this Blu-ray cover template :

Now unzip the file you just downloaded and open bluRayCover.psd in Photoshop. Once it’s open your document should look something like this :

Template Preview

The first thing you’ll notice is the red and blue guide lines. These are just here to help you for now, and will not be visible when you are finished.

  • The red lines give you the recommended boundary for your content. The background of your cover should fill the entire document, while your other contents stay within the red lines.
  • The blue lines tell you where the spine of the Blu-ray is.

You’ll notice that this document has six layers. If you can’t see the layers, you should click on ‘Window’ at the top of Photoshop. This will bring down a drop-down list. From the list click on ‘Layers’. Once that’s selected, your layers window should be visible in the lower right corner :

All The Layers

  • The first layer you’ll see is a folder. This contains all the guide lines you see on the document. You’ll want to hide this layer once you’re done.
  • The next three layers are also folders. Each containing common images you’d find on a Blu-ray cover, like the Blu-ray logo, or country codes. These can make your cover look more convincing.
  • Next is a layer titled, ‘Keep This Layer’, which you’ll want to keep to put your own images and content on.
  • The last layer is the background. On this layer you’ll want to put whatever image or color you’ll be using for the background of your cover.

Now lets begin making our cover. The first thing you’ll want to do is select the ‘Keep This Layer’ layer by clicking on it.  I’m going to add some text on this layer, which you can do by selecting the text tool – from Photoshop’s tools, usually located on the far left. After selecting the text tool, click anywhere on the document where you’d like to add text and start typing.

If you want to edit basic attributes of your text such as size, color, and font, you can do so in this window :

Editing Text Attributes

From here on you can add as much content as you’d like to your cover, though I stopped at just using text. Here is my finished product :

Blu-ray cover finished

To show or hide any specific layer such as the Blu-ray logos, or the country codes, just click the small eye next to the layer you want to hide. If there is no eye then the layer is hidden, and clicking the blank spot will cause an eye to appear, making the layer visible.

One layer you’ll want to hide when your done is the layer titled, ‘Hide This Folder’. So just click the eye next to it when you’re finished with your cover. This will hide those ugly red and blue guides.

So once you’re done we can save it.

  1. File -> Save For Web & Devices
  2. Preset on the top right, select JPEG High
  3. Click Save and choose a filename and location.
  4. Click Save

Save For Web & Devices

After the Save has completed you can close Photoshop. It will ask you to Save the file, be sure to NOT save the template so that you can use it again for future covers. Now all you need to do is open the JPEG file you did save and print it. You’ve just made your first Blu-ray cover.

If you have any questions, or if I’ve left out an entire section of the tutorial because I’m so tired right now, feel free to comment and let me know.

In this screen cast tutorial I cover how to change a persons eye color using Photoshop CS4. The tutorial was creating using Photoshop CS4 for Mac but you should be able to follow along on a Windows version of Photoshop as well, without issues.

Below is the before and after of what we will be doing in Photoshop

 

Before and After Shot of Changing Green Eyes to Blue Eyes

Before and After Shot of Changing Green Eyes to Blue Eyes

For your reference I also have the original image I was working with below, all you have to do is right click and save the image to your desktop, if you want to follow along with the tutorial using the same image.

 

Original Face - Green Eyes

Original Face - Green Eyes

Now for the tutorial, I have uploaded this tutorial to youtube and linked to it here. Please let me know if you have any questions in regards to the tutorial. I’d also like to add that if anyone has any particular requests for tutorials, just leave a comment with your suggestion. Feedback is always appreciated

YouTube Preview Image

Here’s a quick Photoshop Tutorial on how to make a gradient from A to Z, screen cast style :)

Hope you guys enjoy it, its my very first screen cast. I’m hoping to make a lot of these little tutorials, what I would like is for all the readers to submit requests for tutorials and once a week I’ll pick a suggestion and we’ll call it the tutorial of the week. What do you guys think ? Read more

In this Photoshop text effects tutorial, we’re going to create a simple text reflection effect. This effect has been used everywhere in advertising, and as we’ll see, it’s very easy to do. When we’re done you’ll end up with something like this.

Photoshop Reflections Finished Product

Photoshop Reflections Finished Product

Step 1: Create A New Photoshop Document

Create a new blank Photoshop document by going up to the File menu at the top of screen and choosing New. Enter the dimensions you need for your document. For this tutorial, I’m going to enter 600 pixels for my document’s Width, and 200 pixels for the Height, and a Resolution of 96 pixels/inch. Click OK when you’re done to exit out of the dialog box. Your new blank document will appear on your screen:

Photoshop New Document - Dimensions

Photoshop New Document - Dimensions

 

Step 2: Set The Background Color

You can make the background color anything you like. I chose to make mine black, why ? because reflections look good with a black background. Alright, lets do it… In the Layers Panel, Double Click on the Background Layer. You’ll get a pop-up, Click on OK

Photoshop Layers Panel

Photoshop Layers Panel

Photoshop New Layer Confirm

Photoshop New Layer Confirm

Here’s what we just did, we created an editable Layer from the background layer. Now we need to change the background color from white to black.To do this select the Paint Bucket Tooland make sure that your foreground color is set to black and then click inside of the white rectangle, your background color should now be black.

 

Step 3: The Main Text 

Photoshop - Character Window

Photoshop - Character Window

 

Now that we have our background color set, we can move on to type some text that we want to use for our reflection. I chose to type chris-fletcher.com I used the font Myriad Pro with a point size of 36 and a blue shaded color with a Regular Style.

To do this, select the Text Tool and Open the Character Window, set your font type, style, size, etc… You can copy my settings if you like.

 

 

Once you have your text setup the way you like you can click anywhere inside the black rectangle. A new layer will automatically be created and a typing cursor will be placed around the area where you clicked. You can now being to type.

picture-12

 

 

 

If you’ve done everything according to the tutorial so far you should have something that resembles the image to the right. The next step will cover duplicating the Text Layer that we just created as well as flipping it and correctly positioning it.

 

 

Step 4: Duplicating, Rotating, and Positioning

The first thing we need to do is duplicate the text layer we just created. For that we need to right click ( Control Click for a Mac ) on the Text Layer and then click on Duplicate Layer. You’ll get a pop-up, click on OK. The new duplicated Layer should be highlighted by default, if it isn’t then you need to select it.

Photoshop Right Click On Layer

Photoshop Right Click On Layer

Photoshop Duplicate Layer Confirm

Photoshop Duplicate Layer Confirm

 

 

 

 

 

 

 

 

 

 

 

 

Now we need to modify this layer and by modify I mean we need to Flip it Vertically. To do this make sure the layer is selected then click on Edit -> Transform -> Flip Vertical

Photoshop - Edit - Transform

Photoshop - Edit - Transform

Photoshop Flip Vertical

Photoshop Flip Vertical

 

 

 

 

 

 

 

 

 

 

 

 

You should now have something similar to the image below.

Photoshop Duplicated Layer Flipped Vertical

Photoshop Duplicated Layer Flipped Vertical

 

What we need to do now is move the duplicated layer down below the original layer. The move tool should be selected by default. If it isn’t then you need to select it. Make sure that the duplicated layer is still highlighted then start pressing the down arrow until you have something similar to the below.

Photoshop Duplicated Layer Positioned

Photoshop Duplicated Layer Positioned

Yay, we are done with Step 4 of the Tutorial, In Step 5 we will cover the importance of masking and how we can use it to create the reflection effect.

 

Step 5: Masking To Create The Reflection

The first thing we need to do is make sure that our Duplicated Layer is still highlighted / selected. After you’ve verified that the correct Layer is selected you can click on the Mask icon. Which looks like thisPhotoshop Mask Icon

You then need to select the Gradient Tool from the toolbar.

Photoshop Gradient Tool

Photoshop Gradient Tool

After you’ve selected the Gradient Tool, move your mouse cursor to the middle right in between the 2 layers. Click and draw a line down, almost all the way to the end of the text. Sort of like this.

Photoshop Draw Gradient Line

Photoshop Draw Gradient Line

That should do it, you should now have a reflection similar to the one below. I hope you’ve enjoyed this tutorial and that it was helpful. If you have any questions or there is something you didn’t understand, feel free to leave a comment. I also accept requests for tutorials if there is something you’d like to know how to do, just ask. :)

Photoshop Reflection Final Product

Photoshop Reflection Final Product

 

You can download the PSD file here. Photoshop Reflections Tutorial

There are many different reasons you would want to make a DVD Cover in Photoshop. Most people just get out a Sharpie and write the name of whatever is on the DVD on the DVD itself and throw it into a CD / DVD folder. This tutorial is not for these types of people, this tutorial is for the few of us who appreciate artwork and like to show of our DVD collection.

Before I start with this tutorial, let me point out that there is a great website, http://cdcovers.cc

This website has a DVD cover for just about every movie ever released on DVD, just download the cover and print it out, but what about those home movies that you need a cover for ? What if you don’t like a certain cover and want a custom one. That’s where my tutorial comes in.

Photoshop just happens to be the perfect tool to create DVD Covers, DVD Labels, Inserts, etc…

Let’s start with the Template, please go ahead and download the following template so that you can follow along with the tutorial.

Once you have the template downloaded you can proceed to open Photoshop. Let’s start with the DVD Cover Template.

Make A DVD Cover In Photoshop

Open Photoshop and then open the DVD_Cover_Template.psd file. If you’ve ever worked with Photoshop then you probably know all about layers. If you haven’t then no worries. This tutorial will walk you through what you need to know to successfully make a DVD Cover In Photoshop. Once you have opened the DVD_Cover_Template.psd file you should see something similar to the illustration below.

 

DVD Cover Template

DVD Cover Template

 

Notice the Layers in this Template file, you should see 3 Layers: Leave this Layer, Hide This Layer Guide, and Background. We will be creating some new layers.

 

DVD Cover Template - Layers

DVD Cover Template - Layers

 

Click and hold on the Text Tool Icon it looks like this – Photoshop Text Tool , this should bring up a drop down similar to the illustration below.

 

Photoshop Text Tool Sub Menu

Photoshop Text Tool Sub Menu

Select the Vertical Type Tool. Once you have the tool selected, make sure that Layer 1 is still highlighted. Then click on the Spine region of the DVD Cover Template. You should now have something similar to the illustration below. You may have also noticed that a new layer has been automatically created with a truncated version of the text that we wrote in the Spine. Each time you click on an area of the template with the text tool a new layer will be created, which is exactly what we want since this will make positioning, styling, etc… much easier.

 

DVD Cover Template - Spine

DVD Cover Template - Spine

 

Ok, so now that we have the spine of our DVD Cover created we can move on to the front of the DVD Cover. In this tutorial I will not cover artwork or how to style text and make it look all fancy, that part is completely up to you to play with and figure out.

Click back and hold on the Text Tool again and select Horizontal Type Tool and then go ahead and click on the right side of the template and type some text. When you are finished typing the Title go ahead and type some more text just keep clicking on different areas of the Template. When you are done with the right side you can proceed to the left / back side of the template. When you are all done with your typing you might have something similar to the below.

 

DVD Cover Template - Finished

DVD Cover Template - Finished

 

Are you all done yet ? Hmm… what should we do now ? Oh yeah, we need to save the cover, in my opinion it is best to save it as a jpg and the best way to do that is as follows. Before we save, we should get rid of the guides since they will make our cover look ugly. Scroll through your layers and find the Hide This Guide Layer. You should see an eye next to it on the left. Click on the Eye and the layer disappears. Now we can Save, yay !!

 

DVD Cover Template - Guide Layer

DVD Cover Template - Guide Layer

 

 

  1. File -> Save For Web & Devices
  2. Preset on the top right, select JPEG High
  3. Click Save and choose a filename and location.
  4. Click Save

 

DVD Cover Template - Save For Web & Devices

DVD Cover Template - Save For Web & Devices

 

DVD Cover Template - Save

DVD Cover Template - Save

 

After the Save has completed you can close Photoshop. It will ask you to Save the file, be sure to NOT save the template so that you can use it again for future covers. Now all you need to do is open the JPEG file and print it and Voila, your very own DVD Cover.

Hopefully you’ve learned something from this tutorial and aren’t scratching your head. I have a tendency to skip over obvious things sometimes. If anyone has any questions about something that I may have left out, please comment and let me know.