Last seen: Tue 11 May, 2021
: How to transform HCL to RGB? I would like to generate a color map in HCL, and then transform it RGB. Can anyone help with the transformation? Thanks, Guy
I would like to generate a color map in HCL, and then transform it RGB. Can anyone help with the transformation?
: 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
Inkscape make exactly fitting seams partially transparent. The same unwanted behaviour is common in many vector drawing programs. The plus is that seams do not look out jaggy.
To kill the light add something under the seam - a stroke or stretch another of the shapes. It causes no harm if the added part has the same color as one of the face to face shapes.
: What causes align to object to fail so incredibly? (Ai 2014 CC) Edit: Specifically this is when copying and pasting from one file to another file. I'm using align to "Key Object" not align
(Ai 2014 CC)
Edit: Specifically this is when copying and pasting from one file to another file.
I'm using align to "Key Object" not align to "Artboard"
What I find odd is that it moves more every time I press allign.
Has anyone else experienced this and have an explinanation as to why this happens?
An obvious solution is to manually move the object but I'd rather have an explanation, not a solution.
Although, a solution would be appreciated if offered.
NOTE: I've censored the actual art but you can still see it's bounding box and a rough idea of the elements inside. Both of these objects are independently grouped, so I'm not selecting the wrong key object.
ALSO NOTE: In the gif I never deselect anything.
: Re: (Inkscape) A shape made with path/difference produces a gap The picture I included illustrates the issue. The biggest problem is that the effect escalates: so if I had to add several shades,
Exactly the same happens also in Illustrator. It must be how the paths are calculated, the calculation is an approximate. The effect is visible only with extremely high zoom. It becomes visible also if you use initially small shapes and scale them up.
I fixed the shape in Inkscape by dragging the cusp node with snap to path ON. Better way would be avoiding booleans for shapes that must fit, use clipping masks and covering the unwanted areas (see another answers where it is presented well).
You can also convert the circles to paths, align them and edit the topmost one with the node tool. If needed, insert guard nodes (=double click on path) that reduce the affected area. In the example the southern hemisphere is affected:
Some underhood knowledge is needed for curing the problem, not the symptoms. Hopefully a guru gets interested and shows to us something.
: Re: Need to change font color in "difference" Working in Photoshop, I have a background with 3 different colors and needed the text to adjust accordingly, set to "difference" and the text over the
You can add a Hue/Saturation adjustment layer, which affects to orange making it black.
Whitening needs smarter tricks or brute force. The latter means: Have both white and black texts. Add to the upper text layer a layer mask, which kills the wanted areas. An example:
The layer mask is done by making a color range selection (text layers closed) and then adding a layer mask to the top text layer. The mask forms from the selection.
: Re: Google has removed the "Download Image" link, what changes should I make as a designer? Thanks to a lawsuit by the large stock congolomerate Getty Images (which also owns iStock) Google has
Nothing. It's still there. (3-6-2018)
Even on a vanilla browser with no exentions.
All you have to do is:
Right click --> open in new tab.
You may now download it at the highest quality as before.
NOTE: Pay attention that I highlight the image resolution before opening in a new tab. The same resolution is clearly visible on the new tab header and is identical.
What should we do? Answer: Maybe not advertise that there are ways around it so google feels like they need to hide it even more.
: Gif Animation frame Rate reduction I'm doing an animated gif logo for a client and would like to know if there is a way to reduce the frame rate in photoshop, I know I can delete one by
I'm doing an animated gif logo for a client and would like to know if there is a way to reduce the frame rate in photoshop, I know I can delete one by one, but thats not a great solution for 3 30 fps animation. Is there a trick to automatically reduce it?
This could really come in handy sometimes.
: Re: How to clearly see what is process and spot colors in the swatches palette How can you clearly see the differences between process and spot colors in the swatches palette in Illustrator? I
You sure can!
Just click on the menu button in the top left corner and change it to small list view or large list view. This will even allow you to see the perecentage of each CMYK color!
Note: CMYK percentage is only there if the swatch was created with "name using color values" was checked. Viewing as list will not always show color breakouts
: 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
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 brush can be rotated to when required)?
: Re: Creating a palette from two *intermediate* colors I am given 7 categories and 2 colors: blue (#02A7E3) and orange (#F6A800). There are numerous online tools to interpolate between these two, for
In Photoshop and many other graphic software you have layer blending modes Add and Subtract. With subtract you can calculate the step size (=B-A) between two colors A and B. You can add that step to B to get as distant new color C or subtract it from A to see what belongs in front of A to that series.
A nice theory, but it works poorly in normal RGB mode with 0 to 255 channel value range. We have unfortunately no negative colors. You get better results in 32 bit RGB mode. See an example:
I have taken 5th and 6th colors of your series and calculated the 7th. For reference the original 7th color is shown as the right half of the image, the calculated (=extrapolated) version is the left half.
Another example: I have subtracted and merged 2nd and 6th color of your series. Then I subtract it with 50% opacity from your 2nd color. I get your first color. You see that the first color in the reference series has nearly sunken to the calculated color. :
Actually you do not need graphic software. You know the RGB values and you can calculate the colors with a calculator or spreadsheet. It's elementary, if you use linear interpolation. Calculate X1 plus or minus N*(X2-X1)/M where X is R, G and B in their turn, N is an integer "how many steps you want to advance", M is another integer "how many steps there already is from color1 to color2, use plus and minus for different directions. Do not make any roundings until you are ready. If you happen to get a final R,G or B number below zero or over 255, then you have wanted something impossible in 8 bit RGB range.
NOTE: This is not exact even with 32 bit colors because we used elementary linear interpolation with no idea how the series was actually formed. A series between two colors can be formed via arbitary routes in the color space. Linear interpolation is only one possiblity and it happened to give quite the same result than your color series generator just in this case. Another source for inaccuracy is that I used as starting values numbers which are already rounded to 8 bit. Finally the system color management and the trip via Imgur distort colors.
linear interpolation between RGB numbers is only one of the zillion possiblities to advance from color 1 to color 2 and create some intermediate steps. Somehow visually optimal result needs surely something advanced which takes into the account the limitations of the devices and the human color perception. Artists do all that intuitively.
If you want to get a series without radically differently saturated intermediate colors, you can try interpolating between hue, saturation and luminance values. Note that you must select do you want to go clockwise or CCW along the hue circle.
: Photshop distance between objects I know in photoshop there is an option when you select a layer and hover over an object while holding the command key, you see the distance between those objects.
I know in photoshop there is an option when you select a layer and hover over an object while holding the command key, you see the distance between those objects.
But, is there a way or tool to export a jpg with the distances from layers? Because when I make a webdesign in photoshop I want the developer to see the exact distances because a lot of developers are doing nothing with distances... It would be nice if I could choose the layers which should show the distances between each other.
I'm using Photoshop CC 19.1.0
: Re: Render 3D CAD model as lineart/blueprint Coming from an engineering design background here. I’ve got this rather complex CAD model I’m supposed to make a poster for. I figured turning it
This trick has been a gold valued limitation workaround in a freeware CAD:
I have a wireframe scene. I print it as PDF with Adobe PDF printer. The PDF can be opened in Illustrator. It is editable vector drawing, not a bitmap.
In File menu export as 2D vector file is greyed, but printing the scene gives the result I want. Test the same in your CAD.
My freeware CAD is Design Spark Mechanical (Radically downgraded version of SpaceClaim). It reads STEP files, but their editing is disabled. And, of course there's no perspective except in its poor shaded view mode, which gives screen resolution bitmaps.
: Tiling problem in krita Can't upload GIF because of file size limit, shows up "file not supported when adding imgur link so here's the GIF explaining my problem:- Tiling problem krita As you
Can't upload GIF because of file size limit, shows up "file not supported when adding imgur link so here's the GIF explaining my problem:- Tiling problem krita
As you can see the original texture tiles fine when using the "Wrap Around" mode but when I try to copy and paste the selection, it suddenly cuts off at the corner and doesn't tile. I would appreciate if the problem can be solved within krita itself, but I am also willing to accept the solution to the problem using alternative software such as GIMP if all fails.
: Is there a way to "lock" the proportions of an photoshop file so the end user cannot change them? I am creating ad files for concert events and the end users (think church bulletin - no
I am creating ad files for concert events and the end users (think church bulletin - no offense intended) are always stretching the files to meet a space, creating a horizontal or vertical squash that renders it almost unreadable.
It would be great to lock the proportion so they can change it.
: Re: Print Preview showing bottom gap when set to scale to fit. Why? With SketchApp, I used A4 artboard preset and exported to PDF. When i see print preview of that pdf, it shows like this:
Normally printers can't print to the edge of the paper. There is always a white margin.
When choosing Scale to Fit, your document is scaled down to fit within those margins.
If you instead choose not to scale it (100%), your document will be printed at the size you intended, but since the printer can't print to the edge, your document will be cropped at the edges.
If you need to print the full A4 to the edge of the paper, you need to print on a larger piece of paper (A4 oversize or A3) and then afterwards cut it with a knife. This is how commercial print is normally done.
You need to add 3 mm bleed to your document. Since it is impossible to print with 100% accuracy, you cannot have objects at the edge of the page. So you have to make sure that these objects exceeds the paper by 3 mm. If you fail to do this, you might get thin white stripes without print at the edge of the paper after cutting.
You also need crop marks, to cut by. I'm not familiar with SketchApp but, crop marks can normally be added automatically when exporting a PDF.
When cutting, remember to only cut out the A4 rectangle. If you cut all the way through the paper, you'll loose the other crop marks.
: Re: Does Photoshop allow us to deform linear objects to complex curves? Tying shoelaces in Photoshop would be an overkill, but I have been trying to get the electric cord of a vacuum cleaner to
You can try to warp nearly right image, but the result is unsure. I recommend inserting a photo of a well bended other cord. A piece of unused cable should be easy to wind to the wanted form. If that's not available, add a fake cord.
In Photoshop there's no easy to use tools to bend a straight piece of cord to perfect cable winding. Illustrator has more flexibility and we use it for this. Affinity Designer would be also useful.
The cord cannot be concentric circles because it's a spiral. But a bunch of nearly concentric circles can be a plausible fake:
It's difficult to see directly that this is a fake, because the eyes get confused due too many curves to follow. Perfectly concentric circles are more easily seen as circles.
The real cord has been erased in Photoshop, only the original plug is remaining. The fake cord has been copied and pasted from Illustrator and the colors are adjusted to match. See the screenshot from Illustrator:
The fake cord is a few identical circles, one of them is cut with the scissors and the tails are drawn with the Pen tool.
Then a rectangle with gradient fill was drawn, expanded, the clipping mask was removed, a small copy of it was dragged to the brushes collection and defined to be a pattern brush.
That pattern brush was applied to the rings.
NOTE1: There's no easy way to transform this to a perspective image of a winding which is lying horizontally on the floor. It can be a bunch of ellipses (=the former circles squeezed vertically before applying the brush), but the result will be poor. It's complex to make and it will look out nearly flat. I would say Crap:
3D modelling can give the perfect result. The cord can there easily be a spiral. Proper perspective drawing in 2D and real spiral 3D versions are beyond the scope of this answer.
In Illustrator you can make a 3D fake with 3D effect "revolve". Revolve a bunch of circles (=the intersection of the winding). Inserting the tails and the plug is easiest in Photoshop.
NOTE2: 3D, even the Illustrator 3D fake +integrating it to the image is more work than photographing a real cord, removing the background and editing the result into the image.
: 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?
What is the best colour scheme to use for a shirt design, CMYK or RGB?
: Re: Is this shadow realistic (photo composite) I've added a man to this composite and added shadow. I made the light source more distinctive above tree, a bit left. Based on this I draw green
The continued lamp shadows should meet at the horizon under the sun, that's a point under the sun at the same altitude as the camera. Lens errors and non-horizontal ground distort it.
The same point should be used as well for the shadow of the man.
Draw a line from the sun through the head of the man to see where the shadow of the head should be. You can find the sun by increasing the black level with the levels or curves tool. It's in the middle of the round halo, here:
The sidewalk should be about 1,5 times as wide as the man is tall. Of course, that's not exact. Rotate the man 90 degrees CCW to test it.
: Re: 1960s technical charts sans-serif all caps font I'm trying to identify a font of which I don't even have an image, only a very distinct memory. I remember it having seen used in technical
I think the font you are looking for is LETTER GOTHIC.
It was used in the NASA's 60's documents because it was featured as an standard and eminently readeable by IBM SELECTRIC typewriters used by most American companies and institutions.
: Re: Matching logo sizes When you're designing a document and you have to place a bunch of logo endorsements in the document, how do you make all the logos seem the same size? Is there a more
The questioner wanted a mathematical method to scale different logos so that the resulted sizes seem to be equal. There are few ways to drag the mathematics into the process:
A. Let one or more people to do the scaling for a large logo collection. Then a mathematician finds a computable "logo size measuring function" which is forced to match with the result.
B. One derives the logo size measuring function from some accepted perception theory
C. One takes his own ac-hoc logo size measuring function and uses it
The logos are scaled to give the same size when the selected logo size measuring function is applied.
Unfortunately A. and B. are beyond my capablities. But I can give some my own measuring functions:
M1: The amount of ink when the logo is printed as full black on white (or as well total colored area)
M2: Like M1, but the ink is weighted with the distance from the centerpoint of the logo. That's physically the inertial moment.
M3: The perimeter of the bounding box of the logo
Using M1 gives easily too much real estate for those logos which have only thin lines. M2 is better because even the thinnest line gets heavy weight when the line is far enough from the centerpoint. Unfortunately the practical calculation is tricky, but it can be done, if Photoshop is allowed.
M3 is easy. Only check the width and height of the bounding box in the infoline. You can add the width and height, no need to multiply by 2 if all logos are measured in the same way.
An example using M3: These logos are tried to draw approximately to the same size.
In illustrator summed widths and heights are 78mm for logo1, 76mm for L2 and 93mm for logo3. If we let L2 be as is, we must scale logo1 to (76/78) = 97% and L3 to (76/93) = 82%. The results:
M1 is skipped due its weakness. But M2 gets some attention. Weighting is possible in Photoshop. One can add a radial gradient with blending mode multiply and do the average blur. One color channel value in the averaged image is the measure. The result is the following:
We see that thick black gives remarkably less real estate than thin lines.
The scaling of the inertial moments are tricky. The right scaling is the cubic root of the ratio of the measures. Further details are skipped.
: Re: Noise around clouds and strange lines I've been trying to reduce the noise for the clouds image using noise>reduce noise but even though I've been doing it multiple times this strange line in
The lines you see in your image are called banding.
An image doesn't only have a resolution when it comes to its dimensions. It also has a bit depth which can be seen as the "resolution" of the color values. Banding occurs when this "resolution" forces the steps between colors to be so large that the image cannot create the illusion of a smooth gradient.
This can happen if an image has a low bit depth (like an image in Indexed mode, a gif or png), or if you manipulate an ordinary (8-bit and more) image further than its bit depth allows. You "stretch out" color data at a certain "resolution" to have a larger span and a kind of "pixelated" effect occurs. Much like what happens if you scale an image up, but with the colors instead of the dimensions.
Sometimes I've had banding problems using some of Photoshop's adjustment layers and found that I could achieve what I wanted using a similar tool. For example Hue/Saturation where I used Channel Mixer instead and the problem disappeared.
In your case you need to either remove/change the adjustments that cause the issue or smooth out the colors of the banded layer by somehow adding some data where it's missing. The two basic tools for that is:
Gaussian Blur (or other kinds of blur) - adds the missing transition between colors but removes some details.
Noise (any kind that works) - camouflages the banding and adds fake details.
Experiment with applying these effects (maybe multiple times) with different settings and in different order. (I would turn the image into a Smart Object to make it easier.)
: Re: How can I get the marquee tool in Photoshop to accurately snap to a grid? Currently I am working with a 128 x 128 image in Photoshop. I have grid lines dividing it into 9 sub-sections. When
128/9 = 14,222... That's not an integer. If you mean 3 x 3 subsections, then neither 128/3 isn't an integer. Snapping can happen only at pixel boundaries. Try size 126 x 126 or 129 x 129.
: Re: Transform text like an arch In Photoshop you can use the wrap-text tool to shape the text arch like (More here). In Affinity-Designer you can create a text on a curve but that does not the
Affinity Designer hasn't it. Its sister application Affinity Photo has Mesh Warp, which includes also this - only have 1x1 mesh and drag the edges or corner handles. This is a screenshot of Affinity Photo:
Unfortunately the result isn't any more editable text, it's a raster image.
Probably Affinity Designer will get it (only a guess), too because its predecessors Serif Draw and Serif PagePlus had it. Its name was "Envelope" in Draw. In PagePlus it was "Mesh Warp". In both old applications texts stayed editable after the deformation.
: Re: Unable to change text color in Photoshop I'm using the text tool, I type some text but it types in all white. I go to highlight the text and change the color to black, at the top of the
Sometimes what happens is when you create a new document the color mode defaults to a lower setting like CMYK color at 8 bit. You can either create a new document and set the color mode to RGB at 16 bit or you can follow this link to change the color mode on existing documents. helpx.adobe.com/photoshop/using/converting-color-modes.html
: Re: Can I copy the Supreme logo design but use a different word? I made a supreme style sticker with the same colors and font except with a different word and I just used an example for this
As long as it’s a different word and different color you will be fine. You can reference their copyright on their website. But the logo is copyright for that specific color and name etc
: Re: What do you think of this logo? Would love some opinions about this logo. I am having the classic problem of being 'too close' to judge objectively. We are a company that does Balloon bouquet
Quite solemn appearance. I would associate delivering balloons to something fun. Not a circus, but at least a little color and less traditional font.
Your balloons are small, have no variety and they seem to have got stucked to the dot when they were flying away. I think they should be bigger, colorful and placed in the middle.
The twines are waste of space. Without them you'll get bigger text and balloons in the same rectangular space.
Here's an example - a few grey balls and ovals, white text and black shadow. Then the same with random color fills and backgrounds:
: Making 2 or 3 color blend film positive for screen printing Are there any examples or tutorials on how make film positives for a design such as this: I'm a designer (novice) & need send
Are there any examples or tutorials on how make film positives for a design such as this:
I'm a designer (novice) & need send the design for screen printing. Is there anything that I have to avoid. I work on corelDraw & Photoshop
: Re: Creating a treasure hunt map from my city I need to know a fast way or at least something that may look good. I have the map of Bucharest and I have to make a map to unite 5 specific
These maps are free to use if certain conditions are met. See the license!
At least for me they look out pretty good. See a screenshot:
How to download and make edits:
Press "share" icon. You get a dialog which allows to select file format and the wanted map area. The area can be presented as numbers or you can draw it onscreen.
One of the format options is JPG, but nobody wants JPG artefacts to his map before he has inserted his own data. Forget it.
SVG version unfortunately was a mess. Illustrator showed some unrecognizable jumble and Inkscape freezed under the load.
PNG was usable. Pixel dimensions were not freely selectable, but I got it out about 2000 pixels wide and high, when I input the scale 1:1000. The webpage adjusted it to 1:1900, bigger size wasn't available.
Most drawing programs open PNGs and allow editing.You can add markings and comments to a PNG also with office programs such as PowerPoint. Insert the image to a PPt dia and draw & write what you need.
PDF was openable for edits in Illustrator. Due a missing font unfortunately the texts and the underlying "contrast enhancing outlined text shapes didn't fit". An Illustrator guru probably would use the PDF anyway, but that's not beginner's job.
Another way to make edits to the PDF is to use a specific PDF tool. Even Adobe Reader is OK, if you are happy with those rudimentary edits which are possible with the commenting tool. I think that this is your case. Adobe Reader was even able to make the texts and their underlays to fit.
More edits to PDF are possible with Acrobat or Foxit Fantom. They are not freeware like Adobe Reader.
PDF and SVG both presented much larger areas than the selected area, only some details were ignored in the unwanted area. That slowed down the computer.
For small areas even a screenshot can be useful.
Conclusion: Try PNG or PDF
: Re: 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)
When your print shop is checking the resolution of your file, they assume that you want smooth looking ordinary photos with no visible pixels. Your case is special. You actually want the pixels to be very big and visible, so in your case the low resolution is not an error.
The worst thing that could happen to your artwork is if the print shop upscales your image using something like bicubic interpolation. This is a method to enlarge images while avoiding visible pixelation. In your case it would result in blurry edges.
There are several ways of avoiding this problem (although most of them requires some knowledge and/or graphic application):
You could make sure that your png-file is actually a true 1-bit (B/W) image, and not just a color or grayscale image resembling a binary image. Then it should rescale with jagged edges (which is what you want). But, you can't be sure that the print shop doesn't convert your image when you upload it turning it into a grayscale or color image. That is a risk.
You could manually upscale your 1-bit image to a larger resolution. It should be 1200 pixels/inch, so the dimensions of the upscaled images should be 18" * 1200 ppi x 24" * 1200 ppi = 21600 x 28800 pixels (BTW: Your posted image is actually not 2000 x 2664 px as stated but 2000 x 2500 pixels - which makes more sense). There is still the risk though that the print shop will convert your image to grayscale or color resulting in slightly blurry edges.
You could make a pdf-file on the correct dimensions (18" x 24") with the 1-bit images (must be true 1-bit!) placed inside. Sketch should be able to output this.
You could make a pdf-file on the correct dimensions (18" x 24") where you have made a manually or automatically vector trace of your images.
I would go for solution 3 or 4. I would never upload an image (png/jpg/tif) to a printing service because I am unaware of what they do to the image. I would always use the PDF format since it "knows" its own size and can contain both pixel and vector graphics.
I know this answer might be "a bit much", but I can't really simplify it anymore. Feel free to ask additional questions.
: Re: What does it mean to present a logo and promo materials in "1:1"? I'm currently working on some promo materials for a company I'm currently doing a logo design for. They asked me to do a
They want to see the things as they are - no placeholders no sketches, only photorealistic presentation of your options for the final products, also those details which come with the used physical materials.
Ask them do they accept something less.