Easy way to Learn Web Design

Circle Infographic Design Tutorial in Photoshop CC

[wpdevart_youtube]VOSt6DomD5c[/wpdevart_youtube]

Welcome to Circle Info-graphic Design Tutorial Photoshop CC by TutorialWebDesign. This Photoshop Info-graphic design tutorial will teach you some tips and tricks you cam use in your design using Photoshop.

What I will learn in this video

  • How to make vector shape in photoshop.
  • How to merge two different shapes in Photoshop.
  • How to combine two vector shapes in photoshop.

Circle Infographic Tutorial – Steps done in Video

1 ) 00:00:10,500 –> 00:00:16,500
Design Circle infographic in Photoshop CC

2) 00:00:16,500 –> 00:00:32,766
Create new file with any dimension you want.

3) 00:00:37,233 –> 00:00:49,433
Select zoom tool and press Fit to screen option

4) 00:00:56,833 –> 00:01:03,599
Select grey color and fill ths in background with the help of Paint bucket tool

5) 00:01:03,700 –> 00:01:10,466
Select brush tool with soft corners

6) 00:01:10,466 –> 00:01:34,166
Select brush tool with soft corners and click once or twice.

7) 00:01:34,166 –> 00:01:50,032
Select ellipse tool, Press and hold Shift key , click , drag and release the mouse .

8) 00:01:59,633 –> 00:02:05,633
Create duplicate of this layer

9) 00:02:05,633 –> 00:02:20,033
Edit-Transform and reduce the size .

10) 00:02:20,033 –> 00:02:34,433
Press shift key, select both layers, right click , Merge Shapes

11) 00:02:34,433 –> 00:02:48,733
Choose “Direction Selection tool” , select both circles, select “Exract overlapping shapes”

12) 00:02:48,733 –> 00:02:59,766
Now Ring shape like vector file is ready.

13) 00:02:59,766 –> 00:03:14,066
click on small thumbnail on layer to open color pallette

14) 00:03:14,066 –> 00:03:28,366
Select your color which you want to apply on vector file

15) 00:03:28,366 –> 00:03:42,666
make duplicate of the layer

16) 00:03:42,666 –> 00:03:56,966
View – Ruler and drag ruler line in center of each vector shape

17) 00:03:56,966 –> 00:04:11,266
Now the tricky part, Apply “add layer mask” on both the layers.

18) 00:04:11,266 –> 00:04:25,566
Chnage color of second circle and place it like this

19) 00:04:29,100 –> 00:04:36,566
Select “Rectangle Tool” and create rectangle

20) 00:04:36,833 –> 00:04:44,299
Give same colorof the circle to rectangle

21) 00:05:27,333 –> 00:05:34,799
Create custom shape of arrow and place it at the end of rectangle

22) 00:05:50,400 –> 00:05:54,033
Make duplicate of both layers and place it at bottom

23) 00:05:54,033 –> 00:05:57,666
Edit – Transform

24) 00:05:59,500 –> 00:06:03,133
Right click, Flip Horizontal

25) 00:06:13,266 –> 00:06:16,899
Place it with other circle and change the color.

26) 00:06:48,166 –> 00:06:59,032
Add some shadow effect, sroke and place the layer at very bottom of all the shapes.

27) 00:06:59,033 –> 00:07:16,666
Add some shadow effect, sroke and place the layer at very bottom of all the shapes.

28) 00:07:19,466 –> 00:07:23,099
Add icon and change color

29) 00:08:11,133 –> 00:08:25,433
Select Pentool and create custom path

30) 00:08:25,966 –> 00:08:40,366
Select horizontal type tool and place cursor over it

31) 00:08:40,366 –> 00:09:18,132
to write text along path

32) 00:09:43,666 –> 00:09:58,066
Create path with pentool again

33) 00:09:58,066 –> 00:10:35,832
and write text along path

34) 00:10:35,833 –> 00:10:50,233
Apply some effects to both text layers.

35) 00:10:50,233 –> 00:11:27,999
Add some shadow.

36) 00:11:43,233 –> 00:11:57,633
Circle Infographic design element is ready.

37) 00:11:57,633 –> 00:12:19,133
Thanks for watching the video.

Download psd file

[sociallocker] Download Photoshop file now [/sociallocker]

Leave A Reply

Your email address will not be published.