5

Image > Adjustments > Invert You'll have to address the black shadow independently however. You could remove the shadow, invert then create a new shadow. Or you could select just the circle, and then invert. The keyboard shortcut is Ctl/Cmd-I.


5

So will they have grounds to cause a stink if I don't inform them that I'm using their logo in this way, even after they've granted me permission to use it? If they gave you permission to use it then the next question is did they ask for what. For example I needed 3 logos from companies so sent out requests --- one wanted to know more specifically what it ...


5

You could use rulers in photoshop and the marquee tool to find out. Set the grid in the preferences to 1px and snap to it. You'll be able to measure stuff out from there. Maybe try taking the white space out to make your background-position offsets easier to calculate. Good Luck!


4

Which of the Adobe CS5 Programs has the best functionality for this? Depends on which you are designing your sprites in. I created UI buttons in Photoshop, so that's what I used to create my sprite file. I used a JPG because it gave me the lowest file weight with all the different colors for my button. What method can I use to set up a grid of images ...


4

You can use the slice tool! Mini explanation bellow (CS6).


3

There are tons of web services, that do that for you. I have not tested many, but I can recommend: ZeroSprites ZeroSprites uses the VLSI floorplanning algorithm to optimize the image arrangement and gives you the sprite as a download. You also get the position for each image for different purposes: CSS background with pixel positioning CSS background with ...


3

The blurriness is introduced during scaling. If you are providing two set of images, work on the 2x size and scale down for the second set, tweaking any portions that exhibit problems after scaling (sometimes rules and borders etc become too thin and need to be bumped up {etc etc}). If you are providing one set of images, provide the larger pixels ...


3

If this were my issue, I'd configure a photoshop file with guides where I needed them and everything positioned correctly. Then I could edit anything, everything remains within the guides I've configured, and I could add new items at anytime. Then simply re-save the file via Save for Web as a .png (or whatever) and have a new sprite sheet without anything ...


2

How about this (not perfect but a bit faster) Replicate the artboard as many times as icons you have. You can use the Artboards panel to replicate them. Each artboard will have ALL the icons. Show only one icon per artboard and hide the rest (or delete them) Use object->artboards->rearrange to arrange the artboards in a grid or a row (whatever your sprite ...


2

Don't use slices. Slices are for...well, slicing...which is the exact opposite of what you want to do with sprite sheets. I just use guides. So if I'm making an icon sprite sheet, I'll maybe make my image 40px tall x 400px wide and then drag a vertical guide every 40px to make my 'box' for the icon.


2

What method can I use to set up a grid of images with varying sizes to be at specific coordinates? Grids and Guides, that goes for Illustrator and Photoshop. Set up a grid that matches either the lagest size you'll be using or half the lagest size. Which of the Adobe CS5 Programs has the best functionality for this? In theory, InDesign, as it has the ...


2

That looks like a pretty typical well-packed game-ready UV to me. I would say if you can't comfortably work with that texture file and those UV alignments, you'd need to take one of two approaches: re-UV the model in a way which more suits your purposes for re-liverying, and re-import the plan's model file to X-Plane once you've done your work, but that ...


1

"Sprite"...that's a term I haven't heard in a while. If these icons were made inside Illustrator and are full vector images, then you should save and use them as Scalable Vector Graphics (SVG) instead. This post from CSS Tricks does a pretty good job of describing how and why to use SVGs instead of raster images. To outline what he says in the article: ...


1

Finding the exact colour code might depend on your current colour space, as mentioned in the comments. This method is colour-space agnostic and whould work in most software that supports layers. Draw a pixel of colour A on a new layer; Add a second layer on top of that, and draw a pixel of colour B exactly on top of pixel A; Reduce layer B's opacity to 50%; ...


1

Command–click to select the layer. Then select the crop tool (hit "C"). If the crop tool isn't the current tool, then it should crop to the selection. If it is the current tool simply pick something else, like the move tool (hit "V"), and then pick the crop tool again. Hit enter to crop the image. Hide the layers behind it, and hit save as. You'll need to ...


1

The way to do that in Inkscape is to set a "Clip" to the embedded bitmap. After embedding a bitmap image we can create another object to define the clip path: To clip the rectangle out of the bitmap we select both object to then apply Object > Clip > Set: Any object can be used for clipping. To clip from several objects we need to group them first. The ...


1

You should use a Clipping Mask by creating a path that's the same shape and position of the sprite you want, selecting both it and the sprite, and using Object > Clip > Set


1

I am not entirely sure that I unterstood correctly what you want to do, but I suggest the following: Create one sample tile with every text aligned as you wish using the corresponding text alignment. I.e., your letter is not only centred optically but also the text-alignment is centred. Your number should be probably right-aligned. Replace the letter with ...


1

What you're looking for is actually a grid. I don't think you can do this easily "out of the box" in paint.net, but you may find a plugin that allow this. Here is one of them: http://paint.net.amihotornot.com.au/Features/Effects/Plugins/Render/Grid_CheckerBoard_Maker/ To answer your question using this: Install the grid/checkboard plugin Select in ...


1

This PNG file is in indexed color mode. This means that it only contains a limited amount of (different) colors, in its so-called color map. You can't use any colors other than those in GIMP as long as the image is in this mode. In this case, it is actually 77 times the same color, #CCCECC in HTML notation. In order to remove this restriction, change the ...


1

In the case the character's legs are just vertical triangles, I can imagine the walk only by "scissors" movement, i.e. horizontal shift of lower vertices one to another. Your picture is very blurred, it is difficult to realise what is happening there. Probably, it is worths to create more complicated character. - if you open this image in gif-editor, ...


1

I see you have the image open in Index colour mode (see your Photoshop file toolbar - fb.png @ 582% (Index)). Index colour mode is a low-colour (256 colour) option that can have unexpected effects on your raster graphics. Saving from this colour profile will no doubt perpetuate any problems you are having in the Photoshop file into the exported graphic. Try ...


1

This is a PS script to make Sprite Sheets out of layers. https://gist.github.com/jessefreeman/870172 // Put this file in Program Files\Adobe\Photoshop\Presets\Scripts\ // In PhotoShop menu File > Automate > Scripts: layersToSprite.js // Arrange layers into a sprite sheet. if (documents.length > 0) { // -------------------------- docRef ...


1

The answer to your dreams managing sprites with Sass and Compass. Compass makes it very easy to combine multiple images into a sprite and then manage them as the project goes on. Here is another tutorial with more examples: Web Design: CSS Image Sprite With Compass


1

I'm sure there is more efficient ways to handle this, but the only way I'm aware of is to Rasterize Layer Style. This will now include any layer styles (such as the drop shadow) as part of the layer. To do this, right click on the layer in the Layer panel window, and you should see the option. The shadow will also now snap to a grid or to other layers, ...


1

The easiest way is to determine how many rows and columns you want, then the width and height boundaries you want the images to display in. Lay out the first row roughly in the order you want with the leftmost edge of the leftmost image at the left boundary and the rightmost edge of the rightmost image at the right boundary. Select every layer for the first ...


Only top voted, non community-wiki answers of a minimum length are eligible