logo vmapp.org

@Annie732

Annie732

Last seen: Tue 11 May, 2021

Signature:

Recent posts

 query : Re: How to argue for color choices? I'm primarily a UX/Interaction Designer, however, since I'm working for a fairly small company I'm having to overlap to graphic and visual design. I'm fine with

@Annie732

I didn't see this mentioned, so will add it into the discussion.

Colors should majorly be based on the end user/target audience. Different cultures, ages, occupations, customers, etc. respond to colors in predictable ways.

If you can demonstrate that your color choices will motivate the end users, you should be in a stronger position.

10% popularity Vote Up Vote Down


Report

 query : Re: How to argue for color choices? I'm primarily a UX/Interaction Designer, however, since I'm working for a fairly small company I'm having to overlap to graphic and visual design. I'm fine with

@Annie732

Well, the argument for the colour choice can be endless, because there can be billions of combination of colours and while designing, picking the colour is the tough part.

It is possible that you might revise the colours many times, to get the zing, that these are the colour I am looking for.

There are a lot of places where designer shares their colour pallet (colour combination of 4 to 5 colours), that's a great way to get the idea.

There are many colour palette websites out there:


Color Hunt - Beautiful Color Palettes
Google Material

10% popularity Vote Up Vote Down


Report

 query : How do I make patches like these? Was wondering how to make patches with effects like these (is it called embroidered?) in Photoshop. Other software are fine too! Always looking to expand my

@Annie732

Posted in: #AdobePhotoshop

Was wondering how to make patches with effects like these (is it called embroidered?) in Photoshop. Other software are fine too! Always looking to expand my knowledge.

10.01% popularity Vote Up Vote Down


Report

 query : Re: Inkscape converted file not recognize I have saved an SVG file to WMF and EMF file format using Inkscape (0.91). However Google Drawing do not recognize these files. However when I use online

@Annie732

The manual says that, if you used a feature for making text flow inside a shape, then other SVG engines might refuse to load your file.
This is a feature that was proposed for the standard but finally didn't make it.

10% popularity Vote Up Vote Down


Report

 query : Re: How to draw a 3d arrow going up in illustrator (example provided)? Can someone tell me how to do it like the picture above in illustrator? I first drew an arrow (a rectangle and a triangle

@Annie732

This requires wrapping the arrow around a cylinder.

Make your arrow and drag it to the symbols panel, choose type "graphic".

Make a rectangle to extrude into a cylinder.

Select it and go to Effect > 3D > Revolve. Default settings are good. Select "Map Art", choose your arrow symbol and the side surface.

Place the arrow onto the white part, size and position to fit. Check Preview and check "Invisible Geometry".

"OK" out of that screen back to the Revolve screen. Revolve and position the cube until you like the position of the arrow.

"OK" out of that, expand and ungroup the results until the shapes are individual.

Select your shapes, group and go Effect > 3D > Extrude.

Give it some depth and some perspective and rotate the cube until you are satisfied.

Expand and ungroup the results.

Apply custom gradients to each shape to make it look like the example.

10% popularity Vote Up Vote Down


Report

 query : Re: Matching logo sizes When you're designing a document and you have to place a bunch of logo endorsements in the document, how do you make all the logos seem the same size? Is there a more

@Annie732

You have a set of logos you want to display with equal emphasis.
Take the most compact shape, a solid circle, to use as your reference.
Match the other logo sizes to it.

Here a lot of squinting and estimating come into play.

Tall thin logos need to be taller than the circle.

Short, wide logos need to be wider than the circle.

Solid black logos need to be a little smaller.

Wispy, wiry logos need to be a little bigger.

Lean back in your chair and squint your eyes at your screen until the grid of logos is a blur. Use this view to make their relative sizes appear equal.

Type making tricks come into play, where pointed shapes like a capital A are taller than blocky shapes like a capital E.

10% popularity Vote Up Vote Down


Report

 query : Re: Can't bring element to front In one page of my inDesign document, there's a pink rectangle. I created a text element and moved this element on this rectangle. No matter how hard I try to

@Annie732

Four years later, an InDesign noob shares insight: GoofyMonkey's answer is correct for within layers but there is no obvious way to object -> arrange -> "send to current layer" as in Illustrator. And moving an object between layers is so easy, it is nearly impossible to Google.


Select your object in the page.
Have layers panel showing.
Left click and hold on the color dot at right side of layer.
Drag to the new layer you wish the object to be in.

10% popularity Vote Up Vote Down


Report

 query : Re: what to use instead of $$$ as cost level in design? Is there any alternative? This question may be quite confusing so I've attached an image with it. Below is a snap from Yelp site, there

@Annie732

When looking for specific iconography I first see what others have done. A rich visual grammar has been developed for web use using symbology. Because there are well established symbols for "cost" or "value" you should start by searching for those icons or symbols.


Then see which ones work the best and fit best in your design. Some of these symbols take only a square character amount of space, unlike 3 dollar signs. For instance a dollar sign with an up arrow or down arrow or big up arrow etc.

Just an arrow slanting up, down or middle can be an indicator of cost.

A stack or bar graph is common and the meaning is clear.

10% popularity Vote Up Vote Down


Report

 query : Re: Creating a Large Image from a small one I have an image that has been scanned from a 35mm slide. It is a tiff file and is 2.04 cm by 3.35cm with a resolution of 9600. I need to create

@Annie732

What do you mean by "a resolution of 9600"? Do you mean DPI? If so than the pixel width of the file is (9600/2.54) x 3.35 = 12661px

Un-scaled, and printed at 8m wide, this equates to aprox 40DPI
((12661/800) x 2.54)

Which would be perfectly acceptable as a print at this size.

Obviously you wont be printing this yourself at home, let your printer deal with the file & scaling etc.

10% popularity Vote Up Vote Down


Report

 query : How can I open old SPX files? The file format Open-SPX is a 3d image format developed by interzart around 2000, and released open source with the GPL. I've got some images in that format,

@Annie732

Posted in: #FileFormat #SoftwareRecommendation

The file format Open-SPX is a 3d image format developed by interzart around 2000, and released open source with the GPL. I've got some images in that format, which I want to import into a more modern editing program, but I can't find anything that can open/covert them. I've tried searching online, but it looks like interzart is gone, and I couldn't find any evidence of SPX files.

I'm looking for either a way to convert them to a modern format, or source code or documentation showing how I can write something that can read them.

10.01% popularity Vote Up Vote Down


Report

 query : Photoshop vector smart object opening in Preview instead of Illustrator? In Photoshop CC (version 19) on the Mac, I have a smart object vector graphic layer. Double-clicking the layer to edit

@Annie732

Posted in: #AdobeIllustrator #AdobePhotoshop #Pdf #Vector

In Photoshop CC (version 19) on the Mac, I have a smart object vector graphic layer. Double-clicking the layer to edit the vector graphic, opens it in Preview (Mac) because, presumably, it thinks it's a PDF (it opens with the .pdf extension).

I'd rather the vector object open in Illustrator so that I can work with it. Can I change the default applications that Photoshop hands the file off to? (One would think that Photoshop would prioritize other Adobe applications instead of the system defaults… but, I guess not.)

10.03% popularity Vote Up Vote Down


Report

 query : Re: How to design an cartoon looking image Full confession I know absolutely nothing about graphic design, Im usually over at stackoverflow. Ive searched, googled and pretty much everything else

@Annie732

If these are not to be produced as actual clothing but just little images than the following procedure will work very precisely, just don't submit them for print. Here is how to create usable apparel designs:

You need an Illustration, or an image, working file or graphic (Not a cartoon) of the jerseys. This can easily be done in Illustrator.

The hard approach would be to draw the jersey template yourself. Better idea is to go to the site of an apparel maker/printer and see if they have a template or an interactive design program that allows you to layout your designs on their site.

If you want them to actually get made then it's very important that the template match what the garment manufacturer is expecting. Not only do all the flat panels need to be sewn into a shirt but the sizes need to scale up and down and clothes do not scale evenly. If they will never be made this procedure is still how you make (30) different designs for each team with multiple teams.

Once you have the correct template you can start on the first teams design.

Open the template in Illustrator. Color the panels and add graphics as you need. The text is more complicated. Each team design will need many different names, so put placeholder text and save the illustrator file so you can open it again and type different text in the placeholder.

This is a good opportunity to learn many of the tricks of text formatting. For team sports wear I see rotated text, warped text, text on a line, and of course various styles and fonts. The graphics also are often warped and bent around the body. Any graphics you bring in, make sure they are vector, very sharp and print quality.

Each team needs one illustrator file. Where the players name goes, type Centered placeholder text that says something like "Player Name".


Copy that text box.
Make a new layer
Paste "In Place" the text box in the new layer, and type the first players name.


Repeat steps 1, 2 and 3 and type the next players name. Turn off visibility of the layer with first players name. Repeating the process, you can toggle each players name on or off. Show only one players name at a time. The manufacturers will need size info for each player as well.

The print shop may accept your layers and produce each players jersey or you may need to export an individual file for each player.

If the next team is very different looking than start again with a blank template. If all the teams have some elements in common than place only those elements and save that as a master template that you will use for all teams. If you save it named "MasterTemplate" and open it to make Team1 template make sure you save it with the new name so you don't save over the master.

Here is an example template: prepresstoolkit.com/vector-mockup-template-sports-apparel-uniforms/
Use one from the manufacturer or printer your team will be using. Ask them about options and possibilities.

10% popularity Vote Up Vote Down


Report

 query : What file sizes and formats are most appropriate for enlarging and projecting an image onto a large wallspace for painting? I think my title question says it all. I have hand drawn some designs

@Annie732

Posted in: #Adobe #AdobePhotoshop

I think my title question says it all. I have hand drawn some designs (A3) that will be projected onto a 9m X 7m brick wall. This design will be painted as a mural.

I'm concerned about the appropriate file size and format to use as I need to retain a clear image to work with.

Cheers Warwick

10.01% popularity Vote Up Vote Down


Report

 query : InDesign : How to save a pdf file as png format on a buttonClick? I need to desgin a fillable PDF and have a button on it that will save the Pdf file as a PNG/Gif/Jpeg format. How can

@Annie732

Posted in: #AdobeIndesign #IndesignScripting #Interactive #Javascript

I need to desgin a fillable PDF and have a button on it that will save the Pdf file as a PNG/Gif/Jpeg format.

How can I accomplish that from inDesgin and How can I assign such a this.saveAs function here?

Any recommendation will be much appreciated.

10% popularity Vote Up Vote Down


Report

 query : Re: I want to learn anatomy without looking at nude pictures I really want to learn and find books about anatomy, but I don't know any book that teaches it without forcing me to look at naked

@Annie732

You can practice drawing people in public or ask your friends. Plenty of figure drawing classes use clothed models. Anatomy books, photographs and sculpture are good references. It is useful practice to sketch the figures you find in these places.

With Safe Search on you can search google images for "human figure" "muscle structure" "anatomy" "life drawing" etc. You may get guts and bodies but not nudity.

10% popularity Vote Up Vote Down


Report

 query : Re: PDF too large when saved from AI file I have an Illustrator file and I can save as PDF, but need to reduce the size of the resulting PDF. What's the best way to achieve that?

@Annie732

I'd be careful using the Save As PDF settings to obtain the smallest file size without careful watch of image quality. It can easily degrade resolution below acceptable levels. Photos, gradients and shadows are lost first and text can be made unreadable.

If your file size is too large I suspect you have photo, gradient and shadow content. Compressing these things is not Illustrator's specialty.

I have 2 suggestions for achieving crisp and low size .PDFs from Illustrator:


Compress your images first. A program like Irfanview or Photoshop can take a 5MB image to 500kb or less with little appreciable loss in quality. Irfanview even lets you select a target file size, just remember to check quality. Replace the photos in your .AI file with the reduced versions, or just start with compact images.
Use File>Print and for printer select "Print to .PDF" This does a good job of preserving your raster art and keeping it to a reasonable file size.

10% popularity Vote Up Vote Down


Report

 query : Re: What is the difference between a website Style Guide and a Pattern Library? As per the question, I am currently trying to identify a clear difference between a Style Guide and a Pattern Library

@Annie732

You’ve more or less got it right there. And there is definitely a need for overlap between the two.

In general:


a style guide (as its name suggests) helps you work out how to style things in a way that is right for the site, app, or business. It makes it easier to maintain visual consistency.
a pattern library helps you work out how to solve problems and present information in a way that is right for the site, app or business. It makes it easier to maintain usability, UX, and structural consistency.


A worked example: a pattern in the pattern library for a product post might detail that you show a title, a price, and a photo, and it might show how to lay those out (it may show several ways based on context). The formatting of the title, etc will be informed by the style guide.

As to which comes first: they both need to feed into each other. In theory you could have a style-agnostic pattern library - one that works with any stile guide - in practice though the two will be somewhat intertwined.

The good news is that you can certainly start both independently. You can start looking at typography, colour, space, etc without defining patterns, and you can start wireframing patterns without knowing what font you’ll be using.

10% popularity Vote Up Vote Down


Report

 query : Re: I want to make font, I have digitized the characters, how to proceed next? Basically I want to learn how to use the kerning, spacing, ligatures to make it more legible. If any one knows any

@Annie732

To add to the above—you can create your original art in another application, such as Illustrator, then import. I've used FontLab Studio to create type this way, and is a good way to gain familiarity with type design. Once you become more comfortable with FontLab, though, it probably will be better to start there first.

As to the costs, well, it depends. 0 for FontLab may be a bit steep, but consider the time/use you will expend. Having a well-functioning tool may be work the cost of entry, if you plan to be doing more type design work.

10% popularity Vote Up Vote Down


Report

 query : Re: Use part of pattern I have created a pattern and added it to the swatches. I am designing clothes and I want to use a part of the pattern as a print. How can I extract/isolate a part of

@Annie732

To clip out just the center square of the pattern, have all elements unlocked and on the same layer. Select the blue and red rectangle, right click and select "Create clipping mask."

To undo, select the mask, right click and select "release clipping mask." Because you are using the clip to make a repeating pattern you will need to clip a very specific area.

10% popularity Vote Up Vote Down


Report

 query : Re: Font recommendation for chemical formulae (disambiguate "I", "l") Chemical formula can look ambiguous with most sans-serif fonts, e.g. Cl (chlorine) can be confused with CI (carbon iodine). Ideally,

@Annie732

Before, I found it hard to make a good recommendation. But fortunately there is a new ideal contender: IBM Plex Sans. This open-source sans-serif has everything you need: a clearly distinguishable 1, lower-case L and upper-case i. It also has an extensive choice of weights. I would call it fairly neutral and able to blend with more or less anything.

10% popularity Vote Up Vote Down


Report

 query : Re: Am I using Pathfinder incorrectly? Here is what's going on: The graphic on the left does not have a fill, while the graphic on the right does have a fill. Here's what I am trying to

@Annie732

Pathfinder has 8 tools in it. For this task I recommend you use Divide:

First Expand and Ungroup the shapes. Make sure they have the same fill and stroke.

Select all and hit Pathfinder>Divide.

Ungroup them.

Delete the unwanted parts.

10% popularity Vote Up Vote Down


Report

 query : How to render text as brush stroke? Is this possible to render a text as a certain brush stroke, so that the text seem to look like painted with a brush? Not looking for any generic paintbrush-effect

@Annie732

Posted in: #AdobeIllustrator #AdobePhotoshop #Gimp #Inkscape

Is this possible to render a text as a certain brush stroke, so that the text seem to look like painted with a brush? Not looking for any generic paintbrush-effect or fonts. It has to be a brush from the already installed photoshop or gimp brushes. I'm working with Non-Latin Characters. I want to flow a brush stroke along the path of the text, so that it looks like the text was written with that brushstroke.

One obvious option is to write the text with the desired brush with an extremely steady hand. But what if we could render the text as brush stroke?

10.05% popularity Vote Up Vote Down


Report

 query : Extra Digits Pulling From CSV Data Merge Im pulling a catalogue from a csv file using date merge. The digits are correct in the csv however when it pulls through its adding an extra 00 at

@Annie732

Posted in: #AdobeIndesign #DataMerge

Im pulling a catalogue from a csv file using date merge. The digits are correct in the csv however when it pulls through its adding an extra 00 at the end of price.

Do you think this is a csv problem or a problem with the indesign template.

Any suggestions on how to fix this would be appreciated.

Thanks]1

10% popularity Vote Up Vote Down


Report

 query : Re: Cleaning up points on a black and white drawing fairly new to Illustrator. Getting frustrated over here trying to get to my end result. I am trying to clean up this image so that there is

@Annie732

That trouble with your edge can be caused by different things.

I'm seeing an offset edge, which can be edited in the Appearances panel when you have the thing selected. All effects acting on the object can be accessed or deleted through the Appearances panel.

Try un-grouping all elements. Make sure they are on the same layer and have the same black fill with no border (stroke).

Select the thick outer border of the design with the black arrow tool and drag it to the side a few inches. I suspect all the little edge pieces will stay in place and what you move will have a raggedy edge.

If that's the case, Undo the move (CTRL + Z). Expand all elements (do not expand stroke), select all and use pathfinder unite:



If it was already 1 piece when you moved it and nothing in the appearances panel is causing problems than expand it, zoom all the way in and clean up the edge 1 point at a time.

The pen tool has a Delete Anchor Point mode you can use to get rid of the extra points on the straight lines:



Pay attention to anchors with straight paths and curved paths, how they behave and how to switch between them:



Also important to know the White arrow tool selects and allows manipulation of individual anchor points while the black arrow tool selects the entire path:

10% popularity Vote Up Vote Down


Report

 query : Re: Is there a very specific font identification tool online? I have a very specific set of criteria for a font I need, and wondered if there was any online tool that would allow me to choose

@Annie732

Try Identifont and then pick "don't know" to the characters you don't care about?

Identifont is a tool used to identify fonts with questions about specific characters, exactly the things you name.

10% popularity Vote Up Vote Down


Report

 query : How do I calculate color gradients? I have a small table of values like this: Food Count Color Pumpkin 345 #DB3236 Cabbage 193 ? Pepper 89 ? Beetroot 96

@Annie732

Posted in: #Gradient

I have a small table of values like this:

Food Count Color
Pumpkin 345 #DB3236
Cabbage 193 ?
Pepper 89 ?
Beetroot 96 ?
Potato 62 ?
Lettuce 35 ?
Carrot 26 ?
Tomato 25 ?
Banana 22 ?
Apple 22 #FADBDB


I want to calculate a color gradient between #DB3236 and #FADBDB based on the COUNT values.

For example "Pumpkin" = 345 and has the strongest color, and "Apple" = 22 which is the weakest color. Even though "Potato" is in the middle of my table it only has a Count value of 62 which means it will be quite weak on the color gradient scale.

I'm not great with numbers so I'm really struggling how to figure this out.

How do I create the color gradient for the other foods on my table?

10.02% popularity Vote Up Vote Down


Report

 query : Re: Illustrator Exporting REALLY small 300 dpi PNGs I keep trying to export 300dpi PNGs from Illustrator, on a 1500x1500 px artboard, and they keep turning out really small and pixelated, not big,

@Annie732

Don't use Export, use "Save For Web" which lets you preview and specify the exact pixel dimensions to output.

If you want to base it on your art board then make sure that option is checked. Of course start with 300 DPI.

10% popularity Vote Up Vote Down


Report

Back to top | Use Dark Theme