Tag Info

Hot answers tagged

84

As Elmo Allén correctly notes, this is neither an optical illusion not a bug in your graphics editor, but an effect caused by the monitor technology you're using. Specifically, on a typical modern TFT-LCD computer screen, each pixel is actually composed of three separate subpixels arranged side by side, respectively colored reg, green and blue: Each of ...


35

It is hard to make exactly what everyone sees here, because everybody has their own display to see the image. On my monitor, if I squint, I could see a very thin black line between the left red rectangle and the green middle rectangle. And in contrast, between the right red and middle, I see a very thin white line. Basically, I understand the original poster ...


13

Updated example using a wedge design. For clarity, sample distances were added to the graph, and the text was removed. Example with Start and Finish text Since small size is a factor for handheld, here are two 100px by 100px space saving options. Brainstorming based on Latest Requirements Here's a space saving idea for mobile that places the ...


13

Its a break, and has many forms. It comes form the drafting standards. For example were you to draw a shaft it might be uninteresting to see the 1000 mm of similar shaft, so to conserve paper you can indicate that the line or shape has been broken into pieces. Image 1: Variations on a theme the bottom right one needs a change to dimension line as well, ...


11

Years ago I had an Amiga game called F19 Stealth Fighter. The HUD on this had something very similar to what you describe. For bombs that you dropped, rather than fired, you were shown a line with two 'posts' at each end getting closer together the nearer you got to a target. Here's a simple modern representation:


11

Looking it up from a CAD / Architecture perspective it can be found referred to as Break Point or Break Line. The Alphabet of Lines (PDF) has it as Break Lines: Note the jagged break line to indicate that this is only part of the object. In technical drawings it is as I tried to describe in comments depicted like this via Lines (pdf) though they ...


10

There are 2 main parts to this: Alignment and Size - other things like whitespace and shape are harder to objectively analyse but still important. As with most art and designs, balance is not exact, but a close approximation. Alignment Instead of aligning the bases or the centres of the "bounding box", objects are aligned by their centroid, show below. ...


7

I think the distance items work better and are far more intuitive, but I'd reverse things a a bit. Great distance should be long and red, short distance should be short and green. What you've posted seems to read the opposite of this. I'd expect long bars to be "far away" and be red. Without knowing your overall layout, another possibility maybe to use a ...


7

This is most effectively achieved by offsetting the path of the front shape, and subtracting the resulting shape from all the shapes in the back, using the Pathfinder. As an example, say I'd like to do the outlining with the blue shape as my front shape: Select the blue shape with the Move tool (V); Choose Object > Path > Offset Path...; Key in an ...


7

If you want to show the distance between two persons, it is probably most intuitive to show a distance between two persons. In the rough mockup below there is still some sort of bar, but it is pointing backward. Distance is shown by position (by moving the person to the right) and size (shrinking the person). When you want more of a barlike indicator, you ...


6

Create a circle. Convert Object to Path. Extensions → Modify Path → Add Nodes… Select by number of segments. In the example I chose five segments; you will likely want to choose a higher number. Create a symmetric trapezium. Select the trapezium and your circle and apply Extensions → Modify Path → Perspective. Remove trapezium. In the Nodes tool, ...


5

With Photoshop CS6, CC or CC2014 you can easily accomplish this with just a circle shape and the stroke features. Draw a circle Add anchor points where you want pieces cut out remove sections between anchors duplicate the layer for each different colored section you'll want delete sections from the copies for areas you do not want in that color. Here is ...


5

No, unless the work is for a scientific or technical publication. In that case, it would be accompanied by explanatory text, which a usual design would not. Since we're not going to be around to explain the weird shape you put in your design ("No, really. It's a raindrop!") to everyone who sees the finished piece, designers stick with what is recognized, not ...


5

Looks like a few circles might do the trick for this. I just made mine up so it's not perfect but the technique should work all the same. Once you have the circles where you want them, you need to add new points to the paths where the lines intersect (or you can also use Divide in the pather finder)and then delete what you don't need. Use the join and ...


4

"I want to make the gray, green and blue part. It basically is a slightly altered rounded rectangle." That is not the best way to see it. You should look at it instead like you have a circle - maybe all in one color at first, that had a stroke but no fill. Then you use the "Add Anchor Point" tool to mark segments you want to cut out of it, and delete them. ...


4

Another way... Add an odd colored stroke to the primary object Choose Object > Expand Appearance (if available) and Object > Expand Select the primary object and all objects to be "trimmed". Hit the Merge Button on the Pathfinder Panel Click the odd colored stroke (which is now a shape) and hit delete the blue rectangle is locked in this ...


4

Using the image Talkingrock created: I think what would make the most sense, to me, would be for it to be swapped like so: Starts at Far Apart and lights up as you approach together. I think the change of text from "Far Close" to something more like "Far Apart" "Together" or "Met" or something indicating its two people arriving at a single destination ...


4

There's unfortunately no way of getting the area in Illustrator (CS6/CC) natively that I know of. You may have more luck with scripts. I found one here that seems to work. The code seems rather simple: alert("Area & Length (inches)\nArea: " + (Math.abs(app.activeDocument.selection[0].area/5184).toFixed(3)) + "\nLength: " + ...


4

The Shift key constrains proportions. If you start with an oval, it will continue to be an ellipse as you scale it. To turn an ellipse into a circle, or a rectangle into a square, adjust the height and width properties manually (be sure that auto-keyframe is turned off if you don't want to make this part of an animation) so they are the same.


4

After reading your question again, I was answering a little more broadly with that last answer and assuming you would want to create more complex shapes in the future. If you are really just wanting to create a triangle with two rounded corners, and you are using Illustrator CC, check this out: create a triangle. select the bottom left corner's ...


4

Select the path you want to edit. Use the Scissors tool and click on the path at both ends of the gap you'd like to create. Then use the Selection tool (black arrow tool) to click the portion to remove and click delete. Before After Tip: Adding guides to the document to help guide you on where to apply the Scissors is a good idea, too, but not ...


4

This is a problem with inDesign that many users suffer from! Here is a detailed tutorial on how to fix this issue so that the dimensions are measured just like illustrator. http://www.nineteenfortyone.com/2011/05/indesign-dimensions-include-stroke-weight/ The trick is to set the "Dimensions include Stroke Weight" setting within the software.


4

Use the rectangle tool U. Draw the shape. Get the pen tool out and "add anchor point tool" under the pen tool options P. Place it in the bottom center of the rectangle. Get the direct selection tool A and click on the new anchor point and drag upwards.


3

In Photoshop CS6 or newer, you can simply set the Stroke Options for a vector path....


3

I think a great way to build this would be using a vector mask on a group, with the shape set to subtract — if the bottommost shape on a layer is set to subtract, it will remove the shape and fill to the edge of the canvas. If you’d like to investigate further, here’s the PSD: Vector Mask.psd.zip


3

I don't know why your Properties options don't have the radius section. I think Emily is on the right track, in stating that your "shape" may in fact just be a layer mask on a filled layer. My Properties option box has a separate "Shape" section in it (see below). I would just create an actual shape and scrap what you have there with that mask, but if ...


3

I'm going out on a limb and suppose you've created the wireframe using the Effect > 3D > Extrude & Bevel effect. In that case: Unfortunately, there is no way of doing this and keep the 3D effect editable. You can Object > Expand Appearance the wireframe object, and then change the stroke colour on the resulting group of lines.


3

I believe what you are looking for is a Clipping Mask. Example artwork: Place a rectangle the same size as your artboard above everything you wish to crop: Making sure the rectangle is on top, select all artwork that you wish to have clipped: Create a clipping mask: Final result: I hope that is what you were looking for?


3

I want to represent distance as a bar graph (kind of) that gets "fuller" the closer the people are. That's the opposite of what a bar graph shows, though. The higher the value, the larger the bar. Wanting to do just the opposite is likely going to add confusion or visual dissonance to the actual data. To make the point a bit more direct, replace ...


3

I think you should make the bar all one colour, then use a significant marker like an arrow or a different coloured bar going vertically overlaid to show relative distance from the start on the left and the end on the right. (Edit: I believe the official term is a slider bar) Here's an example from a game where character icons are used as the marker and ...



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