how can I extend a bar horizontaly in photoshop cs3

karmati
karmati used Ask the Experts™
on
how can I extend a bar horizontaly in photoshop cs3

I have a bar with 40 px wide and 180 px height. I need to extend the line at the most left (with 1px width and 180px height) another 20px to make it a 60*180 px image where the first 20 pixel by the left is a horizontal extension. I suppose I need to do anchoring initially, but I dont know how to.  

Thanks
Comment
Watch Question

Do more with

Expert Office
EXPERT OFFICE® is a registered trademark of EXPERTS EXCHANGE®
Justin ImesFull Time SharePoint Jedi

Commented:
you can do several things in photoshop, if you upload the bar I could get a better feel... but try the stamp tool, maybe the smudge tool or take the marquee tool and copy a piece of the bar and paste into a new layer and repeat this method til the bar is lengthened.
jimes82 is correct.

It is hard to give instructions without knowing what your bars look like. A solid color bar you would want to change one way. A bar with a texture or a design, you would want to treat differently.

Use the "attach file" check box below the comment area and post copies of your bars so that we can give you the best advice.

Author

Commented:
Hello,

Attached is a png image that I want to extend horizontally. It is a solid bar I suppose. What is the best way to do it?

Many thanks for both replies.
footer.png
Why Diversity in Tech Matters

Kesha Williams, certified professional and software developer, explores the imbalance of diversity in the world of technology -- especially when it comes to hiring women. She showcases ways she's making a difference through the Colors of STEM program.

Justin ImesFull Time SharePoint Jedi

Commented:
Here is what i did quickly, i cropped the image and extended it to my desired length then i used the marquee tool to make a horizontal copy of the layer, then i pasted a new layer and moved it over to cover the background, i match it up with the existing bar, repeat this until the entire width is accomplished.
horBar.jpg
Since it is a solid color, I would use the eyedropper tool (press the letter i ) and while holding down the Alt key (or option key on a Mac) sample the color to my background color. (Clicking on a color with the eyedropper by itself puts the color in the foreground in your color pallet, holding down the Alt key while sampling puts it in the background)

Now, open image>canvas size and type in the size that you want your bar to be.

When photoshop enlarges an image with a background layer, it fills in the new area with the whatever color you have set in your background pallet. Since you copied the original color to your background pallet, the new area where you enlarged should match the original.

If you have several more bars to make, and all of them are the same color, you can open a NEW file, give it the dimensions that you want the bar to be, and set the Background Content to Background Color all in the opening dialogue box. Then you just save this new file with whatever file format and name that you need.
How about selecting the layer with the bar and fee transforming it (control T),  stretch it to the width you want and pressing enter.     (for a solid color bar)
Most Valuable Expert 2018
Distinguished Expert 2018
Commented:
If the bar is in a file on it's own i.e your file is 40px wide by 180px deep, because of the design of your bar, you can simply resize the image horizontally. Not really sure why you only want to extend the pixel to the left. The image you uploaded is 14px by 568px - not 40px x 180px!!

Hold Ctrl + Alt + i (or select the Image menu and then Image size). Make sure you take the tick out of the box that says 'Constrain Proportions', type 60 in the width (make sure the units are pixels, and click OK

@D Brugge
It's not actually a solid bar - it's a gradient getter slightly darker further down.

Homemadebyx's solution will also work on your bar if it is part of a bigger file. (but only if you need to scale it horizontally.
.> Homemade,
that would work if you had a canvas size larger than the image. Remember, you have to have somewhere to stretch it too  and if the bar is not on its own layer, you will have to select it to separate it from the background. I was just trying to combine the enlarging the canvas with setting of the background.

In truth, however, that's how I would do it. I would select all, enlarge the canvas, then, like you say, stretch to fit. It's more intuative for me. But I wanted jimmes to know about the background option on the open dialogue since most people forget about it.
> Chis

I give myself a big dummy slap! Duh! Of course you are correct, and no, I didn't open the file to see the gradient. I certainly know better. I stand corrected and humbled.
I got distracted by an argument I was having with my wife in which she was telling me that I always act like I know everything. i'll go sit over here in the corner now, and eay my humble pie. You others just carry on.
Most Valuable Expert 2018
Distinguished Expert 2018

Commented:
HeHe - I know the feeling only too well :)
I guess i was thinking like it was a PSD project.    If it's just a bar then you're right just resize the image without constrained proportions, walla!

Author

Commented:
Thanks to all,

YesChrisStanyon, I have sent the wrong image, but anyways it served the purpose.

I leaned even more than I needed.

Thanks

Do more with

Expert Office
Submit tech questions to Ask the Experts™ at any time to receive solutions, advice, and new ideas from leading industry professionals.

Start 7-Day Free Trial