Playing with Glows and Blurs – Fairy in the Woods Photoshop Tutorial

What you’ll be creating

You will create magical photo manipulation – Faerie in the woods. I really love playing with the lights in this work. You will learn special lightning techniques and blurring tips. You will need Photoshop CS 5.5 to follow this tutorial.

final-results

Tutorial Resources

Step 1

Create new file. Use portrait size.

step-001

Step 2

Place “Deep Forest” stock into your file.

step-002

Step 3

From top menu choose Filter > Blur > Gaussian blur… Set it to 2,8 px.

step-003

Step 4

As you can see, you can mask filters on your layer, by clicking white canvas next to Smart Filter Title. With big soft brush mask center of the ground. Don’t be afraid to use brush with smaller opacity. You can obtain true depth on your work! :)

step-004

Step 5

Duplicate your “Deep Forest” layer. Click RMB on Smart Filter title and choose Clear Smart Filters.

step-005

Click with RMB on your layer. Then choose Rasterize layer.

step-005a

Step 6

From top menu choose Filter > Blur > Lens blur. I used this settings, but you can play with it, for gain other results :).

step-006

Step 7

Add mask to created layer (marked shortcut). Erase foreground and some trees on first plan.

step-007

Step 8

Decrease opacity of this layer to 35%.

step-008

Step 9

Now you will prepare your background to make night. Add Adjustment layer with Color Balance and set as is shown.

step-009

Step 10

Add new layer (Shift + Ctrl + N). In your color picker set black and white. From top menu choose Filter > Render > Clouds. I also make some black strokes on the bottom of the layer for better blending.

step-010

Step 11

For making foggy effect you should change blending mode to Screen and decrease opacity to 22%.

step-011

Step 12

In the night everything have less contrast, than in the day. Add adjustment layer with Brightness/Contrast and decrease contrast.

step-012

Step 13

Decrease opacity by making new Adjustment Layer with Hue/Saturation.

step-013

Step 14

Add Adjustment Layer with Brightness/Contrast.

step-014

Step 15

Set midtones with Color Balance.

step-015


Photoshop Tutorials

Quick Tips: Master Fundamental Colors in Photoshop

Introduction

With so much control it can seem rather daunting at first, but provided you always work using Adjustment Layers or Duplicate Layers, you can revert back to your original image and start again whenever you like.

The aim of colour adjustment and white balance correction is often to produce a neutral image. While this may be what is required on many occasions, it can also strip the atmosphere from a scene.

Colour is one of the best ways of conveying mood or atmosphere in an image, so rather than worrying about getting colours technically ‘correct’ or neutral, it’s often more important to think about the emotion or sensation that you want to convey.

For example, give a misty image a hint of blue and you’ll shiver inside every time you look at it, but give it a touch of yellow and red and suddenly it seems that the sun is starting to burn off the mist with the promise of a warm, sunny day.

A rich, warm autumnal image is very often far more attractive than a technically correct version. The decision is yours, but the most important consideration is the image itself and what works best.

featured

Curves

Curves offer you control over image colour by manipulating the RGB channels separately.
Although the Curves control is most commonly thought of as a way of adjusting brightness and contrast, it also provides a great method of adjusting image colour, because you can work on the individual colour channels of red, green and blue.

image1

It also allows you to manipulate the colour in the shadows, midtones and highlights separately.
When the Curves Dialog Box is opened – using Ctrl+M or Image>Adjustments>Curves (or by creating a Curves Adjustment Layer) – the channel is set to RGB by default, so use the drop-down list to select the channel you want to work on. Just click on the curve and push it up to increase the channel colour’s input, or down to reduce it.

When you adjust the level of red, green or blue in an image you are also manipulating their opposite colours – which are cyan, magenta and yellow respectively – so reducing the amount of red in an image, for example, increases the level of cyan.

The colours in raw files taken directly from the camera often appear dull and flat and in need a boost.

image2
Original

In addition to tweaking the tones and contrast in your image, curves can also be used to correct colour.

image3
Correct colour

Experiment with the individual red, green and blue for cool creative effects.

image4
Cross-processed

Useful Tip: The Select Color Range Option

A useful tool for making a quick selection, or refining an existing one, is the Select Color Range option. Choose the Sampled Colors option, then use the Eyedropper tool to target an area.

Use the Fuzziness slider to determine the range of colours included in the selection. To add colours to the selection, click on the image – or the preview – with the +Eyedropper and remove them with the -Eyedropper.

image5

Color Balance Adjustment Layers

Using an Adjustment Layer to alter colour balance means you can re-edit the results at any time.
The great thing about Adjustment Layers (Layers>New Adjustment Layer) is that they allow you to make changes to images that you can then adjust or undo whenever you like.

These layers contain the information about the adjustment only, and they are applied to the layers beneath them.

image6

The Color Balance Adjustment Layer controls are exactly the same as the Color Balance controls accessed via Image>Adjustments>Color Balance. There are three sliding controls that enable the balance of opposing colours (red/green, yellow/blue and magenta/green) to be adjusted.

Just the same as using Curves, increasing or decreasing the level of one specific colour has the opposite effect on its opposing colour. Therefore, an image can be warmed by reducing the amount of cyan and blue, which means increasing the level of red and yellow, or made cooler by adding more blue and cyan and reducing the amount of yellow and red.

image7

The majority of Color Balance adjustments are made to the midtones, but it is possible to work separately on both the shadows and highlights as well. You can access them using the Tone Selection option, which is found at the top of the panel.

Alter shades with Hue/Saturation

Photoshop’s Hue/Saturation controls are great for boosting colours, but they can also make sure colours are just the right shade. For example, grass can often look yellow, and boosting the saturation of the greens won’t work as there’s very little green present. However, adjusting the hue of the yellows towards the green area of the spectrum will do the trick.

image9

To select the yellows, either locate Yellows in the drop-down under Master, or select the Eyedropper tool and click on a relevant part of the image.

Uesful Tip: Auto Color

There’s no point in creating work for yourself. If an image needs colour correction, it’s often worthwhile letting Photoshop have a crack at sorting the problem out automatically.

To do this, simply select Image>Auto Color. If that doesn’t get it spot on, you can always make further adjustments using the Hue/Saturation and Color Balance controls. For maximum flexibility, apply the Auto Color corrections to a Duplicate Layer so it can be quickly removed.

Tutorial by Cojeack Forn

profileThank you for reading my tutorial! I’m very passionate about editing softwares like Adobe Photoshop and Adobe After Effects so I know a thing or two about them.

- Cojeack Forn


Photoshop Tutorials

Create a Photo Manipulation of an Emotional Dancer in a Forest

What you’ll be creating

We’ll start this tutorial by creating an autumn forest scene from two stock photos. Then we’ll adjust color, shade and light as well as make a dreamy effect. Later we’ll add the model and do some retouch to match her with the scene. After that we’ll use two stocks to create lighting effect. Finally we’ll use some adjustment layers to boost the final result. You’ll need Photoshop CS3 or newer to follow this tutorial.

dance51-final

Tutorial Resources

Step 1

Create a new document in Photoshop with the settings below:

dance1

Step 2

Open the forest image. Use the Move Tool (V) to drag it into our white canvas:

dance2

Go to Edit > Transform > Flip Horizontal:

dance2a

Step 3

To create some depth to the background , go to Filter > Blur > Gassian Blur and set the radius to 6 px:

dance3

Step 4

To make some light for the background, go to Layer > New Adjustment Layer > Curves and increase the lightness:

dance4

On this Curves layer mask use a basic, soft brush with black color to erase the left:

dance4a

Step 5

To make the left darker I used another Curves adjustment layer :

dance5

On this Curves layer mask use a soft black brush to erase the right to keep its brightness:

dance5a

Step 6

Open the ground image. Hit Cmd/Ctrl+Option/Alt+Shift+N to make a new layer. Active the Clone Tool (S) and use it to remove some branches on the ground:

dance6

Step 7

Press Cmd/Ctrl+Option/Alt+Shift+E to merge the background layer and the clone one. Move the merged layer into our main document:

dance7

Click the second button at the bottom of the Layers Panel to add a mask to this ground layer. Use a soft black brush to remove the trees and blend the ground with the background:

dance7a

Step 8

Apply Gassian Blur with 4 px to this ground:

dance8

On this Filter Mask use a soft black brush to remove the blur effect on the foreground:

dance8a

Step 9

To change the color of the ground, I used an adjustment layer with Clipping Mask. Go to Layer > New Adjutment Layer > Hue/Saturation:

dance9

dance9a


Photoshop Tutorials

Free Download: Three iPhone 5s and Nexus 5 PSD Mockups

iPhone 5s and Nexus 5 Demonstration

Watch this video to see how easy it is to use these mockups. It takes only seconds to insert your own images into the mockups.


Product Features

The free Lite version gives you three mockups. You can get all ten mockups if you upgrade to the Pro edition. The pro editions are also higher resolution (4500×3000 pixels).

Title-2

After placing your image, you can adjust the screen brightness and reflections simply by changing the layer opacity.

Title-3

In the Lite version, there is one mockup of the Nexus 5 smartphone with a repositionable finger. If you get the pro version, you’ll get four mockups of the iPhone 5s and Nexus 5 in portrait and landscape mode.

Title-4

The mockups with the repositionable finger also has a replaceable background. There are three background images built into the PSD and you can simply switch  backgrounds by making the layers visible. You can also use your own color or make it transparent.

Title-5

Download iPhone 5s and Nexus 5 Dual-OS Mockups

  • Easy-to-Use PSDs with Smart Objects
  • Adjustable Screen Brightness
  • Fadable Reflections
  • Resolution
  • Mockups

  • Pro


  • $ 10

     

  • yes
  • yes
  • yes
  • 4500×3000 Pixels
  • 10

  • Pro


  • Free

    Requires paid SparkleStock membership

  • yes
  • yes
  • yes
  • 4500×3000 Pixels
  • 10


Photoshop Tutorials

How to Create a Beautiful Moonlight Angel Photo Composite

What you’ll be creating

You will need Photoshop CS5 or newer to follow this tutorial. You will start by creating night background, then you will learn how to make lights on model and how to create this amazing wings. At the end you will learn, how to make an awesome aura effect.

final-results

Tutorial Resources

Step 1

Start from creating 1122x1600px canvas.

step-001

Step 2

Place “Sunny day” Into your file. Switch transform to warp mode. Then warp it as is shown. It will make foreground bigger.

step-002

Step 3

Now you will adjust whole layer to rest of the idea. Add Adjustment layer with Brightness/Contrast. Set it as is shown.

step-003

Step 4

I think this layer is too saturated. Fix it with adjustment layer – Hue/ Saturation.

step-004

It will be night, soon. Add color/Balance for making it. More blue and less red will be okay.

step-004a

Step 5

Place sky stock into your file. Mask bottom of this layer with big brush.

step-005

Step 6

Sky is too bright and with big contrast. Fix it, by adding Brightness/Contrast layer. Make it clipping by clicking RMB on layer with Adjustment and choose Create Clipping Mask.

step-006

Step 7

Add more color to this layer by creating Adjustment layer with color Balance. Also make it clippy (RMB > Create clipping mask).

step-007

Step 8

Set #5e7184 color. Choose from Adjustments – Gradient fill. Set your color to transparent. Pick radial style and make scale larger – to 150%.

step-008

Step 9

Change blending mode of gradient layer to Color Dodge. Decrease opacity to 46%. You will make by this light source.

step-009

Step 10

Add Exposure layer. I think, that background is still to bright.

step-010

Step 11

Add brightness/contrast adjustment. It will make dark mood on your work.

step-011

Step 12

Duplicate Layer (Ctrl + J / Apple + J) with gradient and place it above brightness contrast. Change opacity of this layer to 100%.

step-012

Step 13

Add new layer. Select horizont line. From filter menu pick Render > Clouds. Use light blue and dark gray colors.

step-013

Step 14

Choose Erase tool. Set big, soft brush and erase top and bottom of the rendered layer. Then change blending mode of this layer to Screen.

step-014


Photoshop Tutorials

What’s New in Photoshop CC 2014? New Features Guide

Video Tutorial


Smart Guides

Getting the correct distance between two objects is crucial in web design but it can be a tedious task to measure everything. With the Photoshop CC 2014 release, you longer do you have to guess the measurements between objects. The new Smart Guides are one of the most useful features because they show you the relative distance between objects and make positioning objects much easier. To use Smart Guides, hold the Control or Command key. A purple smart guide will appear and you can see the distance between your selected layer and the canvas. You can even measure the distance between two layers simply by hovering over the other layer. If you don’t see anything, make sure that you have the Move or any Path tool selected then try again.

image

Tip: If you want to change the measurements, simply press Ctrl/Cmd+R to enable the Rulers then right-click on the ruler and select the measurement you’d like to use.

image

Smart Guides also let you create matched spacing so that you can duplicate a layer to another position and repeat this with the same spacing you had before. For example, let’s say we want to duplicate this circle three times. Simply hold the Alt or Option key then drag it towards the right.

image

Repeat the same thing by holding Alt or Option and dragging another circle towards the right. Photoshop will automatically snap this circle so that the spacing matches.

image

image

Smart Object Improvements

A new feature in Photoshop CC that wasn’t found in Photoshop CS6 is Linked Smart Objects. This feature lets you embed a file to your Photoshop document and anytime you edit that Linked Smart Object, your file will save as well. This also works the other way around – you can edit your file then update your Linked Smart Object and it’ll update your Photoshop document with the new file.

image

If you wanted to turn the Linked Smart Object into a regular embedded one that isn’t linked, you can simply right-click on the layer and choose “Embed Link”. But in previous versions of Photoshop CC, you couldn’t do this vice-versa and turn an Embedded Smart Objected into a Linked Smart Object. Now you can do this in Photoshop CC 2014 by right-clicking any Embedded Smart Object and choosing Convert to Linked. When you do this, Photoshop will open a new window asking where you’d like to save the file. Save the file and your Embedded Smart Object is now a Linked Smart Object.

image

When you start using Linked Smart Objects, you’ll often find yourself having to organize where those files are stored in your computer. And if you have a document with many Linked Smart Objects, it can be a lot of work to organize all your files and send it to your coworker. Instead, you can now use the Package tool which will save a copy of your Photoshop document with all the Linked Smart Objects into any folder. Simply go to File > Package, browse for a folder where you want to save the files, and Photoshop will automatically save your document with all the Linked Smart Objects organized into the Linked folder.

image

What happens when you open a Photoshop document with a missing Linked Smart Object? Photoshop will let you know about the error and you can find the file.

imageIf If you can’t find the file, Photoshop still has a raster version of the layer that you can use but you need to rasterize your layer. If you try to edit the layer, Photoshop will ask you if you want to rasterize the Smart Object. Click Yes and you can edit the layer.

image

The last update for Smart Objects are selectable layer comps. Sometimes you need to create multiple variations or compositions of the same artwork. For this, you can use the Layer Comps panel by going to Window > Layer Comps. You can create multiple layer comps and change the layer visibility, position, and appearance. In Photoshop CC 2014, you can easily switch between different layer comps on your Smart Object. To do this, select a Smart Object then go to Window > Properties. You’ll find a dropdown menu for you to pick the layer comps.

image

Better Font Previews and Typekit Integration

Photoshop CC 2014 brings a huge update to the Text tool. Firstly, you can pick your fonts quicker with the live font preview. Simply hover over a font from the options bar and your text will update. You can also do this by pressing the up or down button. Sometimes a font will have several styles – instead of pressing up or down multiple times until you get to the next font, you can hold the shift key while pressing up or down and it’ll skip the styles and go straight to the next font.

Typekit Fonts

Another feature you’ll notice is the green icon beside the font. This indicates that the font is from Typekit – a respiratory of fonts that are free to use with your Creative Cloud membership. Simply click on the Add Fonts from Typekit  button and the Typekit website will load in your browser and automatically log you in. From here, you can select the font you want to use and sync it to your computer. The font will appear in Photoshop automatically without restarting.

Syncing Fonts from Typekit

Back in the Photoshop font selection menu, you can filter the fonts list so that it only shows fonts from TypeKit.

 image

You can also search for a font by typing. For example, you can type “bold cond” to find all the bold condensed fonts.

image

Finally, if you open a Photoshop document with missing fonts, Photoshop will automatically inform you if they’re available on Typekit and you can

image

image

Path and Spin Blur

With the new Path and Spin blur modes for the Blur Gallery filter, you can create realistic motion blur along a path or a circular motion blur. To access these, go to Filter > Blur Gallery > Path or Spin blur. First, we’ll show you the Path blur. This blur mode lets you create a motion blur along a path. Simply draw a path in the direction that you’d like the motion blur to move towards. You can also draw multiple paths in different areas.

image

image

The Spin blur creates a circular motion blur and it’s great for making the wheels look like they’re moving.

image

With the two new blur modes, you can create great looking motion blur car ads.

image

Focus Selections

Here’s a photo of with a blurry background and let’s say we want to make a selection of just the areas that are in focus. We can do this easily with the new Focus Area selection tool. To use this, go to Select > Focus Area.

image

Adjust the “In-Focus Range” setting or checkmark the Auto box to have Photoshop guess it for you. The selection isn’t always perfect but you can use the add and subtract tools to fix it. When you’re done, you can further enhance the selection by clicking on the Refine Edge button. This will bring up the Refine Edge tool to improve your selection.

image

And just like that, we created a quick selection of the in-focus areas that we can use with any adjustment or fill layers.

image

Color Blending Algorithm for Content-Aware Tools

All the content-aware tools now create better results with a new color blending algorithm. For example, we’re going to remove the boat from the image. First, we’ll make a selection of the area we want to remove then go to Edit > Fill and switch the mode to Content-Aware. There is a new option that lets you enable Color Adaptation. Checkmark this then click OK.

image

As you can see in this image, there is a significant quality improvement when color adaptation is enabled.

image

The color adaptation algorithm is also available in the Content-Aware Move/Extend tool and the Patch tool on Content-Aware mode. To enable color adaptation, click on the Adaptation configuration button then set the color strength setting to any number from 0 to 10 – the higher the number, the stronger the color adaptation. You can also adjust the structure setting with a value from 1 to 5 which will determine how strong the patches should adhere to the patterns in your image. If you are getting hard edges, then you might want to lower your structure value.

image

image

Create Your Own Color Lookup Tables

The color lookup adjustment layer was introduced in Photoshop CS6 and it lets you apply color profiles to your image so that you can match the colors between multiple videos and images. Unfortunately, it wasn’t used much because you could only use the presets or import one created using another software. Few color lookup tables were available and most people didn’t know how to create their own. Now you can create your own color lookup tables inside Photoshop and it is very easy. Simply create your color effect using any adjustment layer then go to File > Export > Color Lookup Tables. Give your lookup table a name then select the format you’d like to save the file as – for most instances, a 3DL file is fine. You can also adjust the quality. Adding more grid points will increase the accuracy of your color effect at the expense of a large file size. Click OK then save your file.

image

After you’ve saved your color lookup table, you can use it for any photo or video with Photoshop, Premiere Pro, or After Effects. In Photoshop, you can use your color lookup table by adding a Color Lookup adjustment layer from your Adjustments panel (Window > Adjustments). Select the “Load 3D LUT” from the dropdown menu then browse for your 3D LUT file. Now you can apply the same effect to your photos and videos with a single color lookup adjustment layer.

image

Photoshop Generator Improvements

If you’re a Web Designer, then you’ll love Photoshop Generator. This tool lets you export your layers and layer groups into images in real-time simply by naming your layer or group. For example, you can rename the layer or layer group with your logo to “logo.png” and Adobe Generator will automatically save that layer as logo.png. There’s also a lot more you can do and in the Photoshop CC 2014 update, you can even specify subfolders to place the images in. Let’s say you want to save your logo.png layer into your “images” folder. To do that, first go to File > Generate > Image Assets to enable Photoshop Generator. Rename the layer or layer group to “images/logo.png”. Photoshop will automatically save the image for you in the images directory.

image

Open the folder where your PSD is saved and you’ll find an assets folder with the image assets Photoshop Generator created for you. This is done in real-time so any changes you make will be live.

image

But let’s say you want to save all your layers into the images folder by default. Now you can create a document-wide default setting to use simply by creating an empty layer and naming it “default” followed by the parameters you want to set. If you want all your image assets to be saved into the images folder, simply rename the empty layer to “default images/”.

image

Here are some more examples you can try renaming your layers with.

  • default images/@2x – Saves your image assets in the images folder at 2x the image size.
  • default images/ + images/hi-res/@2x – Saves your image asses in the images folder as well as saving a 2x version in the hi-res folder.

If you want to turn off Photoshop Generator, go back to the File > Generate menu and disable the Image Assets item.

Camera RAW 8.5

Also new with Photoshop CC 2014 is the updated Adobe Camera Raw tool. The latest Camera Raw 8.5 update brings a very useful brush tool for the Graduated and Radial filters. The graduated filter is often used to darken and tint the sky but if your image is like ours, the filter can darken the tower and make it look unrealistic. Using the brush tool, we can erase the graduated area from the tower. The Auto Mask option can be enabled to make it easier to mask.

image

At the bottom of the panel, you’ll find options to toggle the mask settings. These options make it easier for you to see where you painted.

image

The second update in Camera Raw 8.5 is the per-panel preview option. Clicking on this panel will reset the settings in your selected panel to the default and back. For example, if you want to reset the Split Toning effect but not any other settings, simply switch to the Split Toning tab then click on the per-panel preview button. This will reset the settings back to the default just for the panel that you’re on. If you press the button again, it’ll switch back to your previous setting.

image

Easier 3D Printing

Photoshop CC 2014 makes it easier to print 3D objects with the improved Print Preview dialog. You can easily select your 3D printer and material then print. Once you’ve selected your printer, a print preview window will open. With the improved Print Preview dialog, you now get a realistic preview of the model with realistic lighting and improved ray tracing. There’s also a new remeshing algorithm that greatly reduces the triangle count in your 3D object files.

image

There’s no need to worry about stability of your print. Photoshop will automatically fix water tightness issues and build a scaffolding model to hold your 3D model so that it doesn’t collapse in the middle of the print.

image

If you don’t have a 3D printer, you can use Shapeways.com and they’ll send you your model in the mail. All you need to do is select Shapeways and the materials in the Properties panel then go to 3D > 3D Print. Photoshop will even estimate the cost for you. After everything looks okay, click the Export button to export your file then upload it shapeways.com.

image

Improved 3D Editing

Photoshop can open OBJ files with multiple meshes and groups but they used to be merged into a single group. In Photoshop CC 2014, your meshes and groups will be preserved.

image

There’s also new enhancements to the Texture Properties dialog. You can now rename your texture and instead of modifying each texture one at a time, all you need to do is checkmark the “Apply to matching textures” option and Photoshop will do it for you automatically.

image

New Preferences

Photoshop has introduced several important updates to the Photoshop preferences. You can access the Preferences by going to Edit > Preferences > General. The first new feature is the Narrow Options bar. You can find this option in the Interface tab. This option is useful if you’re using Photoshop on a small screen because some of the buttons on the option bar might get cut off if your Photoshop window isn’t wide enough. The new Narrow Options Bar feature makes your option bar more compact by turning long checkboxes into square buttons.

image

Syncing has also been improved in Photoshop CC 2014. Photoshop CC lets you sync your Photoshop settings to multiple computers using your Creative Cloud account by going to the Sync Settings area. In the 2014 release, you can now choose to upload or download your settings. You can also synchronize your workspaces, keyboard shortcuts, and menu customization. A new log window will show you your synchronization history and status.

image

Finally, try out new features before they’re production-ready by enabling the experimental features. Currently, you can enable Multitone 3D printing and enable some features that are already on Macs but not on Windows yet.

image


Photoshop Tutorials

How to Quickly and Easily Identify Fonts

From start to finish, it’s a fairly simple process. In this tutorial, we’ll be using an image I created specifically to illustrate the steps below. Personally, I love this quote and it was a great opportunity to use it in a project.

life-toughest-storm

Step 1

Go to http://www.myfonts.com/WhatTheFont/. Select the image that has the font you’d like to find a match for and upload it.

step-one

Step 2

Once the image is uploaded, the next step is to help the identifier determine certain characters. Simply enter the highlighted character into the box below.

step-two

Step 3

It’s important to leave the box blank if the area selected isn’t actually a character, as this will negatively affect the end result.

step-three

Step 4

Once all the characters are matched up in the boxes, simply hit “Continue” and the identifier will begin to scan the image to find a similar match. This may take a few minutes, so give it some time and don’t refresh the page.

step-four

Step 5

When the image is done scanning, it will put up a list of close matches to the original image. The key to finding a very close match is to look at the very distinguishable characters, in this case, the letter “R”. As we can see, it has a very distinct tail and the closest match to this is the “Apud Roman” font.

step-five

In conclusion, this tutorial showed us a quick way to eliminate guesswork when trying to identify fonts used by other designers. Please feel free to ask any questions you may have – I’ll be monitoring the comments!


Photoshop Tutorials

Create a Wonderfully Colorful “Everlasting Dream” Fantasy Manipulation

What you’ll be creating

We’ll start this tutorial by creating a beautiful lake scene from a sky image. Then we’ll add nebula texture to increase fantasy effect for the scene. Later we’ll add clouds, paper boat, model, castle and blend them using adjustment layers, masking and brush. Then we’ll continue to build up the color and light of the image with light and nebula textures. Finally we’ll use an adjustment layer to enhance the final effect. I recommend you to use Photoshop CS3 or newer to follow this tutorial properly.

dream49-final

Tutorial Resources

Step 1

Create a new document in Photoshop with the given settings:

dream1

Step 2

Open the sky stock. Use the Retangular Marquee Tool (M) to make a selection of the sky part:

dream2

Use the Move Too (V) to drag this selection onto the top of our white canvas:

dream2a

Name it “sky”.

Step 3

Press Cmd/Ctrl+J to duplicate this layer. Go to Edit > Transform > Flip Vertical, move it down then place this layer under the sky one.

dream3

Go to Filter > Blur >Motion Blur and pick the settings below:

dream3a

dream3b

Name this layer “lake”.

Step 4

To add some red and blue to the scene, I used an adjustment layer. Go to Layer > New Adjustment Layer > Color Balance:

dream4

dream4a

Step 5

I used a Curves adjustment layer to add some nice cyan tone to the picture:

dream5

dream5a

Step 6

To change the contrast of the pic, I used a Levels adjustment layer:

dream6

On this Levels layer mask use a soft black brush with opacity from 20-25% to erase the center and right side of the pic. You can see how I did it on the layer mask and result on the picture:

dream6a

Step 7

To create more light for the sky I used a soft brush with color #f9e398 to paint over the right of the horizon. Change the mode to Overlay 100%:

dream7

Click the second button at the bottom of the Layers Panel to add mask to this layer. Use a soft black brush to reduce the light effect as the image below shows:

dream7a

Step 8

Place the nebula 1 image over the picture, then change the mode to Hard Light 100%:

dream8

Add layer mask to this one. Use a soft brush to reduce the nebula effect in the sky and on the lake:

dream8a

Step 9

Duplicate this layer, flip it vertically and move it down to create reflection for this nebula effect:

dream9

Apply Motion Blur to this layer:

dream9a

dream9b


Photoshop Tutorials

10 Awesome Photoshop Tips and Tricks

Install Free Instagram Filters

Ever want to make your photos look retro without using a mobile app? Click here to install a set of Photoshop actions that give you cool, Instagram-like filters for your photos!

image

Brighten Photos

If you have a photo that is a bit dark, open it up and press Shift+Control+N to make a new layer. Title it Light or whatever you wish, change the Mode to Overlay and check the box for “Fill with Overlay-neutral color 50% gray.” Then turn on the Dodge Tool and set the exposure to around 25% and then select highlights, midtones or shadows in order to influence the range of light on your picture. You can also use the Burn Tool to intensify shadows.

image

Batch Editing

If you have a bunch of photos to edit at once, make sure they are all in the same folder on your computer then open an image and record an action (Window > Actions). After creating an action, go to File > Automate > Batch then select the action that you just recorded. Click OK and Photoshop will open and play your action on all the images.

image

Get Rid of Shiny Skin

If you’re editing portraits, use the eyedropper to select a non-shiny area of the skin and then paint over the shiny areas with a normal brush set on 15% opacity. It will turn the shiny parts to matte.

image

Enhance the Color Palette

If you have a photo that’s a little dull in color, you can cross it with a masterpiece, like the Mona Lisa or a Hopper painting, in order to get a cool result! Just select Image>Adjustments>Match Color and then select the famous painting or photo you’ve chosen. Hit OK and see how it turns out!

image

Draw Straight Lines with the Paintbrush

Unless you have the steady stroke of a surgeon, it can be hard to draw straight lines across a photo. To do so, just hold down shift while using the brush and it will automatically straighten your line for you.

image

Easy Watermarks

If you watermark your photos with the same logo often, you can save time by turning it into a brush preset. Go to Edit>Define Brush Preset and upload your logo.

image

Improve Vibrancy

If you have a photo that’s a little dull, duplicate the layer by pressing Command + J and set the new layer’s blending mode to Hard Light. You’ll see an automatic difference in color and vibrancy!

image

Get Rid of Circle Trail Effect in Paintbrush

If you make long stroke with the paintbrush, you’ll notice that it creates a circle trail of pixelated color. In order to create a smooth stroke, select a brush and click F5 to open it. Select Brush Tip Shape and change the spacing from 25% to less than 7%. You can save the brush and select it from now on!

image

Bird’s Eye View

If you’re zoomed in close on one area, you can hold down H and drag in the image to make your view instantly jump out to full screen and then jump to another area. You’ll need an OpenCL video card to use Bird’s Eye View.


Photoshop Tutorials

How to Create This Stunningly Surreal Artwork of a Secret Temple Above the Sky

What you’ll be creating

This image was created to tell you about there is a climber who finds a secret temple that is located above the sky, and there is a flying ship. To create this image, we’ll start by creating a sky background. Next, we’ll add some stones to create a cliff and add the climber, temples, crows, and trees to the image. Finally, we’ll finish it up with a warm color tone effect. You’ll need Photoshop CS5 or newer to follow this tutorial.

final-results

Behind The Scenes

Tutorial Resources

Step 1

For the first step is skecth your ideas, in this step we will create a sketch of the idea that we have. the purpose of this sketch is to give us a reference for the next steps, so that we can know what kind of photos we will take photos or search.

step-001

Step 2

After we know what is going to be made, the next step is taking photos, which must be considered is the perspective and light. These are some photos I took when I hike in the mountains Lawu, Indonesia. you can see my devianArt link for more stock.

step-002

Step 3

Now, we work with photoshop to combine the photos into a scene that we want. First step, Create a new document, Go to File > New or the short key Cmd /Ctrl+ N. A blank document with size of 3000 pixels wide and 2000 pixels high.

step-003

Step 4

Then, we add the photos. Go to File > Place and select the photos.

step-004

Step 5

add the photos “sky2″ to document.

step-005

Step 6

After add the photos, then stretch, like shown in the image below. When you put the picture it automatically in the transformation. But if not, transform the landscape, press the short key Cmd /Ctrl+ T or go to Edit > Transform > Scale. Pull the black cubes in the corners to formed frame.

step-006

Step 7

Then, add the “sky3″ to document, Go to File > Place and select the photos. then put the image as like shown in the image below.

step-007

Step 8

Add a layer mask to this image by clicking on the icon mask in the Layers panel.

step-008

Step 9

Now, with selected layer mask, active the Gradient Tool (Shortcut G), make sure color of foreground default black & wahite (press D) than click and drag from down to top. it will make like shown in the image below.

step-009

Step 10

Select all the layers we created so far by clicking in the first one, holding Shift, and then clicking on the last one. Then, drag all of them to that little folder in the layers panel, which will create a new group with all of them. You could also select them and use the shortcut Ctrl/Cmd+G. Name this new group “Sky”. then delete the background layer with drag layer to trash icon in panel layers

step-010

Step 11

Add the photos “stone3″ to document. then Use Pen Tool (P) to make selections.

step-011

Step 12

After we selection the image, then right click choose make selection and click Ok. it will make only stone areas that selected part as like shown image below.

step-012


Photoshop Tutorials