Last seen: Tue 11 May, 2021
: Re: Creating an elongated text effect What is the most efficient way to achieve an effect such as the one pictured below?
Before you even start you should spend some time selecting an appropriate font. Look for letterforms that are easy to transform. Obviously sans-serif fonts will be simpler than serif ones.
Once you have your word typed out in Illustrator you need to convert it to paths by doing Object > Expand > OK and then ungroup it Ctrl+Shift+G.
Then using the direct selection tool select a letterform to see the points to see which you need to remove and simplify to make stretching easier and more uniform.
My example is for the letter V. I removed 2 extra points that would have caused non-uniform stretching and I simplified the center to 1 point from 2.
You will need to experiment and adjust the letters to get the desired result, but this is a nice rundown of how to get started.
: How to generate procedural/algorithmic vectors? I'm trying to find tools to achieve this kind of patterns and looks that seem procedural or algorithmic. So far, the only way i think i could
I'm trying to find tools to achieve this kind of patterns and looks that seem procedural or algorithmic.
So far, the only way i think i could achieve this kind the results is tweaking with the blend tool of illustrator, or warping patterns.
Do you know any plugin or tool that outputs vectorial results?
Thank you in advance.
: A logo that will be printed on a T-Shirt 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
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?
: Why do shapes and spacing get distorted when scaled down in Illustrator? What I need: I'm creating android app icon. So it's obviously pixel based and I want to pay attention to make it "pixel
What I need:
I'm creating android app icon. So it's obviously pixel based and I want to pay attention to make it "pixel perfect" and then I need to export it in different dimensions (say 36x36, 64x64) by scaling it down accordingly, without losing proportions and crisp edges.
What I tried and observed:
(Using Illustrator 2015)
Thing I'm using to get pixel perfect shape is Align to pixel grid so that edges don't seem blurred. It works but spacing and width of shapes change!
(A) Align to pixel grid is unchecked from beginning
I created a shape (No strokes, only fills). Align to pixel grid is UNCHECKED
Scaled it down to size of an app
Checked Align to pixel grid and shape got distorted. One of the lines get thinner and spacing becomes uneven. It's not sure what will be distorted. It depends from dimensions to dimensions / shape to shape.
Observation: Widths and spacing are affected
(B) Align to pixel grid is checked before starting drawing shape
I created a shape (No strokes, only fills). Align to pixel grid is CHECKED
Scaled it down to size of an app
Shape got distorted. Result was similar to (A) - 3
Observation: Mainly spacing is affected. It's not proportional
(Please see rough illustrated image at the end (these are not real pixels. I just made grids to make it clear to you. Things are a little exaggerated):
How can I fix it (i.e., getting those 3 rectangles of equal width with equal spacing between them)?
I read answers on Adobe forums and here by Scott about similar questions. But I consider this a new question as others didn't explain how we can solve this problem of uneven spacing and widths if we want to scale it down and still get pixel perfect design.
Things distort more when there are rounded corners. Some corners get more radius, some less eventually, instead of being equal.
: 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
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 (vectors) in illustrator before which I have used to create content for the web. Usually I save the images by choosing the option "Save for Web", which usually gives the images another glow (if I save them normally, they get this dull look)
I've done this many times before, but now all of the sudden, the pictures doesn't change from dull to this glowy look!???
Can anybody please help, I've been trying to solve this problem for so long now :(
: Re: How to make full color brush in photoshop? I need to pint with full color image as brush. How can brush contain all colors from source image? I need something like clone stamp, but with predefined
Just use the Mixer Brush under Brushes in the tool palette.
Make the brush large enough to cover your whole image that Option-Click (alt click) to make the brush.
Use 100% hard & save from the brushes palette.
Note: at this time I don't think mixer brushes have the option to rotate.
: Re: Designing a video mock-up with a placeholder image How can I place an image/design onto an object that is moving? Like on a guy's t shirt who is walking for instance. In other words, how
What specific skill do I need to learn how to do this?
Simple graphic design skills to create your mock-up and then the ability to shoot high-quality video.
What software would I need?
This effect is most-likely achieved by using keying in After Effects. So you would need Photoshop to make whatever image(s) you want to substitute into the video and After Effects to compose the video.
Do I need to shoot the video with the actor wearing a white t-shirt as shown on the website?
White or any other solid color. Usually in the film industry they use Blue or Green screens to easily pick out the vibrant color and replace it with whatever effect(s) they are trying to add.
Is there some kind of file (like a PSD) for this?
It probably is an After Effects file with the keying functionality to replace the placeholder image with your own image, Most-likely from a PSD.
: Advice on drawing 3/4 view perspective of a vehicle (Reposted here under the advice of @Philipp) What is a good method to make a 3/4 view car, truck or other vehicle going around a corner?"
(Reposted here under the advice of @Philipp )
What is a good method to make a 3/4 view car, truck or other vehicle going around a corner?" As stated above I have a firm grasp on how to do N/S E/W just not in between. I find it easier to learn via example and tutorial.
I am currently in the process of creating a first in media that I am aware of a sprite comic series based off of the Transformers Mythos. Some of you may have seen info about this before and it's taking time but I am fully ready to grow my skills in the pixel art field as I go along with putting my own spin on the classic war for Cybertron.
Having said that I can finally bring up a trouble area I need advice from the top tier spriters so I can actually make the next step. So I want to ask some advice on methodology for sprite making. The primary style I plan to use being a 3/4 view comparable to Chrono Trigger or the more recent Stardew Valley and the indie game Bot Vice.
I am having great difficulty understanding the best way to take the sprites smoothly around a corner. Let's say you were playing a racing game with said perspective for me all would be fine in spriting until a curve came up which would require the sprite to lean into a in between set of frames between North/South and East/West the four cardinal directions. (Studying Retro City Rampage's set up I've found a full smooth turn can be made in three frames) I can do fine but Diagonals (all variations between too) are something I need advice possibly even tutoring on as my comic will definitely have to have that angle whether it be Optimus spining out, Bumblebee taking a curve too sharp or just a scenic view where the into curve looks best.
Now I'm not limiting myself to just 3/4 view but for the most part unless it's a larger scene or is better shown in another angle it is what I'm using.
: View / save pattern transformation (Illustrator) I have a pattern in Illustrator. I have transformed the pattern (scale, rotate, etc.) within an object. The pattern is only transformed within that
I have a pattern in Illustrator. I have transformed the pattern (scale, rotate, etc.) within an object.
The pattern is only transformed within that object. The parent pattern remains the same.
I want to
View the transformations I have made (e.g. 45° rotation, 95% scale)
Save transformed pattern as new pattern
Update parent pattern to match pattern within object
The ability to do any one of these would answer this question. The third would be similar to redefining a paragraph of character style based on current overrides in Illustrator or InDesign.
: Re: Is there a plugin to save/load button states? I have many override settings in my button symbol. I want to customize button with these settings and save the state to use after. I am pretty
I found the plugin again. Huh.
: Re: Unidentified 80s Commodore Game manual font Does anyone know what font is used in this commodore game manual? I found it in a web archive collection https://archive.org/details/Commodore_64_Game_Manual_Collection
The Bold text looks like it's AG Book Medium Extended:
It also looks like AG Book Regular Extended was used for the the body "header" text and AG Book Regular was used for the main paragraphs and supplementary text.
NOTE: I compared them using the Std variant supplied from www.bertholdtypes.com but I think the comparison is accurate.
: Re: Get difference between two images as transparent image in GIMP I have two images A and B which are similar in many regions. I want to create an image C so that B = C on top of A where
GIMP has a brush mode named "Color erasing". Applying this brush, colored with color X, to definite pixel P1 creates a pixel P2 with lowered alpha channel, the way that blending P2 with pixel with color X in normal mode results pixel P1. Same effect, applied to selected region or whole image can be achieved using "Color to Alpha" action.
Brush mode could also be applied to "Clone tool". In this case it is possible to take color from pixels of background image A and apply it to corresponding pixels of result image B. Image that has left is desired image C.
In details creation of image C is the following:
Put images A and B as layers (A below B).
Duplicate image B and call it C.
Put it between A and B.
Hide image B.
Choose "Clone Tool".
On "Tool options" pane set following options:
Mode: "Erase color";
Brush: use sharp round brush ("Hardness 100")
Size: make brush larger to easily paint all the image at once.
Select A layer and CTRL + on top left pixel to
select a place from which to clone and remember its position
(for 100% zoom it will be (1,1), for 50% it will be (2,2) etc).
Now select layer C and start painting from the top left and cover
all the image without lifting the brush. It may seem that image
does not change. But if you hide layer A, you'd see that layer C
now contains desired image.
Show layer A and layer C.
Toggle layer B visibility to be sure that images look the same.
(You could also choose Mode "Difference" for layer B, in such
case you should get absolutely black image.)
Note: This method works as described if background image is opaque.
On transparent parts of background image, blending C on the top of A
looks different from image B.
: Logo Critique: Logo for a freelance web developer I'm working on a logo for a web developer friend of mine who plans to start his freelance career. Here are the specific questions I need help
I'm working on a logo for a web developer friend of mine who plans to start his freelance career.
Here are the specific questions I need help with:
Which layout works best, horizontal (mark on left) or vertical (mark on top)?
: Generate PNG`s from SVG`s (Asset Generator) I am using Photoshop 2018 CC. Currently I try to generate Apple iOS compliant icons from several SVG`s (https://materialdesignicons.com): xx.png (24x24)
I am using Photoshop 2018 CC.
Currently I try to generate Apple iOS compliant icons from several SVG`s (https://materialdesignicons.com):
The problem is, the PNG`s are partly distorted or have sizes like 71x72.
Example SVG (https://materialdesignicons.com/icon/paperclip):
<?xml version="1.0" ?>
<svg height="24" viewBox="0 0 24 24" width="24" xmlns="http://www.w3.org/2000/svg">
<path d="M16.5,6V17.5A4,4 0 0,1 12.5,21.5A4,4 0 0,1 8.5,17.5V5A2.5,2.5 0 0,1 11,2.5A2.5,2.5 0 0,1 13.5,5V15.5A1,1 0 0,1 12.5,16.5A1,1 0 0,1 11.5,15.5V6H10V15.5A2.5,2.5 0 0,0 12.5,18A2.5,2.5 0 0,0 15,15.5V5A4,4 0 0,0 11,1A4,4 0 0,0 7,5V17.5A5.5,5.5 0 0,0 12.5,23A5.5,5.5 0 0,0 18,17.5V6H16.5Z" fill="#9b9c9c"/>
All files are generated, but not in the correct size or distorted.
: Re: 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
The easiest method that exists is to select the stroke, click in the stroke weight field in the control panel or the stroke panel and
hit the arrow key up or down to increase and decrease he weight in small amounts and hit the those keys while holding down the option+shift (Mac) or alt+shift keys (PC) for greater increments.
: Increasing spaces in image between written text I have several images similar to the one shown below. Each image is of the same width. What I want to do is to increase the space between the
I have several images similar to the one shown below. Each image is of the same width. What I want to do is to increase the space between the answer posibilities (A-E) for example by 40 pixels (and keeping the width). How can this be done easily for a couple of pictures with for example Adobe Illustrator?
I have extracted the pictures from a PDF (with slice selection tool), perhaps it is easier to do it directly with the pdf instead of the image.
: Re: Repeat background objects in InDesign data merge multiple record layout Using InDesign I've placed two objects (the background color and brown pattern) and have several placeholders I'm using with
I think scripting is cool, however I did not have the time to figure out the logic. So I created an ID file with 5 pages for 5 tabs of colors.
Each page about 2.2 x 1 was filled with a different color. Then I exported to a .jpg.
In excel I created 5 new fields called '@Colortab1 to '@colortab5. Then I hyperlinked each color jpg. Saved the excel as a .csv.
Back to the merging id file I inserted a rectangle and inserted the color field. Then export out to a pdf.
: 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
Full confession I know absolutely nothing about graphic design, Im usually over at stackoverflow.
Ive searched, googled and pretty much everything else but I cant get a concrete answer.
Consider the following:
The image above is a jersey of a sports team which has been made as a "cartooned image" of the real jersey . I need to get this done for a whole league (32 teams)
For lack of proper wording description here is a visual example:
See the real fabric jersey below, I need a "cartooned" jerseys graphically designed of all the teams in the league as the example posted above.
(sorry not sure what the correct terminology is for what im trying to achieve?)
I simply want a static image.
(Sorry guys this is completely a foreign area for me, thus looking for some advise.)
Software I have:
Can I achieve the above using one of the software packages mentioned above? Or would I need a professional designer?
Im merely looking for a starting point, perhaps im using wrong search queries but I have no idea even where to start in an attempt to accomplish / try and achieve above effect?
: Re: Align and distribute multiple objects in angled path/guide Inkscape I think the question is clear. I have a bunch of objects that I want to align in -30 degree path/guide in such a way that
With some effort, this could be a partial solution:
trace an horizontal or vertical line
activate snap for objects center and/or rotation centers
align objects to the traced line and distribute them
now group all objects and rotate them all toghether to 30 deg
: Re: How to justify table size across pages in Indesign? Above is what my table looks like and it spans over a few pages. It's a single table that I have broken across multiple pages. The problem
There is a field width, if you select the columns. This field is by default an "at least" dimension. Means, that you can scale things manually and InDesign will adapt. If you change that field to "exact" and you use the desired width, things should work out fine.
: Re: Photoshop Local Zoom? Is there anyway to zoom in on only a portion of an image without enlarging the entire document? I know that you can create a second window for the same document,
Local zoom isn't a feature in Photoshop. This has been a requested feature for some time from Adobe.
The easiest solution to your problem is to use the Windows Magnifier. It has a "lens" mode that works like what you are looking for.
Additionally there are a plethora of freeware options that you could try that might have some better smoothing to avoid the pixelated "stepped" look of zooming in.
: Replace bitmap circles to vector circles / shape recognition I have a raster image of a field of various size circles that I want as a vector file. The image is in high resolution and all
I have a raster image of a field of various size circles that I want as a vector file. The image is in high resolution and all of the circles are well defined as circles. None overlap.
Is there a way (program, plugin, etc.) to trace a bitmap image with a preset key shape? Put differently, I want to tell the program to only look for circles as it builds the vector version. The program would scan the bitmap file for anything it could recognize as a circle and only output circles.
I am interested in circles (I am trying to convert a halftone photo into a vector file) but other people might find other shapes useful.
Potrace seems to do this with polygons (not circles)
It seems ArcGIS might allow this
AutoTrace seems to give a lot of control in the vectorizing process but not this
OCR programs can recognize circles but cannot replace them with proportional vector images.
I am working with thousands of dots, hand tracing is not an option
I saw another question on this site about trying to do something similar in Illustrator. I now cannot find the question. A person commented that Illustrator does not have shape recognition capabilities. I am not restricting my search to Illustrator.
Update: a messy workaround
In Illustrator if I use a small enough section of the image, Illustrator is able to trace all the dots, though not as circles. I then expand the appearance and select all the shapes. I use Effects > Convert to Shape > Ellipse. This does not guarantee circles, but does give ellipses. The output ellipses are much larger than the input circles and I need to judge how much to shrink them all.
: Re: How to render text as brush stroke? Is this possible to render a text as a certain brush stroke, so that the text seem to look like painted with a brush? Not looking for any generic paintbrush-effect
Start a new document, write the text with what you want it to say.
Select it and go to the menu Type > Create Work Path
Create a new layer and turn off visibility for the text layer (the outline should stay visible.)
Select the new layer and goto Paths. (It's in your layer window as a tab.)
Choose the brush you want to use and then click "Brush With Stroke. It's the hollow circle in the bottom of the Paths window.
: Re: How can I extract and magnify video frames? I am hoping this is the right area to post this. I have 1080p trail camera footage of someone stealing equipment. The truck plates are a little
Like Scott said this isn't CSI so there's a limit to how much clarity you can get out of an image. Pixels are pixels and can't be enhanced beyond their limits.
A better method to extract the video frames to attempt to enhance them would be to use VLC.
NOTE: You might need to run VLC as an administrator. To do this opposite click on the icon and select run as administrator.
Create a folder to store your frames and copy the path to it.
C:Users[USERNAME]DesktopVideo Frames for example.
Click Tools -> Preferences in VLC.
Under “show settings”, click “all”.
Under “Video”, select “Filters”. Tick “Scene video filter”.
Expand “Filters” and select “Scene filter”,
Paste the path from earlier into “directory path prefix”.
Decide what proportion of the frames you want to export. For example, if you want to export 1 in 12 frames, type “12” in the “recording ratio” box.
Click Media -> Open Video and find your video. Patiently let the whole thing play.
Click Tools -> Preferences. Under “show settings”, click “all”. Under “video”, select “filters”. Uncheck “Scene video filter”. Click “save”. This is so that VLC won’t generate thumbnails the next time you play a video.
Open the folder you created earlier. The thumbnails should be there.
: Efficient methods to clean up vector art I have this artwork I was sent for a product and I need to clean up the lines and all these overlapping lines. I can't get the client to go back
I have this artwork I was sent for a product and I need to clean up the lines and all these overlapping lines.
I can't get the client to go back to the designer for new art so I'm stuck with what I've got which is a lovely Compound Path.
Manually I COULD go through, delete points, rejoin open paths, and go on for an eternity but I'm looking for methods that would be quicker.
Here's what I'm working with.
The end product will be colored to several pallets and then printed, and made into products etc.
I'm looking for NON-PLUGIN alternative methods. I know Astute Graphics has some wonderful tools but I'm looking for cost-effective methods.
: Re: how to avoid random fill pattern dialog box when using action in photoshop? I want to create a action that fill pattern randomly. I have created an sample pattern but it show me dialog box
You need to have the dialogue box toggled off.
: Re: 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 don't know if you can apply a mask to a group, but you can very easily work around it by combining shapes into a single shape in Sketch. You just have to drag one shape onto another in the layers panel on the left. When you have combined them into one shape, you can apply the mask directly to it.
Here's an illustration of what an uncombined shape in Sketch looks like:
(Note that the rectangle is a combined shape already; see the little caret to the left - by clicking it you can expand the list of shapes it consists of).
And the combined shape:
(As you can see, you can still edit the components of the shape after you combine it, and they do not have to overlap).
Here's what it looks like with a single mask:
Hope this is what you were looking for!
: Re: Can a palette for use in a continuous-color plot be considered under copyright? This question is an extension of the question asked here, which I feel does not completely answer my question.
The answer is still no.
What ColourLovers is trying to do is a negative use of Creative Commons (CC). CC is a "sharing" copyright license and this "use" of CC is not in the spirit of what CC is meant to be used for...
Colors cannot be copyrighted.
Colors can be considered part of a trademark.
Color combinations might be protected by trademark.
www.avvo.com/legal-answers/are-color-combinations-copyrighted--1202589.html https://www.colormatters.com/color-and-marketing/color-and-trademarks www.colormatters.com/color-and-marketing/color-branding-legal-rights
: Illustrator CC 2018: How to merge two ellipses with curved path I have two ellipses of different radius and I want to merge them with two curved paths that connects the ellipses. 1) I have
I have two ellipses of different radius and I want to merge them with two curved paths that connects the ellipses.
1) I have tried shape builder tool as per this question Illustrator: How to merge to circles and rectangle in illustrator from this sketch to make a blob?
by using 2 circles touching the ellipses, but the space between the ellipses is not getting selected. If I intersect the ellipses with 2 circles then the shape builder tool is working.
2) I tried metaball script with the 2 ellipses, but was unsuccessful.
3) I also tried cutting the 2 ellipses into two halves by scissor tools and tried to unite the halves using Pathfinder unite, it did not work out.
: Re: Dev environment & tools for designers I'm wondering what kind of dev environment and tools are reasonable for web designers? We've hired someone who is familiar with css and html but not really
Is it reasonable to assume that designers should know how to use git
I would say no, especially if their coding starts and ends just at HTML. Unless you are directly hiring for these "checkbox skills" then it isn't reasonable to assume that they would have these skills. This question should be brought up in the hiring phase since your workflow hinges on it.
I'm wondering what kind of dev environment and tools are reasonable
for web designers?
Slack, FTP Clients, Web to Print Portals, Sketch, Dreamweaver, JQuery, Ruby on Rails and Angular come to mind. It really depends on the type of webdev being done and the job requirements. Webdev is such a fast changing landscape so it's hard to say what will be "trendy" or essential with much certainty.
We've hired someone who is familiar with css and html but not really
git, github, the command line.
We could obviously train this person, but I'm wondering if we should
YOU SHOULD 100% TRAIN THEM!
Seriously. If you are even considering not teaching your company's workflow and programs, you are setting yourself up for failure. Not all workflows are taught or know beforehand and they are usually unique to each company. Yes there's some crossover but not having a new person onboard from the get-go is like just handing car keys over to a 10 year old and just letting them lose.
I'm wondering how the workflow would operate if we didn't get this
person using git.
I don't know, only you can answer that, you haven't given enough detail on your daily operation. My recommendation is train them asap but work with your management to set-up a stop-gap workflow that a person can be started in while they are getting acclimated to the primary workflow.
Say, they would sftp to a remote server where they would work and then when they're ready, another person could do the git stuff?
What do you guys do?
It depends on the job, but I work locally and then we use IBM Watson automation along with some other online marketing services like Sales Force. It really all comes down to the client, your resources and what works for you.
There is no catch-all method for everyone.