Last seen: Tue 11 May, 2021
: When CMYK art contains white objects on a colored background, do I need to knock-out white? I have to design a printed poster (cmyk) for a trade show. It will be in Adobe Illustrator. The
I have to design a printed poster (cmyk) for a trade show. It will be in Adobe Illustrator. The copy is all white and the logos in it are too (well, one logo is all white with some 'less opaque' 50% white transparent elements). The logos and all copy will be laid over a blue background, and in some places, over a photograph.
As this is white over a darker background, do I need to knockout the logos/copy? Or does the printer typically do that automatically? Is there something I need to do differently with the 50% transparent white areas of the logo? I'm not too familiar with how to knock stuff out on my own, and to be honest, I'm not sure if I need to! Do I?? I don't have access to the printer for questions as this is outsourced.
Please advise. Thank you so much.
: Re: How to bend a path along an arc (or any shaped path)? TL:DR How can I bend a shape along a path in illustrator I've been wondering for a while how I can do this, when I saw this
If you have access to InDesign, it will do exactly what you're talking about. In InDesign, you can paste a vector as an inline graphic with text that follows a path of any shape. Because it is treated as text, you can also align however you like, spread with kerning, force justify, adjust baseline shift, etc. Once you're happy with the result, just copy and paste from InDesign into Illustrator.
Edit: Paste each shape individually, like individual letters of text. Groups will be treated a single objects and will align to the path, but will not conform to it.
: Re: Punctuation space after number in footnotes I'm working on a journal in which there is a lot of footnotes. (17 articles, aprox 30 pages each with at least 30 footnotes). I use superscript nested
I assume you're talking about InDesign. Grep styles do not currently (as of CC2018) support editing. They can only identify and apply styles to the matched result.
Thanks for the update.
Here is a way to add space after the footnotes in InDesign:
Go to Text>Footnote Options
Check "Show Prefix/Suffix in: Select "Footnote Reference," "Footnote
Text," or "Both Reference and Text"as needed. (experiment to find
the right one for your needs.)
Enter space characters in the Prefix and Suffix fields.
That should do it.
: Re: Tips for designing a logo? I just joined these boards in hope to find some guidance. I am not particularly a graphic designer, but I am working on designing my own logo. I have limited knowledge
I think a good idea will be to take the text out of the image, put it to the right and make an icon from the table. Use sans-serif font for EREN and uppercase font with 200 letter spacing for PROPS. Stack one on the other. As far as the icon is concerned instead of top table desk, use three thick lines. That will resemble letter E. I would also use brighter color.
: Re: Trim transparent pixels on the outer edge of an animated GIF Here is a transparent GIF that I made using Blender and Photoshop: I'm happy with it, but I would like to trim out the transparent
Not Photoshop, but you can do it very quickly at ezgif.com/crop
Upload the image, check Autocrop option and it will remove transparent pixels around the image.
: Making a Clipping Mask For Line Art in Illustrator I looked up for this particular kind of question but didn't get good results. So what I've been trying to create seems to be simple but
I looked up for this particular kind of question but didn't get good results.
So what I've been trying to create seems to be simple but I can't get a workaround.
I have this kind of line art flower I'm working on:
And this is the actual result I'm looking for:
What I'm trying to achieve is that the selected petals of the flower do not overlap each other and show what's behind the gaps between the lines of the front petal. The front petal should be in the front and show nothing else behind it.
I've tried filling the front petal with white but it screws up the blend effect it has.
I've tried making a clipping mask as well, but it didn't really work.
Do you guys have any suggestions?
Thanks in advance. :)
: Clipboard image to file selection dialog just like that (macOS)? ⚡️ I wonder what's the fastest method in the universum to input an image from clipboard to a Choose a file dialog:
I wonder what's the fastest method in the universum to input an image from clipboard to a Choose a file dialog:
: Re: Designing for responsive layouts I've come to find a love for UI design, and I really do enjoy it more than most other aspects of the Graphic Design field. But an issue I have encountered
If there is a standard, it would be that 0 to 440 pixels wide would be for mobile, 440 to 760 would be for tablets, 760 to 1200 is for computers and above that for wide screens. However it's not really a standard, more a general guideline as a specific design might "break" at different widths, for example 790px. Those are the widths used by most responsive WordPress themes.
You need to consider the way the site is used; mobile is generally used more vertically and tablets horizontally, but both will use a touch screen, which you need to consider when sizing and spacing your elements. Of course, both orientations have to work regardless of the size.
As for designing separate sizes individually, it hasn't been done this way in a few years. Do you remember at the beginning of smart phones when a mobile site was m.example.com? That required separate sites that both needed to be updated individually at every change or post. Nowadays, the recommended method is to use css media queries to make sure that the design is optimized and will adapt no matter what width the site is viewed at. For example, you could make elements lined up horizontally change to be vertical on smaller screens, change the font size, remove sliders or other bandwidth demanding elements, make the buttons bigger, and so on, and make to changes below a certain width.
: Saving a CMYK PSD as TIFF, should I save with "Embed color profile US web coated (swop)"? I have to send a file for print (not on the web) and I have a CMYK PSD that I must convert to
I have to send a file for print (not on the web) and I have a CMYK PSD that I must convert to a TIFF.
When I save as TIFF, should I check "Embed color profile US web coated (swop)"
: Re: Is it possible to generate a gradient from color swatches? I am trying to generate two gradients using color swatches in Adobe Illustrator. It took me a very long time to find out that it's
You can add colors to a gradient simply by dragging the color swatch onto the gradient palette, on the gradient line.
If you want to remove a color from a gradient, drag it down from the gradient line.
Once your gradient is done, you can drag it from the gradient palette back into the color swatch palette to create a new swatch with the gradient.
: Re: CMYK color difference from Windows to Mac When I open an InDesign file and edit a linked PSD by changing the color mode CMYK, I see a difference from my Windows PC to my Mac. The other
There are many things to consider beyond RGB/CMYK or MAC/PC.
The first one is the CMYK color profile used for CMYK; if it's different, the results will be different as well. Did you use the exact same color profile? If so, the results would be the same on any computer.
Also, each screen has a color calibration with its own profile. If you didn't calibrate your monitor, colors will display differently. However, if CMYK profile attached to the image is the same, then the print result will also be the same, no matter how you see it on a screen.
: Upload photoshop-created PNG to Discord without changing colours Here's an icon made with photoshop: Looks fine when I open it in Preview or Safari. When I upload it to discord, the colours
Here's an icon made with photoshop:
Looks fine when I open it in Preview or Safari.
When I upload it to discord, the colours change completely:
I'm assuming this is due to the fact that photoshop saved it with an embedded color profile? And Discord isn't rendering it with this colour profile?
E.g. I've noticed photoshop's RGB values are different than my system-wide rgb values:
All I want to know is, how can I take that PNG (the first one) and make it so that when I upload it to discord it will still look the same?
: Re: How do I insert arrows into a picture in GIMP? I'd like to insert perfect arrows (the sort you can make using Inkscape: straight, symmetric tips, of customizable width and length, etc.) into
Use the text tool and copy & paste a unicode arrow sign
: I have to create a poster for a trade show booth. Is the photo I have to use too small in size? I have a very tight deadline to create a trade show booth poster in Adobe Illustrator. The
I have a very tight deadline to create a trade show booth poster in Adobe Illustrator. The size is 40" x 53.5". It is CMYK, 300 dpi.
One of the stock photos that I must use in it, which has been provided to me by the client (purchased on istock), needs to be scaled up in size (altho the resolution is thankfully ok, at 300 dpi). Basically the width and length of that photo is too small, and I have to scale it from about 5"x10" to about 12" x 26".
I am worried that this will print too pixelated. Does anyone know if it will look ok enough? I am unable to get in touch with the printer since it is for a large trade show through a client who can't figure out who the printer is. So I can't ask anyone any questions about it :(
It is for a kiosk so I think it will typically be viewed from 3 feet away. But even that I'm not able to find out.
To be honest, I don't see any photos on istock that would be the right substitute that would be large enough anyhow. Is there a database out there for poster sized stock?
: Use part of pattern I have created a pattern and added it to the swatches. I am designing clothes and I want to use a part of the pattern as a print. How can I extract/isolate a part of
I have created a pattern and added it to the swatches. I am designing clothes and I want to use a part of the pattern as a print. How can I extract/isolate a part of the original pattern in Illustrator?
Let us say that the pattern are different faces. I want let say 10 of those faces in a rectangle, and the selection snaps to the content. So I don't need to crop to get the exact part I want.
: Positioning of objects on layers I am editing images in Photoshop CC. They are multiple images that are slightly different from each other (stop motion animation shots). I want to match the
I am editing images in Photoshop CC. They are multiple images that are slightly different from each other (stop motion animation shots). I want to match the object in one layer to another object in another layer kind of like motion tracking in Premiere Pro. Since one object changes appearance and location from image to image, duplication of layers is not an option.
For example, matching the center of clock hands on one layer with the center of the sun on another layer.
What's the best and most efficient way to do this?
: Re: Rotating rendered text - maintain baseline? I'm using Photoshop CS6 (still). I'm by no means an expert, as most of my work is just pulling stuff out of PSDs for websites and some light photo
This is a method that I've used many times, which should work perfectly for your poster.
The dirt simple method:
1) Right-click the text layer and select "Convert to Smart Object".
2) Transform smart object layer as desired. Boom.
(If you wish to edit the text, simply double click on the smart object layer (the thumbnail, not the name) and a new photoshop document will open consisting of only the contents of the smart object. Edit as desired, save and close. The text will automatically update in the main document.)
The pro version:
1) Enlarge your text layer by about 50%. (This will allow you to enlarge the smart object slightly without loosing quality)
2) Create a new empty layer (all transparent).
3) In the empty layer, draw a marquee selection around the text.
4) Fill the marquee with any color.
5) Set that layer's opacity to 0%.
6) Put both the text layer and the invisible layer into a group.
7) Right-click the group and select "Convert to Smart Object.
Why do it this way?
A couple of important reasons: Using an invisible shape that is roughly equivalent to the poster you're mocking up will provide a more natural boundary when you're transforming, aligning it to the one in the photo. If you know the dimensions of the physical poster, and set your invisible layer to the same proportions, it can help make a very accurate virtual mockup. Also, because the smart object's boundary is outside of the boundary of the text, it will not shift in your layout if you edit the text later.
: Re: What makes a font a "gothic" font? It’s easy to find lots of fonts with gothic in their names. But what makes a typeface a “gothic” typeface?
The question has been appropriately answered but I felt I could demystify this ambiguity between "Gothic" referring to Sans-Serif or Blackletter typefaces.
It really depends on the context of the word being used throughout history.
Historically "Gothic" is often used as a derogatory term, a sort of linguistic shorthand for barbaric. Often times if you see the word Gothic being used to describe something that has nothing to do with the actual tribal Kingdoms of the Goths, it's being used to describe something in negative terms, as was the case for the early Sans Serifs. The same sort of principle applies for the term Grotesk which of course translates into grotesque (absurd or bizarre).
Gothic was used to describe Sans Serifs initially because they took a fairly severe departure from the then current trend of Roman type traditions with very humanist forms based on centuries of perfection throughout antiquity & their revival during the Italian Renaissance. That and early Sans Serifs were rather unrefined and illegible.
Same story as well with Gothic architecture. Gothic Cathedrals had nothing to do with the "barbarian" tribes of the Goths, but historians such as Giorgio Vasari pioneered the trend of insulting Middle Aged European culture and the terms have sort of stuck ever since. This Gothic "spirit" mentioned by Brown is an apt approach when considering the term because it refers to a certain sort of style or characteristic that was evident in Middle Age European cultures, although more apt terminology could be more specific by using "Blackletter" & "Sans serif" instead of lumping the two together. One might say taller, more imposing Sans Serifs could have that Gothic spirit (as a Cathedral is tall, open & imposing), but again you could be more specific to the features of the type by referring to it as condensed.
: Using a 72 ppi image in a 300 ppi print ad I'm designing an ad for print in Illustrator. It is set to 300 ppi. I was given a bunch of logos to put in it. One of the logos I have
I'm designing an ad for print in Illustrator. It is set to 300 ppi. I was given a bunch of logos to put in it. One of the logos I have been given is a 72 ppi PNG file. It is much larger than I need it to be in the ad, so I will be scaling it down significantly.
Question: If it is 72 ppi will it print okay in the 300 ppi ad, as it is being scaled down quite a bit?
thanks so much!
: For Print: Changing a CMYK logo to gray and bringing back to CMYK (in illustrator) I am doing a print CMYK ad piece. The logo I need to put in the ad is currently a colored CMYK .svg file.
I am doing a print CMYK ad piece. The logo I need to put in the ad is currently a colored CMYK .svg file. It also has a gradient in it ( which makes things more complicated). I think it will look better in a gray version for the ad.
Question: What is the best way to convert it to a gray version and then bring it back to CMYK (but still have it in gray colors) to then pop it into my CMYK print ready ad? I guess I am afraid of how the final result will look if I muck with converting colors over and then back to CMYK, etc...plus I'm not sure how to go about this in Illustrator.
I am using illustrator for the ad as well.
: Re: Is there a way to change the color of a .png object using Adobe Illustrator? I just downloaded a zip file of .png banners and arrows. However, they were all created black. Is there any way
As easy as 1-2-3. enter the hex colour you want for the image. I changed a single coloured image to another color.
: Re: How to access Arabic BEH initial form, from a font that places the glyph in a non-conventional place unicode slot (I'm new to both Arabic, and doing things related to Unicode, so I might be
The reason why the glyph was not accessible
Apparently, although the BEH initial form glyph was 'stored' at location 0x1016f, is wasn't 'assigned' the Unicode value U+1016f. As far as I understand, the glyph will then not show up in the cmap table, which is the go-to place for the rendering engine's character -> glyph selection process.
I discovered this when messing around in Fontforge. In FontForge, to view the characters labelled by Unicode value instead of glyph image, select "View" > "Label Glyph By" > "Unicode"; and to set the Unicode value for the glyph in question, select the glyph, right-click, then set "Glyph Info..." > "Unicode" > "Unicode Value" appropriately.
I imagine this is a bug on behalf of the Lateef font; the 'correct' way to go would have been to make the glyph accessible in the cmap table, but also put it at 0xfe91 in the first place, instead of 0x1016f (where it doesn't semantically belong).
How to access the glyph anyway
EASY: Just use U+0640: بـ.
OLD / COMPLICATED:
Apart from modifying the font, as is suggested from the solution of the problem above, I came up with another, funky way of accessing the glyph, without modifying the font.
<div style="direction: rtl;">ب‍<span style="color:#fff; width: 0px; display: inline-block;">ن</span></div>
As the glyph can be accessed implicitly, when combined with subsequent letters, one can simply hide those subsequent letters, and end up with just the BEH initial form glyph. However, an additional trick must be employed: adding a zero-width joiner ‍, in order to let the characters connect through the interspersed <span> element.
: Re: Laptop pc vs mac book Age old question I know. So i am going to buy a laptop soon, though cost is an issue. I have a mac at work and love it. But i need something for home to do
The two platforms are very close in terms of performance and stability, so the cost savings of a PC may seem appealing. However, if you aren't already comfortable with Windows, the differences may cause frustration that outweighs the cost benefit - especially if your time on that computer is intended to be for profit. Unless you're going to use it with enough regularity to get up to speed (and stay up to speed) on the Window-way of system operation, I would recommend sticking to Mac OS. On the other hand, if you're just curious about Windows and would like to test it out for the adventure of it, then you can always run a Windows virtual machine on the Mac. (This is coming from a PC user.)
: How to access Arabic BEH initial form, from a font that places the glyph in a non-conventional place unicode slot (I'm new to both Arabic, and doing things related to Unicode, so I might be
(I'm new to both Arabic, and doing things related to Unicode, so I might be overlooking some glaring detail.)
So, I'm using the SIL font Lateef, and want to access the BEH initial form glyph, in HTML. (Because, in MSA, "with/through" is translated to the prefix ﺑِ, so I want to include it in initial form to make clear that it is a prefix, and not a word on itself.)
The BEH initial form glyph has Unicode code U+FE91. However, Lateef does not include the glyph at this 'location' (not entirely sure what to call it), and instead includes the glyph at U+1016F ("Greek Acrophonic Carystian Five Hundred"), and then uses a substitution table to use it. (The substitution table usage is logical, but I don't get why Lateef puts the glyph in this weird place.)
My questions then, are:
How come Chrome displays the "Greek Acrophonic Carystian Five Hundred" glyph, when the HTML element is clearly using Lateef, and the unicode character is correctly referenced, and Lateef indeed includes the BEH initial form glyph at U+1016F?
Is it at all possible, to display Lateef's initial BEH? (Other than editing the font to include the glyph at the correct location, as well.)
Is this an error/misunderstanding on my part, or an actual weirdness on behalf of Chrome, Ubuntu/Chrome, Unicode, or HTML?
: Re: InDesign: how to change the size of placed PDF When I place PDF files in InDesign they will take up the whole page, so how can I make it smaller to allow space for the title on the top
Here are two methods that you may find useful:
1) When you place the image, instead of simply clicking to drop the image onto the page, click and drag the frame to your desired size. By default, InDesign will lock the height and width to the original ratio while you are dragging.
2) Before placing the PDF, create a frame with your desired size and placement. With that frame selected, select FilePlace... to select your PDF and click Open. It will insert the PDF into the frame. You may then need to fit the image to the frame.
[PROTIP:] There are some very convenient keyboard shortcuts that will be useful. The list of these commands can be found by right-clicking the graphic frame and selecting "Fitting".
: Re: How do I increase/decrease object size using keyboard in Illustrator? I do lots of resizing in Illustrator and I would love it if I could decrease and increase object sizes using only keyboard
Record and save an action that resizes your object, then set a keyboard shortcut key to that action. For example, you could use the transform panel to scale the object to a specific height, width, or both. You could also use the scale tool to create an action that would scale the selection at your desired %. All of this can be saved as a set of actions and played through shortcut keys.
: Re: How to export SVG in illustrator, and make object doesn't messy? I've been struggling to create an icon in illustrator and convert it to SVG but the result is my SVG file becomes a messy
Is this what you're looking for: SVG export from Illustrator CC distorts paths
Obviously we won't be able to see what paths you're using, but it's worth a shot.
: Re: Anybody knows how to achieve this effect? I tried the deformed circle to intercept but find it very complicated. Anybody knows how to achieve this?
Here is another possibility, all done in Illustrator...
Start with concentric circles in Illustrator.
Create the word and position it over the circles.
Convert the type to paths (create outlines).
Ungroup the converted type and release any compound paths. Give the word any line weight, no fill. Duplicate the circles and converted type to a new layer.
Select all and click on Outline in the Pathfinder panel. This will cut the lines at all intersections. Ungroup the result and give it a line weight. Delete all lines except the ones inside the words.
Select all and in the Stroke panel, select Width Profile 1 to apply a tapered stroke to the lines. Adjust the line weight to get the effect you want. I used a stroke width of 1.8pt.
: Re: How to put pictures in running text as if they were text? Some tutorial books have text lines containing graphics like these: It'd be a lot nicer to build an OpenType-SVG font, but there
Have a look at www.fontself.com
Fontself is a commercial add-on to create fonts from vector or raster artwork within Photoshop and Illustrator:
In Photoshop you can export OpenType-SVG color bitmap fonts from any image layer.
In Illustrator you will soon be able to export color vector fonts from multicolored shapes.
Check the PS demo:
And the great news for AI users: blogs.adobe.com/creativecloud/color-fonts-coming-to-illustrator-cc/
: Re: InDesign CS5 tables: Can I automatically fit rows or columns to the size of content? You know how Excel has the function "Autofit," where you select a whole row or a whole column and it resizes
This Tables_2_Frame script fits the the table to the containing textframe and auto grows the cells to fit content. You could adjust the script by setting autogrow to false and adjusting the Column.width until Column.overflows returns true.