Tag Info

New answers tagged

3

In order to save time and allow for transitions between states, creating button effects in the styling language for whatever UI you're creating, not creating images for each one, is important. This will allow for the effect to be reused when you have different text, sizing, etc. Take for example designing for the web or something that understands HTML/CSS: ...


3

If, what you are trying to accomplish doesn't have to be flat, i would recommend you just to add an inner shadow like this If it has to be flat-design though, i recommend change of color (darker) or inversion:


5

The easiest and simplest way would be to darken the button when its pressed. Applying a 30% black layer on top will do the trick.


2

This really depends on how complicated you want your button to be. A simple button can be made with just a single shape with multiple properties to represent normal and pressed states. In Illustrator, you can check the shape properties in the Appearance panel, they are just like layers and can be shown and hidden to switch the button's states. In the figure ...


1

If it's not a PSD editable file, there's no way to modify the border itself. However, you can recreate it, or make id dissapear. The following answer assumes that you use photoshop any CSx version, and the icon is an transparent image with only the "T" symbol and not the background Open Photoshop, and drag'n'drop your icon in there On the right you'll ...


1

You have to change interpolation method. Go to Edit > Preferences > General and change Image Interpolation as desired (Nearest Neighbor in your case). Than select your smart object and hit Ctrl + T (Cmd + T for Mac), than without any transformations hit Enter to apply. Your object will stay intact, only its interpolation method will change (refresh). Note ...


0

If you do it yourself use gimp.org. like Adobe Photoshop, but free. Photoshop does not come with a way to combine a .ICO file or to create it. You can purchase a plugin, but it is risky and Photoshop CC wont work with them. Gimp allows you to combine and save .ICO files. And it is a free piece of software.


3

According to the Microsoft Manual of Style (4th edition), the correct term is "move handle." In the user interface of various programs, a handle is an element used to move or size an object. Use move handle or sizing handle. Do not use size handle, grab handle, little box, or similar phrases. While "move handle" probably isn't self-evident to the ...


0

If you are using sub-paths, flatten the shape before exporting. I still got an error in Fontello about creating compound paths manually, but it seems to have worked correctly. (my shape was a circle with two shapes cut out of it.)


1

This will be very easy for you. Photoshop CC, all cloud based software around $20 US a month GIMP is free and very close to the above Fast way to alter color of each icon: Upload icons Go to "layer style" then "color overlay" Pick color Save again as PNG This way, your icon will recolor and your background stays transparent.


0

The .ico file format can contain many sizes of the icon - the whole point of it is the program will display the closest match. Mac programs will include icons up to 1024px. However, any icon smaller than 32x32 will usually need some manual tweaking - you won't get good results by starting with a large vector image and letting the program scale it down. You ...


0

There are many devices available now days. With that in mind, there are many favicon sizes needed. Here is a great explanation of the many different sizes of favicons, how to design them, and implement them on your website. If you are talking about it being crisp on certain devices and not on others, you need to implement all of the sizes that are in use to ...


1

a PSD is a photoshop file. Here is a list of Free Adobe Photoshop Alternatives. This will be the best way to alter your icons.


0

Sounds like you need to differentiate more between the empty folder and non-empty folder. Ideas (you may need to apply multiple styles to get your point across): non-empty folder: files sticking out of the folder or maybe the folder is 100% opacity or bulge in the folder or a full gauge empty folder: folded open (empty) or opacity at 30%-50% or An "E" for ...


1

If I understand your question correctly, then you have two options: You can hand-draw the icons on paper, and scan them into an image-editing program. You can turn the "icon" into a fixed-size PNG with a transparent background, or into a scale-able SVG file. Then, just upload that image into your website, turn it into a link, and position it correctly... ...


11

If you already have your banner and are wondering about the little drawings on top, then I can think of two ways of getting them: 1) Buy them online, already made. Sites like iStock or GraphicRiver offer vector illustrations with transparent backgrounds, so it's quite easy to open the files and just paste them on your banner. There are also free icons you ...


4

There is a lot of software out there, some free and some paid. Just to list a few: FREE GIMP Ultimate Paint InkScape Paint.Net Paid Adobe Fireworks Adobe Photoshop Adobe Illustrator CorelDRAW All of which have different learning curves, you can fin more graphics software by doing a quick Google search.


2

There is a symbol for it in predicate logic. "And/or" is just called "or" and is represented as ∨, from the Latin vel meaning or. But note that it's a separate symbol from the letter "v", though similar. In contrast, "or" in the sense of "this one or that one but never both" is called "exclusive or" or "xor" and can be symbolized as ⊻ or ⊕. ...


2

For "and" you could obviously use & or + -- these would be the most intuitive. For "or" something which indicates a "split" might work.... Just need to be careful it doesn't look like "less than"


1

I found the following, hope this helps: Android Icon Margins … it was recommend that the icon included a margin around one twelfth of the total size between the edge of the icon and the image it contained. For example the medium density icon is 48×48 pixels, one twelfth of this is 4, giving a margin of 4 pixels around the icon. This means the area ...


2

Maybe something like this: But adding a pokeball...


0

The most recognizable thing in the poké universe is the poké ball, and the start of every poké battle is throwing the poké ball. As an icon, how about a poké ball popping open? Something like an iconographic version of this?


0

As mentioned in the comments, if the environment you are going to be using the icons is software, web, and mobile, there is absolutely no reason to not use Sprite Images to solve this. Sprite Images allow you to save in size and, most importantly, in requests to the server. You could also have a responsive approach, where you would have all your icons in a ...



Top 50 recent answers are included