How to choose the right color scheme for the site? (part 1)
If I ask you to think about Coca-Cola, what will come to mind first? Most likely, a red Coca-Cola logo will pop up in your imagination: It is quite difficult…

Continue reading →

Top 10 Trends in Web Design for E-Commerce in 2016
10. Great backgrounds Large photographs and videos in the background became a trend for e-commerce sites in 2015. This helps brands to tell their story, and also allows you to…

Continue reading →

How to create sunburst in Photoshop
The sunburst figure shown in the figure below is often used in the design of icons, screensavers, and user interface elements for games and applications. Arcade Angry Gran Run uses…

Continue reading →

Create a digital graphic effect in Photoshop

Step 1

The process of creating digital graphics begins with a sketch, this is a real picture, drawn from scratch. The artist uses brushes, a sample image, and many techniques to complete the illustration. This requires skills, specific training and much more. Below is the image with my first digital graphics. You can easily spot a lot of mistakes on it. It seems incomplete, but I like the result, But Photoshop can reproduce a digital oil painting in minutes:
Step 2
In this guide, I use a city image. Open the city image in Photoshop: File> Open. Here’s what it looks like in Photoshop:
Creating the effect of digital graphics
Step 3

Before applying the “Application” filter, we need to duplicate the image layer of the city, since later we will need parts of the original image. To do this, press CTRL + J and duplicate the layer:
Now go to Filter> Filter Gallery> Application and set the filter to the following values. Remember that you should apply the filter to the duplicated layer, and not to the original one. The image below shows the Photoshop settings for digital painting:

After applying the filter, reduce the opacity of the duplicated layer to 80%. This will reveal some parts of the original layer, which is under the duplicated one. In the image below, we can see that we got the effect of digital graphics. If you zoom in or out, you’ll notice that all elements, such as cars, people, and homes, look like someone has applied brush strokes to them. I really like this effect, but you can improve it:
Step 4
Click on the third icon at the bottom of the layers palette to create the Curves adjustment layer. I used red and blue to add yellow tones to the image. The figure below shows the settings of both channels for digital oil painting:
Result:

Step 5
We continue to process the image. Use the “Color balance” adjustment layer. You can also change colors to suit your preference. I want to use blue and magenta:
Result:

Step 6
Due to color correction in digital painting, there are fewer saturated bright lights, and I want to fix it. Create a new layer and name it “light“. Using the color indicated on the image and a soft round brush, draw light areas, as I did. Basically, you need to apply bright areas on cars and streetlights:
Set this layer to Blending Foundation.
Result:
Step 7
Now we will draw glare, the reflected lights of buildings, cars and street lamps. Create another layer and name it “highlights“. With a soft white round brush, draw glare in the places indicated by the arrows: I painted them on a woman, a car, people on the street:
Change the layer blending mode to “Overlap”.
Result:
Final adjustments
Step 8

It’s time for the final adjustment of silhouettes in digital painting. Create a “Color Search” adjustment layer (on top of all layers) and select the Crisp_Winter file:

 

Result:

Step 9
And in the end, I increased the contrast using the Curves adjustment layer. Just create S-shaped curves that always brighten the image:
The final result:

Conclusion
I hope you enjoyed recreating the effect of digital painting. Thank you for your time. Let me know if you have any questions.

10 best free GIF programs
First, we list the best software products. 1. Recommendation: Wondershare Filmora The first program on the list is Wondershare Filmora. It is considered one of the best programs for creating…

...

How to choose the right color scheme for the site? (part 5)
Type 2 - Corporate sites and services When creating a corporate resource, one goal is pursued - the promotion of goods or services. Depending on what the purpose of your…

...

31 freeware graphics software (part 3)
22. Visual.ly - a web application for creating interactive infographics. Infographics is a new way of visual presentation of data, which is developing rapidly. Visual.ly is the best program for…

...

How to realistically overlay text on a photo in Adobe Photoshop
Step 1 Open the photo (or image) that you will use: Step 2 Let's choose a color. When adding text to the picture, we will use the color from the…

...