Tag Info

Hot answers tagged

8

Assuming there isn't a reason why it has to be the Google-copyrighted maps you use, I'd use OpenStreetMap for this (the open source wikipedia-style Google Maps alternative). They're virtually identical but with three clear benefits in this case: They have a step-by-step guide on exporting to Illustrator. There isn't a simple process (more below), but it ...


8

I'd probably use ImageMagick. There is a feature available to modify the hue, but it's percentage based instead of degrees. Hue Modulation Rotates the colors of the image, in a cyclic manner. To achieve this the Hue value given produces a 'modulus addition', rather than a multiplication. However be warned that the hue is rotated using a ...


6

Yes! It's called GREP styles, and you'll find it under paragraph styles. It allows you to enter a "regular expression" ( code-based super powerful advanced search), then, it applies a character style of your choice to anything that matches those criteria, instantly and automatically. If you edit text so a snippet no longer ...


6

ExtendScript is sort of a blanket term; it's not a real programming language per se. It refers to the ability of a user to create scripts in his or her choice of AppleScript, JavaScript, or VBScript. Adobe provides a program to make scripts called ExtendScript Toolkit, which was most likely bundled with your install of Photoshop. On my computer it's in ...


6

Not a complete solution, but this might help someone who's come here from Google. If you save with the Save for Web dialog File > Save for Web you can re-size during the saving process, the options are on the right hand side under Image Size. I do this quite often when I need a couple of different sizes for an image, although as the other responses ...


6

Using a bash script To do this from the command line, you could use a utility called Gifsicle. There is no built in method to delete every other frame, so you'll need to get your hands dirty with some scripting. Here is a quick script I made to do just a single GIF: #!/bin/bash # This script will take an animated GIF and delete every other frame # Accepts ...


6

Create a new layer, and execute the following code as a script. It will create a new layer style with 0% fill and the new gradient as an overlay. The for-loop towards the bottom creates a 21-stop gradient in the foreground color. Every other stop alternates between opaque and transparent. You can then save the gradient as a preset within the Layer Styles ...


5

As I write code a lot too, I know your pain with this task. Luckily there are dozens of Sprite Generators out there. I don't even save the link, as you always find a fitting one soon. The above linked generator takes a ZIP file. Luckily they don't only give you the resulting sprite image/sprite, but write the CSS for you as well. Sidenote/Hint: Pay ...


5

Styled Maps Wizard ( link ) does the job. It does have a pretty good instructions that show up when you open up the website. Those instructions can be accessed at any point with the help button at the bottom of Map style panel ( shown in the image below ). Beloware the styles I used to create the static map on the right and in this link.


5

As others have already pointed out, these are called "word clouds". Word clouds are essentially visual frequency tables of words, where the font size of the word is determined by the word frequency. Thus, to create the graphic, you first need a corpus (for example, a speech made by someone, a text file of all your blog posts, a data dump of all of your ...


4

There's also the Smooth tool if you prefer a more hands-on approach. Rub it over a selected path, and it smooths it where you rub. If it doesn't smooth enough, keep rubbing. From this tutorial: Double-click the tool icon to set how closely the smoothed line sticks to the original (fidelity) and how strong the smoothing is each time (smoothness). A ...


4

In your case I would have maybe used GREP styles shown on the image below. Here ~h stands for End Nested Style Here character which serves as a style divider (visible in special characters mode as a backslash). If you feel more comfortable with any other character feel free to replace all the ~h-s with anything you like from the drop-down menu. The ...


4

I'd create a small web page and then take a screen grab. You'll end up with a bitmap image you can place on a layer. From there you can sample the colours and use them in your design. If your list looks something like this: 0 0 0 0 0 255 0 255 0 255 0 0 Some clever find/replacing should get you what's needed to create a web page. Depending on the exact ...


4

NOTE: This answer was posted before there was a command line/open source requirement, but I'm leaving it up as it may help someone else in the future Using Photoshop This is not an open source or command line solution, but you can do this with Photoshop: File ▸ Import ▸ Video Frames to Layers... "Limit To Every __ Frames" will do the trick for ...


4

Using Illustrator Step 1: The circles The "concentric rings" shape is easily created with the Polar Grid Tool. Enable the tool, and Click anywhere in the document to bring up the tool's options. I'm using the following values: 5 Concentric Dividers will create 6 evenly spaced circles for us: Now, for the gradient part. This is easier in recent ...


4

I'll take a shot. There's nothing unique about the colors you displayed-- they are similar in that they all fall in a small range of both saturation and brightness, but there isn't similar tone or hue to them and they're not under any specific color harmony. (that I'm aware of at least) As a thought experiment I'm going to take the same colors you provided ...


4

Yes, you can use Object > Rows and Columns... to distribute objects into... rows and columns. Just set the spacings to zero, and the number of rows to 1. The number of columns will be calculated automatically from the number of selected objects.


3

Sprite sheets should have the same size for each frame so that you don't get this problem. Thats what a sprite atlas is for, when you create a sprite atlas with images like these the program you use will create offsets for each frame so its easy to use in other programs like game salad and they take up less space. The problem here is that you are using a ...


3

How many times do you need to export the icon? If it's just the one icon, your best option is probably just to draw everything using vectors and layer styles, resize the document, make any adjustments required and save the PNG (optionally keeping the PSD for future exporting). If you need to repeat the process many times, I'd recommend setting everything up ...


3

I'm not sure that an action is necessarily the best option for you. A script could do something like this fairly easily. This should give you some useful pointers as far as basic scripting goes.. Basically, the script has to do a few things. First, get the layer dimensions and save them as a variable. Then, make a new text layer, and use the variables as ...


3

This is done using GREP Styles, a feature of Paragraph Styles (CS4+). You can assign a Character Style to a specific word or abstractly described string of characters. ('GREP' is originally a UNIX command for programmers to search large source code files for specific code patterns.) Use the online help for details.


2

There is no default shortcut, but you can make your own shortcut by going to: Edit -> Keyboard Shortcuts (Alt + Shift + Ctrl + K) Then, under the (second) dropdown menu select Menu Commands and then navigate to Other Panel -> New Swatch. There you can assign your custom keyboard shortcut.


2

See if this works for you: Eyedropper your new color. There's a "new swatch" button at the bottom of the Swatches palette. Click that, type the new name. OR Drag the color onto the Swatches palette. The RGB or CYMK values are the new name. Are either of those faster?


2

This is pretty easy in Photoshop. You’ll need your file to be set up so that each layer equals one file you’d like to export. If you have groups that you want exported, you’ll have to merge them to one layer (pressing command-E will do this). Once you’re set up, run File → Scripts → Export Layers to Files, choose the PNG file type (if that’s what you want) ...


2

Well the obvious answer is to create a batch process to do it for you so you don't have to do it 190 times. But maybe you can use one of Photoshop's automated processes to do it for you. In the old version of photoshop I use there's a Contact Sheet II process available. Perhaps you could set it up to include all the images you want to turn into a sprite, ...


2

Short of a custom script, the most straightforward way to handle this is to have two master pages, one with the dual first/last variables and one with a single variable. Manually assign the single-variable master to those pages where it applies, assuming that they will be in the minority. I've run into this and variations of the same problem, such as an ...


2

ASE is Adobe Swatch Exchange Format. Unfortunately, it is a binary format, but fortunately, people have made source code available for ASE encoding scripts. See for instance ( http://blog.soulwire.co.uk/code/actionscript-3/as3-ase-adobe-swatch-exchange-encoder ). Adobe may support ACBL format (XML) or ACF format (text), but they appear to be legacy formats ...


2

It can be done by using pattern in photoshop by first of all define a pattern for that you edit->define pattern right click on your layer and then select blending option and than go to pattern option and select your recently saved pattern (probably that would be last one) now you will have that pattern on you image


2

To export multiple same sized images, I'd suggest using layers instead of laying them out. (Stack them in a 1x1 square, not 7x3) There is a script in Photoshop to save out each layer automatically as a separate file. On a side note, if you want one grided image, there is a script in InDesign that does exactly that: Samples>Javascript folder>ImageCatalog.jsx ...


2

In order to automatically blur text in an image, you first need some way of detecting that there is text in it. Image recognition is quite complex and resource intensive, so you would need something like OCR, and then something else to blur the detected areas. I personally don't know of any tools to do this. What you can do is blur the images manually, ...



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