Last seen: Tue 11 May, 2021
: How can I edit text in a JPG image? How can I edit the text within the auto signature for my company's email without necessarily affecting the design? I need to change the year and the vision
How can I edit the text within the auto signature for my company's email without necessarily affecting the design? I need to change the year and the vision and mission statements which are outdated.
It is an image in JPG format.
: Exporting Just Artboard Contents -> Export for Screens I'm building a 3D jersey editor. I use illustrator to do my jersey textures for my 3D model (artboard on left of first screenshot). I
I'm building a 3D jersey editor. I use illustrator to do my jersey textures for my 3D model (artboard on left of first screenshot). I want illustrator to automatically create SVG format wide thumbnail and a small thumbnail (artboards highlighted in green in the middle and the right) of the jersey design that can be used on my website. The thumbnails are populated by the assets from the 3D texture using a transform on the jersey elements that is copied 2 twice.
When I "Export for Screens", I want ONLY the art WITHIN the bounds of the artboard to be exported, however Illustrator exports any of the art assets that are touching the artboard for each artboard even when they go well outside the boundaries of the artboard (second and third screenshot).
There do not appear to be any artboard options available in the SVG export flow. However, in the Export for Screens flow, Illustrator has the exact thumbnails represented that I'm looking to achieve (fourth screenshot)!
I've tried to add a Mask, but because the texture is transformed over it's not working as expected (if I put a mask around the middle artboard where the green outline currently is, the background textures totally disappear because they are outside of the mask bounds on the right artboard).
What can I do to get Illustrator to export the thumbnails as desired?
Tried exporting to PNG to see what happened, the images were the exact right size, but the transformed assets didn't show up in the thumbnails....? This export for screens is wonky! –
: Re: Photoshop how to make a collage from images with the same complex background I'm trying to make a collage of passport stamps from my outgoing passport. So far I've managed to create this in
A hardworkers way: Convert all images to a mode where the paper color is transparent. Then convert them to normal PNG24s which have alpha channel. You can pile them as separate layers, the paper areas are transparent and let the lower layers to be seen.
If the paper is too complex to be made transparent as a color, you must find another way to remove the paper. Strong contrast stamp can be used to generate a selection or layer mask.
Different blending modes and having some layers less than 100% opaque can be useful.
Before starting anything complex, try to increase the contrast with curves:
: Re: InDesign: manual line break and justified text I have the following problem: Hi have a numbered list in which one of the paragraphs has a manual linebreak. Now normally this would not be a
A workaround: Add invisible characters at the end of the first line. Spaces are not good because you cannot delete them easily with single operation.
Here is added a non-colored text:
Workarounds like this shouldn't be used if you have the time to do all in good order, which obviously is possible. The invisible text is still there and can cause harm when someone meets it surprisingly.
: Fastest way to create a transparent GIF from PNG I often create GIFs from a consecutive sequence of transparent PNGs (exported from a 3D modeling app). My current workflow is: 1-Export the animation
I often create GIFs from a consecutive sequence of transparent PNGs (exported from a 3D modeling app).
My current workflow is:
1-Export the animation from the 3D app (Blender) to transparent PNGs
2-Import the PNG sequence into After Effects
3-Export to Lossless RGB + Alpha from After Effects
4-Import the resulting file into Photoshop
5-Save for Web from Photoshop as a GIF
I find the workflow to be a bit long and tedious.
Are there any other faster ways to turn a series of transparent PNGs into a transparent GIF?
: Name of specific graphic style I've come across some pictures in the last few days whose style I find extremely pretty. So I honestly have no idea what name the style of the pictures possesses
I've come across some pictures in the last few days whose style I find extremely pretty.
So I honestly have no idea what name the style of the pictures possesses and that's why I decided to post that question on Stackoverflow!
My question: What is the image style of the images below called?
Any help would be VERY appreciated, thanks a lot in advance.
(C) Images are from www.timeanddate.de/ios/countdown/
: Logo import into antenna photo I photographed antenna a lot of diffrent perspective like this and i have to add company logo into all antena bowl. I wonder that can i creat a smart object
I photographed antenna a lot of diffrent perspective like this and i have to add company logo into all antena bowl.
I wonder that can i creat a smart object like antena bowl to add logo into the antena bowl to creat perfect perspective.
: Re: Illustrator/Inkscape : doing perfect connected waves in one path I'm a newbie with these tools but i need to do a kind of drawing that should be scalable. I would like to reproduce the same
One way is to use circular paths which have calculated diameters.
Here we have three circles. Their diameters are 10mm, 40mm and 60 mm. The line has the forthcoming cutting direction.
Align all to the same center
Divide the circles using the line. In Illustrator you can for example
send the line to back
insert anchor points to the circles at the crossings (have snap to points and smart quides ON)
use the scissors tool to cut the circles at the new anchors
delete the unwanted segments with the direct selection tool + pressing DEL
Move the small arc to its place. It should snap perfectly if only snap to points is the active snap.
5-6. You can change the line widths and colors
These are still strokes without fill, but you can outline them when you are ready. Joining the arcs combine them to one object.
In Inkcape the same method works, but the circles must be sized with zero width stroke because half of the stroke width is inserted to the radius. Inkscape has easy to use Path > Divide command. It's easier than messing with the node tool. Only remember convert the circles to paths (Path > Object to Path) and have three copies of the line, all raised to top.
If you work in Inkscape, and make outlines, you have Path > Stroke to Path. It's possible that after conversion you notice a gap between the segments It's invisible, but appears when you try to make an union and add a common stroke & fill. The gap gets stroke, too. It can be avoided by dragging with the node tool the seam corners to snap or overlap.
A random coloring after making outlines:
: Re: How to create a gradient shape that blurs on one side? How do I achieve the effect in the pictures below where the shape is defined on one side and the shape and gradient blur on the other?
One receipe for Photoshop. The result is a bitmap:
Have a simple shape with gradient fill on a black background:
Apply Filters > Blur > Radial Blur > Spin, put the spin center near one edge of the shape
Apply Filters > Blur > Radial Blur > Zoom
Make a selection with polygonal lasso tool and clean the edge. Note that the blur covers large area, have a wide selection
Duplicate the shape layer to have enough density
: Re: How do I flatten pixel layers in Affinity Designer? Getting to grips with Affinity Designer by drawing a simple 16x16 pixel favicon, I've ended up with 5 pixel layers. I'm looking for a "flatten"
1) Select each of the layers you want merged in the Layers panel.
2) Choose Layers -> Merge Selected or keyboard shortcut Ctrl-Shift-E.
: Re: Restore quality of image after reducing and restoring it's size I have lost the original of my photo, which was about 500x500 pixels, JPG. The only one survived copy is 200x200 pixels. So,
Get Smilla image enlarger. It's free. There are also many commercial products for the same purpose - for ex. ON1 Resizer and many others. They are trying to keep sharp and thin lines sharp and thin when enlargening. They recognize jagged edges and make new with finer resolution. Photoshop's image resize doesn't try those things.
My opinion is that Smilla and ON1 Resizer have succeeded. Try them. But know, that those programs cannot guess missing details, altough they can succesfully guess sharp borders.
: Re: Do PNG images print CYMK? I am designing a logo for teespring... I have used Microsoft Word for font, then exported word to PDF, which I have then saved on my Sony Xperia. I then take a
teespring has quite comprehensive guidance about file formats, this(+its sublinks)
There you can find "PNGs with transparent backgrounds are the preferred file format" and "We use an RGB workflow. Our DTG machines print Red and Green, as well as the traditional CMYK, which allows for a larger color gamut".
Be sure you really understand the requirements Pixel dimensions are essential!
CMYK is out of reach for the people who have only MS Word, PowerPoint, their Open Source counterparts and simple RGB drawing programs. Ignoring RGB = ignoring most of the potential customers => teespring accepts RGB images.
Screenshots, altough easy to do, are not the way to high quality! If you are going to do this more than once, consider to learn some proper image design and processing programs which accept text, drawings and photos + have tools for transparent backgrounds. That's not necessarily the high cost Adobe stuff, pro quality results are possible also with cheaper alternatives (for ex. Serif Affinity series) and freeware (GIMP, Inkscape + others)
PNG and CMYK: PNGs are RGB. No proper image editor allows you to save a CMYK image as PNG. In theory you can make some hack and save CMYK numbers as R, G, B and transparency values, but then you were the only one who possibly could read it right. Open it in any generally available image viewer and the result will be a mess.
: Can I draw a shape within a shape in Photoshop I have drawn a hexagon using the shape tool, and now I want to draw a star inside it. When I draw the star, the hexagon goes away. Does
I have drawn a hexagon using the shape tool, and now I want to draw a star inside it. When I draw the star, the hexagon goes away. Does this have something do with the vector mask? When I try doing the same thing in a new (transparent) layer, the same thing happens. Help! :)
: How to format a print booklet with fold out tabs on certain pages I am creating a sort of portfolio book for an interior design company. They requested the sections have fold out tabs on
I am creating a sort of portfolio book for an interior design company. They requested the sections have fold out tabs on the pages. I've never had to make something like this before so I am trying to figure out the best way to set up the document. Is there a way for me to set this up in my InDesign file, or do I need to set it up as a separate file for the printer to insert on printing?
: How to switch between group and layers using a keyboard shortcut How do I switch using a keyboard shortcut from selecting a grouped layer to selecting the layers grouped individually.
How do I switch using a keyboard shortcut from selecting a grouped layer to selecting the layers grouped individually.
: How to make a distort effect? My English is pretty basic, please don't mind. Wondering how to make the liquify wave and distort color effect in Photoshop? I'd tried using distort>shear/wave/zigzag,
My English is pretty basic, please don't mind. Wondering how to make the liquify wave and distort color effect in Photoshop? I'd tried using distort>shear/wave/zigzag, but still can't make it similar like the photo below.
: Re: Is there any tool to display swatch sheet in a document? I'm looking for a tool or strategy (web app, software, Photoshop feature etc.) that will let me display all swatches I have in a '.aco'
5 years later, although I believe the solution has been around for quite a while:
Download and run the following free Java(Extend)Script from within Illustrator:
More detailed explanation: open the .ase in Illustrator. Move the swatches from your .ase palette to the swatches panel. (You might want to remove the default swatches first). Run the script from file→scripts→other scripts. It will generate a swatch legend that looks like this:
: Re: What is the best way to increase a selected area over another area in a image using photoshop I am a beginner in Photoshop & trying to learn the following thing: i want modify the below
If you look your black shapes in high zoom, you see that they are anti-aliased, their borders are fuzzy to make them visually straight (=not appearing as stairs). Thus no selection can select those black shapes, all of them and nothing else. All possible selections will be compromises that leave out a little of the wanted or take along a little of the unwanted or both. Playing with selection antialias settings you maybe find an acceptable compromise.
Selections are harmful. You cannot draw them freely until you are ready. One unthinked click and it's gone. For example drawings are much more robust and there are also better tools to edit them.
My suggestion: Make a new layer, draw there a solid image which covers your wanted selection. That can be a vector shape or a bitmap pattern. Edit it until it's ready. High zoom, layer opacity+blending modes are essential tools to see the result and compare, if you use the bitmap version. Then make it to your selection. Try different antialias settings.
Professional image manipulators often draw paths. They can be edited until they are perfect and a selection is made. Mastering this should be also your goal.
I would make a copy of the image layer and adjust its contrast and colors as clear as possible. Then I would draw with the pen tool (clicking only) a path, edit it perfect with the direct selection tool and finally make a selection, this:
High zoom makes imperfections visible and the corner points are easy to move without destroying the straightness and other points. Moving the selected point is possible with arrow keys even outside the visible area.
Hopefully this was coarse and precise enough.
ADD: If this happens to be the whole image, not a small part of it, redrawing as vector shapes, even going to Illustrator for it, should be considered.
: 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
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 possible to save the colors using "Add Used Colors", and as it can generate the swatches automatically, I was wondering: is it possible to generate a range of colors from the swatches?
I mean - is it possible to pick one color from the swatches menu, and another one, and using them generate a long gradient (including any color that is between the two)?
I already saved the range of colors that I want, but if there is any way to make my life easier and generate the gradient without really picking every color, it will be awesome.
: Re: Remove graph/grid background from a ECG-like readout in inkscape/ImageJ I have this graph below, which shows a readout for an experiment on a graph background like this; I would like to remove
These are obviously plots on paper. If you can rescan them or take new photos in good light, that really would pay off. Poor contrast and non-uniform light makes all quite tiresome. Uniformly lighted high contrast images are easily traced in Inkscape but these will provide garbage. Two workarounds are already shown:
trace in pieces and combine
draw it with the pen
I suggest doing the job in a photo editor (Photoshop, GIMP) as a way out having only that one image:
Make the red graticule as light as possible and desaturate it. Use Hue/Saturation tool selectively. Adjust the saturation to the minimum, find the range selector slider positions which take all of the red and drag the lightness slider to maximum:
There's still left much remnants of the graticule. Fortunately they everywhere have finer grain and they are lighter than the curve - at least when compared to the nearest part of the curve. Apply Filter > Blur > Smart Blur to smooth fime grains but leaving strong local contrasts intact (two images, one for settings and another for the result):
This can already be useful, but let's make it closer to the ideal (=black curve on white background). Tresholding cannot be applied because the brightness is too different in left and right. It must be balanced, add brightness to the darker areas. This can be done in several ways:
insert a gradient layer with blending mode = Add.
the same, but create the gradient by making a heavily blurred and inverted copy, fix the edges manually
insert an adjustment layer for levels or curves and find the balance with gradient in layer mask
Let's try the first version. Have a gradient from black (left) to 50% grey (right) in a new layer that has blending mode =Add:
That needs a little fine-tuning. Spray to the gradient a little black with large smooth low opacity brush to take back the overwhitened top right corner.The unwhitening is done most easily after the next step:
Add a levels layer to lift light grey to white and pushing the dark grey down to black:
There are still a couple pieces of garbage, but they are far from the curve. Use eraser to fix them.
Finally, if it's wanted, it can be traced in Inkscape. Single treshold BW won't be ok, because there are greyshades => Tracing mode should be greyscale with at least 4 levels.
: Re: In Inkscape, how do I make one path partially repeat another path? This is what I am trying to do: So essentially, there's a path (the filled one) that repeats another path (the outlined
Duplicate your full sized shape and edit the duplicate to to cover smaller area. Remove unwanted stroke and add possibly wanted fill.
In your example case the edited duplicate has a fill, but hasn't a stroke.
For example add 2 new nodes where you want the exact match to stop. You can at these points split the path, delete the unwanted portion, draw a new and join the parts.
As well you can edit the path with the node tool, no need to delete a part. The added nodes are your guards who keep all edits out of the exact match area.
A duplicate (Ctrl+D) was made, colored differently and edited with the node tool
GN = inserted guard nodes (actually only one was inserted, the other was already in a good place in the original shape)
The edited shape got a fill, its stroke was removed and the shape was sent to the bottom
You may have a bigger shape which has just the wanted edge and you may want to use that edge as the separation line. An example:
The black shape is wanted as whole and the orange shape is used for separation.
Both shapes are duplicated and an intersection is created
The remnants are removed, the intersection is sent to back and colored
I do not recommend to use clipping instead of intersection. It's easy to think that intersection shouldn't be used, because it's destructive. Clipping with a mask (Object > Clip > Set) creates the same looking result, but the clip can be released and the shapes are restored - this is the common thinking.
In Inkscape it's not true. The result really looks the same, but when one releases the clip, the shapes come back differently:
The orange shape (=the clipping mask) has lost its form.
NOTE: I do not know if this is a bug in the software or my system malfunction or do I have wrong software version for my system. I use Inkscape 0.92.2 portable in a 64bit system which can be a wrong selection.
: Re: Photoshop script to select/average/deselect automatically I am currently working on an image (wallpaper for personal use) based on lowpoly graphics. When creating the lowpoly part, I have created
A 2 year old question, the system wants something. Here is:
Scripting can be useful, but it can be used to decide also the polygons. What's best, Adobe has thought it and included something to try.
The image is a well known image example from Windows. It's right half is filtered with Filter > Pixelate > Crystallize. It seems to divide the image to 3...5 sided polygons which are averaged. Polygon size is selectable, but the algorithm is fixed.
Your own attempt seems to have strokes. That effect can be simulated, too. One possiblity is to use one of Photoshop's egde emphasizing filters:
The crystallized image layer is duplicated and filter Glowing Edges is applied. The filtering result is mainly black, so blending mode Add is used. The opacity is reduced to keep the effect subtle.
Low poly art needs some interactivity in the triangulation process. No automate can do the decisions as a human. Crystallized image surely hasn't the same impact as a manually done. The difference is huge when the image has recognizable parts such as faces and everyday things.
There's plenty of software available for more intelligent automatic processing and also to help the manual process. (you also wanted one, namely one click averaging of the created triangles). Do some web searches for Triangulation and Low Poly software. There are plenty of plugins available - free and paid and even some online apps.
See this link: www.vectorgraphit.com/applications-to-create-geometric-low-poly-art/amp. GIMP has some tools for it, too and it's free.
: Re: Placing Circle Tangent to Two Lines (Illustrator) I have a circle and I want it to perfectly kiss two lines of arbitrary angle in Adobe Illustrator: How would I do that?
Obviously you want exact snaps and absolutely no angle measurements.
Here's one patience exercise:
Your two crossing lines are blue and red, the circle is green. Start by drawing a horizontal (drag+hold Shift) line from the crossing point and duplicating the blue line. The duplicate is later seen as cyan. Be sure you have smart guides and snap to points in use. No other snaps!
Select blue and red lines. With the rotation tool rotate the blue and red line around their crossing point; make the blue line horizontal this way. Leave the duplicate intact (drop out of the selection).Drag the cirle into the angle so that the bottom anchor sits on the blue line.
Make a 90 degrees rotated copy of the red line. Drag its end to the center of the circle (=deselect all, select red line, drag with white arrow the endpoint of the line). Bring the circle to front and add a new anchor to the circle at crossing A. Remove the rotated copy of the red line.
Make a copy of the red line. Drag it starting from the inserted anchor point (A). Send the blue line to back and insert an anchor to the red copy at crossing B.
Select the circle and the red copy, at first click the circle. Drag with the white arrow the inserted anchor (red copy and circle follow) to the crossing of blue and red lines. Remove the red copy.
With the rotation tool rotate back the circle and red & blue lines. Remove the extra lines.
Done! But quite ineffective when compared to CAD-like extensions which are presented in another answer. Also error prone; dragging an anchor point with the white arrow is needed for snapping and it very easily breaks the shapes. All must be at first deselected, then select with the black arrow the shapes you want to move and with the white arrow drag just an anchor point.
: Re: How to repeat automatically seamless pattern in 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:
If you're willing to briefly switch to another program, this can be accomplished very easily in the Gnu Image Manipulation Program (which is free) by using its "Tile" filter (Filter > Map > Tile).
In the screenshot below, percentage input is selected and the result will be a 2x2 tiling of the original image.
No need to create (and presumably later delete) a pattern or worry about the exact dimensions of the source image (unless you want to, of course, in which case you can change the input units to pixels instead of percentages).
: Re: How to resize a small image in Photoshop to a large image with smooth gradients and without noise? I'm looking for software, namely a Photoshop plugin, or any other software that would integrate
Try ON1 Resizer, It keeps gradients smooth, but borders and curves stay sharp without getting jaggy or subjectively thicker. Photoshop plugin, Mac and Win versions are available, for Mac and Win. It tries to guess what is noise or JPG artefact and at least try to remove it.
I use it when a high resolution version of the image isn't available and the needed enlargening (say 400%) is too much for Photoshop's own scaling.
In the following screenshot there are 2 different upscalings to 400%. The leftmost is from ON1 Resizer and the rightmost is made with Photoshop's Bicubic resampling.
As you see, ON1 Resizer hasn't especially succesfully removed JPG artefacts. Specialized denoisers do it better.
No enlargening software is a substitute for high resolution original image. At their best they guess right curves, borders and gradients, but they cannot recreate the missing detail.
: Apply single mask to a layer group in Sketch I have the following icon: At this point I have tried to reduce the number of paths as much as I could but still this icon consists of multiple
I have the following icon:
At this point I have tried to reduce the number of paths as much as I could but still this icon consists of multiple shapes.
Is there a way to combine icon into single shape in Illustrator?
I need that to apply a single mask to this icon in Sketch. I suspect I can't combine icon into single shape as I tried multiple ways of doing that and as far as shapes don't overlap they will always be separate shapes. So the new question is: How to apply single mask to a layer group in Sketch?
P.S. Why do I need that? To make design process more efficient by placing icon into a shared library and be able to change fill color using overrides. Since there are multiple shapes in the icon I need to use mask to each of them so it leaves me with this:
How to apply a single mask to a whole icon so I could use only single override for a color change?
: Re: Curved text with book pages photoshop Well, I have always had difficulties in this aspect of turning text to leave perfectly allied with the curvatures of the book pages, I am using Photoshop
It's already suggested to make bending templates which need only changing the image. That's generally a good idea. But it stops working if you must experiment with different views or for other reasons generate fast several projections. In that case the solution is 3D. You have not to model everything in 3D, only some surfaces where the images are placed.
Here a screenshot is placed onto bended rectangles which are in different positions.
But why? Because the image and texts can be totally flat. 3D program does the bending. Making this took one minute and the view is freely rotatable + zoomable and the objects can be moved and rotated independently.
The used software is rudimentary freeware which hasn't tools for complex surfaces nor variable light & camere settings, but surely gives the idea, what I mean.
When a proper scene is found, this can be taken to Photoshop, Illustrator etc... as 2D.
Photoshop CC can import 3D files. Light, viewing angle and even surface image can be experimented in Photoshop. You need only to create the 3D surface in proper 3D program. Using Photoshop's 3D in high resolution needs a modern high resource computer to run smoothly.
: Re: Illustrator: Cutting out overlaying squares I'm trying to cut out squares where four paths overlap. I highlighted it in red here. Except I've gotta do a bunch of them. I've been selecting
If your stripes are closed shapes, you simply select them all and unite them in the pathfinder panel:
The left image is before and right image is after clicking unite in the pathfinder panel.
NOTE: the result is a compound path, which can need some work. See the same after the "using shape builder version"
If the stripes are open line pairs or more worse, chained unjoined lines and curves, you must join the pieces to make the stripes closed shapes before uniting.
Shape builder can be used to create closed areas. Be sure that your lines and curves have no gaps!. Select all, take the shape builder tool, select a fill color and fill all stripe areas one by one:
The resulted colored areas are closed shapes, which can be united. The result of the uniting seems right, but it's a compound path and that can be unwanted:
Consult with the cutter, is a compoud path ok.
If it's not, select all, goto Object > Compound Path > Release. That separates the different paths. There's the outer shape and a bunch of big squares, all separate objects. I have colored the squares to red to show them and dragged them apart only to show they are loose. Beware moving them!
This should be ready to cut after removing the fills. Consult with the cutter, how to define the proper cutting order.
: Re: Can Psd mockup work in adobe illustrator? I’m new and hoping someone can help out please. I purchased some mockups for my designs not realising the files are psds. I’ve never used photoshop,
It can be opened in Illustrator, but you lose adjustability which was built by adding layer styles, layer masks, and adjustment layers.
When you import, you can select total flattening or you can keep layers as separate objects. Keeping them separate objects retain text editabilty, but masks, layer styles and adjustment layers vanish, their effect get fixed.
Even simplest bitmap image edits are incredibly complex in Illustrator. But opacity and blending modes can be changed and you can hide the wanted parts by adding clipping or opacity masks.
Test, if there's enough functionality remaining when you open it in Illustrator. I believe you get most of it if you use it in Photoshop. Adjustments are surely quided well and now you at least have some reason to learn Photoshop, which surely is useful.
You can add the result to Illustrator later, but it's a bitmap and only limitedly scalable.
: Re: Illustrator SVG export Inside Glow effect I'm designing a logo for someone but i got a huge problem. I've got this paperpress effect (Inside glow): I need to export this to an SVG format
This is an example of quite bombproof SVG. Something resembling is crunched together in Inkscape. No effects are used, only simple paths, fills, strokes, gradients and the normal blending mode:
The text was outlined and the strokes of the text were lifted above the grey gradient layer.
The SVG file was opened in Firefox browser. Here's a screenshot: