InfoGraphic Tutorial in Photoshop #05 - Circle Pie Chart

Поделиться
HTML-код
  • Опубликовано: 19 авг 2024
  • In this section of Photoshop Infographic tutorials, you will learn how to design Infographic circle percentage pie chart in Photoshop CC and Photoshop CS6. In this Photoshop InfoGraphic design tutorial, you will learn how to use Pen tool to give different colors to each circle segments. Learn how you can add and delete anchor points with pen tool in Photoshop.
    Category: Photoshop Tutorials
    Version : Photoshop CC, Photoshop CS6
    Level : Beginner, Intermediate
    Subcategory : InfoGraphic/Graphic Design Tutorial
    Subject : Circle Infographic, Percentage Pie Chart Design in Photoshop
    Connect with us :
    Web site: tutorialwebdesi...
    Twitter : / tutorialweb
    Facebook: / tutorialwebdesign
    In this Photoshop banner design tutorial, you will learn
    1. How to show and hide the grids with short commands?
    2. How to do masking in Photoshop?
    3. How to separate shadow from the layer?
    4. How t delete shadow from one side of the layer?
    5. How to give different colors to one layer in Photoshop?
    5. How to add, edit and delete anchor point in vector shape?
    6. How to design vector banner in Photoshop.
    7. How to design Percentage Pie Chart in Photoshop.
    ~-~~-~~~-~~-~
    Please watch: "How to Design Cool Website Header in Photoshop | Web Design Tutorials"
    • How to Design Cool Web...
    ~-~~-~~~-~~-~

Комментарии • 62

  • @vijaye4694
    @vijaye4694 5 лет назад +11

    Good one. But you need to slowdown so that newbies can learn .

  • @samisham1978
    @samisham1978 8 лет назад +15

    You may want to add them up correctly...? It currently equals 150%??
    Should be:
    12.5% | 12.5% | 25% | 5% | 45%

    • @Tutorialwebdesign
      @Tutorialwebdesign  8 лет назад +2

      I know, I checked it later. sorry for that, my concentration was on design .

  • @zM-mw6is
    @zM-mw6is 5 лет назад +5

    how did you colored a rectangle block after click 'new layered'

  • @domjoaocrisostomomaria1984
    @domjoaocrisostomomaria1984 5 лет назад

    Thank you very much! Your video helped me a lot!

  • @zaobly5558
    @zaobly5558 7 лет назад +3

    Your tutorial helped me a lot in writing my company's activity report. graphics part. very cool.

  • @mauriciowrubleski5033
    @mauriciowrubleski5033 4 года назад +3

    It's way too fast for a tutorial. You are doing a tutorial video but it seems like it's for those who already know how to do the thing you are doing.

  • @mink1493
    @mink1493 5 лет назад

    It's so helpful. Thank you. I use this method for my work.

  • @ray_liu
    @ray_liu 5 лет назад

    Great tutorial, thank you =D
    2:28 pen tool to select a part of pie, then fill in color

  • @kencho564
    @kencho564 6 лет назад +1

    you could apply inner shadow to not delete the outer shadow..

  • @farwakazmi7388
    @farwakazmi7388 8 месяцев назад

    thank u v.much

  • @ghostgamermyanmar3121
    @ghostgamermyanmar3121 4 года назад

    very good

  • @farhanabdaziz5537
    @farhanabdaziz5537 6 лет назад

    Thanks dude for this useful and helpful video. Really help me in my work

  • @ramesk01
    @ramesk01 6 лет назад

    Very helpful... Great video.

  • @abscondet
    @abscondet 7 лет назад

    Wow! so helpful....waiting for more

  • @chaatkarenyp2130
    @chaatkarenyp2130 6 лет назад

    Wow thank!

  • @JUSTINOGRAPHY
    @JUSTINOGRAPHY Год назад

    The right half of the pie chart is 100%... 50 + 25 + 25... ;)

  • @djjessejames
    @djjessejames 7 лет назад +3

    How do you make the second circle on the same layer? Where is that box in the properties box you click on when you say "exclude overlapping shapes"?

    • @Tutorialwebdesign
      @Tutorialwebdesign  7 лет назад +1

      to make the second circle on same layer.
      Select "Select Front shape" from top options. and than start creating second cirle in same layer.

    • @coolpras26
      @coolpras26 2 года назад

      @@Tutorialwebdesign Where is that option? Do you mean subtract front shape?

  • @youshouldwatchthis5141
    @youshouldwatchthis5141 7 лет назад +5

    man !!! explain what you press on keyboard genius !!

  • @nfadera
    @nfadera 8 лет назад +7

    how did you "mask it"?

    • @chemicalpoisons
      @chemicalpoisons 7 лет назад +9

      He means to create a clipping mask. You can do this by right clicking on the layer and select "Create Clipping Mask" or press Alt + Ctrl + G.

    • @adamhe67
      @adamhe67 9 месяцев назад

      @@chemicalpoisons huge thanks. I was stuck on this step from just watching.

  • @mky2567
    @mky2567 4 года назад

    How do you make the background blue? You missed the first step...

  • @nyrou7996
    @nyrou7996 7 лет назад +2

    the blue one is 25% and the green and red 12,5%

  • @raptorsolutions6925
    @raptorsolutions6925 2 года назад

    "select and mask" ... umm ... how? where? Do you mean, create clipping mask?

  • @DUSKvsDAWN
    @DUSKvsDAWN 4 года назад +2

    Sorry but you're going too fast for me :(

  • @olgaycelik2631
    @olgaycelik2631 4 года назад +1

    not good tutorial. sorry to say that. we don't know the image size you are not showing us how to create step by step adding subtitle

    • @Tutorialwebdesign
      @Tutorialwebdesign  4 года назад

      Give me some few days. I am coming again with step by step tutorials. Thanks for your feedback.

  • @motivationaljosh4287
    @motivationaljosh4287 6 лет назад

    how you filled it with color because when i am filling it was filling whole part of selection

    • @chemicalpoisons
      @chemicalpoisons 5 лет назад

      You create the layer of colour, place it above the circles and then you right click (or press Alt + Ctrl + G) and select "Create Clipping Mask".

    • @melizabriones9847
      @melizabriones9847 3 года назад

      This is not a gud tutorial...go to the path selection tool click combine shape. See result it reverse

  • @OlverTang
    @OlverTang 8 лет назад

    cant choose alignment after creating the second circle

    • @OlverTang
      @OlverTang 8 лет назад

      great vid - but you need to slow it right down

    • @Tutorialwebdesign
      @Tutorialwebdesign  8 лет назад

      Select both layers and by pressing ctrl button on your keyboard. and than select "Align Horizontal center" and "Align Vertical center" from top.

  • @stefaniachoudeloudi4153
    @stefaniachoudeloudi4153 8 лет назад

    what do you meen by mask it ? in 1.53

    • @Tutorialwebdesign
      @Tutorialwebdesign  8 лет назад

      Masks is to hide portions of a layer and reveal portions of the layers below

    • @chemicalpoisons
      @chemicalpoisons 7 лет назад +1

      He means to create a clipping mask. You can do this by right clicking on the layer and select "Create Clipping Mask" or press Alt + Ctrl + G.

  • @iaboch
    @iaboch 4 года назад

    3:09 OMG

  • @adammaulana7211
    @adammaulana7211 7 лет назад

    your work cool , but what your work explain to ours is not helpfull from the beginning. thanks

  • @charlespustejovsky7187
    @charlespustejovsky7187 7 лет назад +1

    It'd be helpful if you actually added a Google Doc or expanded the information to include what you're doing. You gloss over everything. I can't even figure out what how to do what you spent one minute on after ten minutes of googling.

    • @Tutorialwebdesign
      @Tutorialwebdesign  7 лет назад +1

      +Charles Pustejovsky , Thanks for your suggestions. From next time, I will do that.

    • @charlespustejovsky7187
      @charlespustejovsky7187 7 лет назад +1

      Why couldn't you do it for this video? You have amazing skills and experience with photoshop, but your speed is simply too fast for novices to keep up with. You could just re-watch the video and take quick notes of what shortcuts you are using and then link that to a Google doc that you can share in the description. You wouldn't have to re-do the video and that format might increase the popularity of your channel :)

    • @Tutorialwebdesign
      @Tutorialwebdesign  7 лет назад

      Thanks for your suggestion. I will add this in my next videos

  • @djjessejames
    @djjessejames 7 лет назад +13

    Not helpful at all. way too fast, not enough instruction.

  • @yunuskurtulus
    @yunuskurtulus 6 лет назад

    150 percent ??

    • @Tutorialwebdesign
      @Tutorialwebdesign  6 лет назад

      I noticed later after making the video. But my motive is to show how to create pie chart in photoshop.

  • @xYzBuLlet
    @xYzBuLlet 6 лет назад

    150%?

  • @akademiadobregoportretu
    @akademiadobregoportretu Год назад

    I tried to follow the tutorial but died after few attempts. Very poor explanation of certain actions. The general idea is intriguing but the way you present it is chaotic.

  • @godzilkin7090
    @godzilkin7090 3 года назад +1

    Ээээ Сникерс, можно по русски? Нихуя не понятно

  • @batballworld5938
    @batballworld5938 7 лет назад +1

    Not helpful as you are just making design not explaining that how to make a design.

    • @Tutorialwebdesign
      @Tutorialwebdesign  7 лет назад

      Latif Ullah, what you did not understand, please tell me, I will explain you.

  • @alialotaibi1214
    @alialotaibi1214 7 лет назад

    Toooo fast. Very bad. No information add. 👎🏼 bad example

  • @theamateurpro5145
    @theamateurpro5145 3 года назад

    Pathetic way of instructing. You didn't bother to mention how most of the important yet subtle things worked. For example, at 1:28 , from where did the menu appear at the top all of a sudden? There was clearly a video cut there.

  • @wolfk1
    @wolfk1 6 лет назад

    Awful accent!!!!!

    • @fameandmurphy
      @fameandmurphy 5 лет назад +1

      Leave the accent, focus on the tutorial.

    • @B13e
      @B13e 5 лет назад

      @@fameandmurphy I'm pretty sure he found another one in 4 whole months lol