Tag Info

Hot answers tagged

81

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 ...


34

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 ...


25

There are several ways to do this. You can use the pen tool draw it yourself. My answer is based on the way I've been doing it over the years. Draw a triangle in a new layer. hit cmd+a(select all) then cmd+c(copy) switch to the Channels tab and create a new channel. It will be named "Alpha 1" by default. now paste the triangle you copied from before. ...


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.


13

Updated example using a wedge design. For clarity, sample distances were added to the graph, and the text was removed. This example has the Start and Finish text, and probably only the Finish text is needed. Since small size is a factor for handheld, here are two 100px by 100px space saving options using a vertical layout, and gauge design. ...


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 ...


11

Use the circle tool to control-drag a uniform circle and once created, double click to edit and change the start and end angles to 90 and 0 (or 360) as in the image below. If you want an outline, then add a stroke and remove the fill. If you don't want the arms on the section either, then double click the shape and choose the middle circle tool in the ...


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:


10

If I understand the question correctly, you want to know if there's a way to exactly trace the center line of a thick curved line. In Photoshop there's no straightforward way to do this that I know of. I would add a Bevel and Emboss effect to the layer, set it to Chisel Soft (works better than Chisel Hard), and increase the size until there was no flat ...


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. ...


9

Select the path of shape 2 on its layer. Copy the path. Target the shape 1 layer. Paste. Activate a shape tool (rectangle, ellipse, doesn't matter). On the control panel, click the "Subtract" icon (second from left). Turn off or discard the shape 2 layer. Not nearly as simple or intuitive as it would be in a native vector application like Illustrator, ...


9

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 ...


9

They're called Identicons, and they are typically generated based on a user's IP address. They're popular around the Internet largely because they're a default option for avatars in WordPress: And of course, they're on Stack Exchange as well! I did a quick search, and it seems like this site can generate Identicons. Not sure how copyright works and ...


8

Save your work. Experiment first :-) Path Menu > Object to path - Convert the text to a path Path Menu > Path Effect Editor - Shows path effect editor at right Choose Envelope Deformation from drop down Click the Add button Select the Top bend path option (edit on canvas button - the left of the four btns on each row) Shift-drag out the tangents from the ...


8

If you want this as a vector shape in Photoshop: Select the Rectangle Tool (U) Turn on Grid View (View -> Show -> Grid) and Snap to Grid (View -> Snap To -> Grid) Draw the first part, and then draw the cross part using the Shift key to add it to the same Shape Layer. (You need only hold Shift while you're clicking, let go of it once you begin to draw the ...


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.


8

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

Type a + Find an appropriate font Rotate 45° You could further edit by highlighting the type layer for the X and then choose Type > Convert to Shape from the menu to have a shape layer. Save the shape layer as a Custom Shape (Edit menu) and you'd then simply need to use the Shape tools if you ever needed it again.


7

there are some very easy steps to make such triangle with round corner with the help of pen tool, and its from scratch too First of all create your triangle with pen tool. add additional anchor point at the bottom corner right and left both side according to attached screen shot. after that press A / or select (path selection tool)and move it slightly ...


7

Adding to Brendan's answer, I think you'll find this question in meta.so interesting. SO, for example, uses Gravatar and specifies Identicons as the default image. An Identicon is a randomly generated assortment of shapes that is specific to a commenter’s email (or IP address). They were created by Don Parks, who said he originally came up with this idea ...


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

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 ...


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

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

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

There is a way with the Rotate Tool (R) Select your triangle Click the Rotate tool Pressing alt click where you want your center to be. A dialog should popup prompting for an angle. You can go on an fill it out. When ready press the "Copy" Button and then Ctrl+D for transform againas many times as you want copies. Edit: After understanding that the ...


6

Doesn't look like there is a way to permanently alter an object's rotate point. You can use the Rotate tool or Free Transform to change it temporarily, but it resets to the center of the object once you change to a different tool. If you just do a simple rotate using the selection tool instead of Rotate or Transform Each, it will use the bounding box. ...


6

I drop lots of guides. Create your triangle. Add an anchor point somewhere in the middle of the left-hand side, then use the Convert Point tool to drag it out and set up the Bézier handles where you want them. Drop guides on the anchor point and the end points of both handles. On the right-hand side, add an anchor point. Drag it out until it matches ...


6

So you've got lots of different shapes that need to loop round in a circle in an arbitrary pattern? (not a circle made of lots of copies of the same shape?) I'd get all the shapes in a line, space them with the align tools, turn them into an art brush, then apply that to the circle. Steps look like this: Starting with an assortment of objects, groups, ...



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