Tag Info

Hot answers tagged

15

Use the Polar Grid Tool. This is what it's for. Tap the ↑ arrow on the keyboard while dragging to add rings. Tap the ↓ arrow while dragging to remove rings. Tap → or ← arrows to remove or add dividing lines.


12

If you want to make that with just two woven lines throughout, then no it's not possible. However, this object is very symmetrical, so we can take full advantage of that. To start, you should identify the simplest repeating object: In order to make the stroke overlap itself, we can use the Scissors tool to make a cut on the loop so that it now consists ...


8

After a quick 'Google' of socks (and a slightly irrational love of them) I noticed a couple of things that might help you. -Unless there is a fold in the top of the sock (the part above the ankle) the width of this section tends to be less than the length. -The heel and toes of a sock tends to be a bit of extra material making this part stick out so it ...


8

Create the largest one. Then create the smallest one via Edit > Copy (Ctrl/Option+C) -> Edit > Paste in front (Ctrl/Option+F) -> scale down. Then select both objects, go to Object -> Blend and select specified steps.


7

There are quite some different lens elements, I will show you how to make a convex element. Convex Make one ellipse, set it's line (stroke) color to black and the fill color to transparent: Copy it and place the copy such that they overlay each other: I've hatched the center part for illustrative purposes, in reality it will be white. The hatched ...


7

As you have already selected the correct answer, this is for anyone who want to know the exact steps. Create your smallest circle using the ellipse tool, then create your biggest circle around it (copy the smaller circle then press ctrl+shift+v to paste in place and hold shift to scale up (On PC)); highlight the two and choose Object > Blend > Make ...


7

Create the circle shape. Remove the fill. Give it a stroke that is as thick as the width you want. Go to Object → Expand.. in the top horizontal menu. Create a rectangle that's as thick as you want the gaps to be. While you still have the rectangle selected, hold Shift and select the circle. Use the alignment options to center it horizontally and ...


6

You could create end caps by creating custom arrowheads. It's a bit of a detailed process, or actually editing the right file can be confusing. Here is an Adobe TV video on creating custom arrowheads in Illustrator CC. Then simply apply the arrowhead to the strokes via the Stroke Panel. You could also create brushes with end caps (pattern brush) but ...


5

Being Photoshop, there’s probably quite a few approaches to this problem, but only one I can think of that maintains full vector edited and scaling. There’s a few things going on here. Square is just a shape layer for the square. Nothing tricky there. The Blurry Circle group has a circle as a vector mask. The vector mask is set to subtract and also has ...


5

It is easy as usual! For that i will use Illustrator CS5. 1) Take a "Spiral Tool" 2) Now click on the screen and set some options for the spiral creation. Then click "OK" 3) A new spiral will be drawn: 4) Now transform the spiral: 5) Rotate and scale: 6) It will be look like this: 7) Take a "Reshape Tool" (the magic begins :) 8) ...


5

With the help of Pattern Brush you can do this in Adobe Illustrator. Select the sine waves you had made Drag these sine waves to Brush palette Select Pattern Brush and press OK Select Circle Click on sine waves pattern brush you just made


4

Under the pen tool in the menu bar there is a tool called delete anchor points. You can also access this with the shortcut key - (minus). It allows you to remove anchor points without breaking the shape


4

As mentioned in chat, I'd normally do something like this: Create triangle (3 sided polygon, in Photoshop) Give triangle a stroke Create masks for corners (bottom ones 45 degrees to each side, you can hold Ctrl to make them rotate in intervals. masks in red in the image) But looking at it again, you could actually use another triangle mask to get the ...


4

In my testing here..... live Rounded rectangles do not scale their rounding at all. If you set the rounding to 10px, it stays at 10px no matter how you scale the shape. That's your issue. You've got a rounded rectangle there to meet the ellipses and the corner rounding doesn't scale at the same rate as the ellipses. You could adjust the rectangle rounding ...


4

A similar approach can be taken in Photoshop, but here is one solution done in Illustrator: 1) Draw rectangle 2) Select rectangle > Effect > Stylize > Rounded Corners > ~10px 3) Select Direction Arrow (a) > Grab top right corner of rectangle holding shift to keep structure and create your desired angle 4) Select rectangle > Object ...


4

No question in my mind that the sample you've shown is hand drawn and not a 3D render or something. There are ways to make building something like this a little easier on yourself though. Draw a path, with a thick stroke and rounded end caps: Select the path, then go to Object > Path > Outline Stroke: Slide your original path over a bit and adjust it ...


4

Googling helps :) But I thought I'd answer the question myself so others can find the answer. You have to manually select the anchor points pertaining to the part of the shape you wish to resize. So, select the "direct selection" tool, click on the relevant anchor points (the small white squares on the corners of the shape, which should turn black once ...


4

You need to use the "delete segment" button. In the node tool, select the segment you want to remove. In the second line of the top toolbar, look for an icon that has two nodes connected with a line at the top, a down arrow, and two separate nodes at the bottom: This will disconnect the nodes without deleting them. Here is the result:


4

That's actually quite easy. There are two ways to do it: Using a mask (best way IMHO, as it gives you more flexibility / editing options): Import your image: Draw a circle that will mask your image: Move the circle behind the bitmap using the Backward toolbar icon: Use the circle to mask the bitmap, by selecting it and choosing Layer › Use as Mask ...


4

If you want extremely fast solution, grab Ellipse tool and select options as on the picture: If you want perfect solution you should use Pathfinder panel cutting the circle with a cross.


4

I give you another answer, but there are a lot of options. Create a circle (Elliple tool->Shift+Click+Drag) and make desired stroke (i.e. 23 points) Next, press Object->Expand Next grab Type tool and type "+", then press Object->expand and resize and locate the cross along the circle. Then select all the shapes and press Minus front on pathfinder ...


3

This worked for me... Convert the multi-path shape to a smart object Open the smart object by double clicking the smart object icon Resize the smart object document using Image > Image Size This forced Photoshop to scale the rounded corners proportionally, you will also be able to attain what ever resolution you want.


3

Pattern Brush? Why not use an Effect! Pattern brush is a lot of work to create a sine wave. The pattern brush technique is also compounded by the complexity of generating a pattern brush suitable for wrapping around the radius of the circle. Otherwise the zero crossings (point that crosses the perimeter of the shape) will not be smooth. The elegance will be ...


3

I'd create pattern brush: you create a basic shape, drag it to brushes and apply to any path you want


3

I think, there are multiple duplicated and rotated shapes which were colored by SOLID (and NOT gradient) color independently: You can see that every basic shape (highlighted on my illustration) has its own color which is solid and not gradient: I suppose that basic shape was rotated after mathematical calculations to match 360 degrees. The spectrum ...


3

This is exactly why you want to use Illustrator as you can keep the strokes a certain width even as you scale. If you are serious about UI kit, I would put in the extra time to learn Illustrator. Your resizing shrinks everything along with the thickness of the lines. Your shape is not transparent, it just has really thin lines. You will need to deal with ...


3

It's because the shape is actually a fill with a layer mask (a vector mask) and when you hit delete on the layer it deletes the mask first. EDIT To address your comment: Photoshop simply does not do vector shapes like Illustrator, you can't create multiple shapes on the same layer and manipulate them individually. (At least not like you'd want to). Each ...


3

Different answers will work here; here's something I did in a matter of about a minute. Select the Polygon Tool (Click and hold the Rectangle Tool in the Tools palette if you're not sure how to get it) and click on the canvas; give a 20px radius and 6 sides and press Enter. Toggle Smart Guides (Ctrl + U) and select the Line tool (\ on the keyboard). Draw ...


3

I tried to combine JennaDesign's Idea with your original approach. I think a striking heel shape can be enough and there should be as little colors as possible. Here is my sketch:


3

I think the best way is to use Pattern Along Path under menu Path -> Path Effect Editor. In this way it's easier to edit. :) Here's the steps: Create a rectangle that looks like the one you want to deform Convert it to Path (menu Path => Object to Path) Copy it into the clipboard Create a bezier curve of the deformation Select the bezier curve and go to ...



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