New answers tagged

0

Althoug this is for animation, take a look at this: http://pivotanimator.net/ or http://www.stykz.net/ You can screen capture a low resolution image. But also you can use it as a basis to draw a vector based image in Inkscape. You do not need to limit yourself to a strick stick figure. The images you posted are not. Adjust the width of the torso and legs ...


0

If you do decide to go with Adobe Illustrator try this website to go over some basics. https://helpx.adobe.com/illustrator/tutorials.html


1

First of all, you'll need a program with which to create vector graphics. Inkscape is a good option -- it's free/open source so you don't have to spend an arm and a leg on it either. There are great tutorials for it too. Get started by deciding what type of pose you want to make -- sketch out the basic shapes on paper first and get an idea where the arms ...


1

If you have a shape layer that you want to use as a mask for another layer you could just use a regular clipping mask like I describe [here]. A clipping mask is probably a better option but if you do want to use the shape as a vector mask you will need to copy the shapes path and use that as a mask. For example, I have an image and a shape layer: Use ...


0

If you are using the logo for print then say it needs to be 5cm wide by 2cm high, be sure to have the export options set to 300dpi (good for print) not 72dpi (good for web, x2 for retina)


0

What I usually do when i'm in the situation of dealing with 7-8 Social Media icons is ill put the 3 most important (facebook, twitter, LinkedIn) and then make a dropdown menu after that where ill put the rest. The 3 most important social media of course depends on which business you are doing it for.


1

This artwork you show is now already line copy. After it is separated it is plate ready. As it is already screened, there should be no moiré problems out of the ordinary rosettes formed by screens overlap. Coincidently, Your illustration shows the correct screen angles for CMYK printing. This image is already (coarsely) screened (or magnified). There is ...


1

There are several raster image formats. Some can be opened with "any" "photo" viewer but others can not. For example a TIFF image is a widley used file format, but some features can not be opened with "all" viewers, like some types of compression or the multipage option. So, a photo viewer can only view the formats if it has implemented them. On the other ...


1

There are two kinds of anchor points: Corner points (with no handles) and Smooth points (with handles). The handles control the curves and since corner points have no curves they have no handles. You can convert one kind of anchor point to the other in a number of ways: Use the Convert Anchor Point tool (SHIFT+C). With the Pen tool (P) active, Alt+Click ...


2

First off: I am assuming that by "rounded polygon" you mean a "rounded rectangle". The effect you're observing is perfectly normal, since you're applying a scaling transformation to the entire object, which will distort/scale the object, including its stroke. The Problem Generally, you will distort/scale an object if you drag its bounding box or edit its ...


2

Pathfinder's Outline command will split your artwork in to its component line segments, essentially breaking apart you paths at any intersection. It won't break apart at every anchor point so you will need to manually cut any corner that isn't an intersection (use the Scissors Tool C), but in this specific case you should only need to cut the vertices of ...


2

Making your own limited exporter should be pretty easy if you know how to loop each shape and vertex. Now I personally can not help you with Sketch or Affinity editor since I have neither. But this is quite trivial to do in illustrator. On the other hand some tools like morphSVG will automatically fix these things for you. Though i do get that sometimes the ...


1

I don't know of any specific tool that will help you, but assuming the SVGs aren't overly complex I would just create the second by manually editing the first. Create your first SVG and save. Duplicate the file. Open and create your second SVG by only editing existing anchor points. As long as you aren't adding any more shapes or anchor points the number ...


1

Your text is nested in a lot of groups, one of which is used by a clip path and is the cause of the truncation of the text. You can see it in the XML Editor: The fastest way to free your text is select it and keep hit Shift-Ctrl-G to ungroup until your text is no more grouped: Alternatively, you can change the size of the clipping rectangle.


0

That is the message that you get when the top object isn't a vector object that can be used as a clipping mask. Therefor I'm assuming your image is above the path you want to use as a clipping mask. To make sure, select the path and go to Object → Arrange → Bring to Front. You can read more about creating clipping masks in the Illustrator help docs: ...


0

So far I've found two options but I'm sure there's more. Here's the image I used to test both: Raster to Vector Converter This tool made by RapidResizer, who offer other free tools as well, does a pretty good job. They have options for centerline tracing and outline tracing. Here's the outline result and centerline result. I also found a pretty good ...


0

It comes down to understanding file formats. JPG, PNG, TIFF & GIF all have pixels and can become pixelated, no matter how large they are. EPS & SVG are (almost) always exclusively vectors and will never become pixelated. PDF can contain vectors and pixels, so it maintains whatever you put in there. In this case, an infinitely scaleable vector ...


0

The answer is simple. JPG and PNG are raster formats, they are made of pixels, the only time they are not "pixelated" is when you view them at the exact size you created them. So if you save your JPG at 100x100 pixels and on your screen it is 120x120 pixels, it will be "pixelated". PDF can contain vector data, vectors are not made of pixels but mathematical ...


3

What a mess, to lift ourselves out of the rabbit hole we need to a bit of a lengthy explanation. Warning wall of text! TL:DR Pixelation is not defined so it descries many unrelated/related problems, so explanations vary. On pixelation People see different things for different terms for multiple overlapping things. When people use the term "pixelated" ...


0

I would imagine the logo is vector based and not raster when you save it out as PDF. Without seeing the PDF it would be hard to really be able to help you. Also, if you're wanting to get the artwork printed I would advise you stay in vector and not raster. I don't have issues with logo pixelation. You could always test with PhotoShop by creating a ...


5

Vector graphics is used differently than painting/drawing. You do not usually "draw" or sketch anything in a vector graphics software, your constructing a solution. Much like cutting paper for use as a mask. Most vector software do have a brush and pen tool, its just that it is entirely useless in terms of what your usually doing so you do not see people ...


0

First, create rect with no fill and thick borders. Enable edit mode and select two corners, make the radius about 100. Rotate the rect by 45 degrees Duplicate the rect by pressing CMD + D. Flip it horizontally and place so that lower corner will be place at the same position. Now, let's create the cross. Create rect with width the same as heart's ...


0

Inkscape definitely does not shorten lines. I reconstructed your drawing and Inkscape properly splits the shape with combined paths: Here is what almost certainly happened (of course without seeing your SVG I cannot be 100% sure): Could it be that you had your line caps set to "Square cap" instead of "Butt cap"? In that case some of your drawn paths ...


0

Could also create the basic 3-line shape, turn it into a brush pattern and adjust the settings until you have 12 in a circle.


1

Don't use the Pathfinder. There's no way to preserve the "thickness" of the ring when scaled. The thickness of your ring is an intrinsic part of the shape you made so it scales exactly the same as the rest of your shape.. The thickness literally is your shape. Instead use a single path with a stroke. You can then adjust your stroke as needed and you can ...


0

The commenters have said it all. Here it is, step by step: In a new Inkscape file, import the original raster image from above. It's a bit distorted, so set its size to 400x400 pixels (making it square and ensuring that we can draw symmetric circles on top of it). Draw three circles on top of the rings with no fill and stroke widths of 10, 8 and 7 ...


0

Transform Palette > Scale Strokes & Effects Also Uncheck align to Pixel Grid / And Don't have Re-align new objects to Pixel Grid checked. But really, you need neither of these because all you should be doing is creating a circle with a stroke and no fill. Also, should mention... Keep the same stroke size for each different circle size. Then if you ...


0

If your goal is to use 3D rotate (or any other effect), there is no need for pathfinder. You can use effects on groups, so select all your arrows and group (Object → Group or cmd+G) then apply your effect to the group. If you do want your arrows to be one single object you can create a compound path. Select all of your arrows and select Object → Compound ...


0

Yes you can. The text typed in Illustrator is vector-based. Just save your file as PDF, and make sure the font is included in the "Save Adobe PDF"-dialog when you save the file. There should be no need to outline the text as long as the font is allowed to be included in the PDF file. If you for some reason must make an EPS-file, you should outline the ...


3

Just to add to John's answer—If you are working with irregular shapes, you can use the Offset Path function (Object → Path → Offset Path...) to get the paths you need. Use a negative value to inset and a positive value to outset. Delete the parts you don't need, set a stroke etc:


4

Yes. Just make sure you outline your type first. Right-click, Create outlines To add to Vicki's comment, I usually save my "working" documents (with editable text) as .ai files. I then save my outlined, print-ready designs as .eps or .pdf files, depending on which the printer asks for. That way, you can always go back and change something if need be, ...


5

Just going off of what I picture in my head that you are after. I would use a circular path, stroked, with a round cap: Select which Anchor Point(s) you'd like removed and delete: Add a round cap: Voilà: When you get your highlight how you want it, I would suggest expanding its appearance (Object > Expand). Edit I just realized that I made my ...


0

Looks like Sketch is treating these Illustrator groups as a combined shape. Select any two shapes, Layers > Combine > Union Then, in the Layers List, click on icon and set to None.


6

The bad news: With automatic tracing algorithms alone, you won't be able to get a clean result. There will always be noise. The good news: If you're willing to invest just a bit of effort in manual cleanup, you can get a very decent vectorized reconstruction. This is what I was able to get in roughly 5 minutes: (Click on the image for a high-res version ...


1

If you trace the bitmap with the Brightness Cutoff algorithm and threshold 0.3, you will get a nice rendering of the black strokes only. This will get most of the job done. Another trace with a higher cutoff will get you the whole head included. You can colour this second trace grey and layer it below the first black trace.


0

You can first install the freeware Autodesk Sketchbook, then turn on symmetry and draw your required image, then trace the image in Photoshop, and then make your changes.


4

give your text a stroke convert the stroke to path perform Break Apart path operation, Reduce the opacity to 25(so that the overlapping paths could be identified) Remove unwanted parts(the outer and lighter parts) for complex paths like 'A', 'O' remove the innermost and outermost path. select all the other paths and combine them(perform combine path ...


1

The graphic/bracket you're copying over has a white fill turned on whilst the bottom one has a transparent fill applied to the open path. It looks like a switch back to the default fill/stroke combo might have occurred in the file you're copying from. Switching to a transparent [/] fill while the object is selected should correct that.


3

Alright I'll give it a quick whirl. I'm using https://unsplash.com/photos/VGpp0LcHZT4 as the image I'll start by Duplicating that layer a few times so I've got some copies of it and then I'm going to use the Median Filter. Median Filter is a great tool to find the average color of a region giving it almost a paint like quality. This first pass I'm looking ...


2

From the Pathfinder panel use Unite to combine your shapes: (Illustrator Help / Combine objects using Pathfinder effects) Left: before / Right: after


1

Threshold is your friend for turning complex, high-detailed photos into simplified black and white versions in Photoshop. Going from the threshold version will often give you better solid outlines to work over in vector illustration. This is just one technique, but it's one that I have been using before Illustrator introduced Live Trace, and one I still use ...


1

You need to change the colorization method to 'Exact': You can change the colorization method for all colors in the Color Reduction Options dialog by clicking the button next to the presets. Also make sure you have 'Recolor Artwork' checked.


19

There are many ways of approaching this. Your right a curve does not have to be made out of one piece, it can be built out of several pieces. In fact one curve can be built out of several curves. I have answered a similar question, about spiral caps, mostly the same applies here. When you do is you make a initial shape and then rotate and mirror it about. ...


0

Your probably better off using illustrator to get a vector image out of a non vector. Illustrator has a nice auto trace feature. While not 100% perfect it can get the job done in some images with the right set of information in the image. Just open the image in Illustrator and click the auto trace button in the toolbar. If that doesn't work with the ...


5

tldr No, because of standards. Not out of the box Adobe and PostScript simply use cubic Béziers. A cubic Bézier has 4 points. The decision is arbitrary and was done ages ago. The underlying vector specifications PostScript, PDF and SVG only natively support 2 (square) and 3 (cubic) order Béziers. So any export to these engines would need to change your ...



Top 50 recent answers are included