Highlighted

Making bands of color

New Here ,
Aug 08, 2020

Copy link to clipboard

Copied

1875.jpg

I apologize for having taken a photo of this. It was the quickest way that I found to show it here. I am new to Illustrator and am teaching myself as I go. I was wanting to move this as it has words above it. Since they are attached, I can't select it and move it, so I am starting again. What I would like to know is if there is an easier way to make the orange band in the middle of the text? I made it in green and then made it in orange and made the band out of the orange one and then put it on top of the green. The problem is that I can't get the orange on the text (not the numbers) to match up, so I am wanting to know if I can make bands of color on the original so they match up? I hope this makes sense. Thanks so much!

Adobe Community Professional
Correct answer by Jeff Witchel, ACI | Adobe Community Professional

I would suggest making a green rectangle larger than the numbers with a shorter orange rectangle over the top of it.

Copy your text object and paste it on top of the two rectangles (Edit > Paste in Front).

Select the type and the two rectangles with your Selection tool and go to Object > Clipping Mask > Make.

This will use the Type object to Mask the two rectangles.

Hope this helps!

See screenshops below.

Screen Shot 2020-08-08 at 4.54.29 PM.pngScreen Shot 2020-08-08 at 4.54.55 PM.png

TOPICS
Draw and design, Tools, Type

Views

131

Likes

Translate

Translate

Report

Report
Community Guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more

Making bands of color

New Here ,
Aug 08, 2020

Copy link to clipboard

Copied

1875.jpg

I apologize for having taken a photo of this. It was the quickest way that I found to show it here. I am new to Illustrator and am teaching myself as I go. I was wanting to move this as it has words above it. Since they are attached, I can't select it and move it, so I am starting again. What I would like to know is if there is an easier way to make the orange band in the middle of the text? I made it in green and then made it in orange and made the band out of the orange one and then put it on top of the green. The problem is that I can't get the orange on the text (not the numbers) to match up, so I am wanting to know if I can make bands of color on the original so they match up? I hope this makes sense. Thanks so much!

Adobe Community Professional
Correct answer by Jeff Witchel, ACI | Adobe Community Professional

I would suggest making a green rectangle larger than the numbers with a shorter orange rectangle over the top of it.

Copy your text object and paste it on top of the two rectangles (Edit > Paste in Front).

Select the type and the two rectangles with your Selection tool and go to Object > Clipping Mask > Make.

This will use the Type object to Mask the two rectangles.

Hope this helps!

See screenshops below.

Screen Shot 2020-08-08 at 4.54.29 PM.pngScreen Shot 2020-08-08 at 4.54.55 PM.png

TOPICS
Draw and design, Tools, Type

Views

132

Likes

Translate

Translate

Report

Report
Community Guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
Aug 08, 2020 0
Adobe Community Professional ,
Aug 08, 2020

Copy link to clipboard

Copied

Create green/orange/green rectangles and group them.

Select them with the text on top and choose Object > Clipping Mask > Make

Screenshot 2020-08-08 at 22.50.18.png

Likes

Translate

Translate

Report

Report
Community Guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
Reply
Loading...
Aug 08, 2020 2
Adobe Community Professional ,
Aug 08, 2020

Copy link to clipboard

Copied

I would suggest making a green rectangle larger than the numbers with a shorter orange rectangle over the top of it.

Copy your text object and paste it on top of the two rectangles (Edit > Paste in Front).

Select the type and the two rectangles with your Selection tool and go to Object > Clipping Mask > Make.

This will use the Type object to Mask the two rectangles.

Hope this helps!

See screenshops below.

Screen Shot 2020-08-08 at 4.54.29 PM.pngScreen Shot 2020-08-08 at 4.54.55 PM.png

Likes

Translate

Translate

Report

Report
Community Guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
Reply
Loading...
Aug 08, 2020 2
Adobe Community Professional ,
Aug 08, 2020

Copy link to clipboard

Copied

I totally agree with Jeff! 🙂

Likes

Translate

Translate

Report

Report
Community Guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
Reply
Loading...
Aug 08, 2020 1
Adobe Community Professional ,
Aug 08, 2020

Copy link to clipboard

Copied

And I agree totally with Ton!

Likes

Translate

Translate

Report

Report
Community Guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
Reply
Loading...
Aug 08, 2020 1
Adobe Community Professional ,
Aug 08, 2020

Copy link to clipboard

Copied

We are one big happy community!

 

Likes

Translate

Translate

Report

Report
Community Guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
Reply
Loading...
Aug 08, 2020 2
Most Valuable Participant ,
Aug 09, 2020

Copy link to clipboard

Copied

speedartist,

 

And then there is the silly way if you wish to keep it as a single live/editable Type object only (with the benefit of exact band proportions, yours look like 27/46/27, maybe intended to be 25/50/25):

 

1) Select the Type (with the Selection Tool) and change the Fill to None (Toolbox), then in the Appearance palette Add New Fill and (with that selected) set it to a gradient (Toolbox), then in the Gradient palette set the Linear Gradinet angle to 90 degrees, then:

2) Set the colour at both end stops to the green colour and set two new stops at the desired colour switches; for each just click somewhere off and insert the value (for easy proportions/percentages like quarters (25% and 75%) just insert 25 and 75, for more tricky proportions like thirds (33 1/3% and 66 2/3%) insert the corresponding divisions (100/3 and 200/3));

3) To make the hard transitions to orange, for each just click somewhere off in the middle and insert the value equalling that in 2), then change the colour to the orange.

 

This will be determined by the height from bottommost to topmost, so if you work with Type that has ascenders and descenders and/or upper/lowercase and wish to have the proportions relative to the x-height or something, you will have to adapt the proportions.

 

 

Thank you for your taking a photo; and for your using the Insert Photos button (attaching only gives a link which will have to be followed to see anything).

 

Likes

Translate

Translate

Report

Report
Community Guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
Reply
Loading...
Aug 09, 2020 1
Adobe Community Professional ,
Aug 09, 2020

Copy link to clipboard

Copied

I agree with Jacob too!

Actually that was the way I wanted to describe in the first place, but when I reread that it was a question from a beginner, I thought the other solution was easier to describe.

But it is good to have an alternative solution documented by Jacob.

Likes

Translate

Translate

Report

Report
Community Guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
Reply
Loading...
Aug 09, 2020 0
Resources