Photo Shop help please. - GoFuckYourself.com

WarChild · 03-06-2011, 02:49 PM

I'm a photoshop idiot and I need a hand please.

I have two images the exact same size, say 150px wide by 50px high and I want to combine the two in to a brand new image where they are exactly side by side. The new image would be 300px wide by 50px high with image one aligned perfectly in the left 150px and image two aligned perfectly in the right 150px.

There must be a simple way right?

Lilit · 03-06-2011, 02:58 PM

Go to Image menu, then Canvas size, enter the new canvas size and adjust Anchor in such a way that the new space will be added either to the right or to the left.

Then go to the other image, Ctrl+A, select the Move Tool to the left and drag the selected area on the first image where you've increased canvas size. Adjust the images against each other and you're all set

Hopefully I didn't miss anything...

Serge Litehead · 03-06-2011, 03:02 PM

make a new document with new dimensions, copy/paste two images there, each image will be a separate layer, select one layer and align it with move tool, select another layer and do the same; for precision alignment zoom in if you have to. or expand canvas size of one as said above and copy another image in to it and make alignment with the move tool.

dyna mo · 03-06-2011, 03:03 PM

or create a new file with those dimensions and drag those layers into the new canvas and line em up

WarChild · 03-06-2011, 03:14 PM

The problem I'm having is the images all have transparent backgrounds so I can't see the edges of the two images to align them. I need a way to make them do it automatically. No luck with layer align, I probably dont know how to use it properly.

CurrentlySober · 03-06-2011, 03:14 PM

Or.... Absolutely simplest way...

Post the 2 pics you want joined on here, and I will join them for you, and I will also use a screen capture app to show you how I did it

dyna mo · 03-06-2011, 03:20 PM

Quote:

Originally Posted by WarChild

The problem I'm having is the images all have transparent backgrounds so I can't see the edges of the two images to align them. I need a way to make them do it automatically. No luck with layer align, I probably dont know how to use it properly.

enable the snap tool, then drag the layers to the new palette and they should align

view--->snap to

should do it

harvey · 03-06-2011, 03:22 PM

This is the proper way, rather than aligning by hand:

open your original image. Paste the new image on top of it. Select Move Tool . Now you'll see the following:

simply align the new layer to the corner you want, or center it, or whatever you want to do

dyna mo · 03-06-2011, 03:26 PM

Quote:

Originally Posted by harvey

This is the proper way, rather than aligning by hand:

open your original image. Paste the new image on top of it. Select Move Tool . Now you'll see the following:

simply align the new layer to the corner you want, or center it, or whatever you want to do

make sure *show transform controls* is enabled

Hotrocket · 03-06-2011, 03:26 PM

Quote:

Originally Posted by harvey

This is the proper way, rather than aligning by hand:

open your original image. Paste the new image on top of it. Select Move Tool . Now you'll see the following:

simply align the new layer to the corner you want, or center it, or whatever you want to do

harvey FTW

WarChild · 03-06-2011, 04:02 PM

I'm just retarded with this stuff. I can program in assembly but can't work Photoshop. Lol.

TripleXPrint · 03-06-2011, 04:06 PM

Quote:

Originally Posted by WarChild

I'm just retarded with this stuff. I can program in assembly but can't work Photoshop. Lol.

Two different sides of the brain, it's difficult for a lot of people to switch back and forth. I'm pretty decent at both but a master of neither.

Personally I use the canvas size trick that someone else pointed out. It's the easiest way I've found. Take one image, canvas size it by 200% width and then paste the other image in. Done.

Good luck.

dyna mo · 03-06-2011, 04:08 PM

Quote:

Originally Posted by WarChild

I'm just retarded with this stuff. I can program in assembly but can't work Photoshop. Lol.

if the transparent background is its own layer, you can fill it with color to get an idea of where the edges are and perhaps that can help you align.

WarChild · 03-06-2011, 04:17 PM

Hey Mo do I have you on ICQ?

dyna mo · 03-06-2011, 04:20 PM

no, i don't have icq. :-(

WarChild · 03-06-2011, 04:21 PM

Okay so I'm absolutely positive I'm retarded now. I have to do a few of these because I don't want this client using Java rollovers on their store, I want to do it properly in CSS. So instead of two images, I need just one image twice as wide so I can refer to it by offset and voila. Here's a sample of two of the images:

http://www.serpentstudios.com/test/twitter.psd
http://www.serpentstudios.com/test/twitter-gray.psd

TripleXPrint · 03-06-2011, 04:44 PM

Quote:

Originally Posted by WarChild

Okay so I'm absolutely positive I'm retarded now. I have to do a few of these because I don't want this client using Java rollovers on their store, I want to do it properly in CSS. So instead of two images, I need just one image twice as wide so I can refer to it by offset and voila. Here's a sample of two of the images:

http://www.serpentstudios.com/test/twitter.psd
http://www.serpentstudios.com/test/twitter-gray.psd

So you want to use sprites?

I created this quick tutorial for you. I hope it helps.

www.screw-you.com/warchild.mp4 - it's MP4 so it should play using your media player. If not, let me know and I'll save it to another format and re-upload.

dyna mo · 03-06-2011, 04:45 PM

so you want those images 2x wider?

dyna mo · 03-06-2011, 04:54 PM

like this?

WarChild · 03-06-2011, 04:57 PM

Got it guys, many thanks.

WarChild · 03-06-2011, 08:07 PM

What a pain in the ass. When I select and copy the old images, it's not taking the entire image size, the layer is smaller somehow. wtf

TripleXPrint · 03-06-2011, 08:08 PM

Quote:

Originally Posted by WarChild

What a pain in the ass. When I select and copy the old images, it's not taking the entire image size, the layer is smaller somehow. wtf

Watch my short tutorial. It will answer all your questions.

WarChild · 03-06-2011, 08:25 PM

Quote:

Originally Posted by TripleXPrint

Watch my short tutorial. It will answer all your questions.

Okay finally put it all together. Thanks a ton.

ASaenz · 03-07-2011, 04:58 AM

Quote:

Originally Posted by WarChild

The problem I'm having is the images all have transparent backgrounds so I can't see the edges of the two images to align them. I need a way to make them do it automatically. No luck with layer align, I probably dont know how to use it properly.

CTRL + T in each layer and the adjustment to the images- edges is easy

dyna mo · 03-07-2011, 05:05 AM

you got it!

DWB · 03-07-2011, 09:16 AM

Warchild, anytime you have photoshop issues, hit me up on ICQ or email. Both in sig. Happy to help.

dallasnovelty · 03-07-2011, 09:46 AM

Turn on Smart guides too that always helps when getting things lined up properly and the other tips above too

Good Luck

03-06-2011, 02:49 PM	#1
WarChild Let slip the dogs of war. Industry Role: Join Date: Jan 2003 Location: Bermuda Posts: 17,263	Photo Shop help please. I'm a photoshop idiot and I need a hand please. I have two images the exact same size, say 150px wide by 50px high and I want to combine the two in to a brand new image where they are exactly side by side. The new image would be 300px wide by 50px high with image one aligned perfectly in the left 150px and image two aligned perfectly in the right 150px. There must be a simple way right? __________________ . Last edited by WarChild; 03-06-2011 at 02:55 PM..

03-06-2011, 02:58 PM	#2
Lilit Confirmed User Industry Role: Join Date: Mar 2007 Posts: 1,645	Go to Image menu, then Canvas size, enter the new canvas size and adjust Anchor in such a way that the new space will be added either to the right or to the left. Then go to the other image, Ctrl+A, select the Move Tool to the left and drag the selected area on the first image where you've increased canvas size. Adjust the images against each other and you're all set Hopefully I didn't miss anything... __________________ Nadya-EuroRevenue ICQ: 400525519 nadya[at]eurorevenue[dot]com Skype: nadyay7 See who I am at AdultWhosWho

03-06-2011, 03:02 PM	#3
Serge Litehead Confirmed User Industry Role: Join Date: Dec 2002 Location: Behind the scenes Posts: 5,190	make a new document with new dimensions, copy/paste two images there, each image will be a separate layer, select one layer and align it with move tool, select another layer and do the same; for precision alignment zoom in if you have to. or expand canvas size of one as said above and copy another image in to it and make alignment with the move tool. __________________ SilverCrocodile.com Adult web design since '05 Last edited by Serge Litehead; 03-06-2011 at 03:03 PM..

03-06-2011, 03:14 PM	#5
WarChild Let slip the dogs of war. Industry Role: Join Date: Jan 2003 Location: Bermuda Posts: 17,263	The problem I'm having is the images all have transparent backgrounds so I can't see the edges of the two images to align them. I need a way to make them do it automatically. No luck with layer align, I probably dont know how to use it properly. __________________ . Last edited by WarChild; 03-06-2011 at 03:18 PM..

03-06-2011, 03:14 PM	#6
CurrentlySober Too lazy to wipe my ass Industry Role: Join Date: Aug 2002 Location: A Public Bathroom Posts: 38,196	Or.... Absolutely simplest way... Post the 2 pics you want joined on here, and I will join them for you, and I will also use a screen capture app to show you how I did it __________________ My AI Handywork... My Dream Gal... XXX 👁️ 👍️ 💩

03-06-2011, 03:03 PM	#4
dyna mo The People's Post Industry Role: Join Date: Dec 2008 Location: invisible 7-11 Posts: 61,646	or create a new file with those dimensions and drag those layers into the new canvas and line em up

03-06-2011, 03:22 PM	#8
harvey Confirmed User Industry Role: Join Date: Jul 2001 Location: 127.0.0.1 Posts: 9,266	This is the proper way, rather than aligning by hand: open your original image. Paste the new image on top of it. Select Move Tool . Now you'll see the following: simply align the new layer to the corner you want, or center it, or whatever you want to do __________________ This post is endorsed by CIA, KGB, MI6, the Mafia, Illuminati, Kim Jong Il, Worldwide Ninjas Association, Klingon Empire and lolcats. Don't mess around with it, just accept it and embrace the truth

03-06-2011, 04:02 PM	#11
WarChild Let slip the dogs of war. Industry Role: Join Date: Jan 2003 Location: Bermuda Posts: 17,263	I'm just retarded with this stuff. I can program in assembly but can't work Photoshop. Lol. __________________ .

03-06-2011, 04:17 PM	#14
WarChild Let slip the dogs of war. Industry Role: Join Date: Jan 2003 Location: Bermuda Posts: 17,263	Hey Mo do I have you on ICQ? __________________ .

03-06-2011, 04:20 PM	#15
dyna mo The People's Post Industry Role: Join Date: Dec 2008 Location: invisible 7-11 Posts: 61,646	no, i don't have icq. :-(

03-06-2011, 04:21 PM	#16
WarChild Let slip the dogs of war. Industry Role: Join Date: Jan 2003 Location: Bermuda Posts: 17,263	Okay so I'm absolutely positive I'm retarded now. I have to do a few of these because I don't want this client using Java rollovers on their store, I want to do it properly in CSS. So instead of two images, I need just one image twice as wide so I can refer to it by offset and voila. Here's a sample of two of the images: http://www.serpentstudios.com/test/twitter.psd http://www.serpentstudios.com/test/twitter-gray.psd __________________ .

03-06-2011, 04:45 PM	#18
dyna mo The People's Post Industry Role: Join Date: Dec 2008 Location: invisible 7-11 Posts: 61,646	so you want those images 2x wider?

03-06-2011, 04:54 PM	#19
dyna mo The People's Post Industry Role: Join Date: Dec 2008 Location: invisible 7-11 Posts: 61,646	like this?

03-06-2011, 04:57 PM	#20
WarChild Let slip the dogs of war. Industry Role: Join Date: Jan 2003 Location: Bermuda Posts: 17,263	Got it guys, many thanks. __________________ .

03-06-2011, 08:07 PM	#21
WarChild Let slip the dogs of war. Industry Role: Join Date: Jan 2003 Location: Bermuda Posts: 17,263	What a pain in the ass. When I select and copy the old images, it's not taking the entire image size, the layer is smaller somehow. wtf __________________ .

03-07-2011, 05:05 AM	#25
dyna mo The People's Post Industry Role: Join Date: Dec 2008 Location: invisible 7-11 Posts: 61,646	you got it!

03-07-2011, 09:16 AM	#26
DWB Giggity Industry Role: Join Date: Jul 2003 Location: S.E. Asia Posts: 31,779	Warchild, anytime you have photoshop issues, hit me up on ICQ or email. Both in sig. Happy to help.

03-07-2011, 09:46 AM	#27
dallasnovelty Confirmed User Industry Role: Join Date: Aug 2009 Location: Dallas, TX Posts: 1,056	Turn on Smart guides too that always helps when getting things lined up properly and the other tips above too Good Luck __________________ \| Dallas Novelty Blog \| Facebook