TicketAmerica is a licensed ticket broker providing top quality event tickets. When you choose to buy from us that means you are buying from the best source. This time, we have offered information and schedule for these wonderful events:
Sunday 1 July 2012
Wednesday 27 June 2012
Saturday 7 April 2012
Design Studio Layout
By Matthew Heidenreich
This will be your final result
1. The first thing we want to do is open up Photoshop and create a new document with the dimensions of 1024×998.
2. Next lets go ahead and change our background color. Using your Paint Bucket Tool fill your background layer with #CCD8E1
3. Now we want to start off by creating the banner in our header. Using your Rectangle Tool create a rectangle similar to the following
4. Now right click your rectangles layer and choose blending options from the drop down menu and insert the following
5. Next we want to add a little ‘shine’ to the top of our banner. To do so make a 1px high selection across the top of the banner and fill it with #FFFFFF on its own layer. Using your arrow keys nudge it down 1px, and it will look something like this
6. Now just change that layers blending mode to Soft Light. I chose to leave the opacity at 100%, but you can modify it as you like.
7. I then added some dummy text, where you can provide a short description of your company. Next use your Rounded Rectangle Tool with the radius set to 5px and make a rounded rectangle similar to the following
8. On your Rounded Rectangle layer insert the following blending options
7. Go ahead and place some text on your button and add a little reflection and it will look something like this
8. Now just repeat those steps and you will have something very similar to this
9. For our logo we want to have something terribly simple. For the ‘Design’ I used the color #62686D and for ‘Studio’ I used the color #8ABC16
10. Now insert the following blending options onto our text logo layer
You will have something that looks like this when your complete
11. Next we want to go ahead and add some text for our links in the right. For the text I used the color #3E4041
12. We want to go ahead and show what an active or a hovering link will look like. Using your Rounded Rectangle Tool with a radius set to 3 to 5 pixels make a rectangle similar to the following under your ‘Home’ text.
13. Now lets go ahead and right click that layer and insert the following blending options
14. Your header should now look something like this
15. Now we want to go ahead and make a selection from the bottom of our banner to the bottom of our document. Fill it with any color and then insert the following blending options onto its layer
16. All thats left is to organize your content in a way you wish. This is what I came up with
http://psdvibe.com
Monday 2 April 2012
Folded Text Effect
There are a couple of nice “folded” text effect tutorials out there, but this tutorial takes a slightly different approach to the concept. We’ll be creating a folded text, and a simple pattern to make it look like it’s cut out from a notebook. The letter “O” will be used to illustrate the concept, as it needs a little bit extra work done to it.
Notes:
* the software used in this tutorial is Adobe Photoshop CS5 Extended
* the size of the final result image is 1024 * 768
* you might want to check the Basix Page to see some useful topics on dealing with Photoshop basics, such as loading palettes and some shortcuts.
* the size of the final result image is 1024 * 768
* you might want to check the Basix Page to see some useful topics on dealing with Photoshop basics, such as loading palettes and some shortcuts.
Resources:
* Folded Text Color Palette
* Paper Texture by ~akinna-stock
* Grungy paper texture v.5 by ~bashcorpo
* Paper Texture by ~akinna-stock
* Grungy paper texture v.5 by ~bashcorpo
Step 1:
- Fill the Background with the color #817d57, then, go back to the default colors for the Foreground (Black) and the Background (White). Create a new layer and call it “Radial Gradient”. Choose the “Foreground to Transparent” gradient, the “Radial” one, and check the “Reverse” box on the far right.
- Fill the Background with the color #817d57, then, go back to the default colors for the Foreground (Black) and the Background (White). Create a new layer and call it “Radial Gradient”. Choose the “Foreground to Transparent” gradient, the “Radial” one, and check the “Reverse” box on the far right.
- Starting from the center of the background, drag the gradient to one of the corners.
- Change the “Radial Gradient” layer Blend Mode to Soft Light.
Step 2:
Now, we will add some texture. First, drag and drop, or duplicate the Paper Texture on top of your Background layer, and rename the layer to “Background-1″.
Now, we will add some texture. First, drag and drop, or duplicate the Paper Texture on top of your Background layer, and rename the layer to “Background-1″.
- Go to Image -> Adjustments ->Hue/Saturation, change the Saturation value to -100, and the Lightness value to -20.
- Change the “Background-1″ layer Blend Mode to Multiply, and the Opacity to 50%.
Step 3:
Add the Grungy paper texture on top of all layers, rename the layer to “Background-2″, and just change the Blend Mode to Multiply.
Add the Grungy paper texture on top of all layers, rename the layer to “Background-2″, and just change the Blend Mode to Multiply.
Step 3:
Now, we will create the notebook lines we’ll be using later on in this tutorial. So go ahead and create a 300 x 300px new document. Fill the background with the color#f7f4fb.
Now, we will create the notebook lines we’ll be using later on in this tutorial. So go ahead and create a 300 x 300px new document. Fill the background with the color#f7f4fb.
- Set the Foreground color to #d0d5de. Choose a soft brush, and from Window -> Brush, edit the values as below:
- Under the Brush Tip Shape tab, change the Size to 3px, the Hardness to 0, and theSpacing to 1%.
- Under the Shape Dynamics tab, change the Size Jitter to 60%, the Minimum Diameterto 0%, and the Roundness Jitter to 0% as well.
The settings above will give the illusion of the notebook lines. So now, we are going to create a new layer, and draw the lines.
A simple and quick trick I use to keep the same vertical distance between lines is creating a square or rectangle shape, and move it downwards after drawing each line.
- Once you’re done drawing the lines, go to Edit -> Define Pattern, and type the name of your pattern in the dialog box.
Step 4:
Back to our original document, we will now start working with our text. Create the text you want, each letter on a separate layer, using the color #eceac9. Group the letters and call the group “Text”.
Back to our original document, we will now start working with our text. Create the text you want, each letter on a separate layer, using the color #eceac9. Group the letters and call the group “Text”.
Through the following steps, make sure you create a new copy/duplicate of each character, and place it in a separate new group that has the letter’s name, because we are going to add multiple layers, and we need to keep our work organized.
Step 5:
So now that the current letter you’re working on is duplicated and put in its own group, rotate it or move it the way you want, then, create another duplicate of the layer, right click on the duplicated layer -> Rasterize Type. Make sure you remove the “eye” to the left of the original unrasterized layer so that it is invisible.
So now that the current letter you’re working on is duplicated and put in its own group, rotate it or move it the way you want, then, create another duplicate of the layer, right click on the duplicated layer -> Rasterize Type. Make sure you remove the “eye” to the left of the original unrasterized layer so that it is invisible.
Step 6:
Now, we’ll create the fold. Using the Rectangle shape tool, draw a rectangle above the latter. The fold will make an edge from one point of the letter to another, and to create that edge, we will use the Direct Selection Tool to select the Rectangle corners and move them.
Now, we’ll create the fold. Using the Rectangle shape tool, draw a rectangle above the latter. The fold will make an edge from one point of the letter to another, and to create that edge, we will use the Direct Selection Tool to select the Rectangle corners and move them.
Step 7:
- When you’re done creating the edge, it’s time to delete the extra parts of the letter that are not supposed to appear after the letter is folded the way it is. Select the rasterized letter layer, and using the Polygonal Lasso Tool select those parts and delete them.
- When you’re done creating the edge, it’s time to delete the extra parts of the letter that are not supposed to appear after the letter is folded the way it is. Select the rasterized letter layer, and using the Polygonal Lasso Tool select those parts and delete them.
- The extra work needed for the “O” letter is a simple logical thing, as the fold ends, it is illogical to have the letter seem continuous underneath it. So we’re going to remove a small part to make it look more real, also using the Polygonal Lasso Tool.
Step 8:
- Double click on the letter layer, and apply a Drop Shadow using the color #7b7b7b.
- Double click on the letter layer, and apply a Drop Shadow using the color #7b7b7b.
- Double click on the fold layer, and apply a Drop Shadow using the same color #7b7b7b, and change the Size to 8px.
Un-check the Use Global Light box, so that now you’ll change the Angle and Distancevalues by moving the shadow on the layer directly. To be able to do this you must make sure the Preview is checked.
- Apply an Inner Shadow using the color #dbdacd, and change the Size to 18px.
Move the shadow exactly the same way, so that it goes with the fold from the left.
Step 9:
Create a new layer above the letter layer and under the fold layer, call it “Lines – letter”. Using the Elliptical Marquee Tool, draw a big circle around the letter, and make it bigger that the letter.
Create a new layer above the letter layer and under the fold layer, call it “Lines – letter”. Using the Elliptical Marquee Tool, draw a big circle around the letter, and make it bigger that the letter.
From the Paint Bucket Tool options, choose the Pattern as the source for fill area, then choose the pattern we’ve just created and defined. Fill the circle with the pattern, and change the layer Blend Mode to Luminosity.
Step 10:
Hold the Ctrl key, and click on the letter layer thumbnail to create a selection of the letter.
Hold the Ctrl key, and click on the letter layer thumbnail to create a selection of the letter.
Go to Select -> Inverse or Shift + Ctrl + I to inverse the selection, and delete the extra fill.
Step 11:
Create a new layer above the fold layer, rename it to “Lines – fold”. Draw a big circle again and fill it with the pattern. Go to Select -> Deselect, or Ctrl + D. The reason why we draw the big circle is that we can rotate it to be parallel to the letter or the fold later on (the same angle).
Create a new layer above the fold layer, rename it to “Lines – fold”. Draw a big circle again and fill it with the pattern. Go to Select -> Deselect, or Ctrl + D. The reason why we draw the big circle is that we can rotate it to be parallel to the letter or the fold later on (the same angle).
Change the “Lines – fold” layer Blend Mode to Divide, now you can see the fold, so go ahead and rotate the pattern.
Ctrl click on the fold shape thumbnail to create a selection, inverse it, and delete the extra parts.
This is what you’ll get
Step 12:
When you repeat the same steps for all the letters, we are going to select all the letter layers and fold layers, using Ctrl + click on the thumbnail, along with the Shift key to addto the selection.
When you repeat the same steps for all the letters, we are going to select all the letter layers and fold layers, using Ctrl + click on the thumbnail, along with the Shift key to addto the selection.
Add a Levels adjustment layer, change the Shadows value to +75.
Finally, move the “Background-2″ layer to be on top of all the other layers but under the Levels adjustment layer .
