Articles Posted in the GRAPHIC DESIGNS Category

  • Recreating Magnifying Glass in Photoshop

    Recreating Magnifying Glass in Photoshop

    In this Photoshop tutorial I’m going to show you how to draw a magnifying glass and do …

  • Outline Sketch Effect

    Outline Sketch Effect

    In this tutorial I want to show you one very interesting way how to create text by using outline sketch effect. It can be done within a few minutes in Photoshop.

    First of all, create a new document in Photoshop. I created document sized 1000×500 pixels with all the default settings, RGB, 72 dpi. Then fill it with color of #d7c7a8.

    Then I would like to add some text to demonstrate effect on it. Get out the Horizontal Type Tool and write out your text on the middle of canvas, for example ‘Draft’ in whatever color you want.

    In the above image I’ve used font called Hall Fetica (350 pt, Sharp), which is free. You can download this font from here: http://www.fontcubes.com/Hall-Fetica.font. After that set up fill opacity of text layer to 0% and apply Bevel and Emboss layer style to it.

    Duplicate current layer with Ctrl+J and move it 5 pixels up and left. Go to Bevel and Emboss layer style options and change the shading angle and altitude to the similar which you can see on the picture below:

    The result should be the same as mine:

    We are done with text, now we need to add more guide lines to demonstrate outline sketch effect. At first I would like to add only vertical lines. Select the Line Tool (Weight: 1px) and add different length lines with black color:

    Then merge all of it into the one layer and apply Filter > Blur > Motion Blur with next presets:

    Now you should have something like this:

    Then create a new layer and add horizontal lines with Line Tool (Weight: 1px) on the same way:

    Merge all horizontal lines into the one layer again and apply Filter > Blur > Motion Blur with similar settings to these:

    The result should be next:

    Ok, now merge all layers together and apply Filter > Brush Strokes > Spatter.

    Now you can see the difference after using this filter:

    Apply another one Filter > Texture > Texturizer:

    The result should be next:

    And the last one filter that we have to apply is Filter > Noise > Add Noise:

    That’s it for now! We got very nice and pretty simple outline sketch text effect, thanks for taking the time to read it!

    No related posts.

  • recreating-barcode-12

    Recreating Bar Code by Using Photoshop

    In this tutorial I will show you how to create such a simple thing as a bar code in a few steps.

    Create a new document sized 500×300 pixels and fill it with white color. Then use the Rectangular Marquee Tool to create selection similar to mine on the picture below and fill it with black color on the new layer.

    Press Ctrl+D to deselect chosen area, then apply Filter > Noise > Add Noise with similar settings to these:

    Now we have effect like this:

    After that select Single Row Marque Tool to create selection about 1 pixel height.

    Press Ctrl+T to transform selected area like on my screenshot which you can see below.

    Remove selection with Ctrl+D again and move to the next step. Now we need to cut off some lines on the bottom to add the numbers. Use Rectangular Marquee Tool to create selection again and press Delete button to clean selected area.

    Remove selection with Select > Deselect. Get out the Horizontal Type Tool to add the numbers with black color to our bar code area. Before you start typing the numbers just go to Window > Character and set up following presets for the text:

    After that type your text line:

    Merge text layer with previous one with Ctrl+E. We are done with creating bar code. Now we can add it to some goods. I found this picture to work with. Open up it and copy to our main canvas under the layer with bar code. Go to bar code layer again and apply Edit > Free Transform to reduce code a little bit and rotate it.

    Then apply Edit > Transform > Warp to make right perspective for code on the lemon surface.

    Then change layer mode to Multiply for current layer and apply Sharpen Tool a little bit:

    We are done on this step. It was easy but very useful, isn’t it? Hope, you have the same good results as me. If you have done similar technique with this post, feel free to post the link in the comment form.

    No related posts.

  • Designing Gear Wheel in Photoshop

    Designing Gear Wheel in Photoshop

    Are you hungry for new tutorials how to create objects in Photoshop? Ok, I have one interesting tutorial for you.

    Ok, let’s start! Create a new document sized 500×500 pixels. Drag a linear gradient with colors of #eaf8fb and #d0dee1 as shown on a picture below. It will be background for putting gear wheel on it.

    After that start with creating gear wheel. Select Shape Tool and choose on of standard Photoshop shapes

    Designing Gear Wheel in Photoshop

    and draw out it in the middle of our canvas with white color.

    Then reduce height about 60% for this shape and rasterize it with Layer > Rasterize > Shape:

    Load selection of shape with Select > Load Selection and fill it with grey to transparent gradient on the same layer (use color of #6d848c).

    Remove selection with Ctrl+D. Now, we should add lower base and process lateral surface texture. Duplicate current layer with Ctrl+J and move lower layer 20 pixels down.

    Then use the Polygonal Lasso Tool to connect the top edges and bottom edges of the gears with selection and fill it with whatever color you want.

    After that deselect chosen area with Ctrl+D and apply Color Overlay (link to 08) layer style for current layer.

    Then create layer under and merge it with previous to get all effects in one layer. Ok, now we need to add glares and shadows to lateral surface to show metallic sheen effect on it. Use Polygonal Lasso Tool again and select some area between two nearest lugs of gear wheel.

    Then use Burn Tool (Brush: 15 px, Range: Shadows, Exposure: 50%) to add shadow in between two lags.

    After that reduce brush size to 5 pixels and add dark shadow line in deepest part to increase metal texture reflection.

    Change Burn Tool to Dodge Tool (Brush: 15 px, Range: Midtones, Exposure: 70%) and add a few glares from the left and right sides:

    Remove selection with Ctrl+D. Add the same affect to each visible area between each lug.

    Ok, we are done with lateral area surface. Move to the next step. Go to the upper part of gear wheel and bring some glare there also. For this effect use the Polygonal Lasso Tool again, create the same selection which you can see on the picture below and feel it with white color on the new layer.

    Remove selection with Ctrl+D and apply Filter > Blur > Radial Blur with similar settings to these:

    Your result should be the same as mine:

    Then apply Filter > Blur > Gaussian Blur with next presets:

    We received picture like so:

    Now, press Ctrl and click the upper part layer thumbnail in the layers palette to create selection and use Ctrl+Shift+I to invert it, then press Delete button to clear selection.

    Remove selection with Ctrl+D and after that merge all layers in one except background layer. Move to the next step. We need to create a hole inside the gear wheel. Get out the Elliptical Marque Tool and create selection similar to mine and fill it wit color of #6d848c.

    Select Burn Tool again to make some small dodge work.

    Deselect chosen area with Select > Deselect. Ok, now time to add the verge of gear wheel. For this effect use the Line Tool (Weight: 1px) and add white lines on each verge of gear wheel.

    Merge all layers with white lines in one, then use the Eraser Tool (Opacity: 50%) and a soft round brush about 70 pixels and make little clean work.

    Move to the last one step. To finish off our tutorial we gave to add some shadow under the gear wheel. Merge all layers except background layer in one and apply Drop Shadow (link to 25) layer style for new received layer:

    Now we need to extract shadow effect to separate layer. Use Layer > Layer Style > Create Layer for this option. Move to new layer with shadow under the current layer and apply Filter > Blur > Motion Blur for it.

    Now, we have something like this:

    After that select Smudge Tool (Brush: 70 pixels) to increase the drop shadow on the sides just a little bit.

    We are done with this tutorial. Now we have realistic view gear wheel created by ourselves.

    No related posts.

  • The Effect of Music Notes on the Flowers

    The Effect of Music Notes on Flowers

    This tutorial shows how to apply any design on flower petals in Photoshop. As an example we can use the design of a stave for applying it on the tulip-petals.

    At first we should find an appropriate photo to work with. You can use search in Google Images or feel free to use my picture with the image of tulips. Open up the picture and start the tutorial.

    It is worth improving the quality of the image a little, before we start applying the effects. For this purpose we apply Filter > Sharpen > Smart Sharpen with the following parameters:

    Then we should improve the contrast using Image > Adjustments > Brightness/Contrast:

    In the upshot we’ll get the following result:

    Now we should match the design to apply on the flower petals. I decided to take a picture of a stave (link to Stave.jpg). Let it be any fragment from any musical composition. We open this picture.

    Then we copy the notes on the main canvas with tulips, or just drag it using mouse.

    The size of the music sheet is too small for a tulip-petal, so we copy it using Ctrl+J and lower it a bit, place it so as it would be a uniform sheet, and merge the layers with the notes using Ctrl+E.

    Then we change the layer mode for the layer with notes for Darken. As a result white color was excluded, we see only notes and flowers.

    To expand the image we use Edit > Transform > Warp, with the help of this tool we deform the music sheet approximately to the form of a tulip-petal.

    Then using the Polygonal Lasso Tool we create petal-shaped selection.

    After that we use Shift+Ctrl+I to invert the selection, as it showed on the picture below:

    We press the Delete button to delete everything that is contained within the selected area and remove the selection using Ctrl+D.

    Then we use the Eraser Tool, choose a brush with soft edge, 50 pixels in diameter, transparency 50% and slightly erase the notes along the edges of the petal. After that we use Filter > Sharpen > Sharpen for the layer with notes:

    As there is dew on the tulips, for more natural effect in the places, where we see the drops, we should deform the notes a bit. For this purpose we use the Polygonal Lasso Tool (Feather 4 px) to create selection of the areas, that should be deformed.

    For the selected area we use Filter > Distort > Spherize with the following parameters:

    On the same principle we deform the image for the rest of the drops on petals. We get an interesting dew effect on the notes.

    The rest of the petals are processed in the same way.

    As a result we got a wonderful tutorial on design overlay on flower petals. Feel free to experiment and you will get an excellent effect!

    No related posts.

  • Creating Pseudo-vector Wallpapers for Desktop

    Creating Pseudo-vector Wallpapers for Desktop (Part 1)

    In this tutorial you will learn how to create pseudo-vector wallpapers for your desktop. This tutorial will be very useful for beginners and it will be divided in two parts. On first part (of two) we will create everything except the grass and the kitten.

    Final Image Preview

    Step 1

    Create a new document with the resolution 1900×1200 for this tutorial with white background. Select Gradient Tool (G) and drag a gradient on canvas like on image below.

    Step 2

    Select the Elliptical Marquee Tool to create selection similar to the picture below and fill it with linear gradient by using colors of #81ec00 and #41bf01 on the new layer. It will be meadow.

    Step 3

    With selection still active, apply Inner Shadow layer style to this layer.

    Step 4

    Keep selection active. Create new layer under the current layer and fill it with white color. Now remove selection with Select > Deselect (Ctrl+D) and apply Filter > Blur > Gaussian Blur with these settings:

    Set up layer opacity to 53% and you will have what i have now:

    Step 5

    Now let´s start creating clouds on the sky. Create a new layer above all the layers, then use Elliptical Marquee Tool to create round selection and fill it with white color.

    Step 6

    Remove selection with Ctrl+D. Duplicate this layer with Ctrl+J two times and move both duplicates like on image below. For the image on the right, click on layer to select it and then reduce the size with Edit > Free Transform.

    Step 7

    Merge three of these layers in one and correct the bottom part of the cloud. Use the Pen Tool to create shape similar to the shape on my screenshot. If you prefer you can use other tools like Lasso Tool but i prefer Pen Tool in this case.

    Step 8

    Click on Paths and select Path (if window not visible go to Windows > Paths), click on selection icon on the palette which says Load Path as a Selection (Ctrl+click on shape thumbnail on Path also works). Go back to layers palette, invert selection with Ctrl+Shift+I (Select > Inverse) and press Delete button to clear selected area.

    Step 9

    Finally load selection of current layer with cloud by using Select > Load Selection and fill selected area with linear gradient by using colors of #e7f6fd, #b5e4fd.

    Step 10

    Remove selection with Ctrl+D. After that apply Inner Shadow layer style to this layer.

    Step 11

    We now have one cloud but we need more. Duplicate this layer a few times with Ctrl+J and move copies to the left and right. Apply Edit > Transform > Flip Horizontal for some copies and apply Edit > Free Transform to change sizes to some of them.

    Step 12

    Now we need to create flowers. Select the Elliptical Marquee Tool and create oval selection, then fill it with gradient. It will be one of flower´s petals.

    Step 13

    Remove selection with Ctrl+D and apply Drop Shadow layer style for current layer.

    Step 14

    Duplicate this layer with Ctrl+J a few times. After that apply Ctrl+T to rotate each layer and organize it like i have. We now have flower’s petals.

    Step 15

    Now we have to form the middle of flower. Create a new layer and using the Ellipse Tool create round shape with foreground color of #ffa200. After that apply Drop Shadow and Inner Glow layer styles to shape.

    Step 16

    Create a new layer where we create a stem and leaves of camomile with color #9cfe15 by using the Pen Tool. Do similiar steps as used to create cloud (Load Path as selection and then fill it with color).

    Step 17

    Create more camomiles on the same way and put it to the different parts of our canvas to create feeling that they were knocked up upwards.

    Part 2

    Part 2 of this tutorial has been published.


    Related posts

    Pseudo 3D Sphere
    Professional Designed Pseudo Vector Flyer for Night Club
    How to Put Lightning inside the Bottle
    Creating Northern Sky in Photoshop
    Pearl Necklace


  • Creating Roller Shutter in Photoshop

    Creating Roller Shutter in Photoshop

    On this tutorial you will learn to create a realistic wood roller shutter texture using only Photoshop Tools.

    Final Image Preview


    Step 1

    Create a new document with 800px width and 500px height. Fill background with linear gradient using Gradient Tool.


    Step 2

    Apply Filter > Noise > Add Noise with following settings:


    Step 3

    Apply Filter > Blur > Motion Blur with following settings:


    Step 4

    Select Crop Tool and remove borders of our background texture by cropping each side.

    After cropping your image should look like mine:


    Step 5

    Now we are going to increase constrat. Go to Image > Adjustments > Brightness/Contrast:

    We need to reduce light intensity so go to Image > Adjustments > Hue/Saturation.


    Step 6

    Apply Filter > Sharpen > Sharpen.


    Step 7

    Select one Hard Round Brush, 3 pixels and set foregound color to black color (#000000). Draw several lines and when drawing hold Shift key to make them straight.

    Go to Layer > Blending Options and apply following styles:


    Step 8

    Select Rectangular Marquee Tool and select area as shown below.

    Create new layer and fill selected area with black color (#000000).


    Step 8

    Select a soft-edged brush with 80 pixels and opacity 70%. With Eraser Tool selected clean up lower edge of the black area.

    Change Layer Blending Mode to Soft Light and we get a deep shadow.

    Copy layer with Ctrl+J and move it to next line. Repeat process till you have all lines with shadow.


    Step 9

    Create new layer on top. Select Brush Tool and Grass Brush (it is one of standard brushes that comes with Photoshop). Change foreground color to green (#00ed00) and draw some grass.

    Apply Drop Shadow by going to Layer > Layer Style > Drop Shadow.


    Final Image

    Apply Filter > Sharpen > Sharpen and this tutorial is over and we got a realistic wood roller shutter.


    Related posts

    How to create bullets in Photoshop
    Create Comic Strip Effect in Photoshop
    Creating Cardiac Rate Effect with Photoshop
    Creating Focus on the Photo
    How to Create a Fog Effect in Photoshop


  • Poster from the Words

    Poster from the Words

    Would you like to make your own cool musical poster? This Photoshop tutorial will teach you how to do it.


    Final Image Preview


    Resources

    Girl


    Step 1

    First we are going to create a new document in Photoshop with 1000×1000 pixels with all the default settings. Fill the background layer with black color.


    Step 2

    Select Horizontal Type Tool and place any text (white color, caps on) filling all background as you can see below. Only use one text layer.

    Rotate text 45 degrees CW by going to Edit > Transform > Rotate.


    Step 3

    Open photo and copy it to our canvas over text layer. Go to Edit > Free Transform and resize photo to something similar to what I have.

    Select text from text layer (Ctrl+left click on text layer thumbnail in layers). Press Ctrl+Shift+I to invert selection. With selection active, select photo layer and press Delete to clear selection contents.

    Press Ctrl+D to deactivate selection.

    Apply Image > Adjustments > Brightness/Contrast.


    Step 4

    Create a new layer. Select Horizontal Tool (Arial, white color, 55px) and write something like “DJ Music!”. Create a second new layer and write “Only best hits!” (Arial, white color, 25px).

    Rotate text 45 degrees CW by going to Edit > Transform > Rotate on both layers.

    Apply Layer > Layer Style > Blending Options > Outer Glow to both layer to make it more readable.


    Final Image

    This tutorial is now finished and you got a great effect!


    Related posts

    How to Create Custom Patterns in Photoshop
    Learn to Create Abstract Explosion
    Creating Cardiac Rate Effect with Photoshop
    How to Create Mental Sphere
    How to Create a Fog Effect in Photoshop