How to organize hundreds of images into a transparent grid

How would you do this:
Create a contact sheet sort of thing but with something like only 1 or 2 pixels between adjacent images (on all sides).
And any space not taken by an image would be transparent.
Images will be something like 100x84 px (app) but should fit something like 24rows by 32 columns (app) or there abouts.
Spacing can be adjusted to stay in some 3:4 (NTSC) relationship
No dimensions or column/row stipulations are exact and in fact are pretty loose.
Final (approx) dimension can even be attained by Free_Transform dragging to size.
The main requirement is that the images are uniformly and closely (but not touching) spaced.
====================================================================
I'm tinkering with the ouput module and getting pretty close, but don't see any options for a transparent background. Unless there is something tricky that can be done using the `custom' button on the color picker.

You could use this script to place all your documents, they will be placed next to each other without any spacing.
http://www.ps-scripts.com/bb/viewtopic.php?f=10&t=3335&sid=912031148d6182b183bd205ad31f0c7 2
Increase your canvas size to allow for the spaceing required
See this thread for the re-space script.
http://forums.adobe.com/message/2929207#2929207
Hope it helps.

Similar Messages

How do I turn an image into a transparency?

Hi,
There's a question I've seen asked dozens or hundreds of times, and I thought I found an answer a few years ago. I've since forgotten how to do it:
Turn an image into a transparency.
Now, the obvious solution is to set the layer to "multiply." Yes, this is the effect I want. However, I want the layer to be transparent instead.
Another solution is to draw an image on a transparent layer. This works great, but only applies if I create the image from scratch. I want to convert an existing image.
Another solution is multiple steps:
1) Copy image
2) Click "edit in quick mask mode."
3) Paste image
4) Exit quick mask mode.
5) Invert selection.
6) Ctrl+backspace to fill selection with black, on a blank transparent layer.
Result? The image is now transparent! However, this converts the image to greyscale! Great for linework and text, terrible for photos or art!
In an older version of Photoshop 7, I believe I got the following to work:
A) Follow the previous steps 1-6, creating a layer with transparency
B) Copy the original picture to a layer above the transparency
C) Group the layer with the transparency layer below. (Note, grouping doesn't work the same any more.)
D) The top layer provides the colors, but the bottom layer provides the transparency.
E) It is too light, so you take the top layer, and maximize "saturation" 100%.
F) Merge the two layers. It retains the transparency of the bottom layer, with the hue of the top layer.
This no longer works, because I don't know how grouping layers works anymore.
So, I need white pixels to be transparent. Black pixels to have zero transparency. Red pixels to have zero transparency. Etc.
Meanwhile, grey pixels are solid black, but partly transparent. Pink pixels are solid red, but partly transparent.
All pixels are 100% saturated, and the "lightness" is determined by how transparent they are.
So, an analogy would be printing a photo on a transparency. I need to convert an image to a transparency.
If the image/layer were overlaid on white, it would look exactly like the original photo.
Does anyone know how to accomplish this? Mathematically, it's easy. But I don't know about any filter, process, or method to make the conversion using CS5.
Thanks,
Ben

Hello!
I hope that I understand what you need.
(One could just put the image on a layer, and lower its opacity, but you seem to be looking for an effect in wich the tranparency is not the same for all pixels.)
Try this:
1) Turn your image image as a layer (double-click it if it is a background layer) [In order to add a mask]
2) Select all, Copy (CTRL+a, CTRL+C)
3) add a layer mask (click the rectangle with a circle in the bottom of the layers panel) [to be able to change transparency]
4) target the mask [so that you can past an image in it] ALT+click the mask, paste the image.
5) Invert the colors of the mask (CTRL+I) [in order for the white to be transparent and the black opaque].
You now have a layer whose transparency is based on the lightness of the pixels.
Hope that's what you are after!
Pierre

How Do I Combine Several Images Into One Image Which Contains Links To A Series Of Web Sites?

How do I combine several images into one such that the combined image contains a series of web links? In particular, I’d like to create such an image and put it into my Outlook email signature. At present, as per the image below, I have at least six separate images in my email signature with each image containing a web link. Is Photoshop the best tool for this job? Or would it be easier to do this in some other package? I have three packages at my disposal: Photoshop, Ilustrator and Dreamweaver. Can someone please explain in detail how I would do this? Or perhaps someone could direct me to a link that explains how to do this. Thank you.

Thank you for that correction, Hobotor. I admit I hadn't thought about an image map, in the context of someone who doesn't seem to know HTML very well... My thinking was running along the use of the Photoshop Slice Tool to get most of the way there...
To expand on the above, if you were to slice up your image using the Slice Tool, say like this:
Save for Web & Devices will create the HTML and save all the sub-images.
Then you edit the HTML and add a (hypertext link) elements surrounding the various images. Only thing is you'll have to set the border-style of the images to none.
For example:

<table id="Table_01" width="554" border="0" cellpadding="0" cellspacing="0">
<tr>
<td colspan="10">
   <img id="Sig_01" style="border-style:none" src="images/Sig_01.jpg" width="554" height="56" alt="" /></td>
</tr>
<tr>
<td colspan="10">
   <a href="http://www.GrahamsWebSite.com"><img id="Sig_02" style="border-style:none" src="images/Sig_02.jpg"
        width="554" height="43" alt="" /></a></td>
</tr>
etc.
A full copy of the HTML and images can be found here... View Source to see it as an example:
http://Noel.ProDigitalSoftware.com/temp/Graham/Sig.html
-Noel

How do i bring an image into photoshop?

how do i bring an image into photoshop?

Additionally, if you've copied an image from a website or other location, you can go to File > New and, for CS6, at least, the canvas will already be the dimensions of the image you have in your clipboard. So, once you start that new file, you can simply go to Edit > Paste (or hit cmd V) to drop in the image.
Please let us know if we can assist you any further.

How do I insert an image into a quetsion (post)

What are Mozilla code-structure in new posts.?
How do I insert an image into a new post?
Thank you

cor-el said
If the image is on another server then we prefer to have a link instead of the real image in case it is a large image and we've already seen it or do not want to wait for it to load (server may be slow).
I do not know what any of this means.
I have a single laptop connected to the internet.
So far I have worked out how to upload an image to a thread-reply by copying the uploaded file "path" and pasting it onto the reply
and then after the reply is posted there are two incidence of each image
1. the URL
2. the image at the bottom of the reply
I am a newbie so would appreciate any feedback
(Firefox window controls have disappeared (Clean installed v18 5 days ago). Have logged another thread/reply on this forum)
Thanks

How do you set an image into the background of a JPanel or JFrame?

How do you set an image into the background of a JPanel or JFrame?

Something like this, Ive thrown in an ImageIcon on a
button too for good measure.
import java.awt.*;
import javax.swing.*;
public class JFrameImage extends JFrame {
public JFrameImage() {
Container c    = getContentPane();
JPanel panel = new JPanel(){
             public void paintComponent(Graphics g)     {
ImageIcon img = new
= new ImageIcon("background.jpg");
                  g.drawImage(img.getImage(), 0, 0, null);
                  super.paintComponent(g);
        panel.setOpaque(false);
ImageIcon icon = new ImageIcon("onButton.jpg");
JButton button = new JButton(icon);
panel.add(button);
c.add(panel);
public static void main(String[] args) {
JFrameImage frame = new JFrameImage();
frame.setSize(200,200);
frame.setVisible(true);
Going totally fancy pants
ImageIcon bigImage = new ImageIcon(bgImage.getImage().getScaledInstance(getWidth(), getHeight(),Image.SCALE_REPLICATE));
g.drawImage(bigImage.getImage(), 0, 0, this); Will scale the image to the size of the panel
whereas
for (int y = 0; y < getHeight(); y = y + image.getHeight(null))
for (int x = 0; x< getWidth(); x = x + image.getWidth(null))
g.drawImage(image, x, y, this); Will give a tiled effect
Try tiling with an animated gif and bring your processor to a standstill.

How do you insert an image into a google map using a macbook?

I am trying to put images into a Google map using my MacBook, but cannot seem to find any help. How do I insert an image into my Google map using my MacBook?

Nothing complicated with your menu - very clear "ADD Image" but my menus are not as simple. Everytime I need to add an image I spend 5-10 minutes searching again. Wonder why so hard. I generally find Acrobat menus cryptic and unclear and I am big Adobe fan - use Illustrator, Photoshop, Dreamweaver, Premier, Fireworks etc - but Acrobat menus are like calculus in the dark.

How do you paste an image into a rectangular marqee forcing it to resize into the marqee?

How do you paste an image into a rectangular marqee forcing it to resize into the marqee?

Not sure this would address your issue, but the Crop Tool works that way: set the width and height, plus resolution, and Crop does everything. You could then paste the result into another file if that completes your process.

Could any one tell me how to divide a BMP image into pixel blocks

I am new in Java, Could anyone please show me how to block an BMP image into segmented blocks. Please help.

could you be a bit more specific? What segmented blocks are you talking about? Is the width and the height of these segmented blocks givenby the user or does it have to be equal blocks of the whole image?

How can I insert an Image into PDF document programmatically?

I am trying to work with a pdf programmatically through FoxPro using objects:
createObject(”AcroExch.App”)
createObject(”AcroExch.AvDoc”)
createObject(”AcroExch.PDDoc”)
I am able to open acrobat, add / delete pages, fill in some fields with the “AFormAut.App” object. and finally print the pdf.
I print Hundreds of books for students in our college, each student gets a book specificaly tailered for the student.
Everything goes programmatically.
Now I want to insert images into the pdf, also programmatically.
I cant find a which object to work with?
I wish there was a way to do it just as I did with the things i mentioned above.
Any help would be greatly appreciated.

Thanks,
So where do I goet the plugins or how do I know which plugin would enable me
to work with images?
Now I got to another thing that I need, I need to flatten pdf
programmatically, and don't know how.

How do I add multiple images into one file?

I'm sure this is something that's been covered in another post (or even in the help portal) but I think my wording in my search terms are not correct or... I don't know, because I just can't find what I'm looking for.
I want to know how to add multiple images into one file/one image, both horizontally and/or vertically. To give you an idea of what I mean, check out :
http://www.best10apps.com/apps/comic-story,531596060.html
If you scroll down, you'll see a heading entitled : Screenshots of Comic Story. Notice how there's 3 pictures (divided by borders). 2 of those pictures are side by side, and 1 of them is below the first 2 pictures.
I want to know how to add different pictures/images and put them into one picture.

One way is to create template PSD files and populate them with your images using Photoshops scripts.
Photo Collage Toolkit UPDATED June 12, added Picture Package Support via PasteImageRoll and BatchPicturePackage scripts.
The package includes four simple rules to follow when making Photo Collage Template PSD files so they will be compatible with my Photoshop scripts.
There are eleven scripts in this package they provide the following functions:
TestCollageTemplate.jsx - Used to test a Photo Collage Template while you are making it with Photoshop.
CollageTemplateBuilder.jsx - Can build Templates compatible with this toolkit's scripts.
LayerToAlphaChan.jsx - Used to convert a Prototype Image Layer stack into a template document.
InteractivePopulateCollage.jsx - Used to interactively populate Any Photo Collage template. Offers most user control inserting pictures and text.
ReplaceCollageImage.jsx - use to replace a populated collage image Smart Object layer with an other image correctly resized and positioned.
ChangeTextSize.jsx - This script can be used to change Image stamps text size when the size used by the populating did not work well.
PopulateCollageTemplate.jsx - Used to Automatically populate a Photo Collage template and leave the populated copy open in Photoshop.
BatchOneImageCollage.jsx - Used to Automatically Batch Populate Collage templates that only have one image inserted. The Collage or Image may be stamped with text.
BatchMultiImageCollage.jsx - Used to Automatically Batch Populate Any Photo Collage template with images in a source image folder. Easier to use than the interactive script. Saved collages can be tweaked.
BatchPicturePackage.jsx - Used to Automatically Batch Populate Any Photo Collage template with an image in a source image folder
PasteImageRoll.jsx - Paste Images into a document to be print on roll paper.
Documentation and Examples

How can I insert a image into a BLOB column in a table?

I am using forms6i against a 10gR2 database and I have one table with a BLOB column and I try to insert a image into this column. I get ORA-01461 error.
The curious case is that in another table with a BLOB column it works very fine.
What happens with the first table? How can I avoid the error?
Thanks in advance.

Hi hyue,
Thanks for visiting Apple Support Communities.
If you would like to add an image to a project in iMovie for iOS, see this article for helpful steps:
iMovie for iOS (iPad): Add photos to a project
http://support.apple.com/kb/PH3171
All the best,
Jeremy

How do I Place an image into the center of an activated artboard in CC?

I have just upgraded to CC from CS6. In CS6, I could activate an artboard (double click it in the Artboard panel) and then Place an image, which would by default go into the center of the artboard.
With CC, it "loads" the image into the cursor which I then need to Place by clicking somewhere.
How can I get it to either behave as it did in CS6, or customize to load it into the center when I click, such as with a modifier key?
Thanks!

Hi,
With the Window > Allign panel,
You can select the option to allign to selection or to Artboard.
When you select "to Artboard" you schould be able to use the Allign option to get it centerred.
See preview bellow.
Hope this helps.

How to import a jpeg image into premier elements 12?

how do i import a jpeg image into premier elements 12?

chuckx
Just for background information, what computer operating system is your Premiere Elements 12 running on?
The generalized answer is Add Media/Files and Folders/Projects Assets from where you drag the photo to the Expert view Timeline.
But all that can generate a mountain of questions about the photo and the project into which it will be going
a. what are the pixel dimensions of the photo - will or will I not have to resize or crop/resize the photo for the project
b. is the photo going into a project that will consist of photos and videos
c. if video inclusion, that leads to questions about the properties of the video so that you can set the project preset to match those
d. that leads to questions on the best size to have your photo before you import them into this project.
So, one simple question generates a lot of side questions.
Please let us know how we might help to sort out the details for your Premiere Elements workflow and its source media.
Thank you.
ATr

How do I import multiple images into single individual cells?

Hi folks,
I'm new to the Mac (yeah!) and imagine there just has to be a way to import a bunch of images into separate cells in Mac "Numbers" ... am I right?
Essentially what I'd like to do is a file folder with 600 images in it, and import those directly into Mac Numbers with one picture being assigned to it's own cell. So if below were a spreadsheet it would look like this:
Actual Picture - Picture Name - Item Description ... and so on.
I'm trying to work with inventory items, and this is the only way I can think of doing it. Suggestions!?!?
Here is a link to creating a macro in Excel to do a similar thing:
http://en.kioskea.net/forum/affich-269046-adding-a-loop-to-macro-to-insert-pictu res
Thanks for your help.
D

D,
I guess you're taking another shot at getting a response. You risk getting parallel discussions going with the same content.
What you are contemplating seems logical enough, but I think you will find that it is impractical in Numbers. Given the size of photograph files these days, you will choke Numbers in short order. You will have to be careful that you embed only photos large enough to be of use/viewable, and keep your full-sized copies elsewhere. You might find that an Apple Script can do the import for you, but otherwise it's drag and drop from the Media Browser.
Jerry

How to organize hundreds of images into a transparent grid

Similar Messages

Maybe you are looking for