Monday , May 29 2017
A huge collection of 3400+ free website templates JAR theme com WP themes and more at the biggest community-driven free web design site

How to create an Orange Abstract Poster in Photoshop by Tokunboh Opeyemi

In this Photoshop tutorial, I will show you a photo manipulation step-by-step
technique of orange fish abstract effect. This is an intermediate level tutorial, with few complexity in techniques used. We are going to make use of some stock image for this tutorial: Orange Fish, Sunflower, water splashes, Orange (Full, half, Sliced), bubbles.

Note: The tutorial is created in version CS6 – therefore some screen grabs may have slighting different layout as in the earlier version.

Here is a preview of the final photo manipulation I have for this tutorial

Screen Shot 2014-01-22 at 9.44.03 AM

 

 

Step 1 – Background

Create a new canvas sized 1700px * 2500px with other values and specs same as the image below:

Screen Shot 2014-01-22 at 9.44.20 AM

 

Next, use the gradient tool to fill background layer, Use the colour codes stated below from the gradient editor option, choose the radial gradient & fill in similar direction:

 

Screen Shot 2014-01-22 at 9.44.31 AM

 

Step 2 – Orange Texture

Now, we need to add some detail to our orange background using the first stock image “Orange Background”. Open the file, select all, copy and paste into your orange fish photoshop file:

 

Screen Shot 2014-01-22 at 9.44.48 AM

Next, drop the size down by scaling to fit into your canvas, rotate in same angle similar to image below, then use warp tool to transform the image into
some abstract looking mode:

Screen Shot 2014-01-22 at 9.44.57 AM

 

Step 3 – Warp texture

Deform using the warp from the points on each side edge and the inner lines, play around till you achieve similar result or something pretty nice and hit enter:

Screen Shot 2014-01-22 at 9.45.13 AM

Add Gaussian Blur, Radius 30.5 pixels and change Blend Mode to Softlight:

Screen Shot 2014-01-22 at 9.45.22 AM

 

Duplicate the Orange texture layer and repeat Step 3, to get a similar result like the image below:

Screen Shot 2014-01-22 at 9.45.32 AM

Move and position the new warp orange texture to a similar area and erase some part of the first orange texture, you should have a similar result as shown here:

Screen Shot 2014-01-22 at 9.45.40 AM

 

 

Step 4 – Select Fish

Open the Orange Fish and duplicate the layer, then switch to the channels tab in the layers panel section:

Screen Shot 2014-01-22 at 9.45.48 AM

In the channels panel, select the Red Channel and duplicate, define a name of your choice, similar to the image below, then select the duplicated channel and let it be the only active on visibility mode as in image below:

Screen Shot 2014-01-22 at 9.45.54 AM

Add levels by pressing Ctrl L, use same values as shown in the image below, this will add vvmore shadows and highlights to the fish image:

Screen Shot 2014-01-22 at 9.46.01 AM

Next, paint the fish as white using the brush tool or hit B on the keyboard, use brush size 200px and hardness 81%, Opacity and Flow 100% and repeat same process for the dark area of the fish image just change brush color to black:

Screen Shot 2014-01-22 at 9.46.09 AM

Your result should be similar to this image below:

Screen Shot 2014-01-22 at 9.46.16 AM

Now, that you have your fish in black and white mode, switch to the layer tab,
Go to Select menu and Choose Load Selection, then from the channel field,
choose the fish alpha and click on OK, this will automatically select the Orange Fish.

Screen Shot 2014-01-22 at 9.46.26 AM

Next, add a layer mask, quick way, Go to Layer menu choose Layer mask and select reveal selection, your result should be like this:

Screen Shot 2014-01-22 at 9.46.33 AM

Select the layer thumbnail, by ctrl clicking on the layer, this will select the fish:

Screen Shot 2014-01-22 at 9.46.38 AM

 

Step 5 – Refine Fish Edge

Zoom to see the fish detail, then go to Select, click on Modify and
choose contract, this technique is to remove some unwanted edge of the image and smoothen the fish to blend with the background.

Screen Shot 2014-01-22 at 9.46.46 AM

Change the value to 2 pixels and press enter.

Finally, layer mask the fish to hide the unwanted pixels, you should have a result like this

Screen Shot 2014-01-22 at 9.46.56 AM

 

 

Step 6 – Ligthen the Fish

This steps is quite tricky and needs more attention, we need to brigthen some dark part of the image up, Start now:

Create a new layer at the top of the fish layer, then press Ctrl F5 or go to Edit menu and click on Fill, click on Use and select 50% Gray, leave Blend Mode on
Softlight, Opacity 100% and uncheck Preseve Transparency as seen below:

Screen Shot 2014-01-22 at 9.47.10 AM

Clip mask the new fill layer on the fish layer and change blend mode to Softlight, then grab your Dodge tool or press O, increase brush size to 300px, then leave range on Midtones , exposure on 24% and leave Protect Tones checked/marked, now slightly paint over the dark part of the fish till you get a similar result:

Screen Shot 2014-01-22 at 9.47.17 AM

Next, we need more orange Hue on the fish, go to layer, select New Adjustment layer and choose Curves and clip mask as the dodge layer:

 

Screen Shot 2014-01-22 at 9.47.24 AM

Tweak the Histogram curve points and Change the value of Input: 118 and Output: 145 in the RGB channel, now switch to the Red channel using Alt 3 and enter the value Input: 26 and Output: 46 as seen below of the Curve as seen in the image below:

Screen Shot 2014-01-22 at 9.47.30 AM

 

 

Step 7 – Add Oranges

Drag and drop the half orange in your canvas, scale down, rotate in similar direction and place close to the tail of the fish:

Screen Shot 2014-01-22 at 9.47.37 AM

Next make a duplicate of the half orange, scale down and place at the back of the fish, then add some inner light to the orange, Use Inner Shadow and enter the values and color codes below:

Screen Shot 2014-01-22 at 9.47.45 AM

 

Step 8 – Orange Shadow

We need to add a shadow to the base of our orange, Create a new layer below the duplicated orange and use the Brush tool or hit B on the keyboard to add a shadow using black color, make brush size 100px and hardness 20%, then paint once:

 

Screen Shot 2014-01-22 at 9.47.51 AM

Slightly deform the shadow using the warp tool, then add color overlay to some hue to the shadow color right click on the shadow layer and choose Blending Options, then select Color Overlay and change color to #7A2C00:

Screen Shot 2014-01-22 at 9.47.58 AM

 

 

Step 9 – Add Water

Let’s drag and drop our first water splash, locate the Big Splash in the stock folder scale down, rotate and freely fit in similar direction and postition, then rasterize
the layer and add levels using Ctrl L, change value of the Output Shadow tone to 255, this will invert the water color to white:

 

Screen Shot 2014-01-22 at 9.48.03 AM

Next add the D Splash, scale down, rasterize the layer, rotate and erase some unwanted part to blend with the first water splash , and repeat the first process of the big splash water color effect, to get similar result for the D Splash:

Screen Shot 2014-01-22 at 9.48.08 AM

 

 

Step 10 – Fish Shadow

Let’s add a floor shadow for the fish water depth, change your foreground color to #F38A00, next create a new layer at the bottom of the fish layer then grab your Brush tool, leave size on 250px, Opacity 70% and Flow 80% and slighly paint out the fish shadow:

 

Screen Shot 2014-01-22 at 9.48.14 AM

 

 

Step 11 – Splash & Orange

Now, we need to drop another water splash for the full orange, you can
get this from the stock images folder in water folder, drag and drop scale down, rasterize, invert the image using Ctrl I, then change Blend Mode to Screen:

 

Screen Shot 2014-01-22 at 9.48.20 AM

After changing to screen, add curves using Ctrl M to brigthen up the splash, pull the middle point of the curve in similar direction:

Screen Shot 2014-01-22 at 9.48.28 AM

Next, duplicate the water splash, move to the left to extend the ripple of the water and erase some part of the ripple to blend with the main water splash and repeat the same process for the second duplicated ripple flip horizontal and move to right:

Screen Shot 2014-01-22 at 9.48.34 AM

 

Now, we need to drop the full orange inside the splash, open the fruits.PNG, use the M key to make a rectangular marquee selection on the orange, copy using Ctrl C and paste to your existing design document:

Screen Shot 2014-01-22 at 9.48.40 AM

 

Place the full orange inside the splash, as seen in image below, then Add Curves to the full orange in same direction as the histogram of the curve to brigthen up the orange:

Screen Shot 2014-01-22 at 9.48.48 AM

Finally we need to create the splash water orange reflection, quick mode
select the orange, water splash and ripples, then group them using Ctrl G
and duplicate group, then move the duplicated group layer under the main group and flip vertical:

Add Layer mask to the duplicated Group, Go to Layer menu, choose layer Mask and click on Reveal All, then grab your gradient tool, choose linear gradient and fill in the mask area, this will create a reflection detail:

Screen Shot 2014-01-22 at 9.48.54 AM

 

 

Step 12 – Bubble Orange

This step is to add a new full orange, add a bubble and a water splash round it, drag and drop the orange, scale down and place it close to the top part area
of the fish and add an inner light using Inner shadow with values and color code #FFF600 as shown in image below:

Screen Shot 2014-01-22 at 9.49.00 AM

Next, drag and drop bubble 1 in same position of the orange, and change
Blend Mode to Screen, then layer mask the bubble layer,
Then use your Brush tool to paint away some inner part of the bubble to allow the orange to been more visible through the bubble, use settings as shown below:

Screen Shot 2014-01-22 at 9.49.08 AM

Add a new water splash, Use C splash, scale down and rasterize

Screen Shot 2014-01-22 at 9.49.17 AM

To Achieve this result, repeat Step 11 Phase 1 and 2.

Screen Shot 2014-01-22 at 9.49.22 AM

 

 

Step 13 – Fish Reflects

At this checkpoint, we need the fish to reflect on the bubble, duplicate the fish layer and move the orange fish layer on top of the bubble, deform the fish face using the warp tool as shown in image here:

Screen Shot 2014-01-22 at 9.49.27 AM

Now add a layer mask to the fish, and use your brush tool to paint away
some unwanted part of the fish image, till your result looks like the image below, then change Opacity to 30%:

Screen Shot 2014-01-22 at 9.49.34 AM

 

Step 14 – The flower

We open our daisy flower and drop on our current canvas, then we
need it to sit on top of the bubble, so have to cut the stem off the flower, use Polygon lasso tool to select and delete after selection:

Screen Shot 2014-01-22 at 9.49.41 AM

Next, dupilcate the flower and flip vertical, the play around with your warp tool till you achieve a similar result:

 

Finally, Blur the duplicated flower, Use Gaussian Blur 1.3 pixels, this will give you

a blurry reflected flower and reduce Opacity to 30%:

Screen Shot 2014-01-22 at 9.49.52 AM

 

We need to create more bubbles, so go to the bubble 1 layer and duplicate twice, then scale down and position is similar direction as seen in the image below:

Screen Shot 2014-01-22 at 9.49.58 AM

 

Let’s drag and drop our Round Splash on one of the bubbles, scale down
to have a similar result as shown here, then rasterize and add levels to make it white-looking water splash:

Screen Shot 2014-01-23 at 4.38.32 PM

 

Step 15 – Blur it!

Now, we need to create a camera focus of some elements while others loose their focus, using gaussian blur effect:

Start with an orange, select another orange from the Fruits.png file, copy and paste in your design document, scale down and push to the bottom left.

Screen Shot 2014-01-22 at 9.50.13 AM

Then open the sliced orange, drag and drop in your document as well, scale down, rotate in similar direction, then move the layer below the second full orange
and rasterize:

Screen Shot 2014-01-22 at 9.50.19 AM

Next add Gaussian Blur, Go to Filter menu, click on blur and choose Gaussian blur, change value to 8.2, select Ok and repeat step for the sliced orange:

Screen Shot 2014-01-22 at 10.33.45 AM

Now drag and drop the C Splash into your document, scale and rotate in similar direction, then add levels to make the water blend with the orange, and also add Gaussian blur as the the first step:

Screen Shot 2014-01-22 at 10.33.53 AM

Repeat same step to blur the daisy flower:

Screen Shot 2014-01-22 at 10.34.01 AM

Next, add the bubble 2, desaturate the bubble using shft + Ctrl + U, then change Blend Mode to Hard Light, then repreat Step 12 to add inner light to the bubble:

Screen Shot 2014-01-22 at 10.34.08 AM

 

 

Step 16 – Sunlight Rays

Here is the final step, Let’s add ray of sunlight to the under water scene of the orange fish, create a new layer, use the Brush tool, change size to 1300px let foreground be white and paint once on your design document:

Screen Shot 2014-01-22 at 10.34.15 AM

Next change blend mode of the brush layer to dissolve:

Screen Shot 2014-01-22 at 10.48.30 AM

Now we need to smoothen and get a nice looking ray of sunlight, group the new brush layer, using Ctrl G and merge using Ctrl E

Screen Shot 2014-01-22 at 10.48.38 AM

Next add a Radial blur effect to create the rays, go to filter menu, click on blur and choose Radial Blur, change Amount to 86, Blur Methods to Zoom and Quality to Best, then click Ok and duplicate the layer and merge:

Screen Shot 2014-01-22 at 10.48.49 AM

Move the ray to the top left corner as seen in image below and scale up as large as possible:

Screen Shot 2014-01-22 at 10.49.08 AM

Finally add a gaussian blur to the ray of sunlight to loose some focus, change radius to 6.8 pixels and click Ok, you should have a similar result as shown here:

Screen Shot 2014-01-22 at 10.49.21 AM

Here is our final result, Hope you enjoy this tutorial and find it useful. Drop me a mail, if you have any question.

Screen Shot 2014-01-22 at 10.49.44 AM

 

About the Author

Tokunboh Opeyemi is the creative director of Insfire Studio, an award winning interactive designer with more than 5 years experience in the field of creative design. He has a strong passion for teaching and he is a typography master. His work has been featured in top design blog like Abduzeedo, Olabodeskills, Design Layerz, Creative Hub  amongst others. He is bringing his wealth of experience to the users of olabodeskills in the areas of typography, inspiration and other design related.

 

 

 

 

Screen Shot 2014-01-22 at 9.50.07 AM

Step 15 – Blur it!

Now, we need to create a camera focus of some elements while others loose their focus, using gaussian blur effect:

Start with an orange, select another orange from the Fruits.png file, copy and paste in your design document, scale down and push to the bottom left.

About Olabode Skill

Olabodeskills is a creative portal that teaches, shares, showcases and features brilliant ideas, concepts and skills in the arts – from graphic/design, painting, sculpture, printmaking, photography, visual media, decorative arts, architecture, performing arts and interactive media. It is for everyone in the design world – graphic/web designers, web developers, programmers, illustrators, photographers, cartoonists, writers, architects, package designers, animation/multimedia pros, video editors, make-up artists and the design wannabes. We are devoted and dedicated to developing solid ties to our design community, advancing the eminence of design, and building an encouraging uniformity in our different world.

Check Also

Photography Occupation…10 years from now – Inene Martins

*Ten years from now, the photography occupation would be crowded. *Ten  years from now, wedding …

Leave a Reply