GoFuckYourself.com - Adult Webmaster Forum

GoFuckYourself.com - Adult Webmaster Forum (https://gfy.com/index.php)
-   Fucking Around & Business Discussion (https://gfy.com/forumdisplay.php?f=26)
-   -   Photo Shop help please. (https://gfy.com/showthread.php?t=1013087)

WarChild 03-06-2011 02:49 PM

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?

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 (Post 17961551)
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:

http://www.gofuckyourself.com/pictur...pictureid=1493

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 (Post 17961564)
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:

http://www.gofuckyourself.com/pictur...pictureid=1493

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 (Post 17961564)
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:

http://www.gofuckyourself.com/pictur...pictureid=1493

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

harvey FTW:thumbsup

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 (Post 17961634)
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 (Post 17961634)
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 (Post 17961656)
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?

http://oi56.tinypic.com/28hq5xt.jpg

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 (Post 17961892)
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 (Post 17961895)
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 (Post 17961551)
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


All times are GMT -7. The time now is 02:31 PM.

Powered by vBulletin® Version 3.8.8
Copyright ©2000 - 2025, vBulletin Solutions, Inc.
©2000-, AI Media Network Inc