Hot answers tagged

71

As Wrzlprmft has already pointed out, over 50% of your SVG file's size is taken up by an embedded PNG bitmap image used to create a fairly subtle shading effect on the controller. Just getting rid of that image, and replacing it with a simple radial gradient, is enough to shrink the SVG down to about 10kb.               ...


34

Your SVG contains an embedded pixel graphic for the shade in the bottom right of the controller. This is responsible for about ⅔ of the file size. If you remove it, your SVG file is en par with your JPEG. You can probably achieve an adequately similar effect with a gradient. Other techniques of reducing SVG file size include: Remove all Metadata and ...


32

This is an optical illusion. The weight of the lower text is pulling your eyes even when not focusing on it. Its a concept called "optical center," which is well documented. The mathematical center will never look properly centered. This is where knowing software isn't the same as knowing design. here's a quick demo. this article covers it pretty ...


27

I am a little surprised no-one has mentioned the "Scour" extension. It's bundled with Inkscape (as of v0.47), and does many of the optimisations mentioned by Ilmari Karonen.


22

Spot A Pantone is a Pantone when it's a "spot" color. Make sure your Pantone swatches have the color type "spot color". Even if you color swatch says Pantone XYZ, it doesn't make it a Pantone; if it's not a spot color, it will be considered as a process color (CMYK). Conversion during export If you are 100% certain that your swatches are "spot" then ...


21

This is another method to do the job using illustrator Create a circle and select it go to Object>Pattern>Make adjust the spacing between circles in the pattern options panel and press Done Draw a rectangle and fill it with the pattern that we have just made; you may need to scale the pattern a little by choosing effects>distort & ...


17

Here is an overview on how I would do it with Inkscape, which should be easily translatable to Illustrator (if not, Inkscape is free). I won’t go into the details, as it is not your desired program. Create something like this: The rectangles on the left are squares with a border length corresponding to the border length of your cube. Group the top ...


17

you don't need to use pen tool to create curls rather create the curls with the circle and delete the quater and make sure your stroke cap is set to Round Here's a quick tutorial on this: After creating your logo you can Expend your object and can use pathfinder to merge all shape in to one shape and then you can also apply some artistic effects from ...


16

It's not an easy task if you are seeking to be precise. Illustrator won't do this easily. You'd have to manually draw the overall shapes and adjust perspective, size, and value for each element. A mesh in Illustrator fails because it's very difficult to get hard edge conversion areas, in addition, meshes distort the underlying objects based on position of ...


15

You dont actually specify whether or not the image is something you have generated yourself in TK, have at hand or not. If you already have this code then you can export the TK applications canvas as EPS and open it in illustrator. All you need to do is call canvas.postscript(). If you want to use TK Simple sample in python 2: #!/usr/bin/python # -*- ...


13

You can actually do this in Illustrator (as per request). The trick is to make sure that once you use mesh tool you drag the along handles back to 1/3 of the way along the edge otherwise it squeezes the image along*. In addition it can help to keep rotating the are back and forth, for easier selection. Image 1: doing the scruple. What i actually do is ...


13

hsawires' answer with envelope distort > make with mesh is the best answer, but there are some additional tricks you can use that make it easier to get the "the perspective effect in sharp folds" described (also, four very good answers clearly isn't enough :-D): Prepare your dots, any way you like... the great thing about Envelope Distort is, you can apply ...


12

See ya If you've been paid for the scope of work completed, walk away. If you haven't, you might want want to walk away anyway. You're not likely to get to the bottom of the file issue without investing a lot of time. She doesn't know how to use Illustrator -- she just downloaded it! It sounds to me like you're not likely to get paid for the time it will ...


11

Much of this is determined by the font file itself. Some fonts have extra leading built in which can cause odd vertical alignments. If you find you've got a font with the odd leading, you can select the text and apply Effect > Path > Outline Object. Then in the Preferences ensure Use Preview Bounds is checked and vertically align things. This will use ...


11

As an alternative to @Scott's answer you could use Puppet Warp in Photoshop (Edit → Puppet Warp). If you try this, I would suggest a selecting Mode:Rigid and Density:Fewer Points in the options at the top in order to make the surface less pliable, like in your example. Just add pins and move them around until you achieve the desired displacement. ...


11

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.


10

It would seem to me that this is a fairly easy thing to pull off with gradients rather than raster effects. It is just a matter of positioning gradients at the proper angles for some sections.


10

The background is transparent. It is just emulating paper so you can not see it. A block of white is different from the white background. You can enable Photoshop like transparency grid by choosing View → Show transparency grid (ctrl / cmd + shift + D). On top of that make sure: save for web has transparency enabled. The transparency grid is just a ...


10

File - save for web Select your output file (jpg|png|gif) and the quality In the middle you will see a drop down under percent. Select "Type Optimized"


10

Sorry about this, but I have just found the answer to my problem: Given this, I then created my own using Adobe Illustrator (seen in the following image). The outermost circle I used as one unit (in my case, 100 px diameter). Thanks anyway.


9

There are several ways to curve text in Illustrator, but the easiest is to select your text (It does not need to be outlined) and go to Effect -> Warp -> Arc... in the main menu. The harder way (Not really that hard) is to draw an oval and use the Text on a Path tool to add text onto the ovals shape. The benefit of this method is that your text curves ...


9

Don't modify the object, create a Clipping Mask instead. Draw a shape covering areas of the object you want to show Select the new shape and the intricate circle objects Object > Clipping Mask > Make


9

This is possible to do. You just need to know a very rarely used feature*. First turn on transparency grid, so that you can observe the effect. Choose: View → Show Transparency Grid or hit Shift + Ctrl + D. Next make a primitive shape like a box to design the effect on (due to text grouping it is easier to design on something else first). In the ...


9

You can do this in Illustrator by navigating to Edit -> Keyboard Shortcuts: You will get the Keyboard Shortcuts panel: The default view is for Tools so you will need to click the drop down and select Menu Commands: Once in menu commands you click the carat for File and navigate to Export: Click within the Shortcut till it highlights orange and ...


8

There are roughly four options. Here are three I wouldn't recommend: Bundle the InDesign file with File > Package, as discussed by Vincent ("Generally a Bad Idea™." to let a client loose with InDesign) Get them a copy of Adobe InCopy, which is designed for this purpose (editing text in InDesign files). However, it costs money, and while I've not used it ...


8

If you don't care about the dots lining up... You can quickly make something similar to your example in Illustrator using a dashed stroke. To draw the evenly spaced rings easily, I'd use the Polar Grid Tool. Then it's just a matter of setting the Stroke on the rings to dashed with gaps that fit your liking: You can of course fine tune each row to ...


8

If you do care about the dots lining up... Illustrator's distort and transform effect is perfect for this sort of repeating pattern, but in order to get that exact pattern it will require some tweaking. Start with a dotted line (with 11 dots for your example) Add a Transform Effect via Effect > Distort & Transform > Transform... You'll notice ...


8

I have a published a script that can do this, and more. The script can be found in my scripts bundle. Located in jooillustratorscripts bundle specifically the jooGraphFunction.jsx script. This script allows you to graph any mathematical function. The GUI is a bit rough along the edges at writing of this message but I'm planning to overhaul that some ...


7

You will want to use an outer glow, in order to retain the shadow effect. The best way I think to achieve this is to mask your shapes, so their effects don't extend beyond the total shape. Proceed as follows: Copy all shapes and paste in front (Edit > Paste in Front or Ctrl / Cmd +Alt+Shift+V); With just the new shapes selected, unite them with the ...


7

Page (and screen) layouts often start out mathematically on a grid or geometric pattern of some sort. But nearly all designs need 'optical adjustments' so that they look correct. In your case, the type is likely mathematically centered, but not optically. If you feel the type is a bit high, nudge it down.



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