This WordPress.com site is the cat’s pajamas

Image

So we all study in Hong Kong which has an amazing city landscape. So I thought this tutorial would be pretty cool to do. The original tutorial had the year 68′ on it but there were no high rises in Hong Kong back then so I chose the year Hong Kong became independent- 97′.

Step 1:

Choose a city landscape of your choice and open it up in Photoshop.

Image

Step 2:

Adjust the levels to increase the contrast of the image.

Image

Step 3:

Select all and copy merged. Paste on a new layer.

Go to Filter > Other > High Pass. Alter the radius until you can only see the finer details through the grey background.

Change this layer to Linear Light

Image

Step 4:

Add a curves adjustment layer.

Alter the red channel to an S shape bend.

Image

Alter the green channel curve slightly.

Image

Increase the amount of blue in the shadows.

Image

Step 5:

Using the Elliptical Marquee Tool, draw a selection around the main skyline of the image.

Image

Copy and past this into a new layer.

Image

Step 6:

Add another curves adjustment layer. Adjust the curves to add more red to the shadows.

Image

Step 7:

Add a new layer. Select a large soft brush to dab some spots of red around the edges.

Change the layer to Screen at 50% opacity.

Image

Step 8:

Go to the circle clipping layer and add a layer mask. Select a brush to subtly erase out portions of the image and create an aged textured effect.

Image

Step 9:

Download a textured piece of paper and paste it on top of all the layers. Change the blending mode to Colour Burn.

Image

Step 10:

Add a new layer above the High Pass layer, fill it with white. Change the blending mode to Soft Light.

Image

Step 11:

Download a noise texture and paste it on a new layer on top. Change the blending mode to Screen.

Image

Step 12:

Fill another layer with a blue colour sample from the background image. Change the blending mode to Pin Light.

Image

Step 13:

Using the Polygonal Lasso Tool to draw a triangular selection on the design. Copy and paste this selection and offset it slightly from its original position. Repeat the process across the design.

Image

Image

Step 14:

Select a font of your choice and choose whatever year you want. I chose 97′.

Place it in the centre of the circle. Add a layer mask and select a brush to erase portions of the numbers in order to create an aged effect. Image

DONE!

How to Make a Retro Badge

Image

I find logo and brand design really interesting and I found this badge tutorial, which I think is pretty cool and can be used for quite a few things.

Step 1:

Open up a document in Illustrator. Using the Star Tool create a star.

Image

 Copy the star and place it above the other one like so

Image

Step 2:

Fill the stars with two colors of your choice. Then go to Effect > Stylize > Round Corner. Use 1.885mm for the Radius.

Image

Step 3:

Select the top shape and go to Windows > Transparency . Use Multiply for the mode.

Image

Step 4:

For the typography I used Carnivalee Freakshow and Birch Std. Type out the words of your choice.

Image

Step 5:

Use the Rectangle Tool to underline or outline the typography, fill it with a similar color to the words.

Image

Step 6:

Now with the Ellipse Tool, create an ellipse over the image.

Image

Step 7:

Use the Type on Path Tool, and add the words of your choice.

Image

Image( I changed the color )

Step 8:

Copy the image and open it up into Photoshop.

Image

Step 9:

For the background texture I used an image from Shuttershock. http://www.shutterstock.com/pic-62706346/stock-photo-paper-texture.html. 

Place it beneath the vector image layer. Change the blend mode of the Vector Layer to Multiply.

Image

Step 10:

I downloaded an aged texture from the internet.

Place it on top of the Image.

Image

Step 11:

Adjust the opacity and fill until you are satisfied with the image.

Image

 

DONE!

Lately, everyone is thinking green and trying to be ‘environmentally friendly’. All the major product companies are trying design for sustainability and try to emphasise being eco-aware in there marketing campaigns. So I thought this Tut would be relevant and fun to make 🙂

Reference: http://vector.tutsplus.com/tutorials/text-effects/creating-an-environmentally-friendly-green-type-treatment/

Step 1:

Open up a document in Illustrator that is 8.5 inches by 11 inches. Choose a type face of your choice, type what you want.

Outline the text by going to Type > Create Outlines

Step 2:

Select the text and create a linear gradient. Change the slider on the left to a light green and the slider to the right into a dark green.

Use the gradient tool (G) to adjust the gradient by clicking on the top of the type and dragging it to the bottom so the dark part is at the bottom of the type.

Step 3:

Now we are going to create some leaves. Use the pen tool and draw a leaf shape.

With the pen tool, draw a line that from the point of the leaf to the middle of the bottom of the leaf.

Step 4: 

Select the shape and use the same color gradient as the text.

Step 5:

With the pen tool draw a highlight on the top part of the leaf.

Fill it with a radial gradient . Change the left swatch to white and the right to a light green.

Step 6:

With the pen tool, create a stem shape and send it behind the leaf shape.  Fill it on with the same color as the leaf shape .

Step 7:

Now we are going to make water droplets.

Using the ellipse tool, create an oblong shaped ellipse. Create a linear gradient using the same colors as the leaf, adjust the gradient so that the dark side is on the bottom left.

Create another ellipse on top of the first one. and create a radial gradient with the same swatches as the highlight on the leaf.

Create two more smaller ellipses with Linear Gradients matching the highlight gradient. Once you are done, group all the ellipses, scale and place them on the leaf shapes.

Step 8:

Now we are going to create the ladybug.

Create an ellipse and fill it with a linear gradient of red. Adjust the gradient so that the red color is at the bottom of the ellipse.

Draw another bigger ellipse that overlaps the center of the original ellipse.

Select the ellipse and the other circle,  press the Intersect Shape Areas button in the Pathfinder Panel. Make the intersected shape a Linear Gradient with the first swatch white and the second swatch red. Adjust the gradient so the white is at the top of the shape.

Step 9:

Draw five ellipses over the ladybug body and fill them with black. Group the image.

Create another ellipse for the lady bugs head, fill with black. Use the pen tool to draw antennae. Send the head behind the body shape.

Step 10:

Draw an ellipse about the same size as the ladybug. Create a radial gradient so that the inside swatch is black and the outside is white.

Set the ellipse to Multiply from the Transparency Panel and send it behind the ladybug to the bottom left, creating a drop shadow.

After grouping the ladybug and drop shadow, place it on the leaf. Then scale and rotate the lady bug as needed.

Step 11:

After selecting the leaf and all the elements on it, place them over your text.

copy the leaves and place them wherever you desire on the text.

Step 12:

For the other leaves we are going to create an art brush.

Draw an oblong ellipse .

 with the Direct Selection Tool (A), select the right anchor point in the ellipse. When you select an anchor point the Control Panel will default to the Anchor Point Options. Convert the anchor point to a Corner, repeat on the other corner.

squish the ellipse down from the top to half its original size.Drag the oval into the Brush Panel and choose New Art Brush. In the Art Brush options change Colorization to Tints

With your new brush make a swirl shape for a leaf blade. Attach it to the text and fill it with a light green color.

Repeat.

Step 13:

Now we are going to add some water droplets to the letters. Just copy and place them where desired.

Step 14:

Now we going to work on the dirt at the bottom of your text.

Use the pencil tool to draw a small circular shape. Press ALT before you let go to close the shape.

Fill the stone with a radial gradient, using a brown color.

Scale it down and place it on the first letter of the text. Copy the stone and create a pile of stones on the first letter.

Copy and paste the dirt pile until you have covered the bottom of all the letters.

Draw a Radial Gradient ellipse like you did for the ladybug drop shadow. Squish the ellipse to about half the size. Send the ellipse behind all the artwork and set it to Multiply.

Repeat on all the letters.

Step 15:

For the background create a rectangle with the rectangle tool. Give it a radial gradient, make the interior swatch green and the other white.

DONE!!!


I think a smoke effect can add a lot to any design.

I found this one on deviant art.

Really simple, quick and easy!

Step 1: 

Open up an A4 document in Photoshop

Step 2:

Fill the background with black

Step 3:

Add a new layer

Step 4:

Open the brush set. Set the flow and opacity to a 100%. Paint a straight line by holding sown the SHIFT key.

Step 5:

Select the smudge tool. I used it at 56% strength. Make whirls or anything to get that smoke effect.

Step 6:

Refine your shape by going to Filter > Liquify.

Step 7:

Insert multiple layers and repeat the process.

Step 8:

Select the layers and go to Edit > Free transform, so that you can move the image around, scale and rotate.

Step 9:

Select the layers again and go to Layers Options and select Merge Visible. This will merge everything that is visible on the layers but will not flatten your image.

Step 10:

Go to Filter > Noise > Add Noise

Step 11:

Lastly go to filter > Blur > Gaussian Blur and adjust it until you like the image.

Done!

Image

Hello everyone!

So I am really interested in how you can take words and use them visually to create an image.

My major is advertising and Typography is a very important element in word – driven advertising. This obviously is a very basic image that doesn’t portray any message but it is just a simple example to show what you can do with words!

The design that we will be creating is based on the number ‘one’. It’s a number one made up of the word ‘one’ . The overall design is then composed into a poster and given that cool old school retro appearance with stains, textures and distressed elements. We will be using both Illustrator and Photoshop to create this poster.

Image

Step 1:

So we are going to start off in Illustrator. Type out the number one in a font of your choice. I used News Gothic in Bold so that there was plenty of space.

Image

Step 2: 

Give the number a light grey fill and then lock into place using COMMAND + 2.

Image

Using the same font type out the actual word ‘ONE’.

Image

Press CMD + Shift + 0 to convert the text to outlines.

Image

Step 3:

Hold ALT to create a duplicate of the text object. then start to scale, rotate and vary the size of the object. Continue to duplicate, scale and rotate and fill the whole grey area from top to bottom.

Image

Step 4:

Press CMD+ALT+2 to unlock the image. Select the entire image and press Shift to remove the background guide from the selection.

Image

Step 5:

Now we are going to work in Photoshop. We need an image of a water colour texture (I got mine from google).

Image

Open up this image in Photoshop. Use the Crop tool to clip the background down to exclude any white page.

Image

Step 6:

Press CMD+A to select all, then right click and select Transform Selection. Scale it down slightly to create a border effect then fill the inner portion with a bright colour.

Image

Change the opacity to 18% to allow the underlying texture to show through.

Image

Step 7:

Paste in the typographic elements from Illustrator. Arrange the image to extend from the lower right corner.

Image

Step 8:

CMD+click on the typographic layer’s thumbnail to load the selection, then delete this selection from the blue panel layer to create a mask or basic screenprint style effect.

Image

Image

Step 9:

Google folded paper texture and you should find something like this:

Image

Paste in the folded paper texture file above all other layers. Adjust the opacity to tone down the impact of the crease lines.

Image

Step 10: 

Add a layer mask then use a selection of brushes to distress the edges.Use a range of brushes from brush strokes to spray paint to add a variety of different textures.

Image

You should end up with soothing like this:

Image

Hope you enjoyed this tutorial! Please feel free to comment 🙂

Hello world!

Welcome to WordPress.com! This is your very first post. Click the Edit link to modify or delete it, or start a new post. If you like, use this post to tell readers why you started this blog and what you plan to do with it.

Happy blogging!

Tag Cloud