Last seen: Tue 11 May, 2021
: Re: Illustrator: Isometric Grid with coding When I used to go to college, I used to had a Graphic Design teacher who made an isometric grid using code. He had made the grid so that anyone who
I don't think you need a script for this, although it might help for making a grid from scratch.
Alternatively, you can easily find isometric grid templates online, like this one here
Select the grid and click Object > Clipping Mask > Release
Select all, and click Object > Live Paint > Make
At this point you could save the file again, and use it as your new template, already setup as a Live Paint isometric grid.
Fill the cells using the Live Paint Bucket Tool.
If you want to remove the grid, Expand the Live Paint object, and ungroup. Select the grid and delete it. When you save your artwork, make sure you don't overwrite the template file - give it a new file name instead.
: Re: Preparing "Extrude & Bevel" effects for export as SVG I used Illustrator's effect "Extrude & Bevel ..." on some svg-icons. Before exporting, I use "Object - Expand..." which results in many
It doesn't matter if objects overlap in an SVG. There is nothing in the format that says objects can't overlap. There is no need to subtract objects from each other for display in a web browser, unless you need it for some other reason you didn't mention.
Try it yourself and you will see. Create an SVG, then open it with your browser. Here's an example SVG made in Illustrator, from a Bevel and Extrude object, expanded appearance, and overlaid with multiple objects.
Expanding the appearance of a "Bevel and Extrude" effect is the only way to get it to work in an SVG. SVGs don't support Illustrator's native effects, only SVG effects.
: Re: Sharing TypeKit kits between team members We have multiple Adobe Cloud team members that need to update a single TypeKit. Can the kit be shared between team members, if so, how?
Each Typekit account licenses the account owner to sync fonts through
their personal Adobe ID. It isn't possible to share a single Typekit
account with the rest of your office.
Typekit does not have kit sharing capabilities at this time, though
we're looking into it as a possibility for the future.
: Pixel Width of characters in a font Is there any easy way to figure out the width of each character in a font? I'm trying to line up two tables of data with data scraped from a website.
Is there any easy way to figure out the width of each character in a font? I'm trying to line up two tables of data with data scraped from a website. The issue is that the text in one section of the table might be more than one line, so then I need to make sure the other side needs to be the same number of lines. I'm trying to do this by just calculating the number of lines by dividing the total text length by the line width. My problem is that each character has a different width. Is there any way I'm able to look up how many pixels wide each character in a font is?
For example, I can fit 7 W's and 27 l's if I have the total width set to 100px.
: Re: How not to get dark line on the edge of colors when doing gaussian blur When gausian blurring image that is left half red and right half green there appears somewhat of black border instead
If you have the G'MIC plugin installed, then yes.
With that plugin installed, you can click Filters > G'MIC > Degradations > Blur (gaussian), and set the channels to Linear RGB (all)
: Re: Join/Snap Objects. Remove border line Inkscape Absolute newbie. Trying to snap two objects which are mirror images of each other. The problem is I am seeing a thin vertical line ? Want to get
The reason this happens is because of antialising when rendering the vectors to display them on a computer screen. It also happens in other vector image editors, such as Illustrator, so it's not a problem that's specific to Inkscape.
One method to fix it is to add a thin stroke to the shapes, the same colour as the fill, then a tiny overlap happens automatically, but without having to move anything.
: Re: Exporting artboards to PDF at @2x Is there a way to have Sketch export all artboards to a single PDF at 2x?
The PDF Export — Sketch Plugin works well for larger artboards. Unless I'm missing something, it does not work well with smaller artboards because it aligns them vertically (and also by name, which may/may not help depending on your case). So if you hundreds of 24x24 artboads like icons, you'll end up with 30 page PDF.
I'm still looking for a solution but for now the quickest way for me was to give all the artboards no name and then take several screenshots and piece together. I was able to do this with 6 screenshots. I'm only using this to share with my Team so super high resolution was not important. If high res is important, don't use this method.
: Re: Photoshop - can not edit the gradient map layer I am having a problem when using gradient tool, when I create a gradient map layer, photoshop shows "Could not use the gradient tool because
That's an adjustment layer, it's not an editable layer, and you can't use any tools on it, including the Gradient tool. That's why you have that error warning. You could use tools on the layer mask, but not the Adjustment layer itself.
You need to select the gradient in the Properties panel instead. Click on the drop down box, to select a gradient.
: Re: Using the PANTONE official values when converting to CMYK? I'm not a graphic designer and I need some help regarding Pantone colors. Although I work in the design field my main job over the
I assume you are printing digitally.
Pantone colors are a range of physical inks. They can't be achieved on ordinary digital printers just by selecting the right color in your software.
Many Pantone colors can't be reproduced with CMYK colors or in RGB. That's one of the reasons why they exist. They can even be fluorescent or metallic. To see how a Pantone color actually looks you need to have access to a physical color book with samples.
Although there are many new technologies, most printing devices are still using the four CMYK inks. They physically have four separate containers of ink. In order to truly print Pantone colors, the printer should be able to also use Pantone inks, which must be loaded into the printer.
The CMYK numbers on Pantone's page should be seen as a suggestion to the closest matching CMYK color. In reality it is more complex, since there are many different CMYK profiles for different devices in different regions. Converting from Pantone to CMYK in Adobe's applications might give you another result. There is no correct value.
Now to your case. You say you worked with HEX colors, so your document is probably in RGB. When you say that "the colors changed", do you mean that you saw it change from "good" to "bad" in Illustrator at the print shop or that the physical print differs from what you see on your screen at home? Or maybe you have a physical color book you compare with?
I haven't seen your files or your print, so it's hard to be any more precise. The guy at the print shop should be able to give some advice on how to achieve the colors you want.
: Inkscape: Rounded Rectangle with custom left and top stroke How can I create a rectangle with rounded corners that has different stroke width for left-right and top bottom positions? Below image
How can I create a rectangle with rounded corners that has different stroke width for left-right and top bottom positions?
Below image explains what I want to do
: How To Delete Overlapping Lines in Illustrator I want to remove everything outside the lighter gray rectangle, i.e. remove the 2 overhanging lines from the black rhomboid/parallelogram. Is there
I want to remove everything outside the lighter gray rectangle, i.e. remove the 2 overhanging lines from the black rhomboid/parallelogram.
Is there a good way to do this in Illustrator?
: How to create this text effect in Illustrator? (one word, 2 different colours) How would you create this effect (below) in Illustrator with the coloured text and transparent text over the coloured
How would you create this effect (below) in Illustrator with the coloured text and transparent text over the coloured shape?
I've tried using clipping masks and even the live paint bucket tool (which I just discovered) but nothing is working.
: Creating a rounded corner on a shape What you're looking at here is a zoom-in of a custom drop shadow I've created in Illustrator CC for some text. The foreground text is hidden. Since
What you're looking at here is a zoom-in of a custom drop shadow I've created in Illustrator CC for some text. The foreground text is hidden.
Since I'm ultimately going for a hand-painted effect on the 'shadow' I can't have obvious sharp corners, I want to soften the corners, but only certain corners so that the foreground shape still touches the shadow correctly on the necessary vertices.
I've tried a number of things, including using some combination of offsets and strokes which did give me nice corners but the overall size of my shape would change (and I didn't have control of which corners to affect, though I could conceivably work around that by layering in pieces of the original shape to restore certain corners).
I've also tried the following techniques that haven't worked out:
Convert anchor to smooth:
Well that's not what I'm after.
Round corners effect:
That's too goofy, even if I split up the shape.
A total non-starter there. It will let me push the whole side out to a point, or severely round off an entire side, but not the subtle softening of the corner that I want.
Finally I came up with a semi-tedious technique of creating a circle (the green shape) and pushing it up against the corners I want to soften, and then hitting pathfinder -> divide. This would give me the paths I need to work with to solve this.
In theory this should work... the shape of the bottom-left of that circle follows the sort of path I would like to have, but I can't seem to align the circle correctly to the edges of the shape to create those new anchor points. As you can see in that screenshot; I don't receive any registration marks to hint at where to drop the circle. I've tried to carefully place the circle at a high level of zoom and totally miss that intersection each time or overshoot it and I'm not happy with the result.
So my question is either:
- How can I make that last technique work reliably?
- Is there another way to easily soften those select few corners in a nice consistent manner?
: Re: How to make GIFs open with navigator by default? I have several looped animated GIFs, that I like to place in one USB stick. I'd like the person who plugs this stick in whatever computer
Create an HTML file with the GIF(s) that you want to share placed in the HTML file as images. Then the person receiving the files can click on the HTML file (which will open in their browser by default) and view the animated GIFs as intended.
To make things more friendly and idiot proof, I would place the GIFs in a folder on the drive, link them to the HTML file from within that folder and call the HTML file something like “double_click_me.html”.
: Remove line from shape I need to remove line from shape, but when I use pathfinder tool, it makes shape from my line(Arc tool), then removes it. How to remove only line itself? These are
I need to remove line from shape, but when I use pathfinder tool, it makes shape from my line(Arc tool), then removes it.
How to remove only line itself?
These are my lines, I want them to cut through the circle:
This is what happens when I use pathfinder and delete the shapes, (it adds in extra space)
: A logo on a T-Shirt printing I want to make this logo print-ready on a T-shirt, but I have a few questions: 1) I have an overlap in my logo, I tried to merge the whole artwork but I
I want to make this logo print-ready on a T-shirt, but I have a few questions:
1) I have an overlap in my logo, I tried to merge the whole artwork but I get conflation artefacts, I also tried the shape builder but the same occurs. I don't want the conflation artefacts and I also know I should't have any overlaps in the logo that will be printed on a T-Shirt. what should I do ?
2) I have 5 colors in the logo (white, 2 blacks, 2 grays), I knew from the videos on youtube that I must convert them to spot colors to make a color separation. After that, I check them in the separations preview. I also know that white is not counted as a spot color, is that right? so now I will have only 4 colors as spot.
3) should the black be 0,0,0,100 as a spot color for T-shirt print?
what about the other colors should they have a specific values or as soon as I change them to spot it's okay?
4) I will save the file as High quality print PDF and leave the rest as default, is that correct?
5) If the client didn't mention which method he will use for printing the T-Shirt, should I still use spot colors, or I should make other file with Pantone colors so I cover all his needs?
6)if the client will use the sublimation method, is there any difference in saving method or colors?
: Re: Web Page Resolution with Correct DPI/PPI I am designing a web template/admin panel and need to know, what correct page dimensions should I use and at what DPI? And What Font size will be compatible
Web pages don't have a resolution as such (as joojaa already pointed out in the comments), because browsers ignore the ppi setting in raster images.
Different devices display images at different sizes depending of on the resolution of the display, or whether any system zoom has been set.
When designing a web page in Photoshop, leave it at the default 72ppi setting. Do not change it, doing so is pointless. Changing it will not give you better quality images. The ppi/dpi setting is not a measure of the quality of an image (a common misunderstanding). For more info read this The Myth of DPI - it's an old article, but still relevant.
All that matters in images intended for the web is the pixel dimensions of the images.
As for which dimensions to use, it depends on what device it will be used on. But in Photoshop CC there are presets available for common web page sizes. Use one of these.
You may wish to create additional artboards/documents for different devices like mobile phones/tablets, to give your developer an idea of how you would like the page to be laid out for these kinds of devices.
There are presets available in Photoshop CC, under the "Mobile" tab when creating a new document for common mobile devices, if you need them.
: Product design and logo for a home cyber-security device - please critique Link: https://www.dropbox.com/sh/9oeux58e80g2h8j/AADC_NX1xrMyGLyQkch4SE84a?dl=0 This is the device casing and logo for a home
This is the device casing and logo for a home cyber-security device. The objective is to communicate strength and security but also be simple and slick (e.g. Nest thermostat, Eero or PS4). Should the brand name "Q-Branch" remain on top of the box or only the symbol? How else would you tweak the design - shape, lines, color?
: Re: How do I fill areas in a image converted from a hand-drawn picture in inkscape? I have to edit a pencil drawing. I scanned the drawing, traced the bitmap and obtained an image similar to
As long as the objects/lines form enclosed shapes (and have no gaps), you could use the bucket fill tool. If there are open areas/areas with gaps that you want to fill, you could just draw some lines to close them with the Pencil or the Bézier tool.
The Bucket fill tool options has a Close Gaps function, but sometimes it doesn't work so well. For the best results ensure that all areas you want to fill are closed.
: Re: White lines around the logo today I'm here to ask you how to export better on Illustrator! I made a text logo, I was going on Photoshop to add a background and I saw these lines: Did I
If you are using PNG, then check you exported as PNG24, and not PNG8. If you export as PNG8 from Illustrator, the image will be in Indexed colour, and that is what is causing your problem.
Of course, you can also avoid this problem completely by placing the AI file directly in Photoshop.
: Re: Adobe Illustrator - equal bleed on multiple documents I'm working on a design, that needs to be printed in multiple sizes (mostly in 4:5 ratio, sizes from 8x10 to 32x40 inches). Each printed
An image (jpg/tif/psd/png) doesn't have a bleed setting. You can't add bleed in any standardized way.
The correct format for print files is PDF since it "knows" its own size, can have multiple pages, can have bleed and crop marks etc. It's the best format for print files. An image is just a "dumb" rectangle containing pixels and will require special attention from the print shop.
A PDF made in Photoshop is in reality an image wrapped in a PDF, so just saving your file as a PDF from Photoshop won't do. You'll have to start using InDesign or Illustrator to make print files.
A "good" workflow could be like this (a very short description, sorry):
Create your document in InDesign in the desired dimensions, set the Bleed to 0.25" and take the bleed into account from the very start.
All images should be created/edited in Photoshop and then placed in InDesign as linked files. This way you separate design and content. You can move, scale and rotate your images in InDesign without actually changing the image files. And you can edit your images separately without changing the design in InDesign - the images simply update to reflect the changes.
All text and vector graphics should be made in InDesign. This ensures a crisper result on print because text and vector prints at a much larger resolution than images. Furthermore, it's just practical to have the text separate from the images.
When your artwork is done, you can export a PDF with 0.25" bleed and crop marks.
So, if I were you, I would expand the canvas of each image by 0.25" on all sides and adjust the artwork, then place them in InDesign and export with bleed and crop marks.
You could also just place the images and scale them, if the design allows it.
(BTW, black/white print is just one color. The white color comes from the paper and is not regarded as a "color". You are only using one kind of ink.)
: Re: What is an eBrochure and how would it differ from a website? I've been asked to create a print brochure (like a traditional tri-fold) and a corresponding "ebrochure". I've never heard of an
An "eBrochure" is just a generic name for any kind of electronic brochure. It's not a kind of brochure in one specific format.
It could apply to a PDF, a regular web page/online catalogue, or a brochure hosted on an online publishing platform.
Ask your client what they want or what functionality they expect from such a brochure. For example ask them if they want it to be interactive/static, viewable inside a webpage/on a browser, or if a simple PDF available for download will be suitable for customers who want to print some of the pages.
: Re: Illustrator: How do I create a clipping mask with 2 paths? I'm trying to create a clipping mask to ensure a shape doesn't spill over outside of the containing shape. Here's the image I am
Group the background and the L.
Make another rectangle in front of the group, and use that as the clipping mask.
: Re: Adobe Photoshop, curly brackets for a publication I need to create a "dynamic" curly bracket for some conceptual maps that I have to write for a book. This is the result that i need to reproduce.
The way I usually do this is in Inkscape or Illustrator. But other apps might work too, such as InDesign or Scribus. You can try it in Photoshop too I suppose.
If you look at the Symbol font, there are glyphs which can be used to create one of the long curly brackets. After you've typed the characters, set the point size and leading the same. You may need to use the Glyphs dialog in your chosen application to insert the characters.
You can basically add as many of the straight line characters as needed, to make the brackets any length.
: Re: Should I rasterize or expand fonts in Illustrator for sending files to print? When preparing art work in Illustrator, is it better to rasterize texts, fonts or expand them? I'm trying to discover,
If you ever have to send it to pre-press where colors might need to be manipulated expanding still gives pre-press options. Expanding also creates a smaller file size so it can be easier to email.
Make sure you keep an editable copy lying too around so your client can make additional changes if they need to in the future.
: Re: Illutrator save for web created dull images Hej! This has never been a problem before and I have tried to look for an answer all over the web with no success. I have created lots of illustrations
Dull colours in web images, such as in JPEGs or PNGs, are sometimes caused by not having the "Convert to sRGB" option selected when exporting. sRGB is the standard colour profile used for web images.
In the save for Web dialog, ensure this option is checked.
: Re: Inkscape - How to reverse fill area and transparent area of an object? Im new to inkscape, so please bear with the noob question :) Im trying to create a border which fades to transparent.
First of all, you must create an image, to use as mask, that is suitable for your needs. I would suggest you to create it in Gimp or another raster editing software since they're specifically created for these purposes.
Let's assume you already have your mask image created and exported as PNG with alpha channel like below:
Import your image into inkscape. For example purpose, I have created two version of the same mask, inverting the transparent area to show different results. As you can see, near the two versions of the image, there are two identical shapes filled with a gradient.
All you have to do is:
ensure the image is ordered ABOVE the shape you want to mask (using these )
drag the image mask above the shape (if you want to mask many shapes at once, group them first)
select both image mask and the shape (or group)
use menu OBJECT > MASK to apply the mask
And this is the final result:
: Re: Bounding-box suddenly way too wide & off-center I've been working in an illustrator file for some time now, but today, all of a sudden, all instances of a symbol I've made are 16k pixels wide
As this is one of the first search results for this problem...
Go to Object → Transform → Reset Bounding Box
: Re: digitally "cleaning" spray painted graffiti I am working on a project where I have to "clean" spray paint in an image of a cave while retaining underlying writing. Take a look at the attached
Rather than make this too complicated, such an edit can be made with fairly basic tools in Photoshop. This method needs no selections, with the added benefit that it would work for almost any colour of paint as long as it's not solid paint.
Use the Brush tool set to Color mode
Use the Eyedropper tool for sampling nearby colours colours
Paint over the blue/off-colour parts
Use the dodge tool to lighten the parts which are too dark
Repeat steps 2 to 3, until the spray paint is no longer visible.
Of course this is very manual method, some skill is required, and it takes a moderate amount of time.
Here's my result using those tools, showing before and after:
: Re: Photoshop color profile to PNG I'm making a game that uses png files for textures. When I run the game I noticed that the colors were less saturated and had less contrast then what I was
This problem is related to color profiles. It's a large subject, so I will just give you a short answer:
PNG files are mostly used for "pixelart" on the web and in applications and games. It is possible to use any RGB profile with PNGs, but it will often be ignored and "sRGB" will be assumed. This can create some confusion.
Furthermore, if your image is in "Untagged RGB", Photoshop will display the image as if it was in Photoshop's Working Space RGB. If your Working Space RGB for example is set to "Adobe RGB (1998)" you are actually working in that RGB profile, but you are saving the file without that information, and the profile is probably going to be ignored anyway. This results in a shift in colors.
If I am right about your images being "Untagged RGB", it can be a bit tricky to fix. You need to first find out what your Working Space RGB is set to, because this is actually the profile you are using. Then you must use Edit > Assign Profile... and assign the Working Space RGB to the image, so the image "knows" which profile it has. Then afterwards, use Edit > Convert to Profile... and convert the image to "sRGB". This should make the images in your game look like you have been seeing them in Photoshop.
To avoid this problem in the future you need to be more aware of the color profiles. Under Edit > Color Settings... set Working Spaces > RGB to "sRGB IEC61966-2.1" so all "Untagged RGB" files will be displayed as "sRGB" (which is the standard). New files should be created in "sRGB", not just any RGB.
Is this helpful? Feel free to ask further questions.