Last seen: Tue 11 May, 2021
: Material Design - Can we use colors outside our theme colors? If I have already chosen three colors (primary, secondary, and accent) from Material Design color palette. Can I use some other
If I have already chosen three colors (primary, secondary, and accent) from Material Design color palette. Can I use some other color outside of those three selections?
For example, if I want to have a star rating (customer review) that is colored yellow, and yellow is not in my primary/accent color of choice.
: 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
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 rid of that. I don't want to do union because I want to change the color of each object. i verified the alignment and ensured that there is no extra-space because of alignment issue.
: Re: GIMP How to make existing gif background transparent I have the following gif, how to make the grey background transparent if not white?
It depends if the light gray things are shadows or not.
They are shadows
Then a transparent background is not doable for this particular GIF. When you want a transparent background, you want to be able to show the picture over any background. In the picture above the shadows would be implemented as partially opaque pixels, that would slightly darken the pixels of the background. But in a GIF, there are no partially opaque pixels, they are fully opaque or fully transparent, so you can't have shadows. You can however change the background:
Prerequisites: Download and install:
Color to Alpha All Layers script
* Remove the optimizations: Filters>Animation>Unoptimize. This create a new image, you can close the source one.
* Change image to full RGB: Image>Mode>RGB
* Colors>Color to Alpha All layers and remove the background (color-pick, it should be #EEEEEE ). Dark grey can darken to black, but don't panic.
* Add a layer filled with white (or your new background color). Make it invisible
* Image>Interleave layers>Interleave single layer (sprite mode) and select the white layer. This will create a new image, use Filters>Animation>Playback to check it.
* Filters>Animation>Optimize (for GIF)
* Export as GIF, don't forget to tick the animation checkbox, and to force all frames to 40ms (the optimization sets a longer interval)
They aren't shadows
So the light gray things will remain opaque, and we want to remove the background but prevent Color-to-alpha to change the light gray things into be partially opaque pixels. For a single layer, that means Select the background,Select>Growby two pixels, andColors>Color to Alpha` but this will be long for 68 layers. However there is a script that makes this a bit faster if used right:
Prerequisites: Download and install:
Remove the optimizations: Filters>Animation>Unoptimize. This create a new image, you can close the source one.
Change image to full RGB: Image>Mode>RGB
Set Gimp background color from the background color of your image (#eeeeee)
Set the tools to the "By Color" selector.
Click in a corner of the top layer, this should select the background
Layer>Erase background should make the background transparent.
Warm your fingers and do 67 times:
Click a layer in the Layer list
Clear near a corner in the image
Ctr-F to reexecute Layer>Erase background
Filters>Animation>Playback to check
Filters>Animation>Optimize (for GIF)
Export as GIF, don't forget to tick the animation checkbox, and to force all frames to 40ms (the optimization sets a longer interval)
: Differences between Behance, Dribble, DeviantArt? What are the main differences of showcase websites like the ones mentioned on the title of this question? I've never used any of them, and I'm
What are the main differences of showcase websites like the ones mentioned on the title of this question?
I've never used any of them, and I'm not really sure what are the main differences between all of them, being them technical (what you can and can't do with them), by intended usage or by the what their users made them (social networking websites tend to acquire their shape and differentiate from each other even by the habits of their users).
By browsing them and reading the descriptions on Wikipedia, I can't really tell what these differences in the intended usage are; I can only guess that DeviantArt seems more oriented toward amateur artists while the other two seem to be geared more toward a professional audience.
If there is somebody here that has more experience about them, I'd like to have a brief comparison of these sites (and even other similar ones, if they exist, I've only mentioned the ones that I know of).
: 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
I have to edit a pencil drawing. I scanned the drawing, traced the bitmap and obtained an image similar to this:
How can I fill the areas marked in the diagram with a fill or gradient? (The lines shown in red are Objects, not Strokes).
: Re: Brush feathered on one side and sharp on other side Is it possible to create resizable-rotatable brush in photosphop and/or gimp, that is sharp on one side and feathered on other side (and
But it's quite hard to control the actual opacity gradient, since the overlap between successive copies of the brush depend on the curve radius:
Maybe your problem has a solution which doesn't involve such a brush?
: Re: What is the name for a grey shaded effect on a photo and how do I achieve it in GIMP? I'm completely new to graphic work! I am looking to achieve the same grey shade effect on these images
Looking at your pictures, it see that the desaturation mostly happens on the light tones, so try something like this:
Duplicate the layer
Layer>Mask>Add layer mask and initialize to Grayscale copy of layer
On the Mask, use Brightness/Contrast to increase both lightness (a bit) and contrast (some more)
On the Layer, use Levels to reduce the output level of the whites.
Your layer stack will look like this:
And the result is:
: Re: What is the best colour scheme to use for a shirt design, CMYK or RGB? What is the best colour scheme to use for a shirt design, CMYK or RGB?
It all depends on what kind of t-shirts are you making. What kind of system are you using to apply your design on the t-shirts?
Most of the printers are CMYK-based, so that's the prefered method of working with files. If you work with RGB - the colours will have to be converted to CMYK at one point or another. So CMYK is the way to go.
I have been working in the garment industry for the last 7 years and there are primarily 4 different types of applications:
** Screenprinting: **
Flat solid colours. I recommend using PMS (Pantone Matching System) to get the best results. Deliver in any vector format (EPS, AI, PDF etc) or a high-quality raster images (JPG, PNG etc). When it comes to raster images, make sure they are at least twice the size of what you want with 300DPI to ensure you get the best results, even the smallest details.
** Digital Printing - Heat Transfer:**
CMYK - As most of the printers for Digital Heat Transfer usually work with CMYK (sometimes with the addition of white, silver, gold), it's best to use CMYK. It's also recommended to use PMS colours to achieve the results you want.
** Sublimation **
CMYK, recommended to use with PMS as in the previous types of print.
This is a relatively new way to print onto garments. It produces the best feel as the design is in the fabric, the print dyes the fabric under high temperatures. The print doesn't deteriorate* and it feels good. This method has some limitations as it needs to be printed on white shirts, otherwise, you cannot achieve the full range of colours. Also, you can only sublimate on polyester-based t-shirts (I would say minimum 60-70% polyester - otherwise the results will look washed out).
**DTG - Direct to Garment print: **
print straight onto the garment. I don't have much experience with this method so I can't say much. I believe both RGB and CMYK are good in this case. However, CMYK is always safer as most of the printers usually use this combination. RGB colours are used on screen based devices, not printers.
Please note: the design should be given in Vector files as some of the colours might have to be tweaked the manufacturer to give the desired results.
*** colours might deteriorate if printed on a garment with a low polyester count.
: How to do this grungy effect in adobe illustrator i wanted to ask if anyone knows how to do the daily minimal effect in adobe illustrator. I already played around with pathfinder to do the
i wanted to ask if anyone knows how to do the daily minimal effect in adobe illustrator. I already played around with pathfinder to do the grungy effect but im still missing something. It kinda looks like it is sketched on paper.
This is a picture for reference:
And this is what i get from playing around:
It would be awesome if anyone knows the answer. Thank you very much.
: Re: Illustrator Novice Question - How to change the color of a graphic easily? This graphic is created by many shapes and elements. Two colors compose this graphic: red and white. The shapes
First I would like to address that some of you're paths are in NO FILL & white Stoke. The Compound Shapes (Semi-Grouped) are Colored in Blue but if you click/Choose the specific or individual path it is in fact colored White.
Second If you want to color the whites to be transparent or see through You must expand their Appeance. Select all the whites (Select 1 path with color FILL&STROKE then Select>Same>Fill & Stroke. Then Expand them. As Shown
with the whites are grouped and the Red is path (eg. Red Square background)
Excude them together (White on top) Pathfinder>Exclude
It will give you the all white color. The Target whites will be transparent or See through.
: Re: What to do if a client likes your borrowed placeholder icons? I am working on a school research about copyrights and I need to hear some opinions about how to handle this case: You
1-Do you tell him you just included them because you ran out of time?
No, but you imply it: "The top navigation is there as placeholder. Today we are just looking at the main body content. If you like these icons I can make you something similar"
"These icons are here to show the basic idea. If you like these symbols in these locations I will create the final ones. I just wanted to be sure you approved the symbology before I put in the effort to draw unique ones."
"I ran out of time. WE don't have the rights to those icons, but if you like them we can buy them or I can draw you similar things."
2-How to ask the real designer for permission to use them?
Just ask. If they came as a set they are probably for sale. If you found them on a random site they may not be created by the people that made that site.
Home Page, About, Contact, Site Map and Search are well established icons. There are many free versions, plus these are fun to make. Well established means certain symbols are easily recognizable: magnifying glass for search, little house for home etc. Look online for ideas then draw your own set to suit the site.
Make your own
Get permission to use others
Use free ones without restrictions
: Re: Which fonts are similar to League Spartan? League Spartan is a font that I really use in my designs, but when doing presentations or pitching, I can't seem to find this font in Google Slides
Century Gothic Bold
It is its mother typeface. Almost the same but slight difference.
: SVG artwork for XY axis plotter I'm having an issue with my XY axis plotter. Does anyone know what minimum line weight I should use? The lines on my SVG files keep doubling up. Also, how
I'm having an issue with my XY axis plotter.
Does anyone know what minimum line weight I should use? The lines on my SVG files keep doubling up.
Also, how do I 'fill'? Do I have to draw a series of hatches?
: Re: How to undo expand appearence? I made this vector illustration in Ai but after expanding the appearence there seems to be too many anchor points even double ones so now when I am trying to
Once it was save Ctrl/Command+Z wont work anymore because it is your last instance. If you are not sure to expand it or make it fixed fill you must save an editable back up file. This true to paths with stroke and fill, Texts not Outlined, Stroke Appearance, Brush, Patterrn, Effects etc.
: Little window showing zoomed contents near the brush while holding specific key I am looking for the following feature in Photoshop (natively or as a plugin): When you press and hold down the
I am looking for the following feature in Photoshop (natively or as a plugin):
When you press and hold down the specific key, a little window will appear at the corner what shows the zoomed content of the area where your brush is currently at. The window updates it’s contents as you move your brush, following it of course. The window will disappear as soon as you let go of the key you were holding. The feature is available with any tool, at any time. With this feature you don’t have to constantly zoom in and out to get the pixel-perfect precision when it’s necessary.
: Printing a 18" x 24" poster from a design made in Sketch I have a design in Sketch that is 2000 x 2664 in what I'm assuming are pixels. This design is composed of 20 500x500 bitmaps (PNGs)
I have a design in Sketch that is 2000 x 2664 in what I'm assuming are pixels. This design is composed of 20 500x500 bitmaps (PNGs) backed by a vector rectangle. I want to print a 18" x 24" board at Kinkos (a copy shop), but the website is saying that my image is low resolution. I'm not sure how to fix this. How do I generate a file with the right specifications? For reference, the picture I'm printing is a binary image (pixels are either all black, or all white), so I don't quite care for color.
Here it is, for your reference.
I unfortunately don't own Adobe Illustrator or any other image editing tools. My background is not in print or graphic design so I am very ignorant of the subject - but I also don't want to waste money printing a poor quality image.
Thank you for any assistance.
: Re: what to use instead of $$$ as cost level in design? Is there any alternative? This question may be quite confusing so I've attached an image with it. Below is a snap from Yelp site, there
I look at this and I have to ask myself several questions regarding the design and goals of the site. When I look at a dollar symbol under a review site that quickly translates in my head what the value is.
An issue you might face, to me, is in regards to what the focal points are and if you modify the common occurrence of the dollar sign. For instance the, the 1st point of view should be the images:
the second focal area would be the review ratings:
You could use a similar star rating base but the visitor could have a hard time discerning where the price point shifts too if you used something like a total of 5 stars but only three were defined:
If you're looking to do something around humor you could always do little pigs similar to a piggy bank:
you could also utilize stacking coins:
some might understand the bag of money reference:
To me it just depends how you intend to tie it in the design. You could use a symbol like I mentioned above as a settle note depending on if price is a big focus in your design. You could take the price to the next level and design something just for it like:
There's also color reference such as green for base value, yellow higher and something like red as in high dollar amount applied to coins but usage of this idea could clash with the theme of the site/design.
Site pricing could be designed with the form of payment involved. For instance Bitcoin is growing in usage but you could use their icon for price if the that is what the seller uses as currency:
or modify the PayPal symbols to use your site theme colors:
then there is your site logo as a scale.
: Re: How can I combine multiple Overlay layers into a single one? Here I have a simple image of a cat: I add a new layer on top of it and near its mouth area I add a small circle and apply
The equation of the Overlay mode is:
Where I is the composition of all layers under the layer in Overlay mode and M is the Overlay layer.
With 3 layers, the result of the top layer is E, the next layer applies the same formula (replacing I by E) and the third layer does this again. I'll let you figure out the resulting formula, and see if there is one of the blend modes that matches it. Answer: likely not.
Combining the layers in a group won't help, since this gives the same result as merging the layers and then putting the resulting layer in the blend mode of the group.
There may be ways to achieve equivalent effects, but they would be different depending on the image.
: Keyboard Shortcut to Change Stroke Weight? Does anyone know if there is either a keyboard shortcut or script available in order increase and decrease stroke width in Illustrator? I would love
Does anyone know if there is either a keyboard shortcut or script available in order increase and decrease stroke width in Illustrator? I would love to be able to just hit Option + + or - or something of that nature with an object selected, but I have yet to find a solution on the internet.
: How could i do that? Illustrator? Photoshop?... or both? The other day I found these illustrations of one of my favorite artists (Yone Kazuki) and I noticed the circles that were behind. As
The other day I found these illustrations of one of my favorite artists (Yone Kazuki) and I noticed the circles that were behind. As a kind of Sun and I would love to know how to do that kind of pattern (If it is a pattern...)
In what program would i do it? Photoshop or illustrator? And in case it could be done using some technique, what would be the process?
I imagine that they also have some texture ... the lines seem degraded, as if they were on a canvas. Could someone help me with this doubt?
Thank you very much in advance! ><
: How to take off all the white space from a page in photoshop? cause i want to change the color of some black lines by locking the layer and coloring just the lines but since it's one page
cause i want to change the color of some black lines by locking the layer and coloring just the lines but since it's one page even the white space get colored. don't you guys have an easy way to do that beside wand and eraser. (cause i might have this probleme for all my images and i think it's annoying to use wand every time)
: Re: How to design an cartoon looking image Full confession I know absolutely nothing about graphic design, Im usually over at stackoverflow. Ive searched, googled and pretty much everything else
For the GIF image kind you've attached Photoshop is sufficient.
If you wish to create a presentation or an animation film you would need Adobe animate or Flash.
Illustrator is a purely vector editor -precisely for tasks like logo design and typography.
: Re: Difficulty in deciding the margins and columns in InDesign I have got a A5 flyer of 5 Pages to design in Indesign. The Word Document has 7 Pages of text. I spent so many hours deciding whats
Determine the best font size, kerning, leading and number of columns before you add text. Set up your paragraph styles and use them consistently throughout. Guidelines for readability and attractiveness will indicate the correct choices for your application. If it's a print flyer there are proper sizes, and also for type meant to be read on a screen.
Font size should not be determined by content and 8 point type may be too small for a handout. However a narrow font can be legible and save a lot of space.
The final page count is a function of the content length. If you need to keep the page count under a certain number (under 5) then adjust margins and column widths first.
Narrow outer margins can work. Between columns, try low like half an inch, and see if it bothers you. Make them as small as possible and still look good.
Remember when using more columns you lose space at the end of each line. Full page width type is too wide for comfortable reading but 2 columns will lose the least space.
Leading can be reduced as small as possible and still look good. The ligatures from the line above should come nowhere near the letters below. The default leading can usually be reduced.
Pull in the letter spacing (kerning) as close as possible without any 2 letters touching if it still looks good and is legible.
Don't put a space between your paragraphs but bump up the spacing with the "add space before paragraph". 5 points gives clear indication of paragraph break and saves you a lot of space.
Your titles definitely do not need a full space between them. Adjust that with the character line spacing.
: How to multipy images in batch in Illustrator? This is a continuation of this question. I will have a huge amount of seamless pattern in vector format. I want to multiply them by 9, so each
This is a continuation of this question.
I will have a huge amount of seamless pattern in vector format.
I want to multiply them by 9, so each pattern would occur three times in three rows.
Then I'd like to leave them as AI with 5000x5000 px workspace size, or eventually export to PNG.
: How to repeat automatically seamless pattern in Illustrator? This is basically the same question as I asked recently, but about Illustrator, instead of Photoshop. Let's say I already have a seamless
This is basically the same question as I asked recently, but about Illustrator, instead of Photoshop.
Let's say I already have a seamless pattern. For example this one:
I'd like to quickly repeat it 4 times.
So the result would be:
(pardon for scaling)
Is there any automated way to do this in Illustrator, instead of resizing the workspace then copying and placing it three more times?
: Weird display problem with strokes in Illustrator I had this problem recently in Adobe Illustrator where whenever I draw a stroke it shows sometimes parts that doesn't really exist in it, like
I had this problem recently in Adobe Illustrator where whenever I draw a stroke it shows sometimes parts that doesn't really exist in it, like in this screenshot:
but in the outline view:
as you can see, there is no explanation for the added/removed parts, also they are all the exact same strokes (copied and rotated), so if it was a problem with the stroke itself it should be the same in all of them, and not a different deformation in each one.
he are the stroke settings:
: Formatting pdf for multiple pages with bleed How should I format an A4 newsletter of 12 pages with bleed for pdf? I am using Serif PagePlusX8. Would it be correct to say bleed should be only
How should I format an A4 newsletter of 12 pages with bleed for pdf?
I am using Serif PagePlusX8.
Would it be correct to say bleed should be only on 3 sides as no bleed is needed on the 4th side?
: Where to get free high quality maps (vector) So I search for a long time, but couldn't find anything... So basically I'm searching for high quality maps to create something similar like: https://www.mapiful.com
So I search for a long time, but couldn't find anything...
So basically I'm searching for high quality maps to create something similar like:
The map is based on Openstreetmaps, but I don't know where to get high quality images or vector data to create a similar map
: Re: How to convert shades of one colour (red) into seemingly equal shades of another colour (blue)? A site template I'm using has the following colour palette. I would like to use similar shades,
Do it by eye or measure luminosity.
Two colors can have the same measured brightness but one can still look brighter than the other. This isn't your eyes playing tricks on you. It's a real, measured effect called luminosity or luminance. This is the L in Lab color.
For example, pure yellow (#ff0) looks brighter than pure magenta (#f0f). They have the same brightness or lightness but have different luminosities – yellow is L98 and magenta is L60 as measured in Photoshop*.
Luminosity values are based on the human eye (measurements were taken) so feel free to use your own eye to make sure it looks right even if the brightness values aren't the same.
Most color pickers don't measure luminosity, but your eyes can see it. So trust your eyes.
* in sRGB for those that care about this sort of thing.
: How to add vertices to rectangle? I created a rectangle with the rectangle tool and I'd like to add vertices to it. I usually double click on the edge to add a vertex but it seems like
I created a rectangle with the rectangle tool and I'd like to add vertices to it. I usually double click on the edge to add a vertex but it seems like the rectangle I created is some kind of special shape that doesn't behave like other shapes.