texts: InDesign, Grep - what is the base syntax of InDesign grep

texts:
There are many regex syntax, one different from the other: .Net regex, Java regex, PHP/PCRE regex, Python regex. etc.

Some sites for checking & testing regex expressions are just great - like Regex101 or RegExr [that is mentioned on InDesignSecrets grep resources], but it has different languages/syntax.

For example: The RegExr supports only JavaScript and PHP/PCRE. But the Regex Storm supports only .Net.

On what exact syntax the InDesign grep is based on?
Thanks you very much for your kind help.

Edit: to be more clear - on regular-expressions.info it is called 'regular expression engine' or 'regular expression flavor'. So what is the InDesign 'regular expression flavor'?


texts: Applying 2-up layout in scribus with printers´ (crop) marks

texts:
Please excuse my complete ignorance of the correct terms, but I have a set of 120mm blocks of content which I want to be cut out after printing. I can only print on A4 paper so I can cram two of each per A4 sheet.

The elements don't have a border of their own but I was hoping to be able to apply crop marks like can be applied to the page as a whole (on each corner.)

Is there a method to calculate and insert said marks on to my printed document without having to use an entire sheet of paper per item?

I would even settle for the correct terminology to use in my searches.

I'm using Scribus for the document creation and printing, I don't have access to any other package.


texts:
Does anyone know the name of the font Google Translate uses for Arabic Script? It is not the default font, but it shows up from time to time for some reason, when you keep translating words.
Here is a sample:


texts: i don't understand something in color correction, when should i use Curves that changes Shadows/Highlights colors, rather than change the color itself by using for example selective color?


texts: I am trying to find the fonts used in the following Logo for the Swiss newspaper "La Liberté". I've been trying to use whatthefont.com, but haven't had much success.


texts: Pixel line around PSD link exported from InDesign to JPG

texts: I have a photo in Photoshop that I cropped out of its background. When I save the file as a PSD and import the file in InDesign, then save the InDesign file as a JPG, I get a pixel line around the image.


texts: Is ampersand allowed at the beginning of line?

texts:
In my recent project, playing with responsive web design, I've noticed that ampersand in my text landed at the beginning of a line with certain page widths. I personally find it a bit ugly...

I can put a non-breaking space between the word and ampersand to fix this.

Is there a typographic rule about ampersand placement with regards to beginning and end of line?


texts: How can I extract cursor coordinate in Adobe Photoshop for use in Action script?

texts:
What I want to do in Photoshop (version CC, but I think this applies to any version) is label a point using count tool under my mouse's current position, and label it multiple times (for different labels). I have an macro action that essentially does this:

(1) Add to count (under one label)
(2) Switch to second label
(3) Add to count (under second label)
(4) Switch to third label
(5) Add to count (under third label)

And the problem is that I need to be able to have a variable in the action script that uses the cursor's current position (X and Y numbers) on the canvas to set these three points when the macro is activated. Currently I am only able to record the script using constant X, Y values (the same point is labeled over and over when I play the recorded action). I am able to extract the code for the action for editing (via xbytor2's suggestion in this forum: https://forums.adobe.com/thread/696989) and I see where the variable can go, I just don't know what exactly to put in place of the constant X, Y values that will let Photoshop input the mouse's current coordinates...

Any ideas? Much appreciated!!


texts:
I would like to know exact or similar font that is used for "316i", "318is", "325" or similar, in the following pictures:

I tried various web searches, including searching BMW enthusiast forums, but no luck so far.


texts: Is there a nice way to convert a vectored pdf to a vectored png?

texts:
I seem to be stuck in a situation where all I can get out of some designers(through a client so it's a little embarrassing now I've asked more than three times) is some vectored pdfs.

I need to put these graphics on a website, and it'd be nice to preserve the vectorisation by converting them to a vectored png.

I've tried googling around, but the software always seems to produce raster graphics - not really ideal.

Thanks in advance for any suggestions.


texts: Using imagemagick to create vibrant images

texts:
I'm in the process of helping out a friend who has a bunch of inventory pics. Most appear faded/washed out, and generally dull. I really like the effect as described here: http://www.abeautifulmess.com/2012/07/how-to-create-vibrant-color-photographs.html, however, I'm trying to do this using ImageMagick because there are hundreds (if not thousands) of images to convert, and I'd like to be able to convert them in an automated manner.

They're also on S3, so the process would be: download -> convert -> upload.

I've played around with modifying the brightness in imagemagick (http://www.imagemagick.org/www/command-line-options.html#brightness-contrast) but that alone doesn't seem to help. Are there options I'm missing or steps I can do that would help?


texts: Does anyone know how to create this type of complex gradient background?

texts: I was looking online and found this really lovely photo of a gradient background, and I wanted to know how to replicate it for my own works, I tried different things, some being applying colors using a brush and applying a blur filter, the other using the gradient mesh tool in illustrator, neither gave me the look I desired so does anyone know how to achieve this type of background?


texts:
My app has this kind of design in the ideal, normal use case:

but, in case the user creates two or three nested folders with a long folder name, like in this structure:

it quickly becomes problematic:

I can of course widen the box but that doesn't seem the best solution:

Therefore, I need some guidance on what can be the best way to sort out the problem of long folder names. Thank you!


texts: How to construct logos/letterforms with circles?

texts:
I've always wondered how to create these kind of logos - based on circles and a grid:

How do I connect the circles in the 'U' here and clean up the paths afterwards?
The connection could be done with Common Tangents but how do I remove the right points from the circles?

Could someone show me this in steps or perhaps link to a video?


texts:
Excuse me,
maybe someone asked before?

When I'm drawing a box in AI likes 200x200mm,
but the dimension shown 200.xxx .Always a DECIMALS,

When I'm open a new file in PS likes 255x255mm,
but the image size shown 255.02 .Always a DECIMALS too.

Every single size likes this problem, can I fix it or this is a bug of Adobe?

thanks a lot!


texts: I loaded some template, and ever since when I make a new image no matter how much I zoom out all I see is white, there is no way to tell where the canvas ends, even though it does end.


texts: I have been working on this website redesign for a customer. I came up with a few ideas and landed on this one. She came back with the response that it's nice, but it's missing something. Maybe it's the icons throwing her off of the design? Thanks!


texts: How to catch a color from clipboard in Photoshop CC

texts:
I'm a huge fan of shortcuts that makes my work easier. I have a set of little tricks in my PS that make my work blazing fast, today I was thinking if there is a possibility to put a copied color in HEX e.g. example i opened Color Picker and copied "#761111" to clipboard now I want to apply it to a shape without opening it's color picker.

Maybe some kind of action, script or whatever that will set that HEX as my foreground or background color or put it directly to a shape.

Any ideas?


texts: How do I add a frame to a batch of images using photoshop?

texts: I know how to add a frame to a single photo in Photoshop, but I don't know an easy way to choose multiple photos and apply the same type of frame to all of them. Can anyone suggest a method please?


texts: Im new to the Graphic Design Stack Exchange but I am trying to duplicate the filter used in this picture in photoshop.  I was close using Pixelate < Pointalize but it still doesnt work.


texts: How I can achieve this effect in Photoshop? With what keywords I can search on Google?


texts: How to add gradient on overlapping paths? Is there a way to combine overlapping paths to a single one?

texts:
I have been searching through the internet for a couple of days now and cannot find the answer.

I am trying to add a gradient stroke on a path, a gradient that would make it seem that the path is glowing.

That is easy.

Until you have multiple overlapping paths that are not suppose to be connected ( Paths > Join not helping here). Instead of having a "flat" path which emanates flaming light evenly, it becomes this silly effect that the light drops a shadow on the path below.

So clearly I have tried Paths > Join, which results in added additional lines between separate paths and the effect ended up looking worse.

I have tried "Compound Path" as well to a similar result.
At this point, it seems to me that there is no way to make overlapping crossed paths to look like a symbol and have an effect added evenly. I searched the web on this, not finding anyone asking this question or any guide on the issue. I might as well be overlooking some simple checkbox, but nothing is coming to my mind after experimenting for couple of days now with effects, appearances, and strokes.

If anyone has a workaround or has solved it for their own projects, I would very much appreciate the help. Thank you for your time in advance.


texts: illustrator blob brush is painting below the artwork

texts: I've never seen this in my 5years of AI experience where the blob brush has started painting below the artwork already on the layer.


texts: photoshop - managing color themes and switching between them

texts:
As I build out a user interface in photoshop, how can I assign colors to elements (mainly vector shapes but also text, etc) in a way that I can then create themes and then toggle through them?

In other words, a blue theme that uses different shades of blue and then one click toggle to a red theme where all the elements use shades of red.

I want to be able to set each element's color individually and yet have them toggle collectively as a theme.

How can that be accomplished?


texts: Illustrator: how to select or delete all raster objects

texts:
I'm about to submit some illustrations and they should not contain any raster effect or image and the illustration objects are too complex. I don't know where I used the effects or raster objects.

Is there a way to find all objects with that specifics in artboard and within clipping masks, groups and such and delete them?


texts: How to change Blend tool's behavior in Adobe Illustrator?

texts:
Is it possible to change the way the Blend tool works here?

What if I need the Blend tool draw the crossing not under the cross but above? Right where I drew the red lines on the screenshot.


texts: Adobe Reader Fill and Sign - Same word for many fields?

texts:
I am digitally filling out an employment application for a company. However, when I get to fill in certain fields, Reader automatically takes what's in that field and puts it for several other fields on the same form. So if I put "Joe" for the name field, it would put "Joe" for the name field plus several other unrelated fields such as Address and Telephone.

Is this something that's client-sided, like a local program feature, or was it an error on the company's part when building the PDF? I can't find an option to disable it and Google wasn't much help. I'd much rather digitally fill it out that print it, but I will print it if necessary.


texts: Mixing isometric illustration and real-life pictures. Do or don't?

texts:
So I'm building a brand using isometric illustration.
But I was starting to think if it would be possible, aesthetically speaking, to combine isometric illustration with pictures...
Have you seen that before? Any example would be great.
Or if you wouldn't recommend... Why?


texts:
I often have trouble estimating best image pixel size to large centimeter size, without causing much loss of quality.

Today is no different. A client wants a chosen image from shutterstock on his wall. (as wallpaper). The wall is 6680x1200mm

I can see on shutterstock the pixel size from the image. But how can I estimate if the pixel size is high enough for the size of the wall, without buying the image? Can I calculate what the minimum pixel format should be? If so, how can I do that?


texts:
Do graphic designers format and proof read documents?

We are editors of large reports, mostly from government. The drafts we get are often a mess of formats, with heading structures not clear and the text in multiple styles, in boxes and embedded in images. We pity the poor graphic artist who would have to work out the structure of the document and fix all the text up, if the author doesn't use an editor first. So, a few questions ...

Do graphic designers do much text clean-up like this?
Is not understanding the structure of a document because of poor use of heading styles a problem?
Would graphic designers much prefer to get the text cleaned up and and well-styled, or isn't it really a problem?


texts: hazy lighting effect / filter in photoshop

texts:
I would like to change the overly clean look of some rendered images i have made as they are a bit to crisp to be "real".

In the couple of images bellow there is this kind of hazy light.. is there a filter i can add in photoshop the might be able to reprudce a similar look ?

ps. these images bellow are what id like my images to be like, not as they already are


texts: how to stop gradient from switching color mode?

texts:
I set my document in CMYK. But Gradient always acts at it's own sweet will.
Whenever i try to apply it on other vector graphics it goes automatically to grayscale. Then every time manually i have to set it back to CMYK.
I dont want gradient to switch on ny other color mode.
Is it possible inside illustrator?


texts: Is converting tiff (CMYK) to png (RGB) and back again lossless?

texts:
I need to convert a bunch of tiff (CMYK) images to png (RGB) to process them through a certain program, and then convert them back to tiff (CMYK) again.

As far as I know, both formats are lossless. So can I simply convert them using Photoshop with default parameters and not have any losses in quality? Or are there some details that I should know before doing so?


texts: Brush following the cursor with lag in Photoshop CC

texts:
I am using the brush in black color in photoshop CC but the brush follow the cursor with lag. It is not about performance issues, since if I move quickly the cursor the brush move quickly behind the cursor, but if I move it slowly, the cursor move slowly too, but always with some lag, if I draw a short line, as soon as I stop the cursor the brush start to go slowly.

I want it to work as previous version of Photoshop where the brush just follow withouth lag

I have a very good PC and have tryed to down the preferences of drawing and giving more RAM and virtual space in the disk but the same problem appear


texts: Adobe InDesign: Applying a drop shadow to a placed PDF

texts: I am trying to apply a drop shadow to a PDF I have placed in my InDesign document. However, when doing so a drop shadow seems to be applied to every element inside the placed PDF instead of to the the object itself. See the .gif below as a reference for what I'm describing. How do I apply the shadow so that it sits behind the PDF?


texts: Moving content within the art board in sketch

texts: I am working in sketch. My question is, is it possible to hand selected certain parts of the board and move them up in unison withough disturbing the non selected area? basically i have a long artboard that is a web page...the middle of the art board the content has been removed so there is a gap in the middle. i need to select as a one the bottom part of the content and move it up to the upper part, thus killing the gap that was created by removing some content?


texts: INKSCAPE//Is there ANY way to split a path in 2 paths or does it just not work?

texts:
INKSCAPE//
It also needs to be separated on a 'outline'level...

You can put nodes on top of each other so it seems that is really is split up in a normal view but it is not...

Thanks,

Sabrina


texts: Arms of same object overlapping without crossing border

texts:
NOTE: I'm asking in Inkscape. The problem could have been solved in Adobe Illustrator, but it doesn't relate to a solution in Inkscape.

I want to add two arms over the same object and overlap them,

but I have the problem that when I want to add the border of the object I get that they cross

I want to put it like if one of the arms is over the other so the border of the one that is "down" can't be seen. How can I change this?

My group of layer is this:


texts: Which version of Adobe Flash is the stablest?

texts:
The artist in our company has a lot of problems (crashes, corrupted files...) with Adobe Flash CS5 (last patches installed). It's really a pain in the neck...

With Flash CS4 the situation was not better...

Is CS6 stabler? Which version do you prefer?


texts: Anticipating problems with a Google Webfont's rendering cross-platform

texts:
Web fonts can sometimes look great on one machine, but awful on another, due to differences in rendering not just between browsers, but also with the same browser between operating systems.

Most commercial web font services have a try-before-you-buy preview feature, where you can see side-by-side screenshot images of the fonts rendered at various sizes on different browser and operating system combinations with default settings (e.g. on Typekit (click 'Browser Samples'), and on Fonts.com (click 'Web Font browser/OS samples' tab)). Google Webfonts doesn't have this feature, and since the fonts are non-commercial/open source they are rarely/never available on these services.

Assuming you don't have a convenient stack of Mac, Windows XP, Windows 7/Vista and Ubuntu machines sitting under your desk, each with a variety of browsers installed, and that you don't have the time, resources, know-how and patience to set them up on one machine using something techie like Virtualbox (not even sure that would work...), how would you go about ensuring that a font you were interested in doesn't have rendering issues?

A good answer could be...

A service that simulates browser/OS rendering for any font or for Google Web Fonts specifically (I've not found one)
Knowledge about typographic features to look out for that are known to render particularly differently or badly on certain systems.

If an example would help, a font I'm particularly interested in is Lato 300, 400 and 900, mainly at 10pt, 14pt, 22pt


texts:
I created an ePub from InDesign. When I open it in Adobe Digital Editions the menus work as they should. When I open it with Apple iBooks on an iPad, clicking  menu loads the book cover. Every menu selection seems to do this.

I've tried searching online for solutions but have come up empty.

Any suggestions? Help!


texts: Distribute spacing by a specific amount is not working correctly

texts:
I am creating a lot of small circles and then I tried to ditribute them evenly using the "Distribute Spacing" and then selecting on the "Align to Key Object" by selecting on one of the circles.

And once I cliked on the distribute, it did get distributed, but when I calculated the distance from the center of 1 circle to the next, the distance is not exactly .5mm, its slightly larger.

How would I go about making the distribute evenly from the center. I think that currently its distributing from the corner.
Any help would be appreciated.


texts: How do I align an anchor point to the centre of a line or object?

texts: There's probably a really simple answer but I can't work it out. If I use the pen tool to make an anchor point somewhere along a line, how do I get that anchor point into the exact centre of said line?


texts: How to join 2 separate closed paths into 1 shape with overlapping anchor points

texts:
I am trying to create a cut path for a CNC machine that will cut out puzzle pieces. I have the puzzle pieces overlapping each other. I am told that I need to join the puzzle pieces into 1 path.

What I have tried

1) Using Object -> Path -> Join (Command + J), but I do not notice anything different, I still have 2 separate objects with overlapping points.

2) I tried using the script "Merge Overlapping Anchors", but I do not notice anything different, I still have 2 separate objects with overlapping points.


texts: Font for sections, subsections and subsubsection titles (in scientific thesis)

texts:
I've seen in some questions (Fonts for technical reports and What font types are good for a technical document?) that there are many answers to the "what types of font should I use".

Since there is no school template nor policy for thesis writing, I'm thinking about using something like this (which is heavily influenced by the KOMA script bundle for LaTeX):

I'm pretty satisfied with the Chapter title, the inspirational quote and the drop cap.  What I would like to know is what type of fonts can I use ---that is in harmony with the complete text and chapter title--- for the section, subsection and subsubsection.  Please keep in mind that the numbering must be preserved.


texts: Adding dashed lines inside a shape in Illustrator

texts:
I'm trying to create something like this.

From this.

See those dashed lines or dotted lines inside the shape?

Any tips on how I can do this using Illustrator CC 2015?


texts:
When exporting with sketch the colors I get are over saturated compared to the originals. See the capture below :

The color mismatch is appearing in any software that I use to open it. The export can be any file type and the problem occurs.

When I import my exported image in sketch, Sketch shows it with the original colors.

I did some research but could not find anything relevant. Could this come from the color profiles of my mac ? (I tried to make a new one but this didn't change anything). Thanks for your help


texts: How can I arrange overlapping circles into a rosette?

texts:
How can I make an image like this?

When I try doing this in Adobe Illustrator, it ends up like this. the final few circles overlap with the first few. How do I avoid this?


texts: How do I use a RGB image/layer with a Greyscale image/layer?

texts: I'm using Photoshop CS4 and have a project where I'm using a layer/section of brushed chrome and another adjacent layer/section in charcoal carbon fiber (pattern) background.  On the CF layer, I'm adding a text layer which is in color.  If I start the project in RGB mode, it prints out with a purple cast on both the metal and the CF.  If I switch to a Greyscale mode it prints out fine, but now I can't use the red colored text which was created in RGB mode. How do I add RGB elements (layers) to my Greyscale layered image?


texts:
I have used Microsoft Paint to tweak a Gentium Book Type to suit my own publishing needs for a public domain esperanto Bible. I wish to print this on real paper and publish on the web. I was unsatisfied with all other fonts I found available, so I used my artistic flair to shape a new font face.

Unfortunately, I can't figure out how to plug it into FontForge. Esperanto requires some rather spectacular diacritics which just don't work with usual fonts. I suppose when I actually print it, the computer will magically make the diacritic completely reappear, but it does not show up in my text document word processor on my computer, especially for capital letter diacritics. I realize I may not be able to understand you answer, but humor me, if you wish.

What I did was shrink all alphabet letters to a lower height and added legible diacritics of suitable height and sharpness in super-zoom mode. I also disliked some of the numbers, so I fixed those too. Anyone out there care to take a gander at educating me? I have no money to purchase design tools, as I'm still paying for my touch screen computer.

I'm trying to become a professional artist, so I've already created some digital art I like with a strange program called Fresh Paint with really cool background paper. Too bad I can't make my finger vary in thickness or pressure for Chinese calligraphy.


texts: How to cut off parts of text by an object in Illustrator?

texts:
I'm new to Adobe Illustrator, and currently I'm trying to cut a letter off by an object. In the following I am going to explain what I mean:

I have drawn a rectangle.
I have written some text.
I positioned the text over the rectangle, so that parts of the text are inside of the rectangle, parts of it are outside.

What I now want to achieve is to cut off every part of the text that is outside the rectangle.

Please note that I do not want to subtract the text from the rectangle - the text (at least the part which is inside) shall still be there.

How could I accomplish this task?


texts:
I am getting a special cut sticker printed out (not sure if you can see from the photo. I am getting 25 of them printed. I sent the printer the sticker, with a cut line and a bleed line. The stickers will be small 2in x 1in.

The printer keeps telling me I need to send them an .eps vector die line

I've done die lines before and thought sending them the cut line and bleed line was it but apparently I'm wrong.

What are they asking for?


texts: What is the lighting logic for the box-shadows in material design?

texts:
In material design, the box shadows are defined in sets of two (https://codepen.io/sdthornton/pen/wBZdXq)

Like so (each card appears more forward than the last):

.card-2 {
  box-shadow: 0 3px 6px rgba(0,0,0,0.16), 0 3px 6px rgba(0,0,0,0.23);
}

.card-3 {
  box-shadow: 0 10px 20px rgba(0,0,0,0.19), 0 6px 6px rgba(0,0,0,0.23);
}

.card-4 {
  box-shadow: 0 14px 28px rgba(0,0,0,0.25), 0 10px 10px rgba(0,0,0,0.22);
}

What is the logic behind the decision to have two shadows?  It obviously looks nicer than a single box shadow would, but there must be some reason why.

My current guess is that some amount of surface reflection is taken into account.  Either that or perhaps shadow fades are meant to be curved (non-linear opacity dropoff) and this was the cheapest (CPU) way to achieve that look.

What is the logic behind these design decisions?


texts: GIF Photoshop images are not clear after saving

texts:
I have created an image in Photoshop with three layers but after saving as a GIF and if I view it in Browser, the animation is dotted and not clear.
If anybody has some idea why please share.


texts: I was working on application design in Photoshop and here we need a webp file. How do I save or export from Photoshop as webp?


texts: Merge different coloured shapes w/ illustrator CS5

texts:
I'm trying to merge 4 different coloured shapes so I can apply a warp to them.

By warp I mean; make them look like there going off into the distance.

However, pathfinder turns the shape into one colour.

Is there a way to merge the different coloured shapes?


texts: Anchor background-color object to paragraph style in InDesign

texts:
In a book I'm working on in InDesign CS6 every chapter starts on the next odd page. Every page with the 'Chapter Title' paragraph style has its own background color (the whole page is filled with this color).

Whenever new pages are inserted before any chapter, the text reflows as is should, but the background color (it's really a rectangle filled with a color) stays in place and I have to manually move it and send it to the back all the time. I tried to anchor the background-color object to the chapter title; the anchoring works but now the rectangle covers all the text on the page. Apparently there's no way to place anchored object behind the text.

Any thoughts?


texts: Resolution independence - Prepare Images & Icons for different densities and resolutions

texts:
I am quite confused in a way of designing interface elements (icons for example) for different resolutions and densities for Iphone apps for instance.
I would be grateful to anybody who can put lights on these questions:

On this link have been mentioned all Iphone devices and each resolution: http://www.paintcodeapp.com/news/ultimate-guide-to-iphone-resolutions. If we are designing an icon, do I understand right that for Iphone 4s (326 ppi) and Iphone 6 (also 326 ppi) we will use the same icon (with the same dimension) and we don't need to resize it?
Do we have to resize design element only when device has resolution difference? It doesn't make sense in a case when there is a difference in device dimensions only.
Take a look on this article: https://www.smashingmagazine.com/2010/11/designing-for-iphone-4-retina-display-techniques-and-workflow/.
Vector is definitely a necessity for perfectly quality all the time.

But, when reading that article I can't understand, why vector-based images tends to be more resource-hungry and lacks pixel level control?

What is the perfect practice to design icons and handle widely different resolutions and pixel densities?

I thought that the best practice is to create vector graphics and export as SVGs or create an icon font. Since the pixel density of devices change, we can't easily plan for them all so you'll be providing many duplicate images at different sizes.

But, for now I've got lost absolutely.

I also found that Photoshop allows for greater flexibility in layering effects (for drop-shadows, gradients… for an embossed look).

What if icon has to be designed in photoshop? In this case we must built each icon for specific devices, at specific resolutions: bespoke designs for each required size. It’s more work, but pre-rendering images ensures everything always looks as good as possible. Am I right here.

P.S.: Please, I am appealing to all UI specialists here. Could you bring an order in this issue.


texts:
sorry for my English..

I have this image,

it is 468px x 531px and I to want to change to 792px x 1040.

I search on internet how does it, on image + Canvas size, my problem is when to change the size, change the image size, when I'll only to change the background size,  not the image...

Can please someone help me and with easy words say how can do it? Thanks!

I want to have like this image

This image has 792px x 1040px.

The steps I to do for change the size from the image,

1)With gimp open the image,

2) On File + New open a new window with 792px x 1040.

3)With Rectangle select tool select the image and copy it, and bring to the new Window

how to see, now the image from the product is smaller...

My question how can prevent this problem and become on this window the product image identical as the firs image ?


texts: Messed up resolution when exporting screens with multiple scale in Illustrator

texts:
this would be my first post.
When exporting to png files, resolution Screen (72 ppi) is the default selection when you select Export As... or Save for Web (Legacy).... However in Export for Screens..., multiplying the scale will not only affect dimension but also its resolution.
For example, if I have 24x24 image with requested scale 1x and 2x. The result is:

24x24 (72 ppi)
48x48 (144 ppi)

I'm pretty sure this is not the desired goal. Those images with bigger scale are still intended for screen and not for print, therefore should stay on 72 ppi. Has anyone found a workaround?


texts: Options for default layer visibility in Photoshop

texts:
So at work I have been converting a lot of PSDs to web. When I need say a background image of a box I hide everything else hide all the text and content inside of said box, select, copy merge etc. Then I need to go back to my PSD for the next item, except now everything is hidden and it's a giant frustration to try to make everything visible in its original state. At this point I generally just close the file without saving and open it again. Undo doesn't seem to work with layer visibility for good reason.

I am wondering if there is any way to set default layer visibility so I can quickly return everything to it's original state without having to reopen the file or go through each item individually. Thanks!


texts: How to fix Visible white lines of grid (hairline) after exporting pixel art on Illustrator?

texts: I made a pixel art piece on Adobe Illustrator, painting singular squares of a generated grid. I turned off the stroke so no grids are visible, but when I export, there are very faint hairlines. How do I fix this?


texts:
I have been trying to do this.

I have the word "Panther" and what I want is to stretch the letter "P" only to extend it and cover the other letter.

Here's what I am trying to accomplish. {I use paint so I just sketch it sorry}

I tried doing this but I am unsuccessful.

Create the text.
Convert the outline.

3.a I tried dragging the anchor point with the direct slection tool but I am not able to drag all anchor points along the curve of "P"

3.b I tried using the warp tool but it seems to skew the whole letter P.

Any hints?  Just picked up illustrator and learning the ropes.  Thanks.


texts: Small text and safe CMYK values to ensure as crisp text as possible

texts:
I am working in an InDesign magazine where I need to have a fair amount of small text (10pt) in many different colors; thus impossible to use only one additional spot color.

My concern is that if I use CMYK values that are random numbers like 72,3% in any of CMYK value, halftoning will appear and make the small text not crisp.

Do I worry too much? I don't expect the result to be 100% same as printing black in 0/0/0/100 but something close to that.

If my concern is valid, are there any practical rules to follow?


texts: How Can I set up the preview Quality for objects I move in transformation mode in PS CC

texts:
My question is easy.

I remember a function in an older version of Photoshop where I could say Photoshop to preview things I move around in lower quality to improve performance.

Where can I activate it in Photoshop CC? Or doesn't it exist anymore?


texts:
I was wondering how to make such Pokemon sprite recolours:

They look better in a black background:

I'm assuming this is on photoshop, but I am very interested in knowing how they are made. I've tried using the rainbow gradient but it doesn't turn out, and the background effect I am unsure of also.

Thank you if anyone could tell.


texts: How do I design a 3D Steel IBeam effect on a logo?

texts: I have a client that currently has a logo with a 3D effect behind the words. The 3D effect looks like a steel I Beam. They are changing the name of their company and want the same effect behind the new name. How do I create this? I've attached a file with the original effect next to the new effect that I was able to create. I have researched the internet to no avail.


texts: Strategies to get into a design agency as an in-house designer

texts:
I went to a design school and have advanced diploma. But have not further my studies due to financial issue. I’m currently working as an in-house graphic designer in a printing company for almost five years.

But I was always hoping to become those award-winning designers producing work that is brilliant, simple, classy artwork. But from the current looks, I’m no way near it, and it seems that I will never get there.Because most of the job in printing house doesn’t really require you to be very in-depth design. The goal mostly is just try to make the “things” seem not so plain and faster print it out deliver to client then end of the stories or most of the case client the have  a artwork. We need to revise change based on what they want. So overall the portfolio seem too weak to get in any agency at all…

The most advise I get is to quit the current job and try join a design agency. But my portfolio as an in-house graphic designer just doesn’t really help.

So is this means that I probably will be an in-house graphic designer in a printing company for the rest of my life. Or is here any other path I can take that lead me to a design agency?


texts: Photoshop Batch Action - Relative Positioning

texts:
I am currently trying to create a batch action in Photoshop CS3 to

re-size the canvas on images of varying dimensions and
insert a text box in the new space at the bottom of the image created by the canvas resizing.

The primary problem is the varying dimensions of the images. I can use relative positioning for the canvas re-sizing, but I am stuck on how to create the text with the correct dimensions (vertical will be the same, but horizontal may vary) and then position the text box at the bottom, either using some sort of 'coordinates = max value' (for referencing the lower right hand corner); or (0, max value) for referencing the bottom left hand corner. I suppose I would also need to specify which corner of the text box I am aligning it to (perhaps with the Transform tool?).

To sum it:

How do I create a text box in an action with a set vertical value and a horizontal value equal to the horizontal dimensions of the canvas?
How do I reference the "maximum value" using the coordinate system?

I am trying this in Photoshop CS3, but if you think another CS3 product with action functionality is better suited for this task, please let me know.  I know Photoshop dropped some of its support for coordinate positioning in favor of its snap-to features.

(I have seen a related post at: Can I transform an image's location in a Photoshop action so that it's relative to the canvas and NOT the image?    - but I'm not sure this is the solution to my problem).


texts:
I've inherited an InDesign file and I'm new to the software. I need to send an exported PDF to print a 30"x40" poster from this InDesign file. The InDesign file was designed as a simple flyer, at 8.5"x11".

How do I upscale this file so I can export it as a PDF to print this poster? Or can I use the file as is and simply export the PDF, would that produce a high enough quality file?

Any help for me is appreciated.


texts: What style is this vintage illustration?

texts: I'm looking for images similar to this one to use in a design but i'm unsure of what to search for. What style would you call this image? And how were illustrations like this created originally?


texts: Photoshop CS5 - Change Color of Selecting/Highlighting Text

texts: When you highlight/select a text it highlights it in Black. Can I change it from Black highlight to a different color?


texts:
I am trying to draw a diagram similar to this:

As you can see, a curvy closed shape has been drawn as a line/path. Then, part of this path (for instance by adding anchor points and cutting at them) has been selected, and a long rectangle has been bent to follow that path.

Since I will be fiddling with such diagrams a lot, I want it to be easy to:

Resize the diagram
Have more than one rectangle (or possible other long shape) on different parts of the same curve
Fill the rectangle using standard fill tools
Color and style curve
Color and style the outline of the rectangle
Add text to the inside of the rectangle that follows the bend.
Easily alter the shape of the rectangle by adjusting the path that it's made to follow

I don't particularly care if the rectangle is first created and then bent, or if the line segment is somehow "widened" to turn it into a rectangle (ie. an object with an outline and a fill).

It would be nice if I had some freedom with the shape, such as using a very long hexagon or a rectangle with rounded or triangle tips (so that it looks like a long sausage) but I can live without it if it's very difficult.

How can I do this? I have Illustrator CS5.


texts: Advanced shadow and highlight extract with transparency

texts:
I want to blend this image dynamically over a background. So, I want to extract it as a PNG with transparency.

I photographed the ship-in-a-bottle on a surface that is roughly the colour of the background I want to blend onto, so it doesn't need to be absolutely perfect (the transparency would be very difficult, but I'm not going to worry about that!

The part I'm interested in is the shadow. Does anyone have any good ideas of how to extract it as a flat-ish colour with all the detail in the alpha channel? So that the shadow should work over basically any other surface? It would be nice to retain detail in the shadow, but not too much of the detail from the grain off the stone that it was photographed on.

My best bet right now:

Roughly cut it out of the background
Desaturate, ramp up
brightness/contrast to create a black/white image that can be used as
a mask
Use this mask on the original image again to retain the
colouring of the shadow
Play with the colouring until it looks
correct over various textures.

Problem is, I'm not sure this will retain the quality from the original image. It would also be nice to retain some of the bright refracted light as well as the shadow!

I'm using Photoshop CS3.


texts: Apply custom modifications to the model in 3D software and export the TGA

texts:
My problem might not be quite clear from the title so it needs some further explanation here.
I'm not limited to using Adobe Dimension that's just one piece of the software I'm trying out.
What I want to do (I have zero success with this):

Load the .obj model into 3D Software;
Apply .tga texture;
Apply some custom modifications (anything) in the 3D software;
Export the .tga which should be changed according to those custom modifications.

So it's like painting on .tga but in 3D. Then exporting and polishing it out. Hope I'm clear enough.


texts: What are some good tips on how to extrude text in Adobe Illustrator?

texts:
I'm bit of a newbie in Adobe Illustrator and have been learning the application by trying to follow some tutorials and recreating some cool stuff I come across on the web.

That being said, I'm having trouble replicating the effect found in the following image using the standard 'Extrude & Bevel' options. I've also tried copying + pasting the text in front, back, in place and that came out even more horrendous. 'Extrude & Bevel' gives me a nice approximation but nothing that pops out like in the example.

Any tips on how to fine tune my 'Extrude & Bevel' settings or an entirely different method of achieving a similar effect would be very much appreciated. Thanks for your time and help!

How can I create a 3D effect on my text similar to the one in the following image, using Illustrator's Extrude and Bevel tools?


texts: What are Google font alternatives for Franklin Gothic? I need an alternative to Franklin Gothic in Google Font Library.


texts:
I was trying to remove background from this gif in photoshop.

When I was done I saved it for web but my problem is that when playing the gif after saving, loads of white dots appear out of nowhere. Can I do something about that?


texts:
I have this Script to distribute objects to its own layers.

var mySels = app.selection.length;
if (mySels == 0) {
    alert("Select the object and Run the script");
    exit(0)
} else {
    while (mySels--) {
        var objLayer = app.activeDocument.layers.add();
        app.selection[mySels].itemLayer = objLayer;
    }
}

My question is how to make this script to select all the objects automatically, so I can run this on a folder of bunch of InDesign files?


texts: How to Subtract A Rectangle From a Circle in Illustrator

texts:
I'm new to Illustrator and it is driving me nuts.

What I want to do is simply subtract a rectangle from a circle

On top of it, I draw a white rectangle, and use the Subtract from front from the Pathfinder.

What I get is:

while I expect


texts: Best workflow to save an image in 3 different sizes

texts:
In Photoshop, I want to create 3 different sizes of the same logo.  There will be some differences in the look of the logo depending on target screen size.

I believe the slice tool is what I want but I'm not sure.  I've been learning more about the slice tool.  It seems if I use it for creating differently sized logos, it will save lots of time as everything can be saved at once.  This way, I don't have to create three different images with three different saves.

Is the slice tool the most efficient way to handle the above scenario?


texts: How to remove gray background on gray picture?

texts: I have a scan of an old anatomic atlas; it's grayscale and not really bright. I suppose it's a copy of an engraving. My question is: is it possible to remove this background relatively easy? Or magnet lasso will be the only option?


texts: Where to find the artboard presets in Photoshop 2017? I searched artboard on the global search but it says it's not available.


texts: What is this serif font with distinctive T?

texts:
I'm attempting to find this font (note the distinctive shape of the T):

I tried automated identification (WhatTheFont, Identifont, and Serf-font identification guide), but didn't find it.

Sorry about the poor quality of the sample; it's the best I have.


texts: How to fix a Soft Body on selected points in Cinema 4D?

texts:
as the question says...  I want to fix a soft body on selected points so when the physics kicks in it should behave as natural as possible.

Progress: When i create a point selection tag end drop the object and the selection tag in a fixed connector B object field its starts good and than starts dancing and deforming into abstract art haha. What am I doing wrong?

If anyone has any ideas please share, but do mind that I'm a beginner. Thanx

Example I made with cloth engine. But I need it to work with soft body.


texts: Why is Illustrator's minus front not working?

texts:
I have some white lines (converted to path) on top of my star shape (rasterized) as shown in the picture. I am trying to "delete" the white lines from the shape so the shape gaps can be seen in transparent if that makes sense. The rectangle on top right shows what I am trying to achieve.

I tried to select both the star and the lines path and use Minus Front from Pathfinder and although there seems to accept the command nothing happens. What am I doing wrong? Can this also be achieved using clipping masks?


texts:
I'm trying to recreate a piece of animation from Adventure Time. In the episode "Three Buckets", Fern, disguised as Finn, walks home carrying flowers. The grass he's walking on is clearly several images with different colours moved on a 3D perspective to create a horizon effect.

Example video

How can I recreate that method of animation in something like Toon Boom or Blender?


texts: Slicing a flat bitmap in Fireworks, exporting each slice with full canvas size and transparent background

texts:
I have a large image that I want to cut up in to 25px * 25px squares. I haven't used web slices before created a square slice, copy/pasted it in all the places I needed it, then selected them all and clicked Export Slice. However, this gives me 25px * 25px squares. Is it possible for me to export these slices, but with the whole canvas, remaining in their correct position. What I wish to end up with is a collection of images, all the same size (as my canvas) that can be layered over one another to create the same original image.

Any suggestions?


texts: Backup storage solution for video/RAW photographs

texts:
I work as a designer/photographer for a <10 person startup. We rely heavily on photography and video in our work. Currently we use Google Drive to store edited photos and graphics, however, have no single/unified storage system for our RAW and video files (ie we keep backups on our own drives).

What would be a good start to backing up/preserving our data? We produce ~10-50GB a week between videos and photos, and working between multiple personal computers, it can be a real hassle to upload and sync everything to Drive.

My current idea was to purchase a large external hard drive (5tb) to start.


texts:
I was wondering if anyone could help me figure out how this asset was created (credit: Travis Brothers, Post Malone tour advertisement). It looks like a firework, but I have tried vectoring early firework explosions and cannot seem to get the same effect. It might also be a sort of time travel lens flare.
Or, it has been made from scratch with some threshold adjustments, etc. And if this is the case, I am curious how it would have been achieved. Custom shape? Textured brushes?
Thanks for any and all the help.


texts: How to remove coloured degradation from old photo in GIMP

texts:
I have a lot of old photos in my family history file. The one I'm looking at has obviously suffered from some kind of degradation of the silver/silver chemicals:

It has a sort of haze over parts of the surface, which is a sort of cyan colour (as opposed to the sepia coloured genuine image). I have scanned it in colour, and I want to try to remove the cyan(ish) haze without damaging the underlying image. Since they are a different colour, this (it seems to me) ought to be possible. How would I do this in GIMP?

Thanks - Rowan


texts: Use data merge of indesign using console or through an API

texts:
I am trying to evaluate Adobe Indesign for my needs. In this regards, I asked
https://stackoverflow.com/questions/6164612/generate-a-catalog-for-print-and-web

I looked at the tutorial posted in the answer and it appears to be everything I need. However, I would like the functionality to be available through a console because, the idea is to eliminate user involvement as much as possible.

Does any one know if this is possible? I tried to look at the adobe documentation but they are all geared towards creating plugins which are run from inside Adobe Indesign.

There is also a server edition of Indesign, but I could not understand if it has what I need or not.

Thanks.


texts: What Are Some Things That Are Really Easy In Illustrator But Really Hard In Photoshop

texts:
While I can think of several tasks that are easy in Photoshop but difficult or impossible in Illustrator, I have a hard time thinking of things I can do in Illustrator that I can't do (almost) just as easily in Photoshop.

Setting aside trivial tasks like saving vector files in a particular format, what are some examples of tasks that are very difficult to perform in Photoshop but are very easy to perform in Illustrator?


texts: how to call .aex file in after effects script?

texts:
i want to apply a transition between two video clips and the transition is a .aex file. i can apply ffx with "applyPreset".

how can i apply it via script? or even an outside code?

thanks!


texts: How do you save each file created by Indesign Data Merge

texts: I have used data merge to create 100 PDFs, how do I save each one individually with its own name?


texts: How to make a burn effect like this photo

texts: How to make a burn effect in photoshop ? Is this effect created using a plugin in photoshop ?? or with any other software ?? please see the picture.


texts: Isolated > medial substitutions in FontForge

texts:
I've been working on a font for a fictional language (Ta'agra from Skyrim) and I'm having issues getting the substitutions to work. It's supposed to be written similarly to Arabic where each letter connects and has an initial, medial, terminal, and solo form. I've made lookup tables specifying " isol @ | isol @ (med) " so that if there are two letters typed, the first will become an initial form and the second a medial. In another table I've put " med | isol @(med) " so that anything typed after a medial form will also be medial. However, when I type it will come up as initial, medial, initial, medial... I have no idea how to create the lookup tables I need.

In summary, I just need to know how to make it so that as I type isolated forms, they will turn into initial and medial forms as needed.

Thanks in advance.


texts:
I have a quick question regarding Photoshop, as I did not manage to get the same result as in the picture below.

https://ro.pinterest.com/pin/466755948863287781/

In the section, at the bottom the ground is like faded out, but not only in one direction (as if you would do a transparency mask). I tried to achieve the same result with the Erase Tool with different opacity levels and gradient masks, but it just does not look as good as there. In fact, it look terrible to me.

Can someone give me some tips on how to achieve such a fade out effect on a texture?


texts: How to make a merged layer cut into a background to be transparent

texts:
I have two layers in my project. I have one that is the background composed of a picture. The foreground is a merged layer that contained text and two images. What I want to accomplish is to have the foreground be transparent, meaning what ever background i put behind the two layers I have now, I will be able to see through the outline of my foreground layer. The goal is to use the graphic in a video and have the video show through. I have an example of what I want below:

(This image is from a video that explains how to get the outcome I want from a text area, but not a layer.)

I'm trying to accomplish this is Photoshop.
I've tried making a clipping mask, but that wasn't helping me out. I tried to use the magic wand tool to select my layer that I wanted to cut out, but I can't get anything to work. The video tutorials I've looked up all base their examples on text layers, and not normal layers, which is what I'm trying to do.


texts: Should online PDFs be saved as spreads or single pages?

texts: There are benefits to showing a pdf download both as a spread and a single page. Which should I take into account—the view-ability on smaller computer screens or the design appeal of showing them as spreads?


texts: How can I compare alpha channels pixel by pixel?

texts: I've got two TIFF files with RGB and multiple alpha channels.  The RGB channels are pixel by pixel identical. The alpha channels have values from 0 to 255.  How can I compare an alpha channel in each file pixel by pixel?  I need some kind of way of clearly visualizing the differences.  The images are 300 x 384 pixels.


texts: I have had some wire frames designed last year, and am now working with a developer whom I've shared the .psd file with and he says the file is one layer and needs the individual layers in order to manipulate the wire frames. Does anyone know how to revert the process to see the layers before he flattened them?


texts: How can I open two dialog boxes like fill and stroke menu and align and distribute menu at a same time? Thanks in advance.


texts: How can I make a printable map for a spherical Earth globe?

texts:
Preferably, with a non professional free software, such as Gimp or Paint.net.

In essence, I want to turn this:

into this:

How can I portion the image in multiple pieces with the same area?
How can I "pinch" the tips to make them smaller, like in the second pic?

I am using one of these pictures from Nasa. Any better idea for my project is welcome.

(I don't want to use the second picture as it is because I want to use one with a good resolution.)


texts:
I am fairly new to the print media parts.

I have a client that requested a business card design. However they want their business card to have a certain texture and some parts need to be cut out. What do I need to do as a designer to ensure that I make it happen, or is it up to the printing company they decide to use?


texts: Illustrator: Cut Lines out of a shape w/o Clipping

texts:
I try to cut a couple of lines into a form of a shape. If I expand the lines into shapes, everything is working fine. Unfortunately, I need to have lines at the end, since the file (svg) is going to a plotter and it should draw these lines, that's why it's not working to convert the lines to shapes.

In addition, I cannot use Clipping Masks, since the software I import the file cannot work with them. Is there maybe a possibility to save an svg and remove all clipping masks or something like that?

What I want to achieve is this, but the lines should remain lines and not shapes and it must not contain any clipping masks. Any ideas?


texts: How do you square fit an image like PicsArt does using GIMP or MS Paint?

texts:
PicsArt has a very nifty tool called square fit that adds a enlarged blurred layer of your image in a now squared background

Example

I'm not trained in Graphic Design in any way and I confess at first I thought I should post this question on Ask Ubuntu, then I decided it was a better fit for Super User. I ended up here as I figured I should stop somewhere and this meta post seems to indicate this is indeed the place for a specific questions like this.

I just want to manipulate some photos and have my manipulations displayed to the websites I upload them to. Websites I upload these too though (e.g. Facebook profile pictures) will typically forcibly square my image and then cut off pieces of my manipulations. So, to get around this I've been using PicsArt's square fit tool. After the image is squared I can then do whatever I want to the image safe in the knowledge that it will all be in the final uploaded image.

My question is: How do I "PicsArt Square Fit" an image in GIMP or MS Paint or some other free software? I don't always want to have to take out an android device to do this.

Ideally I would like an answer for both since I use both Windows and Ubuntu.


texts: Most believable way to draw multiple tiles on top of each other

texts:
I am terrible with graphic design but I'm trying to make a figure in Keynote where squares are drawn on top of each other to represent changes through time. The idea is to take one tile that represents "space" and then stack these on top of each other to represent "time".

I'm not sure which square in the "time" image to make transparent (top or bottom one?) or which ones (all?) should have dashed lines, etc. Could someone provide an example or tips on how to improve my figure?


texts: Are these concepts okay to show the use of an air purifier?

texts:
I'm designing 2 social media posts to show the function/use of indoor air purifiers.
Please see the image. I've sketched the concepts.

Left one: It is an air purifier, which purifies air. So I've shown two cigarettes as chimney and smoke is going away from room, through window. I want to convey a message that bad stuff, like indoor pollutants will stay away from you when you're using the product. I've place the product nearby, and visually shown the smoke is repelled from it (actually this is not actual science, but just a way to convey message).

Right one: This is air purifier for office. It is plugged in a socket as shown. Just like we catch a fish, I've shown with a line, it is catching bacteria/virus. I'm also thinking to put 1-2 guys working nearby in a happy mood.

Am I good to go and execute these concepts or they make no sense?


texts: Removing blend effect from a copied object; Inkscape

texts:
So I'm creating a logo with the multiply blend effect on one layer, and there's a part I made on that multiply/layer that I copied and pasted to one above it so I could make it opaque. But the multiply effect is still part of the object I copied despite it now being on a normal layer.
How do I remove that effect so that I can make the part opaque?


texts: illustrator - got RAM not enough error message and artwork now doesn't look right

texts:
I got the error message re: Ram space while I was using Illustrator.  Now the artwork I was working on doesn't look it's supposed to look.... I closed all the other applications I was using, restarted my computer, opened the AI file again, but it's STILL looking weird!!!

I need to be able to view the original file... how to fix this program? Urgent, help greatly appreciated


texts:
Possible Duplicate:
  Where are some good places to find free stock images?

Are there good central locations for icons / buttons / ui elements?

There are a number of great font databases online, good stock image sellers, and even a good number of blogs that point to good designs / themes / templates... but icons / ui elements?

Also, is there a standard of any kind that specifies what images / shapes should be in a complete set?


texts: I have this complex vector illustration and the lines overlap without a solid fill. Instead, I wanted to "flatten" or merge the lines so it's just one vector. Instead of it being filled, I want it to be transparent. If I remove the fill it shows the lines of the other vectors.


texts: Batch Data-driven variables Photoshop and centering text

texts:
i use data driven for batch many files but i have problem on the final files the text are not centered :(
My original template are perfectly centered but when i export using batch all text are not centered so it look very bad the name has not the same length but the letters have only one character so i don't understand why on final file text is moved.
see my screenshot and sorry for my english :p


texts: Why does Bootstrap 3 use Helvetica Neue?

texts:
My understanding currently is: "Helvetica Neue" is Linotype font. That means it needs to be paid for and is not free to use. It is also a font that is not for web, it is for print. It will not render well on a range of devices, for example, PC users browsing with Chrome or IE. Helvetica Neue is particularly poor at rendering in small sizes.

And yet right in Bootstrap v3.3.5 we see

body {
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  ...
}

And if I look for the "common" cross browser font declaration of the likes of:

 @font-face {
    font-family: 'Helvetica Neue';
    src: url('Helvetica-Neue-webfont.eot');
    src: url('Helvetica-Neue-webfont.eot?#iefix') format('embedded-opentype'),
    url('Helvetica-Neue-webfont.woff') format('woff'),
    url('Helvetica-Neue-webfont.ttf') format('truetype'),
    url('Helvetica-Neue-webfont.svg#Helvetica Neue') format('svg');

  }

It is no where in any Bootstrap file, nor does Bootstrap provide .eot,.woff,.ttf or.svg files for Helvetica Neue via CDN or download.

Why does Twitter choose to use Helvetica Neue when it is not a Web Friendly font?
How is Twitter delivering Helvetica Neue to browsers if there is no .eot, .woff, .ttf or .svg files being requested to a CDN or included when downloading Bootstrap?


texts: Dealing with a lot of repetition in data table

texts:
I have a table where a lot data is repeated (see the competition, players and date columns).

The endless rows of the same stuff draws the eye and makes it seem like the most important thing in the table and distracts from the interesting (varying) stuff.

Is the a good way to display the same information over over like this? It does vary further down the table.


texts: In Fireworks how to make a pictogram icon with partially overlapping stroke/outline

texts:
In Adobe Fireworks CS5 how to make a pictogram style icon like this one:

Or more precisely, how to get the overlapping stroke/outline of the star atop the bottle without using a stroke filter?


texts:
With flat designs trending across the board in the graphic designing community, there have been some amazing and subtle effects out there... One of those effects is a simple shadow like the one in this picture. I am a huge corel fan and have lately started using coreldraw for everything, but i still can't make shadows like this one.

I can never get my shadows to be as soft as this one in corel.


texts:
I am creating a poster 60cm height and 90cm for printing.

I tried using Photoshop and set the document for 60x90cm and worked the designs. And after when I save the document in PDF for print, the output is very large 250mb.

I am worried whether this works for my client, He says the document is very large.


texts: Iphone photograph resolution suitable for 12" album cover?

texts:
I'm hoping to use an image taken with an iPhone camera for a 12" vinyl record cover. The image is an uncompressed TIFF, taken with the iPhone 5s 8mp camera at 3264×2448, using the 645 Pro app for an approximate file size of 24MB.

Sniffing around tells me the recommended max print size at 300 dpi for a photo at this resolution is 10.8" X 8.1". However, if I go slightly beyond that (i.e., enlarging to 12"x12" in Photoshop for the album cover), is it going to look like garbage? With the presumption, that is, of a well-taken, in-focus photograph.

Thanks for any advice/recommendations! I am very much an amateur and new to many aspects of print production.


texts: Calling Pathfinder Divide through JavaScript in Illustrator?

texts: How do I call Window → Pathfinder → Divide through JavaScript in Illustrator? If not, can I call an action that pushes this button through javascript?


texts: What is the math governing the shape of Inkscape's spiro paths?

texts:
I have begun experimenting with Inkscape's "spiro" mode for curves.  Since I usually end up writing Python to create art that Inkscape just doesn't have the tools to accomplish, I'm curious what the math behind the "spiro" curves is.

What formulas does Inkscape use to choose the Bézier handle points for Spiro paths?


texts:
Is there a way to save a file in Photoshop CC 2014 with history?
I would like to open a file already saved and see the history.


texts: What's a simple way to make a perfect multi-colored tile grid in illustrator?

texts:
I Googled "illustrator repeat shape" and none of the results gave a clear answer from what I could tell.

I want to make a simple multicolored grid something like this, without duplicating and dragging the squares manually:

The colors dont matter, I can manage that, and 8x8 as shown above would be perfect. How can I do this in illustrator?

Note: I know I could manage this manually by creating a square shape, duplicating, dragging, repeat, but I'm interested to know if there's an automated method of doing this - I see such patterns all over the place and I assume illustrator would be the tool to make them without manual iteration.

Is there some kind of feature for repeating shapes a number of times over the x and y axis, for example?


texts: Change color/hue (blend mode) of complex graphic in Illustrator

texts:
Is there a relatively quick way of changing the colour of something in Illustrator. I'm working on a paint splat, so there is lots of subtle colour changes and opacity set. So selecting the group and changing the colour will make it one solid colour, which I don't want.

I know you can do this is Photoshop by overlaying a shape (rectangle) with the colour you want. Then on the layer options change the blend mode to hue/color and it works.

However if I do this in illustrator it does change the colour of the paint splat but it also maintains the rectangle shape so there is a solid block of colour around it. In Photoshop that area would go opaque. Any ideas?

The reason I'm trying to do this is I want to see an array of colours before deciding on what we use. Changing all the colours manually for 12 colours would take too long!

Thanks in advance.


texts: How to modify/copy and edit a filter in GIMP

texts:
I would like to take a filter (in this case, the mosaic) and use it as a base for another filter. I want my end result to be the mosaic, but without the borders between "tiles". I want to know if there is a way to customize the filter beyond the dialog box.

Is it possible to copy the code and put it into my scripts folder for editing?


texts: Illustrator CS6 saving as CS5 by default?

texts:
I don't really use Illustrator, but as the techy I am I help someone who does use it regularly - not a techy at all.

The problem is I've installed her CS6 because of the 64 bit support, but she has to deliver those files to people who still uses CS5. So it's started to be a problem for her to remember changing format to CS5 when saving the file.

Is there any way I can make CS5 the default saving format in Illustrator?

Switching back to CS5 is an option, but if I can avoid loosing the 64 bits capability, I'll be glad.


texts:
Many times I have seen an introduction to color theory in design, however most of them were focused in their chromatic nature.

Recently I was thinking that color temperature, brightness, saturation... also have a meaning. Like when bright colors transmit youth and dark ones a sense of seriousness.

Do professionals use some type of tools or techniques to ensure a uniform use of color temperature? How do they measure them?

I am just a programmer with some interest in design, so for me color is evaluated just by the RGB values allowed in a browser. Most of my interest lies in finding more formal ways to think, track, balance and document color choices.


texts: What is the most effective way to organize .psds for a large scale application project

texts:
I'm working on a project at work where we are building out a full scale application. Its going to span a 2 year period. Ive been naming and dating psds. I'm still having a hard time staying organized. I'm starting to design a design library and I am planning on attaching all my psds there in order to organize everything. That in itself is a pretty massive undertaking for one person as I am already working on the project as it is.

In the mean time I figured I would see how other people organize their psds and see if there is some way that I haven't thought of yet. Any help would be much appreciated.


texts: Loading custom ICC profile into InDesign

texts:
I have been going around in circles with colour profiles for a while now and I'm not getting anywhere.

I am working between Photoshop and InDesign to prepare a presentation of a hand-drawn colour sketch which has been inverted in Photoshop to be on a black background. In Photoshop, I apply a custom ICC profile to a scanned image. Our head office has developed this profile and it has been checked in their office against the profile they use there (different scanner). They are happy with the unity of results between the two profiles for output files.

I am trying to convince head office that we should be working with InDesign instead of Photoshop for multi-page presentations and it is therefore important that any changes applied in Photoshop come across to InDesign too. At the moment, the Photoshop file (either as a PSD or as a PDF or JPG conversion) looks very different in Indesign. The blacks are grey. A JPG generated from Photoshop directly is attached  along with 2 JPGs generated from INDD using proPhoto  and sRGB .

I cannot see how to load this same ICC profile (RGB) into my InDesign template. In Colour Settings I get an error message of "Some parameters in the colour settings file could not be used. Default values will be used instead". How can I load the ICC profile?

Using a proPhoto profile is not bad, but the blues are far too bright. If this is the solution, I would need to create a Photoshop action or series of actions to colour manage the source document. I'd rather not.

Help appreciated!


texts: Andoid style guide - px to dp, how do i convert?

texts: The android app design am working, is on a screen size of 1080X120 with 72(pixles/inch) as the resolution. All the icons, images, texts are in pixels. Now the developer wants all of them in dp and not px. Now how do i convert them? And is the screen size am using is the right one?


texts: Critique: Amateur looking buttons with icons?

texts:
I am working on a CMS with the feature to 'follow' and also the option to see stats.

There are 2 buttons, and the stats value becomes 1.2k etc after it reaches over 1000.

I have added some icons, and trying to keep the design flat and simple but something doesn't feel right.

Im going to try making the icons smaller, but other than that, any ideas?

Perhaps icon on the right?

EDIT, I am going to run a test where by I remove the text and simply have the heart and the stats button. I'll have a tool top when hovering, and it might also make things more consistent when the media queries kick in.


texts: Inkscape: Convert "filled" lines of imported .svg to no-dimension strokes

texts:
I've exported a 2D drawing from Sketchup which consist of not filled shapes made with lines. I want to keep the exact dimensions and manipulate it in Inkscape, so I imported it using Vector Magic. The problem is that it "translates" the lines as shapes themselves; i.e., it fills their thickness as if they were actual shapes:

Is there anything I can do in Inkscape (please don't mention other software) to have those lines as just mere lines/strokes without any fill or thickness?


texts: Is there a conventional, widely used icon for decision support?

texts:
I did some research to figure out what icons exist for decision support, and which of those represents the decision support the best. I didn't find any suitable icons, because I think they don't represent the "support" aspect, and are not widely used: the user can not understand what the icon means.

These two seem to be useful:

But both are too complex for me, and don't represent the workflow decision, like this:

But the last one is also not understandable for a regular user.

Does anyone have a good idea for a decision support icon? My goal is to represent that a software helps to classify incoming measured data, make a decision and track the decision's consequences.


texts: Color management: how do I make Gimp handle gamma conversion in this png file?

texts:
This image is shown as an apple in Gimp, although if gamma is handled correctly it should show a pear.

What steps should I take in Gimp to make it handle the gamma correctly? I've tried with the default color management settings. It seems Gimp just assumes the png is in sRGB and does no conversion at all?
I'm using Gimp version 2.10.2 on linux (arch)

see https://superuser.com/questions/579216/why-does-this-png-image-display-differently-in-chrome-firefox-than-in-safari-a/579220


texts: Would incorporating sketch looking elements into a technical piece be out of place?

texts:
When designing technical documentation or video would hand-drawn sketchy elements seem out of place?

For example I have a Printed Circuit Board with switches and connections on it. The title is a very geometric overlay on the bottom with the name of the component on it in a Sans Serif font. To then highlight the component on the PCB I could use another perfectly geometric, vector shape. Or I can draw something by hand to give it a bit more character.

I prefer using the hand drawn feel. I think it adds more character and helps draw attention to it by being a contrasting style. But is it better to stay consistent and keep the mark mechanical to match the title and board?


texts: How to draw a semi circle in Adobe Photoshop CS3?

texts: How can we draw a semi circle or half a circle in Photoshop CS3? WE can draw a complete circle by using the shape method or tool. If we want to crop the image to get a semi circle or half a circle, When we crop an image usually the image is cropped and resized in the background of the layer to form the whole layer. If we want to create a half circle, what will be the procedure. I am using Adobe Photoshop CS3.


texts: How to overlap a continuous line on itself?

texts:
Yesterday I tried to create the following shape:

Following the path from the top it goes round, crosses over itself (bottom left), goes around again and passes under itself before going back up again.
The paper sketch was easy to make.

However, in Illustrator I expected to create this with a single path and an outline of that path. With a single path I ran into the problem that it could never pass over itself. The boundaries would then disappear:

Then I went ahead and made it in a convoluted way with multiple elements, which made editing very slow and rigid:

Now I am wondering how I can recreate this image (or any self-crossing path) using a more flexible method which allows for easy editing afterwards.


texts: How to convert paths into shape in photoshop cs6

texts: I drew paths thinking i was drawing a shape but later realized it is only a path. Now i could create a temporary shape like a box and paste this in and delete the box path. But just as there is a option to convert path to selection, is there an option to convert the selected path into shape?


texts: Is there a way to import an SWF file into illustrator without using Flash?

texts:
What I want is to import an SWF file into Illustrator.

I prefer doing that with an exchange open source tool, if there is.


texts: Export original image not cropped one from sketch

texts:
I've added an image to a rectangle as background fill and the image is filling the rectangle and is cropped.

Now, our developer wants the original image as an asset for his HTML. How can I make the original images exportable not the cropped ones?


texts: What should happen if a logo I made is similar to another?

texts:
Note: This is a canonical post created so that we can close the many similar questions as duplicates as discussed in this meta post.

We have created a logo for a client and they love it. We've already started preparing the materials that will feature the new logo.

However, after we had created the logo, we found a logo for another company that looks eerily similar. We did not intentionally create the new logo to look like the one of the other company, in fact we didn't even know it existed beforehand, but it does regardless.

What should we do? Is this plagiarism? Can our client use the logo we have created? Should they? Or do we need to come up with another logo that's more different?


texts: Connected Text Frames in InDesign Page Master

texts:
New to InDesign and working on book that is mostly text. Trying to design master page with two empty text frames with different character and paragraph properties that are somehow connected/related so that when master is applied to a page and content is put in

the upper 'quotes' frame resizes to fit text keeping its upper margin anchored in place - i.e. only bottom edge of frame moves
the lower "body" frame keeps its lower margin and expands/shrinks vertically based on changes in the "quotes" frame.  NOTE: text in this frame needs to be able to flow to subsequent pages.


texts: Recreate digitally an ink smudge/bleeding/watercolor-y thrashed out image?

texts:
I've seen these recently on Instagram and was wondering if it would be possible to recreate such digitally? (because I suspect they did it digitally, even though that could also have be done analogously via real watercolor maybe).

link to images: https://imgur.com/gallery/oHuEVen


texts: Affinity Designer for Windows: How to use scientific and mathematical expressions (e.g. Latex)?

texts: Title says it all, is there a way to directly write math equations in AD?


texts: How do I add caps to paths clipped by a mask in Adobe Illustrator?

texts:
Below is a blown up, cropped sample of a project I’m working on in Adobe Illustrator. The shaded portion is a cross-hatched shadow effect created by applying a clipping mask to a pair of blended paths.

Unfortunately, this creates some unnaturally sharp points that don’t look nearly as pretty is a natural engraving or etching. Is there some effect or transformation I can apply to the layer (or to the mask itself) that will achieve the same results as if the ends of the paths were capped?

UPDATE: Here it is:


texts: InDesign Excel Table changes character style after import

texts:
I am using a linked Excel file (xls) in InDesign. I have all of the cells using cell styles that then use a paragraph style, and character style. The cell character style is changing after I update the Excel file.

All text in the tables has a Character Style set to "None". After I update the link for the Excel file. All text in the table then use a character style I have called "Title Text" which has a very large front size. If no character styles get applied after re-importing the Excel file, then I am fine...

How do I can update the linked Excel file without the cell character style changing after import?


texts: What happens when you print without converting to CMYK?

texts:
When exporting InDesign files as PDF, it is converted usually to the intended colour space. But, what happens when you don't do that for whatever reason and send the non-converted PDF to print?

Since the printing ultimately is in CMYK, wouldn't it eventually have to convert the RGB colours to CMYK? Or is it that the printer wouldn't even accept such a colour? Then how does converting beforehand help?


texts: How to fill a font with an image in Inkscape

texts:
I have written a word using a fat font like Impact, and I have an image of roses.

Instead of adding a color to this word, I want to "color" it in Inkscape using my roses image.


texts: Illustrator: Disappearing paths on export

texts:
I'm having issues exporting graphics with some of my lines disappearing. I'm a complete novice to illustrator, so sorry if this is something really basic.

The image should look like this:

Unfortunately, it is exporting like this:

Thanks if you are able to help!
Ps. I noticed it does the same thing if I open the flattener preview.


texts: Do I need the underlying Vector software to edit the image-Im a rank amateur at all of this!

texts:
I had my company logo created by Vistaprint, but now I need to make color and size edits. I think Vistaprint "owns" the vector file, so I believe I will need to hire my own designer and ask for the file(s). Once I receive the file(s) is there a "simple" way for an amateur like me to do edits, or will I need to purchase/learn (ugh!) illustrator or another complex software program???

Any direction would be most appreciated.  Thanks!


texts: Textbook layout including examples of two different computer programming languages?

texts:
I am currently producing a new edition of an old book of mine; this new book will incorporate code samples from several different computing environments.

What I want to know is: what is the best way to differentiate the different environments in your document? I can of course say so in the text:

This is how it's done in foogle:
<foogle code example>
and this is how it's done in scronk:
<scronk code example>

The idea is that glancing over the page it should be immediate to see what code sample relates to which language.

Is there a "best practice" for this sort of thing? Most texts concentrate on just one programming language, so this is rarely an issue.

Here is one possible layout, where I've put the two different environments in boxes with labels attached (this for space efficiency).  I'm using TeX/LaTeX as my typesetting engine, so I have very fine control over all aspects of layout.

(Note that this is just a cut-and-paste example, hence what appears to be "Chapter 1" beginning in the middle of an example.)

Here's another version of the same thing, trying to take allcaps' comments into account:


texts: How to make the foreground subject transparent?

texts:
I know that there's a lot of tutorials on how to make the background transparent. But I can't find any on how to make the foreground transparent.
These transparent checkerboxes should be on the t-shirt but the background would remain white

here's my expanded layers file:
https://prnt.sc/sde79s

Here's what I mean: https://prnt.sc/sde6qp


texts: How can I start to learn web development?

texts:
I'm very interested in learning web development and have learned some basics regarding HTML and CSS a few years back from W3Schools, but I never learned how to develop websites that are up to today's standards, i.e. free-flowing sites without the use of tables to govern the design of the site.

What are some good resources that I can start with?


texts: How do you call tall, thick fonts, similar to Bebas?

texts:
I'd like to find similar fonts to Bebas (below):

What do you call these types of fonts? Thick, tall, and usually all in uppercase?


texts: Is there a way to scale layers relative to their individual boundaries in Photoshop?

texts:
I am wondering if there is a way, in Photoshop CC, to select multiple layers and then resize them relative to their current location.

For example, if I have 2 equal sized squares next to each other, I want to be able to select them both, then drag the bottom right corner to make them smaller without the location of their top left corners moving.

I realise that you can use shift+click to select multiple layers, then transform them together, but the result of this is that they get smaller and the space between them also gets smaller.

I hope this makes sense.


texts: What's the worst that can happen with CC0?

texts:
I'd like to release some artwork under the CC0 license, but I'm a bit worried about the implications of that...

What is someone allowed to do with a CC0 work? What's the worst that can happen?

Or more specifically...

Can they claim that they are the original author?
Can they assign a different license to the work and redistribute it?

To clarify what I already understand:

Anyone can use the artwork for (almost) any purpose.
They do not have to give me any credit or even mention that they did not create it.
They may redistribute it, even by selling it.


texts: Difference between Microsoft's and Monotype's Times New Roman fonts?

texts:
The font named Times New Roman is trademarked by Monotype, but the font is licensed to Microsoft (perhaps to others too?). These two fonts (MS TNR & Mo TNR) are clearly different in their coverage. Version 6.85 of MS TNR (bundled with Windows 8.1) contains according to BabelMap 4,098 glyphs, whereas Mo TNR according to their own website has only 631 glyphs.

But with respect to the glyphs they actually share, are these two fonts any different at all?


texts: How to get the best results printing white text with small font-size on a rich black background

texts:
I need to produce a document that has a flat rich-black (C60, M50, Y40, K100) background and text that is white on top. The text is set at 7pt in a monospaced font (PT Mono Regular 400).
What can I do to ensure the text is crisp?
I'm using Illustrator, and my current strategy is to add a duplicate of the layer with the text on underneath the layer with the text, then to apply a very fine stroke to the copy of the text (0.05pt) with a regular black (C0, Y0, M0, K100), with the stroke set to be centered on the outline.
Layer order

Text
Copy of Text (with 0.05pt stroke)
Rich black background

Is this a good strategy, and if not, what should I do instead?
I should also add that this is being printed by someone I will have no contact with, and although I can try and pass instructions along, there is no guarantee these will make it to the printer, so I'm looking for a foolproof solution (as far as is possible).


texts: How to make copied text appear in the correct order?

texts:
I have a PDF document with text created from a Photoshop file.

Problem:
When I do "select all text" in Acrobat and then copy-paste it into a text editor the text is pasted out of order.

This is somewhat expected because of the multiple text layers in the original Photoshop file.

Question:
How can I tell Photoshop the desired order of the text layers when creating the PDF file?

The layers are stacked in the correct order in the layer panel in Photoshop. I was hoping that was the issue, but it's not. Is there any other way in which I can specify the text order?


texts: Adobe Illustrator: Is there a way to set the image-trace palette limit to a number over 30?

texts:
I'm trying to perform an image-trace on a bitmap artwork. The vector result will then be cut into glass, and I need to have exactly 60 colors, since we only have 60 colors of glass.

Is there a way to set up Illustrator to image-trace a limited palette of 60 colors? I've found the slider in CS6 that ranges from 2-30, but is there a way to force it to go over that?

Thanks!


texts: Stylus not working correctly on an Android tablet - typical for low price general purpose equipment?

texts:
A while ago i bought an Android tablet, intending to use it as a web browser, ebook reader etc. I kinda liked the idea of being able to doodle on it for fun, so i bought a cheap stylus.

But here's my problem - the stylus "skipps". Its hard to start a start a line with it, and when i finnally do, it doesnt go smoothly, it leaves really big gaps. Its making the stylus totally useless, cause i dont need it for the typical usage of the tablet.

While testing the stylus on normal apps, i concluded that even tho sometimes it doesnt tap/drag the way i want to (enough to be very irritating!) it seems to work better than in SketchBook.

The sketchBook and tablet work absolutely fine when handled with a finger (its very rare for the tablet to not notice a tap, and all lines i draw go smooth) - but drawing whith my hands aint exactly accurate or comfortable.

Now, both the tablet were really cheap, the 4$ kind of stylus and 80$ tablet (Android 4.03, ~1Ghz, 512mb RAM) The tablet is [http://www.manta.com.pl/en/mid08/], the stylus is a noname from a company named 4World.

I searched the net, but didnt find anyone having similar problems with mid 08 tablets (probably thats because its a local-market product and theres hardly anything about it on the web)

In your experience, is this typical for low-price not graphic-design-intended equipment? Are there some typical solutions for such problems?

I checked better equipment and i found this:

  Compatibility    Compatible with all media tablets using capacitive
  touch technology

  Tested devices:

  iPad

  iPhone4(s)

  Samsung Galaxy Tab, 1st generation (limited compatibility, suitable
  for navigation purpose only)//seeems like this is the case for my
  tablet too

(link: http://www.wacom.eu/index2.asp?pid=9221&spid=1&lang=en)

so maybe this is a tablet issue, and buying a better stylus wont help, so i should just give up on drawing and doodling on my tablet?

Im not asking for technical or hardware advice per se. I would just like to know is there a technical issue that needs to be fixed, or is it normal for low price equipment and the hardware guys cant help me anyhow.

UPDATE
Ive got my hands and stylus on a Nexus 7 tablet. Drawing worked perfectly fine with my stylus. Maybe not the cheapest equipment, but perfect for doodling and thumbnail work in Sketchook for Android on the bus. My problems must have had their root cause in the quality of my tablet. Ill probably get myself a better tablet


texts: Adding a 3-D Ribbon Effect on Font in Illustrator

texts:
I am trying to create a 3D ribbon effect on my typed text (I used the font called Sacramento) and I am following this tutorial: http://design.tutsplus.com/tutorials/create-a-silky-ribbon-text-effect--vector-3771

I thought I was following the tutorial exactly, but I am getting hung up at step 3 and 4. I can't seem to fill the divided shapes with a gradient that stops and starts where I divided the path. Instead the gradient goes all the way across the font until the second "L" in Cinderella. Any guidance would be appreciated!

Here is a screenshot:


texts:
I'm using Adobe Illustrator Creative Cloud (v.23.0.4) on OS X (v.10.14.5, Mojave). Illustrator will not display the handful of Unicode characters I am trying to use (∠∢⊾⊿⦣⦠⦟⦜⦝⦞⦛⦨). As a sanity check, I opened Text Edit to make sure they exist in the typeface I'm using — Helvetica Neue — and they appear to.

I noticed that if I changed the font in TextEdit, though, the glyphs (generally) did not change; as if OS X does some on-the-fly typeface substitution in that application that it (maybe) isn't able to do within Illustrator.

The Google research I did all turned up some variation of the same solution: use the Glyphs panel. Which I tried. Which brings me to my question. How do I search for a glyph by Unicode in the Illustrator Glyphs panel? Is there a way to see which typefaces support a given character without selecting each individually and scanning through all of its characters?

EDIT: Illustrator will display the glyphs in the Apple Symbols typeface. I suspect that's the face OS X uses in TextEdit


texts: Is it OK to include a stylized reproduction of a copyrighted painting in a design?

texts: I'm working on an icon of a framed painting. I would like the painting to be immediately recognizable to the intended audience, and so am considering doing a stylized reproduction of a particular painting from scratch to include in the icon. The original painting is copyrighted. Is there any legal problem with doing this?


texts: Photoshop: Transform or Scale layer via keyboard shortcut?

texts:
I am looking for a way to scale/transform a Photoshop layer using the keyboard only. Similar to the way this is handled in InDesign would be ideal, with a dedicated keyboard shortcut I can assign (such as Command + , and Command + . in InDesign for Mac, if I recall the shortcut correctly).

One possible workaround solution to this would be to be able to highlight the first Scale field in the Options Bar (or any field in the Options Bar, actually) and just tab over to the Scale fields. But I've not been able to figure out a way to do so.


texts: Weird lines in svg in browser which are not visible in AI

texts:
I'm trying to create a simple vector graphic for a bar. It looks as I want it in AI but gets some weird lines in browsers. Please take a look at the picture and let me know if you know what can be the reason and how to get rid of these lines.

Bar then looks like

SVG in question

    <?xml version="1.0" encoding="utf-8"?>
<!-- Generator: Adobe Illustrator 19.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
     viewBox="0 0 20 20" style="enable-background:new 0 0 20 20;" xml:space="preserve">
<style type="text/css">
    .st0{fill:url(#SVGID_1_);}
    .st1{fill:#2C5CA6;}
    .st2{fill:url(#SVGID_2_);}
    .st3{fill:#A9A9A9;}
</style>
<linearGradient id="SVGID_1_" gradientUnits="userSpaceOnUse" x1="5" y1="1" x2="5" y2="19" gradientTransform="matrix(1 0 0 -1 0 20)">
    <stop  offset="0" style="stop-color:#2C5CD1"/>
    <stop  offset="0.1453" style="stop-color:#2C5DD5"/>
    <stop  offset="0.2959" style="stop-color:#2C61E2"/>
    <stop  offset="0.4484" style="stop-color:#2D67F6"/>
    <stop  offset="0.5" style="stop-color:#2D6AFF"/>
    <stop  offset="0.5516" style="stop-color:#2D67F6"/>
    <stop  offset="0.7041" style="stop-color:#2C61E2"/>
    <stop  offset="0.8547" style="stop-color:#2C5DD5"/>
    <stop  offset="1" style="stop-color:#2C5CD1"/>
</linearGradient>
<rect y="1" class="st0" width="10" height="18"/>
<rect class="st1" width="10" height="1"/>
<rect y="19" class="st1" width="10" height="1"/>
<linearGradient id="SVGID_2_" gradientUnits="userSpaceOnUse" x1="15" y1="1" x2="15" y2="19" gradientTransform="matrix(1 0 0 -1 0 20)">
    <stop  offset="0" style="stop-color:#D0D0D0"/>
    <stop  offset="0.1781" style="stop-color:#CCCCCC"/>
    <stop  offset="0.3622" style="stop-color:#BFBFBF"/>
    <stop  offset="0.5" style="stop-color:#B1B1B1"/>
    <stop  offset="0.6378" style="stop-color:#BFBFBF"/>
    <stop  offset="0.8219" style="stop-color:#CCCCCC"/>
    <stop  offset="1" style="stop-color:#D0D0D0"/>
</linearGradient>
<rect x="10" y="1" class="st2" width="10" height="18"/>
<rect x="10" class="st3" width="10" height="1"/>
<rect x="10" y="19" class="st3" width="10" height="1"/>
</svg>


texts: How were the curls on this monogram done?

texts:
Sorry if this is a bad question.
I've just finished an adobe illustrator course so my skills are extremely limited.
I'd like to make a monogram but I'm not sure what the best process would be. (e.g. Taking a letter "N" font and modifying it, or making one from scratch)

Heres one I found on dribbble which I liked, but I'm struggling to figure out how it was done.

I tried taking a letter N from a font, expanding it, and then trying to make adjustments using the direct selection tool to no avail.

I also tried creating an "N" with the pen tool, but couldn't get the uniformity right on both curls - they never looked even.

Lastly, I took the rectangle tool and rounded it off, placed it at a 45 degree angle to make the centre "oblong". Then I tried to use the pen tool for the curls, by doing one side and copying it to the other.


texts:
I've been using Sketch, and have been asked to demo an app using Sketch. Currently, I've been designing the app in Android Studio, running the app on an emulator, taking screen shots, and dropping the screen shots into a Google Slide show, which is nice; however, boss wants something fancier, and asked me to look into how to use Sketch for demo. It's an opened question.

Basically, does Sketch have a feature for creating "App Flow" demos? Or if not, what is an effective way to present UIs in Sketch?

Maybe Sketch is not the right tool.


texts: Photoshop script to select specific colors

texts:
Please note that I'm a complete beginner and this is my first coding question ever. If this is more appropriate on another site, tell me.

I want to automate a process were the program select a colour and change it to another one.

This is the code I have, thank to the script listener:

var id159 = charIDToTypeID( "ClrR" );
var desc34 = new ActionDescriptor();
var id160 = charIDToTypeID( "Fzns" );
desc34.putInteger( id160, 0 );
var id161 = charIDToTypeID( "Mnm " );
    var desc35 = new ActionDescriptor();
    var id162 = charIDToTypeID( "Rd  " );
    desc35.putDouble( id162, 0.000000 );
    var id163 = charIDToTypeID( "Grn " );
    desc35.putDouble( id163, 255.000000 );
    var id164 = charIDToTypeID( "Bl  " );
    desc35.putDouble( id164, 0.000000 );
var id165 = charIDToTypeID( "RGBC" );
desc34.putObject( id161, id165, desc35 );
var id166 = charIDToTypeID( "Mxm " );
    var desc36 = new ActionDescriptor();
    var id167 = charIDToTypeID( "Rd  " );
    desc36.putDouble( id167, 0.000000 );
    var id168 = charIDToTypeID( "Grn " );
    desc36.putDouble( id168, 255.000000 );
    var id169 = charIDToTypeID( "Bl  " );
    desc36.putDouble( id169, 0.000000 );
var id170 = charIDToTypeID( "RGBC" );
desc34.putObject( id166, id170, desc36 ); executeAction( id159, desc34, DialogModes.NO );

When I run this in Photoshop it does work but since I have a lot of colours to select, I want to know

If there is a more efficient way to do it, using less lines of code. It could be either with the colour range or another tool.
I would prefer to use hexadecimal values but I have no idea how to write it. I managed to change it to RGB but it was originally using Lab colours.

In this example, the hex would be 00ff00