The Stack Overflow podcast is back! Listen to an interview with our new CEO.

Hot answers tagged

59

Select the Artboard Tool on the Tool bar. You can then click an artboard and change it's size with the options in the Control bar across the top of the screen. Another method is to highlight the artboard in the Artboard Panel (Window > Artboards) and choose Artboard Options from the Panel menu.


43

These four options define how to scale the image. Each option describes an algorithm used to do this. See image sampling. None: The nearest-neighbor algorithm is used. There is no smoothing after scaling. Linear: Touching pixels average their values. Cubic: Touching pixels average their values so central pixels maintain the most value. Lanczos: Pixels are ...


31

I've tried under Windows with your version and with the most recent one and it works as usual. In order to maintain the border stroke while scaling the object, the first button should be up (in your screenshot seems to be down, i.e. the stroke is scaled with the object):


29

Just think of pixel like an atom. The atom is a smallest particle of matter. Where as a pixel is a smallest particle of digital image. An atom has neutron, proton & electron whereas a pixel has red, green & blue values :) The number of pixels per inches or centimeter (cm) etc. is called the "resolution". A higher resolution means more pixels per ...


28

The Lowest Common Denominator vs. Highest Common Factor Approach™ Define how much available space you have by creating, placing, and balancing empty elements within your design. I chose to use the Golden Ratio for the above (100px x 161px) because it's better to work with a horizontal rectangle, than it is with a perfect square based on most logos being ...


28

Here is a somewhat easy method to convert full size images to pixel graphics. Starting image To begin, go to Image -> Image Size. Change the Resample method to Nearest Neighbor, this will keep the hard edges. You can zoom into the preview on the left to get a good idea of what your end result will look like. You can see I'm at 500% in this example. Next ...


27

When you are working with so few pixels you have to make every pixel count. I doubt an automated scaler will achieve that with satisfactory quality. My advice would be to downscale to the size required as normal (or possibly using a nearest-neighbour option), then zoom in, turn on the grid and go over your image pixel by pixel cleaning it up. To enhance the ...


24

Ungroup your objects, if needed. Object → Transform → Scale. Select the desired scaling factor. Check apply to each object separately. Apply.


23

Designing at 100% scale just means designing at the size (in pixels) that you will be displaying/outputing your icon at. If you are designing a 24px × 24px icon, you set up your artboard in Illustrator or document in Photoshop or whatever else you are using to 24px × 24px. As quoted from the Material Design guide, this is for pixel accuracy. If you work at ...


22

Your text within the layer is being rendered as 'point text'. You need to make the text 'paragraph text'. Select and activate the layer that contains your text from the layers palette. With the layer active, goto Type > Convert to Paragraph text. You should now be able to click into the text and see a bounding box that can be resized without resizing or ...


19

One way is to use the Scale window from Object > Transform > Scale but with only Transform Patterns ticked. If it seems to not work, make sure the selection isn't grouped. To apply this to everything a pattern is applied to, first select something that has the pattern, then Select > Same > Fill color.


17

The answer applies both to vector and to rasterized icons. If quality matters, you can't. Large icons contain more details. Those details, which are nice on a 128×128 icon, would be disturbing on a 32×32 icon; instead of helping visually identify the icon, they will do the opposite. For example, a large icon of a keyboard may contain every key of the ...


17

This can be done in a hacky way. Create a layer that is a rectangle encompassing the entire artboard you want to scale. Make sure the rectangle snaps to the edges of the current artboard. Make sure all layers within the artboard including the rectangle are selected. Scale and transform the layers up to the desired size. Then just simply redraw the artboard ...


17

Yes, with the image selected within the frame, press s (for the scale tool), click once to set the origin, then click-drag holding shift to resize the image. Or if your reference point (below) is set to the centre, you can skip straight to click-dragging. When preceded by command Fill Frame Proportionally this workflow is quite efficient. More on fitting ...


17

#3. Get your client to see the benefits of a proper photoshoot After years of doing your #1 i finally managed to introduce an updated design for my clients' company profile, website and corporate presentations. After seeing what things can really look like, the client finally found the time to send all 30+ employees, management included, to a studio and got ...


16

You really don't need any scripting for this. Select text object with Selection Tool (Black arrow) Add a new fill via Appearance Panel Move the new fill below the <Characters> item in the Appearance Panel Highlight the new fill and choose Effect > Convert to Shape > Rectangle Enter relative amount of points/pixels/inches etc. you want the ...


15

Ignoring the how old the onlooker might be, how high up, low down, indoors, artificial light or not, dark train stations, weather, is it a print sign or a screen, reflective road sign etc etc. There are a few tools that will help you calculate this, and there are some best practices. If you really want to get into this, your keyword will be signage. ...


15

I've designed billboard art (same basic size as your project) for several different vendors, and they mostly ask for 10th (1:10) scale artwork at 300ppi with some kind of pocket allowance. 100% scale is not generally necessary. All vendors are different and may have different requirements, though, so check their respective web sites for upload requirements.


14

This is now a built-in feature as of 2014 in Adobe Illustrator CC. You'll find it under Type > Area Type Options > Auto Size.


14

I think in that particular example you should scale the two logos both to one reference which is the text ... because when it comes with aligning two logos having texts, you should consider the text proportions first. and in your example the two fonts of the logos looks similar. align the text to the same base line scale the two text in logos to have the ...


13

If a client of mine asked for a 1920x1080px image, the first thing I need to know the intended use. Is it for the web, print, or both? In the print world, a pixel (or picture element - [pict-el]) has no meaning or definition. Pixels can not be measured in any way. They have no predefined size or unit in order to calculate their size. Therefore are not a "...


13

Before resizing, deselect all and double click the Scale Tool → uncheck Scale Strokes and Effects and Scale Corners: Select your artwork and scale it. Additionally, you can set this to be default in Illustrator's general settings. Edit → Preferences → General or using the shortcut Ctrl+K or Cmd+K


12

Photoshop interpolates pixels. This means when you scale in Photoshop, Photoshop uses mathematical algorithms to determine either the best pixels to remove (if reducing) or the best color pixels to add (if enlarging). When you scale a raster image in Photoshop you alter the pixels of the image itself. Illustrator does not interpolate pixels. Illustrator ...


12

Illustrator has horizontal and vertical scale options just like Photoshop. But because Adobe are... special... they thought it would be fun to hide a lot of their settings and leave no clue that they are there. Open up the flyout menu with the button at the top right of the character settings window. Choose "Show options", which is Adobe speak for "Stop ...


12

Simply enter the number of pixels in the measurement fields, with the Artboard Tool selected... (You need first select the Artboard Tool to see the measurement fields in the Control Bar.) You can insert any number and any measurement system and Illustrator will honor it. 1000px, 1000pt, 1000p0, 100", 1000cm, 1000mm, etc. You can also do the same thing in ...


12

Silly me. I found a solution in my bash history. I needed to set -filter point. convert from.png -interpolate Nearest -filter point -resize 800% to.png The default filter appears to be Cubic for me. Interestingly, -interpolate Nearest doesn't seem to affect the output at all and may not be needed above. I'd love to know why and won't accept this as the ...


11

Assuming you're scaling up by integer multiples, as per your example, this is easy enough. In the Photoshop resize dialog, just choose Resample image: Nearest Neighbor. See image for clarity:


11

The very short answer is "No." Oldstyle figures ("lowercase") are specifically drawn that way. Legacy Postscript and TrueType fonts, for the most part, contain only tabular figures, which are lining or oldstyle according to the way the font is designed. The Unicode Consortium isn't suggesting that lining figures can be distorted into oldstyle figures, ...


11

Transform Each 2.0 script For preservation, here's the code: [KAM] Transform Each 2.jsx: @JSXBIN@ES@2.0@MyBbyBnAFM2jNBbyBn0ACJ2jOBnASzKjBiQjPjTjJjUjJjPjOjTBAARJFeCiUiMFe CiUiDFeCiUiSFeCiNiMFeCiNiDFeCiNiSFeCiCiMFeCiCiDFeCiCiSfnfta2jUBb2jVBn0ACJ2jVBnA BXzHjWjJjTjJjCjMjFCfXzGjBjDjUjJjWjFDfQzAEfezEjUjIjJjTFfCzBhLGnQEfVBfAVzBjJHfBeH ...


11

I guess the source of your logo is not important (dxf). You like to resize it, so first mark the whole logo and group the elements (Ctrl-G) (fig.1). Now you select X (2) and Y (3) position to 0, 0 and the group moves to point 4, the lower left point (maybe a matter of settings, but other points/directions work too). Then you mark the lock symbol, for ...


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