We are sorry to inform you that we have changed the domain from image-labs to Photoshop-tutorial3 to work well with our website content ................thank you
Home » » Photoshop Tutorial : How To design a Radar System Icon

Photoshop Tutorial : How To design a Radar System Icon

Design a Radar System Icon :

If you wanna learn how to design a radar system in fully easy steps 
well you came to the right neighborhood 
  as for designing : I recommend browsing these tutorials :


Here is the final Result : watch it and learn how to .
design a Radar System Icon, Photoshop tutorial
first here are the steps :
   Step 1 : Designing the Outer Ring .
   Step 2 : Designing the Inner Core .
   Step 3 : Adding the Stripe Lines .
   Step 4 : Adding circles , vertical and Horizontal lines .
   Step 5 : Adding scanned Objects .

Just this so hear me out .
--------------------------------------------------------------------------------------------------------------------------

Step 1 :   Designing the Outer Ring

First you are going to create new image and fill it with black .
then :
      - create a circle with Elipse tool with these values : check on " from centre &
        Circle " , fill it with white .
      - duplicate it then decrease its size to let a space between the two circles                               represnting the thickness of the outer Ring .
      - CTRL+Click on the small circle thumbnail to select it then select the bigger cricle             and delete the selected area , that give us the ring we wanted .
      - Now from Blending Options add a gradient like below starting from dark green to             lighter green  
      - Add Inner Glow Option with light green :: mood to Normal , Opacity to 75 and Size           to 4.
      - Add Outer Glow Option With black color :: mood to Normal and Size to 50 .

The result will be as illustrated Below .


design a Radar System Icon, Photoshop tutorial

----------------------------------------------------------------------------------------------------------------------------

Step 2 :  Designing the Inner Core

To design the inner core we need first to add new layer then :

       - with magic wand tool select inside the ring then fill the new layer with white .# the            shown shadow appears as we made it in the first step .
       - from blending options add Gradient overlay with dark green to light green and                  with 90 degree .# with  the mouse click on the core with holding drag it to place              the gradient as you like .
       - make sure the right side includes more dark green than the left side so as to                      make it appear in 3D mood .

As below :

design a Radar System Icon, Photoshop tutorial

----------------------------------------------------------------------------------------------------------------------------

Step 3 : Adding the Stripe Lines

Now I recommend that you focus for this step cause it is important 

       - make new Image by pressing CTRL+N with 2 px width and 3 px height or with 4                  px width  and 6 px height .
       - with line tool make a black line on top of the image like below .
       - from Edit choose Define Pattern and name it as you want .
       - Now back to the original image and with selecting inside the ring as before                          choose the paint bucket tool and change its mood to Pattern , then choose the                pattern we recently created .
       - Inside the ring ,on the core click to create thses stripe lines as below then change              its mood to Overlay .

As below :

design a Radar System Icon, Photoshop tutorial

---------------------------------------------------------------------------------------------------------------------------

Step 4 : Adding circles , vertical and Horizontal lines

Now we are almost done with the Radar System Icon 
so we are going to create the vertical , Horizontal lines and the outer and inner circles 

       -  CTRL+R to show the ruler then add vertical and horizontal guides right on the                     centre of the core . # you can CTRL+T on the core then add the guides to the                   middle points as a guide points   
       -  using Pen tool add points from the start to the end of each line , no need to make               it curvy just straight lines .
       -  then choose the brush and change the size to 1-5 px with zero hardness .
       -  choose back the Pen tool and Right click on the core and choose stroke ,choose               from it the brush and check on stimulate pressure .
      -   as a result shown below , from blending options choose outer glow with :                             Spreed 3px , size 9 px .

Now for the circles :
      -  from eliptical marque tool make two cricles like below from the centre , and if you             couldnt just select the core by CTRL+CLICK on its thumbnail and also choose                the previous tool and right click on the core , choose Transform selection and                resize the circle selection as you want .
      -  after you are done with the resizing , right click again and choose Stroke , set the             values : width 1 px and the color to white or light green .
      -  it will create the same effect as the vertical and hrizontal lines , and if you are not               satisfied with the result ! you can always add outer glow blending option .

the result is as illustrated below :

design a Radar System Icon, Photoshop tutorial

---------------------------------------------------------------------------------------------------------------------------

Step 5 : Adding scanned Objects

you can browse the internet for objects like planes or ships or any armory 
well.. download them then :

   -  first make a selection as below to make the waving radar scanner 
   -  with the gradient tool with white color make a gradient from the left top side and                  change the layer mood to Overlay .
   -  Now add the objects you downloaded as below ,resize it to fit the screen then                     change its mode to overlay , also you may add outer glow to add the glowing                   effect woth the light green color .  
   -  add dots with brush tool also to the same layers .

and as illustrated below , we are done .

design a Radar System Icon, Photoshop tutorial

---------------------------------------------------------------------------------------------------------------------------

Here are the layers I have worked with 

design a Radar System Icon, Photoshop tutorial

and here is the final result we seeked 
I hope you like it .
design a Radar System Icon, Photoshop tutorial
And If you like it plz apreciate this by 

         subscribing by email : Here
         or share it with below methods so everyone can benefit
         also you may Join our website : Here

I hope I added something new to your DataBase 
Thank You

Photoshop Tutorials
----------------------------------------------------------------------------------------------------------------------------------

6 Comments:

  1. Great radar scope tutorial! I was looking for something like this, my attempts generated only ugly results and didn't look as a radar scope at all!

    Thank you, pal!

    ReplyDelete
    Replies
    1. did you make it with this tutorial or you are still trying?
      I can help you

      Delete
  2. This is great article, why don't you buy a domain for your website??

    ReplyDelete
  3. Excellent tutorial! All step are very clear and fresh. thanks for share this valuable tutorial.
    Clipping path service

    ReplyDelete
  4. Do you want an awesome, astonishing and stunning book cover for only 5$? It's available exclusively on Fiverr!
    Go check it out!!
    www.fiverr(dot)com/shayonkhaled/professional-unique-ebook-cover
    Replace the dot with a fullstop (.)
    Thank you for your valuable time! :)

    ReplyDelete

Dont be afraid to add a comment. I will respond , I promise