Showing posts with label Photoshop tutorials. Show all posts
Showing posts with label Photoshop tutorials. Show all posts

Friday, 8 September 2017

Photoshop CS6 tutorial: Sample logo graphics design tutorial

In today's tutorial, I will be demonstrating how to design a simple yet intuitive logo.
Logos are a representation of an entity e.g company or organisation. Logos are used as a branding tool and most graphic design jobs often start with the creation of a logo. The following are the steps I have taken in creating this particular logo
* Select the file
* Select the new
* Select the view and select show the select grid
* Then select the ellipse tool make sure you draw it to fill a grid
* Select the rectangular tool and make sure you draw it along the grid
* Select the two layers and right click then select merge shapes
* Draw another ellipse tool and observe the grid lines then you make selection of it
and you delete
* Then you duplicate layer
* Select all layers and rotate it
* Finally the color depends on your creativity



Thursday, 7 September 2017

Photoshop CS6 Text Effect Conceptual Design

12 STEPS TO A COMPELLING CONCEPTUAL DESIGN



  • Click File then you select a new file 
  • Select the text tool then type the text ABSTRACT AND YOUR DESIGN DEPENDS ON THE FONT YOU USE 
  • Then transform the text to your preferred size 
  • Then use your quick selection tool to select the text one after the other i.e after you select "A" YOU RIGHT CLICK AND SELECT LAYER VIA CUT WHICH MEANS THE "A" WILL FORM ANOTHER LAYER 
  • You do these process from the A to the T
  • Select the pen tool to add anchor point to the part you want to cut in the text 
  • Right click after making the anchor point and select make selection 
  • Delete the selection you have made 
  • Use these process from A to T then you get your conceptual text
  • Select all layers from layer A to T and right click select convert to smart object
  • The rest depends on the way or colour you  want your design 



Monday, 20 February 2017

Adobe Photoshop Tutorial: Working With Layers

In the video tutorial below, I demonstrated how to work with layers. Layers are important, element in Adobe photoshop which are used for manipulating their content.

Photoshop layers are like sheets of stacked acetate. You can see through transparent areas of a layer to the layers below. You move a layer to position the content of the layer, like sliding a sheet of acetate in a stack. You can also change the opacity of a layer to make content partially transparent.
Transparent areas on a layer let you see layers below. You use layers to perform tasks such as compositing multiple images, adding text to an image, or adding vector graphic shapes. You can apply layer style to add a special effect such as a drop shadow or a glow.


Watch the video tutorial below to learn how to work with layers in Photoshop CS6


See our other Photoshop tutorials
How to use gradient tool in Adobe Photoshop CS6:
How to frame photos/images Adobe Photoshop CS6
How to remove and replace photo/image background in Photoshop Cs6:
How to crop and resize photo/image in Adobe Photoshop CS6


Adobe Photoshop Tutorial: Basic Photo editing using Camera raw in Adobe Photoshop CS6.


Another way of  editing photos/images in Adobe Photoshop is through the use of Camera Raw. Camera Raw is like a mini software packaged with Adobe Photoshop and its effective for enhancing photos and images

In camera raw images and photos can be adjusted for white balance, tonal range, contrast, color saturation, and sharpening. When you adjust photos and images in camera raw, the photo/image info is preserved.

Watch the video tutorial below to see basic editing procedure in Camera raw



See our other Photoshop tutorials
How to use gradient tool in Adobe Photoshop CS6:
How to frame photos/images Adobe Photoshop CS6
How to remove and replace photo/image background in Photoshop Cs6:
How to crop and resize photo/image in Adobe Photoshop CS6

Thursday, 2 February 2017

Photoshop Tutorial: How to Add a Vintage Film Border in Photoshop

Film Border Stock Images
The first step to adding a Vintage film border to any digital photo is to find an image online or scan your own film.

There are many stock photo websites to choose from, in this case, we found the film border on Adobe Stock.

Once you have found a stock photo of a film border, open it in Photoshop along with the original image. Place the original image over the film border and resize it so the image only appears in the center of the film border.

Next, double click on the film border to convert it to a regular layer and bring it to the top of the layer stack.

Change the blending mode of the film border layer to ‘Multiply’ to set the effect. Multiply Blend Mode will make the dark areas of a layer visible and the Light areas invisible, allowing the original photo to show through the center.

Watch the demonstration on how to add a vintage film border

Photoshop Tutorial: Adding Motion Blur To Background

In this photoshop how to tutorials, I found an exciting way to add depth and movement to photos by adding Motion Blur to Backgrounds. Follow the following steps to add motion blur to background:-

Step 1: Separate the image from the background. Create a duplicate of the background layer and use the Spot Healing Brush Tool to remove the subject. Be sure that “Sample All Layers” and “Content Aware” are checked on the top of the Screen.
Step 2: Paint over the subject and the Tool will fill them in with information from the background. This doesn’t have to be perfect, after all, you will be applying a blur to the background. The main goal is to make sure the subject is not blurred with the background.
Step 3: After removing the subject from the Background, turn the duplicate layer into a Smart Object by right-clicking on the layer and going to “Convert To Smart Object”. With a Smart Object you can use Smart Filters, and when adding a blur of any kind, it is best to be done as a Smart Filter. Smart Filters can be changed at any time, making them more versatile and less destructive.
Step 4: It is time to add the blur to the Smart Object. The type of blur will change depending on the Motion of the photo. In this case, we use a simple “Left-to-Right” Motion Blur because the subject is moving horizontally across the image. If the subject in your photo is moving towards or away from the camera, choose a Path Blur and create paths in the direction of the movement.
Step 5: After applying a Motion Blur or Path Blur to the background, it is time to reveal the original subject. Lower the Opacity of the layer to about 80% and add a layer mask to the blurred Smart Object. Paint black on the Layer Mask over the original subject to reveal them through the Smart Object Layer. Take your time to create an accurate selection around the subject. After completing the layer mask, change the Smart Object layer Opacity to 100% and you are done!
Step 6: To change the amount of blur on the background, double click on the Blur Smart Filter, and adjust the blur amount. The Layer Mask will stay intact, revealing the subject and provide an instant preview of the Background blur with a still subject.

Watch the demonstration on how to add motion blur to image background




For more free photoshop tutorials. CLICK HERE

Friday, 27 January 2017

Photo Editing/ Manipulation: How To Add Fire In Adobe Photoshop

Using fire and flames in photos/images can be fun in Adobe Photoshop. The ability to harness fire separates mankind from all other animals, in this tutorial you will learn how to create digital fire.

How to Render Flames in Photoshop
A new addition to Photoshop cc 2015 brings the power to Render Flames with a surprising amount of control.

To create flames, first, create a New Layer and make a path you want the fire to follow using the Pen Tool. This Pen path can mimic that of regular fire or make a shape for Special Effects.

After selecting the path, go to ‘Filter – Render – Flame…’ Here you can choose from a variety of options to create different types of flames.

We suggest using a reference image to model the flames after. In this example, we add rendered flames to an existing campfire, making it look larger.

How to Make Fire Look Realistic
After rendering Flames in Photoshop, convert the Flame layer into a Smart Object. Change the blending mode of the fire layer to ’Screen’ or ‘Lighten’, fire will never make a photo darker.

The flames may benefit from a little blur to make them more realistic. Because we converted the layer into a Smart Object, we can use Smart Blur Filters. Go to ‘Filter – Blur – Gaussian Blur’ and choose a blur radius to match the photo. If you need to change the blur radius at any time, double-click on the Filter in the Layers menu and adjust the slider.



Click here for more free Photoshop tutorials 



How To Remove And Add Color Background To Photo/Image In Adobe Photoshop

Thought I should add another perspective on how to remove and add color background to photo/image in Adobe Photoshop CS6 apart from my tutorial on the same subject.

How to Add a Colored Background to a Portrait it Photoshop
Add a splash of colour to your photos by replacing the background. Learn how to quickly add a colored background to any portrait in Photoshop using the Magic Wand Tool

How to Cut Out the Photo/Image
When cutting a photo/image out of their background, there are different techniques based on the complexity of the background. If the subject is photographed on a simple Background similar to the image in this tutorial, simple Selection Tools like the Magic Wand Tool will work well.

For complex Backgrounds, we recommend using the Pen Tool.

After making a rough selection of the subject in a photo, use the “Select and Mask” Tool to refine the edge of the selection.

Add a Splash of Color to the Background
Once the subject is cut out from the Background, the possibilities are endless. From here, you can add another photo as the Background of a photo, or a simple colored background to simulate a studio photo.

To create a colored background, go to ‘Layer – New Fill Layer‘ and choose a Color. Place this layer below the layer with the subject and the new Color will appear behind the subject.

To add a bit of realism, add a Vigentte to the borders of the photo. Go to ‘Layer – New Adjustment Layer – Hue/Saturation‘ to create a Hue/Saturation. Lower the Lightness and Saturation then use the eliptical Marquee Selection Tool to create a selection around the center of the image and fill the selection with black. To make the Vignette more realistic, add a Gaussian Blur to the Layer Mask.

For more free tutorials on photo editing, click for more photo editing tutorials

Monday, 23 January 2017

Photoshop CS6 Tutorial: How To Use The Gradient Tool In Adobe Photoshop CS6

The Gradient tool, it's a powerful tool in Adobe Photoshop that creates a gradual blend between multiple colors. You can choose from preset gradient fills or create your own.

Follow These 6 Steps In Order To Use Gradient Tool

1. To fill part of the image, select the desired area. Otherwise, the gradient fill is applied to the entire active layer.
2. Select the Gradient tool
3. In the options bar, choose a fill from the wide gradient sample:

  • Click the triangle next to the sample to pick a preset gradient fill.
  • Click inside the sample to view the Gradient Editor. Select a preset gradient fill,  or create a new gradient fill. 

4. Select an option to determine how the starting point (where the mouse is pressed) and ending point (where the mouse is released) affect
gradient appearance.
5. Do the following in the options bar:
Specify a blending mode and opacity for the paint. (See Blending modes.)
To reverse the order of colors in the gradient fill,  select Reverse.
To create a smoother blend with less banding, select Dither.
To use a transparency mask for the gradient fill,  select Transparency.
6. Position the pointer in the image where you want to set the starting point of the gradient, and drag to define the ending point. To the line angle to a multiple of 45°, hold down Shift as you drag.

Watch Lagos Graphic Tutor demonstrate how to use the gradient tool in this Photoshop tutorial

  Types Of Gradient 
  • Linear Gradient :- Shades from the starting point to the ending point in a straight line.
  • Radial Gradient :- Shades from the starting point to the ending point in a circular pattern.
  • Angle Gradient :- Shades in a counterclockwise sweep around the starting point.
  • Reflected Gradient :- Mirrors the same linear gradient on either side of the starting point.
  • Diamond Gradient:- Shades from the middle to the outer corners of a diamond pattern.