…………………………………………………………………………………………………………………………………

Start of by preparing your document; you may use a pre-made background listed below.

Lets begin by creating one of the sides to our pyramid. The pen tool settings are listed below the preview.

Alright we have one of our sides, lets begin adding the indent triangle inside. Using the same pen tool settings, create a similar shape as mine inside.

As you can see it looks a little flat because we haven’t added the base to our newly indented side of a pyramid. Lets do that right now

Lets polish our original side of the pyramid. Take out your doge tool, set it to size 180 and Exposure to 50%, begin brushing it following the diagram below

Lets add an overlay and lower the opacity so we can make the lighting stand out more

Lets go back to the indented pyramid and add some shadows to the base. Following the diagram below, set your Burn tool to size 40 and begin brushing

Looking good, go back to your original layer of the big pyramid and duplicate it then go to Edit - Transform - Flip Horizontal

Time for detail once again except this time we will begin with the shadows since we need to have a set direction of light. Take out the Burn Tool and set the size to 180 and the Exposure at 50%, start brushing following the diagram below

After that drop the opacity to 70% and you should have something along the lines of this:

On top of the shadows, we need to fix up the light as well. So take out your Dodge Tool and set the size to 180 and Exposure 50%. Begin brushing following the diagram below

Apply the same overlay as you have did in the previous step. After that duplicate the indented triangle and go to Edit - Transform - Flip Horizontal. Now you’re pretty much done, take a look at what my pyramid came out to be.

That about wraps it all. It is relative an easy tutorial to follow however if you have any questions, feel free to ask and ill make sure to have an answer for you.

…………………………………………………………………………………………………………………………………

I have already prepared a background for you so begin by copying it over to Photoshop.

So lets begin by creating the hard cover of the book. Grab your Rectangular Marquee Tool and create a rectangle approximately the size shown below. Now select your Dodge Tool and set the raidus over to 150; lightly doge the tip of the cover.

We have our foundation now lets mold some detail into our cover. Start applying the following layer styles over the cover:

And now the shadows:

Great now lets begin with our pages. The idea is to create almost the same dimension rectangle however an inch cropped off from the right. So following the example below create a white rectangle:

The base is there so its time to add some detail, go to your layer styles and apply the following:

Now the gradient overlay:

Alright now we have to resize it little by little and center vertically to the original page. Make sure that the duplicate layers of the white page go underneath the original that way the shadow creates depth and volume.

And continue to do that over a few times

Okay so we are practically done here except now we have to actually add some detail to the white page since it looks really dull at the moment. Go back to your Rectangular Marquee tool and create a graphical page inside the white page. Follow my example:

Time to add a finish and some detail to our page by the uses of a Doge & Burn Tool. Being by taking out your Doge Tool and setting the diameter to at least 250px and lightly dodging the tip of the brown page.

Put on the first layer of shadows as the foundation. I used a Burn tip the size of 200 pixels

Finish it up with a second layer of shadows except this time focus on adding more shadows to the right hand side. In this i used a burn tip the size of 85 px

Great now you are pretty much done, all you have to do is put all the layers into a set then duplicate it and then Flip it Horizontally by going to Edit - Transform - Flip Horizontal. Make sure you have the set highlighted so you wont have to go through every layer. But wait, you will probably notice now that your right handside has a different gradient pattern on the white page then your left hand side of the book. No worries, go to the Layer Style Properties of your duplicated first white page and make sure there is a check by Reverse:

Great, now for our final touch. Take out the Burn Tool again and on the right handside layer of the brown page, add a layer of shadow.

And there you have it, a quick and easy way to design an open book that can probably be used for anything possible. Whether it would be a place holder for your poems or photographs this tutorial serve your needs in ten easy steps!

…………………………………………………………………………………………………………….

I have prepared a background for you however if you wish to make your own, please open a 500×500 Document.

Our first step is to create the foundation of the strip, which is the first layer before it bends to 3D. Following my outline and using the preferences listed below for the Pen Tool, create your own outline:

Looking good, now that we have our foundation lets add some color to it in order to create variation and spacing of colors. Using the same Pen Tool settings, follow the guide below to create a second color inside our main strip:

Repeat the same step over twice again with the following colors (HINT: You can just duplicate and slide the layer over):

Alrighty, now we are beginning to create the depth in our strip. We will begin by creating the corner tip at the right hand side of the main strip. Following the guidelines below and using the same pen tool settings, create the foundation for our corner.

Just like we did for the main strip, we need to add color to our foundation. we have to make sure that our colors come in order so first the beige then the light green:

Okay now lets do the light shade of the green using the same simple technique:

I don’t know if you guys noticed but the idea was to pick a color a shade darker so that we can create depth, as you can see we managed to do that just right. In order to save the work with the pen tool and time, using the original layer of the strip, we will duplicate it move it up to the tip of the corner and cut off the left overs. Not to get you confused, i added a preview of what should of been done before the clipping occured:

Using the same method, lets duplicate our colored strips from the main base over to the sub base of the strip. In other words, here is what you should have:

Now that we have setup our colors and aligned our strip, we already can see the 3D Effect however lets add some glare to it. Take the base and change the color to white then Rasterize it (Make sure its a duplicate). Now using your Eraser Tool with a diameter set to 100px, erase everything off besides the top. So it should look like a fade. When you’re done just set it to overlay.

You’re pretty much done, after playing around a little i came up with this result:

This is a quiet simple tutorial however it gives a nice introduction to the way you can create simple but effective 3D objects that can make your layout just POP. The inspiration came from a layout i found on Monster Templates, take a look below:

………………………………………………………………………………………………………………………………….

So lets start with creating our document, i have prepped a background for you guys already if you wish to use it.

Now by grabbing your Rectangular Marquee tool, create a new layer and an outline for the frame of the interface.

Using the preferences below apply a stroke to the outline:

Great, now we have the border for our interface. So lets start adding the detail touches so we can make it look more metal-like. Using our Dodge Tool with a diameter set to 45px, start stroking the left edge of the frame as shown below. Apply the following effect over and over with different sizes along the the other edges.

Eventually, your results should come out to be looking along the lines of this:

Now that we got the feel of the metallic frame lets work on our Gun Metal background. Simple begin by taking out the Rectangular Marquee tool and creating another rectangle inside the current frame, approximately 2px-3px apart.

Follow that up with adding some noise:

Good, lets move on to our shadows. Go to your Layer - Layer Style - Inner Shadow and apply the following preferences:

For the final touch, lets add a little bit of bevel. Look below:

Okay now to fix a little bit of the lighting, we are going to duplicate the layer and clear it off all styles. (Clear Layer Styles). Following that, grab your Dodge Tool and set the diameter to approximately 125px and stroke in the direction shown below gradually decreasing.

After that set the Blending options in Layer - Layer Style to Overlay and drop the opacity to 25%. You should be looking at aproximately the same results on your screen:

You can really do a lot with this tutorial, using different shapes and methods. This is just the basic introduction, the same way you star to learn animation with the beginners step of adapting the color to change under a sequence of frames. I will try to make a more advanced to tutorial to this version that will give more insights and maybe even help some of you progress.

…………………………………………………………………………………………………………………………………………

I prepared a background for you to work on to save some time. Go ahead and take it over to your photoshop.

Our first step is to outline our base of the glassbox so go ahead and take out your rounded rectangle and set the size to 12. Make sure the background is white.

Drop the opacity of our current outline down to eight percent

Its barely visible now and thats good, dont worry you did nothing wrong. Duplicate the same outline except now clear it of all layer styles and take out your Eraser Tool. Set the tip to aproximately the size of 1450 and following the diagram below erase all the white area. Make sure you use the airbrush tip not just the typical brush othrewise you will have a different effect.

So now after airbrushing off the tip, you should have something along the lines of this:

Duplicate the following layer, lets call it the highlight and flip it vertically. Place it to the top of our outline now. So something along the lines of this:

Lets add some lining highlights to our glassbox so go back to your original outline and make a copy. Clear it of all the layer styles and using your Eraser Tool with the size tip of 50, follow the diagram below to take of all the unneceserry white.

After that take that layer and flip it vertically and align closer to the bottom. It should look something like this:

Duplicate it once again and just move it to the top.

Add the logo or text you wish to have and get ready for the next step

Duplicate our original outline again and following the Diagrom below using your Elliptical Tool cut out a curve.

Lower the opacity to 8% and you are now done.

Below are two examples side by side. A logo/text:

Thank you for reading and i hope you enjoyed this tutorial!

………………………………………………………………………………………………………………………………………..

Lets begin by setting up our environment. As usual, i have already premade a background for you guys to use so you may just design over it.

Now grab your Rounded Rectangle Tool, set the radius to 8 and fill it in with the hex displayed below:

Our base of the interface is now ready so lets begin slowly adding layers of detail. Our first layer would be to add some shadows. So duplicate the original layer you have just made and following the guidelines below apply your burn tool with the Range set to Mid tones and Exposure at 100%.

Now lets add detail to our shadowing, we will begin with the Inner Shadow. Please apply the settings listed below:

Good, we are working our way up to the pattern. You will need to choose a pattern that you may like however below i have attached mine.

Pattern

We have our base of shadows and patterns, lets add some depth with adding a more darker shadow. Using the same technique with burn tools described above, duplicate the original layer of the base and setting your size approximately to 200, burn over the orange until it turns into a dark brown/orange. After that, grab your eraser tool and take off all the unnecessary orange on top leaving just the shadow.

Just for the final touch, we need a little bit of glare. So duplicate your original base, set it to white and slice it about 3/4 in. After that set the opacity down to 10%.

Looking good there. Its time to create our interface’s display. Go back to your Rounded Rectangle Tool and create a rounded rectangle inside your current one except with a size 10 radius. The hex for the color is listed inside.

We need to spice up our display so below i listed a set of effects that i applied to that specific layer. Apply the same settings over and we will take a look at our results

Drop Shadow

Inner Shadow

Wood Trim

Take a look at what you got. Throw some text on it and there you have it, your very own royal interface.

……………………………………………………………………………………………………………………..

Lets begin by establishing our working environment, i have prepared a made up background for you guys so will free to use it. If you would like to create your own, feel free to do that as well.

Now lets upload some brushes that we will use to light up the background a little. I have attached an image below of where you need to go to upload the Assorted Brushes, once you have them uploaded by selecting random sets place them all around. After that, apply the overlay effect that is listed below along with the results.

Overlay effect

Results

Lets add some more the dust that i used, the dust is basically a small round brush with the tip size ranging from 1-8 px. Randomizing is the best way to go as it creates a nice effect. So in the previous step we worked with a white color, select the black now and add some more of the dust then overlay with the same effect except this time drop the opacity to 25%.

Here is where the fun part comes in. We now will begin to design the actual heart so go to your Custom Shapes and select the heart brush. I have attached a quick snapshot of which brush specifically to select.

Brush

We have to add some 3D effects to make our heart look more realistic. I have listed various effects below so start applying each one of them in the order given.

Results

Duplicate the heart now and create various sizes all around to create the effect of sort like as “love is all around”. Here is the pattern i used in creating my hearts:

Go back to your Custom Shapes and from the list, select the Ribbon and flip it vertically by going to Edit Transform - Flip Vertical. Make sure you set the background to white.

Lets apply a nice gradient overlay and drop shadows to give it more depth

Results

Its time to personalize your heart, you can go with the original “I love you” or anything creative that you may want your special one want to see. Below i listed what effects i used to create the warped effect. To those who might not be familiar with Warp text effects, once you have selected your text it will be second button from the right.

Results

You can always add some text into the ribbon, for example i went with “You have my heart”. I used the hex #b73636 for the text color and the drop shadow effect is listed below.

And there you have it, a quick and simple but effective card that might just melt your lovers heart

—————————————————————————-

Some of the things you will need before we get started:

- Spray paint brush set

- Kanye West On Stage

- Jay-z Grammys

Just download all of those, save the images to a folder that you are making the tutorial in and upload the brush set to the brushes. Now lets begin with the basics of actually making our base of the ticket. You may use mine if you do not want to create your own.

Using your newly added brushes and a color of #ff4a03, creating a little bit of spray dust/paint in the middle. It would be best if you follow my example:

Repeat the same steps to create a little variety and sort of a mixture of paint. It would be best if you use separate layers that way you can touch up or go back without touching the old paint. Here is the combination of colors i used: dd26ce(purple), 0997f9(blue), and ff9d03(orange). In the end, your results should look somewhere along the lines of this:

Yeah it looks a little messy but don’t worry, we will fix that up in upcoming steps. Grab your Elliptical Marquee tool and create a variation of small/large circles all around. It would be a good idea to match them with the colors of the paint/dust that way you get a nice retro feel for it.

Looking a little better so lets get onto the branding. Select your Rectangular Marquee Tool and create a white rectangle. After that go to Edit - Free Transform and pull it a little down from the left corner or the right.

Now using any font you would like, create some kind of an announcement or a slogan to tell what the poster respresents. If you are interested in the font i used, it can be found here

Lets lighten up our text now a little bit by applying a gradient overlay with the following setting (Note: i used the colors listed above as a mixture):

Results

Go to your custom shapes and select the shape listed below. This will help us create the ridges. Once you have that, span it down from the right side of the black area.

Results

Lets go back to our resources and open up the Kanye West picture which we will edit right now. Once you have opened it, go to Edit - Image Adjustments - Desaturate and following go again to Edit - Image Adjustments - Threshold and make the level 50. Transfer it over to your document and put underneath the white rectangle layer.

And lets apply this gradient overlay on the Kanye West layer:

Results

Now take out the Jay-Z Grammy picture and apply the same threshold effect on it. After that duplicate and span it across the black column. Drop the opacity to 50% and add some text along the side.

There you have it! Once again, i truly apologize for long weeks of without update. All the errors are now fixed and we are back on track.

I know i might of lost some of my readers but hopefully we get them back!

………………………………………………………………………………………………………………………

Lets begin by creating a background, you may use mine or create your own.

Begin by creating the base of the table. Use your Rounded Shape Tool with an 8PX Radius and a background of #a22727.

Duplicate the layer and set the color to white. Razterize the shap and using your Eraser Tool with the size of 100px fade out everything but the tip. It should create a nice looking gradient. Set it to overlay and here it is:

The glare will work well here so grab your rounded shape rectangle and create an inner rectangle inside right up to the middle of the your newly created gradient in the first step. Go to Edit Transform and Skew it from left hand side and right hand side. Drop the opacity 32% and overlay it.

We need to name our feed box, Recent or Latest Releases both work. Throw that on and add a drop shadow effect that is listed below:

Our base is prepped and ready now. We will now begin to work on the content holder, so take out your Round Shape Rectangle with the same settings except a white background. Throw it one somewhere in the middle and paste a drop shadow layer style on it listed below:

In this we will create the tabs for the selection of feeds. I used white for the selected tab and yellow for the available options. Using your rounded shape rectangle, create three shapes on top of your content holder and cut off the round edges to connect them all together. Make sure the end tips both from left and right are not cut.

Apply a gradient overlay on your white tab

Time to add some dummy text! In the content place holder, its usually to make the title nice and large. I used Arial Black size 14px with the color of #7d7d7d. In my context area, i actually used Arial 12px with 75% of the #7d7d7d color.

Label the little tabs now, mine go Tech News | Apple Feed | Tutorials. For Tech News, i used a darkish grey color (#454545) and for the two other yellow tabs i used cf6100. Also after you done labeling, apply the following effect to your text:

We need to implement a feature so the user can move around between the articles so grab your round shape rectangle, set the color to white and apply the following layer styles. After place PREVIOUS in Arial Black size 11px.

Duplicate all the steps or just the layers to create a next button as well! Now lets create a small editing interface for our users. Grab your round shaped rectangle, set the color to black and overlay it with 50%.  Make three buttons underneath the content holder

Throw in some features like Zoom | Edit | Delete. The text of the color should be white under an overlay and 47% opacity. I used Arial Black size 14px. After you added the text, you are done pretty much.

I hope this tutorial will come in handy for your designs! Thank you for reading.