Showing posts with label collage. Show all posts
Showing posts with label collage. Show all posts

Wednesday, 22 May 2013

Create a Simple Price Table in Adobe Photoshop

Step 1

Open Photoshop and hit Control + N to create a new document. Enter all the data shown in the following image and click OK.
Enable the Grid (View > Show > Grid) and the Snap to Grid (View > Snap To > Grid). For the moment you need a grid every 5px. Go to Edit > Preferences > Guides, Grid & Slices and focus on the Grid section. Enter 5 in the Gridline Every box and 1 in the Subdivision box. Also, set the color of the grid to #a7a7a7.
Once you set all these properties click OK. Don’t get discouraged by all that grid. It will ease your work.
You should also open the Info panel (Window > Info) for a live preview of the size and position of your shapes.
Create a Simple Price Table in Adobe Photoshop 11

Step 2

Set the foreground color to #205d7a, grab the Rounded Rectangle Tool, set the radius to 5px and draw a 145 by 420px vector shape.
Move to the Layers panel and double click on this rounded rectangle to open the Layer Style window.
Activate the Drop Shadow, the Inner Shadow, the Outer Glow, the Inner Glow and the Stroke then enter the properties shown in the following images.
In the end, it should look like the second image. You can disable the Grid (View > Show > Grid or Control + ” ) for a few moments if you want to have a better look at your shape.
Create a Simple Price Table in Adobe Photoshop 11
Create a Simple Price Table in Adobe Photoshop 11
Create a Simple Price Table in Adobe Photoshop 11
Create a Simple Price Table in Adobe Photoshop 11
Create a Simple Price Table in Adobe Photoshop 11
Create a Simple Price Table in Adobe Photoshop 11

Step 3

Set the foreground color to black, grab the Rectangle Tool, create a 145 by 70px shape and place it as shown in the first image.
Move to the Layers panel, open the Layers Style window for this new shape and enter the properties shown in the following images.
Create a Simple Price Table in Adobe Photoshop 11
Create a Simple Price Table in Adobe Photoshop 11
Create a Simple Price Table in Adobe Photoshop 11
Create a Simple Price Table in Adobe Photoshop 11
Create a Simple Price Table in Adobe Photoshop 11
Create a Simple Price Table in Adobe Photoshop 11
Create a Simple Price Table in Adobe Photoshop 11

Step 4

Reselect the vector path made in the previous step and duplicate it (Control + J).
Focus on the Layers panel, right click on this copy and click on Clear Layer Style.
Select this copy, lower its Fill to 0% then open the Layer Style window and enter the properties shown in the following image.
Create a Simple Price Table in Adobe Photoshop 11
Create a Simple Price Table in Adobe Photoshop 11

Step 5

For this step you need a grid every 1px. Simply go to Edit > Preferences > Guides, Grid & Slices and enter 1 in the Gridline Every box.
Set the foreground color to #ed1c24 and grab the Rectangle Tool. Create a 145 by 1px shape, place it as shown in the first image then duplicate it (Control + J).
Select this copy, move it 1px down and replace the dark red with #fed700.
Create a Simple Price Table in Adobe Photoshop 11

Step 6

Reselect the red vector path made in the previous step, lower its Fill to 0% then open the Layer Style window and enter the properties shown in the following image.
Create a Simple Price Table in Adobe Photoshop 11
Create a Simple Price Table in Adobe Photoshop 11

Step 7

Reselect the yellow vector path made in the fifth step, lower its Fill to 0% then open the Layer Style window and enter the properties shown in the following image.
Create a Simple Price Table in Adobe Photoshop 11
Create a Simple Price Table in Adobe Photoshop 11

Step 8

Return to “gridline every 5px”. So, go to Edit > Preferences > Guides, Grid & Slices and enter 5 in the Gridline Every box.
Reselect the two, thin rectangles edited in the last two steps and group them (Control + G).
Move to the Layers panel, right click on this new group then click on Duplicate Group.
Select this group copy and drag it down as shown in the following image.
Create a Simple Price Table in Adobe Photoshop 11

Step 9

Keep focusing on the group made in the previous step, make five new copies and place them as shown in the following image.
Create a Simple Price Table in Adobe Photoshop 11

Step 10

Set the foreground color to #a1d8ff, grab the Rounded Rectangle Tool, set the radius to 3px, create a 95 by 25px vector path and place it as shown in the first image.
Move to the Layers panel, open the Layers panel for this new rounded rectangle and enter the properties shown in the following images.
Create a Simple Price Table in Adobe Photoshop 11
Create a Simple Price Table in Adobe Photoshop 11
Create a Simple Price Table in Adobe Photoshop 11
Create a Simple Price Table in Adobe Photoshop 11
Create a Simple Price Table in Adobe Photoshop 11
Create a Simple Price Table in Adobe Photoshop 11
Create a Simple Price Table in Adobe Photoshop 11

Step 11

Disable the Grid (View > Show > Grid).
Open the Character panel (Window > Character), pick the Type Tool(T), set the color to #ddf1ff and add the “BASIC” piece of text as shown in the following image.
Use the Sakkal Majalla font with the style set at Bold and the size set at 20pt. Move to the Layers panel, open the Layer Style window for this little piece of text and enter the properties shown in the following image.
Create a Simple Price Table in Adobe Photoshop 11
Create a Simple Price Table in Adobe Photoshop 11

Step 12

Pick the Type Tool(T), set the color to #205d7a and add a simple price as shown in the following image.
Use the Calibri font with the style set at Bold and the size set at 35pt. Move to the Layers panel, open the Layer Style window for this new piece of text and enter the properties shown in the following images.
Create a Simple Price Table in Adobe Photoshop 11
Create a Simple Price Table in Adobe Photoshop 11
Create a Simple Price Table in Adobe Photoshop 11
Create a Simple Price Table in Adobe Photoshop 11

Step 13

Pick the Type Tool(T), set the color to #ddf1ff and add some new text as shown in the first image.
Use the Corbel font with the style set at Regular and the size set at 11pt.
Move to the Layers panel, open the Layer Style window for this new pieces of text and enter the properties shown in the following image.
Create a Simple Price Table in Adobe Photoshop 11
Create a Simple Price Table in Adobe Photoshop 11

Step 14

Pick the Type Tool(T), set the color to #205d7a and add the “ORDER NOW” piece of text as shown in the first image.
Use the Corbel font with the style set at Bold and the size set at 12pt.
Move to the Layers panel, open the Layer Style window for this new piece of text and enter the properties shown in the following image.
Create a Simple Price Table in Adobe Photoshop 11
Create a Simple Price Table in Adobe Photoshop 11

Step 15

Reselect the vector shapes and the pieces of text created so far and group them (Control + G).
Make two copies of this group and move them to the right as shown below.
Focus on these new groups and simply edit the text as shown in the following image.
Create a Simple Price Table in Adobe Photoshop 11

Step 16

Hit Control + N to create a new document. Enter 10 in the width and height boxes then click OK.
Move to the Layers panel and remove the default “Background” layer.
Enable the Grid (View > Show > Grid) and set the foreground color at black.
Grab the Rectangle Tool and set the foreground color to black.
Create two, 5px squares and place them as shown in the following image.
Next, you need to turn this tiny document into a pattern.
Simply go to Edit > Define Pattern, pick a name for your pattern and click OK.
Close this document (you don’t need to save it) and return to the first document.
Create a Simple Price Table in Adobe Photoshop 11

Step 17

Pick the Rectangle Tool and set the foreground color to #282828. Create a 600 by 600px shape, send it to back (Shift + Control + [ ) then open the Layer Style window and enter the properties shown in the following image.
Use the pattern made in the previous step.
Create a Simple Price Table in Adobe Photoshop 11
Create a Simple Price Table in Adobe Photoshop 11

Final Image

Here is how your final result should look.
Create a Simple Price Table in Adobe Photoshop 11

Tuesday, 21 May 2013

How to create a super creative collage effect

Learn how to create a super creative collage effect, using a range of photo manipulation, blending and compositional techniques in this Adobe Photoshop tutorial.
You’ll learn how to correctly extract your images, layer up various effects to create a sense of depth and detail, and create a cool sketchy hand-drawn effect for your photos.

Step 1

Create a new file with a width of 650px and a height of 1040 px at 72 dpi (Dots per Inch). Background Contents should be White.
Learn How to Create a Super Creative Collage Effect 1

Step 2

To start off we’ll use various textures to create a subtle distressed background. First, add a group folder called “Texture”, then open “1.jpg” from these colored grunge textures . Place this within the folder, then hit Command/Ctrl + T and resize to cover the canvas. Name the layer “Texture 1″.
Learn How to Create a Super Creative Collage Effect 2
The result should be similar to this:
Learn How to Create a Super Creative Collage Effect 3
Reduce opacity to “30%”
Learn How to Create a Super Creative Collage Effect 4
Add “8.jpg” as a new layer within the same folder, then hit Command/Ctrl + T and resize to cover the canvas and name it “Texture 2″.
Learn How to Create a Super Creative Collage Effect 5
Change the Blend Mode to Overlay and lower its Opacity to 50%.
Learn How to Create a Super Creative Collage Effect 6
Place “2.jpg” from the “source” folder as a new layer within the same folder. Resize and label it “Texture 3″.
Learn How to Create a Super Creative Collage Effect 7

Step 3

Change the layer mode to “soft light” and reduce opacity to “45%”:
Learn How to Create a Super Creative Collage Effect 8
Create a new Color balance adjustment layer from the bottom of the layers palette .
When the Color balance box opens, input the following:
Learn How to Create a Super Creative Collage Effect 9
Create a new Levels adjustment layer from the bottom of the layers palette .
When the Levels box opens, input the following: :
Learn How to Create a Super Creative Collage Effect 10
The result should be similar to this:
Learn How to Create a Super Creative Collage Effect 11
First off, let’s open the girl stock Red 3-Mihaela-VStock in Photoshop. We will be using the girl from this stock image so we will need to transfer it to our main canvas.
Learn How to Create a Super Creative Collage Effect 12
press p to activate pen tool and then make a selection around the girl and then click V to activate the Move Tool. Left-click the image and drag the image to the main canvas
Learn How to Create a Super Creative Collage Effect 13
The result should be similar to this: .
Learn How to Create a Super Creative Collage Effect 14
Create a new Curves adjustment layer from the bottom of the layers palette. Press Alt+left click in between 2 layer’s (girl layer and Curves) to make a mask.
When the Curves box opens, input the following:
Learn How to Create a Super Creative Collage Effect 15
Create a new Curves adjustment layer from the bottom of the layers palette. Press Alt+left click in between 2 layer’s (sky layer and Curves) to make a mask.
When the Curves box opens, input the following:
Learn How to Create a Super Creative Collage Effect 16

Step 4

Press Alt+left click in between 2 layer’s (Girl layer and Curves) to make a mask.
Learn How to Create a Super Creative Collage Effect 17
Create a new Hue/Saturation adjustment layer from the bottom of the layers palette. Press Alt+left click in between 2 layer’s (girl layer and Hue/Saturation) to make a mask.
When the Hue/Saturation box opens, input the following:
Learn How to Create a Super Creative Collage Effect 18
Create a new Curves adjustment layer from the bottom of the layers palette. Press Alt+left click in between 2 layer’s (girl layer and Curves) to make a mask.
When the Curves box opens, input the following:
Learn How to Create a Super Creative Collage Effect 19
Create a new Levels adjustment layer from the bottom of the layers palette. Press Alt+left click in between 2 layer’s (girl and Levels) to make a mask.
When the Levels box opens, input the following: :
Learn How to Create a Super Creative Collage Effect 20
The result should be similar to this:
Learn How to Create a Super Creative Collage Effect 21

Open the WaterColor2 in Photoshop. We will be using the texture from this stock image so we will need to transfer it to our main canvas.
Learn How to Create a Super Creative Collage Effect 22
The result should be similar to this:
Learn How to Create a Super Creative Collage Effect 23

Step 5

Change the layer mode to overlay and reduce opecity to 79%.
Now add vector mask from the bottom of the layers palette .
Now activate the Brush tool (B) with these settings :
Brush size: 400px
Hardness: 0%
Opacity: 40%
Flow: 100%
Color: #000000
Paint over the highlighted area.
Learn How to Create a Super Creative Collage Effect 24
The result should be similar to this:.
Learn How to Create a Super Creative Collage Effect 25
Activate the Brush tool (B) with these settings :
Brush size: 400px
Hardness: 0%
Opacity: 40%
Flow: 100%
Color: #3057e4
Paint over the highlighted area.:
Learn How to Create a Super Creative Collage Effect 26
Change the layer mode to soft light
Learn How to Create a Super Creative Collage Effect 27
Repeat the same process using #dc2d30 as foreground color :
Learn How to Create a Super Creative Collage Effect 28
Open the Drawing Flower Pattern in Photoshop. We will be using the vectors from this stock image so we will need to transfer it to our main canvas.
Learn How to Create a Super Creative Collage Effect 29
Change the layer mode to multiply and reduce opacity to 65%.
Learn How to Create a Super Creative Collage Effect 30

Step 6

Make a new layer and name it “Shape 1″ activate Pen tool and draw a shape. See as below :
Learn How to Create a Super Creative Collage Effect 31
Fill it with #1a29a0 color .
Learn How to Create a Super Creative Collage Effect 32
Repeat the same process and add more shapes .
Learn How to Create a Super Creative Collage Effect 33
The result should be similar to this:
Learn How to Create a Super Creative Collage Effect 34
Open the Flower 1 in Photoshop. We will be using the vectors from this stock image so we will need to transfer it to our main canvas and name it “Flower 1″.
Learn How to Create a Super Creative Collage Effect 35
The result should be similar to this:
Learn How to Create a Super Creative Collage Effect 36

Step 7

Create a new Levels adjustment layer from the bottom of the layers palette. Press Alt+left click in between 2 layer’s (flower1 and Levels) to make a mask.
When the Levels box opens, input the following:
Learn How to Create a Super Creative Collage Effect 37
The result should be similar to this:
Learn How to Create a Super Creative Collage Effect 38
Add more flowers to our canvas.
Learn How to Create a Super Creative Collage Effect 39
Open the Flower 7 in Photoshop. We will be using the vectors from this stock image so we will need to transfer it to our main canvas and name it “Tattoo”.
Learn How to Create a Super Creative Collage Effect 40
Next, activate the Transform tool (Ctrl/Cmd +T), then while the “Tattoo” layer is selected resize it as shown below:
Learn How to Create a Super Creative Collage Effect 41

Step 8

Change the layer mode to multiply
Learn How to Create a Super Creative Collage Effect 42
Add a vector mask from the bottom of layers palette .
Activate the Brush tool (B) with these settings :
Brush size: 400px
Hardness: 0%
Opacity: 40%
Flow: 100%
Color: #000000
Paint over the highlighted area.
Learn How to Create a Super Creative Collage Effect 43
You should obtain a photo similar to this:
Learn How to Create a Super Creative Collage Effect 44
Open the Blue blotch in Photoshop. We will be using the texture from this stock image so we will need to transfer it to our main canvas.
Learn How to Create a Super Creative Collage Effect 45
Next, activate the Transform tool (Ctrl/Cmd +T), then while the “Snail” layer is selected resize it as shown below:
Learn How to Create a Super Creative Collage Effect 46
Change the layer mode to multiply and reduce opacity to 60%
Learn How to Create a Super Creative Collage Effect 47
Repeat the same process and add the same effect to the second eye .


So, That's all
Learn How to Create a Super Creative Collage Effect