Hot answers tagged

46

It seems like the best way is to use the Stylize/Round Corners effect on a regular rectangle. This way the corner radius is changeable and independent of the rectangle transform property. With this method, the Appearance panel will have a Round Corners setting for any round rectangle paths. This will allow you to edit the corner radius for existing shapes.


34

While drawing rounded rectangle (while still holding your mouse button), press UP and DOWN arrows to change radius. This is a common way of changing attribute values of certain tools in AI.


33

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):


25

In the new Adobe Illustrator CC, you can use 2 easy methods to change the corner radius of a rounded corner rectangle that has already been drawn: 1. By moving the round handles Simply hold and drag the round blue handles in each corner. 2. By going in the Shape Options (more precise) You can change the border radius of all four corners with precision by ...


13

Generating 3D objects in illustrator is all about illusion. In your case you are trying to create a 3D object with 1 shape. However sometimes it's best to create the illusion of 1 shape or object by using two or more. For example the object below I created is two shapes, one on top of the other. Here's how it breaks down visually. And here is the step by ...


13

You can't use effects or brushes with entire rectangles. Simply create one side, then draw the other three sides of a rectangle. Create the triangles easily by drawing a path and choosing Effect > Distort & Transform > Zig Zag Choose Object > Expand Appearance Grab the Pen Tool and draw the other three sides of a rectangle.


12

You could use CSS (keeping in mind this won't work with older versions of IE). For example, you could combine some shapes like a rectangle and two triangles. See this jsfiddle. HTML: <div id="square"></div> <div class="align"> <div id="triangle-topleft"></div> <div id="triangle-topright"></div> </div>...


11

Adobe Illustrator constructs objects with vector mathematics. However, it has to interpret that vector data into pixels in order to display it on the (pixel-based) monitor. To create smooth lines on screen it anti-aliases pixels when two colors lie next to each other. It essentially "blends" the two colors together over a pixel or two in order to represent ...


8

Go to Filters -> Decor -> Add Border... Then choose your border settings From the GIMP help files Border X size, Border Y size Here you can select the thickness of the added border, in pixels. X size (left an right) and Y size (top and bottom) may be different. Maximum is 250 pixels. Border color Clicking on this button brings up the color ...


8

Just use the shape builder tool. (Shift+M) Select both Shapes Using the shape builder tool, drag and connect them. They should now be merged into one shape You can also use the Pathfinder [Window → Pathfinder or Shift + Ctrl/Cmd + F9] (Unite option) Again, select both shapes, and hit the Unite Button


7

I'm not entirely sure how you "export to PNG" within Photoshop. There is no such option. I'll assume you are simply using the Save for Web command.... In the Save for Web dialog, ensure there is no Matte color selected (on the top right side of the Save for Web window).


7

Yisela's answer is solid, but I figured I'd offer up this alternative: using polygon or an image URI with CSS shapes and clip-path. Here's a quick tutorial. Note that this method will work with even fewer browsers than the triangle border trick at the moment. However, if you want to use a more complex shape or wrap your text to the shape this will be the ...


7

Try using Convert to Shape effect: Effect → Convert to Shape → Rounded Rectangle.


7

Seems you've already figured out that the Stylize Effect is a better method. If you want to go one step further check out VectorScribe from http://www.astutegraphics.com it's a fabulous plug in that will allow you to not only continually round any corner but also had many other very useful features.


7

ctrl+shift+b (text frame options dialog), then set your desired text inset


7

You can create a knockout stroke by using transparency to shape a knockout group. Put all three people together in a single layer On the top-most person, add a stroke with thickness of your liking From the Transparency pane, click Knockout Group twice and Opacity & Mask Define Knockout Shape once so that both have a checkmark Set the opacity of your ...


6

As for the 'style' you see on printed US Currency, that is engraving. It's more of a technique than anything. See the answer here. That said, the samples show aren't all engraving. A few borrow (namely 'A' monogram) but you have other techniques and styles going on. The first two are just decorative illustrations. They are evocative of a lot of late 1800'...


6

I had the same problem, and the suggested solution doesn't work for me as well. I found another way around. You select the 'Edit path by nodes tool' (F2), and select the path you want to transform. Select all nodes by pressing Ctrl+a. You then press the 'Show transformation handles for selected nodes' button (the four black arrows pointing towards each ...


6

You can fake the different border styles with shadows. For the example you posted, you can add two shadows with the following settings: Here's what you will get in Sketch:


5

In the "Text Frame Options" dialog box you can adjust the "Inset Spacing" for a text box. In InDesign CC 2014 on Mac you can find this dialog box by going to Object > Text Frame Options or using the shortcut command+b.


5

Can do it with 2 divs and before and after pseudo classes..... jsFiddle HTML: <div class="container"> <div> Test Container </div> </div> CSS: .container{ width: 200px; background: #FFFFFF; border: 1px solid #f00; border-left: none; padding: 4px; position: relative; min-height: 40px; } ....


5

Firstly, you're VERY observant ;) I'm guessing you're working on a document that is in CMYK colour mode? How you tackle it depends on your purpose. If you are creating print graphics then you can safely ignore it, because it's an artefact of how Illustrator renders the CMYK color model on screen. If you're creating graphics for screen, switch to RGB – ...


5

For an individual layer: Select->All Edit->Stroke Selection Choose line style, width->Stroke By default the stroke color is the foreground color


5

Using Photoshop: Step 1: Place your hero shot at the very bottom of the layers. Step 2: Create a rectangle shape, clear the fill and set the stroke weight to your desired thickness of the masking. Set the stroke color to White. Step 3: Get the image which you want to act as the border line and place it directly above the rectangle layer. Say, an ...


5

Use the rectangle tool (with a stroke and no fill) to create a little box over the image: Rasterize the layer (Right click on the layer → Rasterize) Add some text on a new layer Now use the Rectangular Marquee Tool (M) to select and cut out an area from the bottom of the rectangle (a little larger then your text) Final result: Just for fun, some other ...


5

Bottom layer has a linear gradient fill, from lighter blue to darker blue. Top layer is an ellipse shape layer filled orange, with a Stroke Layer Style added. See Layer Style settings blow. Click on image to see in more detail I can't really tell if there are any other details since the image you posted is such poor quality.


5

If your symbols are amenable to Unicode characters with a suitable font (emojis, dingbats, etc...), then you can use the text-along-path function (or, to make things a lot easier, the ofn-text-along-path script). The text input fields take anything from your clipboard so you can copy symbols from your web browser open on some Unicode page. If you have one ...


5

With apologies and thanks to @user3164 - whose incomplete answer I parsed in my comment to it and then brazenly stole and then expanded on in this answer... Take your assemblage of objects, and the fill pattern you've made, turn them into a nice straight (but disturbed slightly) line, and make a New Pattern Brush - you needn't even bother with corner pieces ...


4

Update: just noticed the comment to the OP from @Jeremy Magid above, so I'll summarize for posterity: You don't need the file I've provided in my answer below, (though you might find it convenient), instead: create a (longish) line set rounded ends, then set the thickness, dash, and gap to the desired values, but multiplied by 100. eg. Want: 5, 0.1, 10? ...


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