Jason Hoppe Adobe Certified Expert & Adobe Certified Trainer
  • Home
  • Contact
  • Classes
  • Blog
  • Blog Index
  • Portfolio
  • Max 2022

Design Points n PixelS


Curled banner

6/2/2019

3 Comments

 
Creating a curled banner is easy, but it creates several open paths. The Join Tool works great for joining shapes but trying to create complex closed shapes is not as easy. Here is a quick trick with the Shape Builder Tool can create closed shapes from complex open paths. 
Picture

Picture
Start with a circle, no fill, heavy stroke.
Picture
Duplicate the circle so the edges touch. 
Picture
Move the one circle down while keeping it in line. 

Picture
Select the bottom of the top circle with the Direct Selection Tool and delete it. Do the same with the top half of the bottom circle. 
Picture
With the Direct Selection Tool select the inner open ends of the circles.
Picture
Join the ends together by choosing Object>Path>Join.

Picture
Duplicate the lines. 
Picture
Join the ends together by choosing Object>Path>Join. Do this twice to join both open ends. 
Picture
Use the Direct Selection tool to remove the 1/4 circle from the top and the 1/4 circle and line from the bottom. 

Picture
This is what it will look like. 
Picture
Draw lines to close the shape in the 3 indicated areas. 
Picture
Use the Direct Selection tool and select each intersection and join them together. Do each one of the three steps. 

Picture
Select the shape and make it narrower to create a banner
Picture
Rotate the banner. Add circles filled with the same green color as the stroke, add a white stroke around the circles, place them along the line. 

Picture
If you move the parts of the banner, you will see that they are not closed paths. Even the top section looks like it is closed (on the left side) but it is not! The open ends are hiding behind the lines (shown by the red circles).
Picture
If you try to fill the areas with color, the paths are not closed. Filling open shapes creates weird tangents.

Picture
What you want to create, are 3 closed shapes. Each one being independent of the other shapes.
Picture
To make closed shapes out of each object, select the banner, then choose the Shape Builder Tool (SHIFT + M) from the Tool Bar. Click on each shape you want to create (the mesh will appear on each shape you click on),

Picture
Each section you click on with the Shape Builder Tool will make it into a closed shape. Now each object is a closed shape. (I took it apart to show each shape).
Picture
Add color to any of the closed shapes. Done!
3 Comments
Noam
6/4/2019 01:27:54 am

Thanks! The last 4 vectors (actually only the last 2 are steps) is not clear to me and not working properly. Can you please explain them more?

Reply
Jason Hoppe
6/4/2019 06:46:18 am

The last 4 steps have been clarified and updated to make it easier to understand. Hope that helps. ~ jason

Reply
Noam
6/4/2019 08:24:06 am

Excellent.

I followed and this is the result:
https://ibb.co/wzs0ZGD

Why is there half green circles?

Reply



Leave a Reply.

    RSS Feed

    Archives

    March 2021
    February 2021
    December 2020
    September 2020
    August 2020
    July 2020
    June 2020
    May 2020
    April 2020
    March 2020
    February 2020
    January 2020
    December 2019
    November 2019
    October 2019
    September 2019
    August 2019
    July 2019
    June 2019
    May 2019
    April 2019
    March 2019
    February 2019
    January 2019
    December 2018
    November 2018
    October 2018
    September 2018
    August 2018
    July 2018
    June 2018
    May 2018
    April 2018
    March 2018
    February 2018
    January 2018
    December 2017
    November 2017
    October 2017
    September 2017
    August 2017
    July 2017
    June 2017
    May 2017
    April 2017
    March 2017
    February 2017
    January 2017
    December 2016
    November 2016
    October 2016
    September 2016
    August 2016
    July 2016
    June 2016
    May 2016
    April 2016
    March 2016
    February 2016
    January 2016
    December 2015
    November 2015
    October 2015
    September 2015

    RSS Feed

Proudly powered by Weebly
  • Home
  • Contact
  • Classes
  • Blog
  • Blog Index
  • Portfolio
  • Max 2022