Last seen: Tue 11 May, 2021
: Re: How can I use data to drive my design decisions as an artistic designer? There are many outlets available to designers to acquire data and drive design decisions. With the rise of AI in the
Sorry. I am not going to cite any research.
My question is... What data? What are you looking for? What is the design decision you want to improve?
My assumption is... depends on what you are looking for. It sounds pretty obvious. Let's see a small list of design decisions.
Let's think about color. That is one design element. What is the target audience? Are they kids? do you want it to look feminine? do you want it to look moody and surreal?
Another topic. Let's think about fonts. You probably want to look "trendy" fonts. Of course, there are two ways to do this search. One opinion based, like reading someone's blog, or using, for example, a font download website and look at the stats. If you use the stats you probably want to do the opposite as the tread marks and look for a "forgotten" font.
One data can be historical data... what fonts were used in the art deco period in Europe? That probably sounds pretty obvious... but it is data.
I would assume there is data on how an image is scanned by the observer. If you see a face looking at you on an add it would drive your sight to it. Yes, you can look for the data showing that probably an anthropological-evolutionary paper. There can be research on eye movement scanning on an image, etc...
A design is full of data, of homework must be done prior to design.
Yes, you could just do a poll and see what option gets more "likes" but if you do not control your samples, your variables you will probably not learn what is the one variable people like more.
Another thing would be preparing a correct poll. This StackExchange website is an example of how people react to "generic" questions about a design decision.
"What do you think looks prettier?" vs "Which color between this two options drives your attention to the name of the product?
Do not give too many options to users. People will be confused.
One important step in design is, do not assume in your mind how it looks. Do a quick draft and actually SEE it. A lot of design ideas are discarded by a designer prior to seeing it. If it does not work, you now can discard it.
What an AI will probably give is a more organized set of design decisions on one report.
: Re: Saving assests for Web? Is it best practise to make icon for example in Ai and then export to png resolution 72 for use on web? Many thanks, Alexi
Is it best practice to make an icon for example in Ai and then export to png resolution 72 for use on the web?
Only partially. 72 mean absolutely nothing on an electronic document.
Illustrator, in my opinion, has a very clumsy unit management. It preserves the ridiculous myth that 72ppi is for the web.
If you start a document for print, with let's say cm or inches as a unit then the internal resolution of the document is 300ppi. You could export a square 1x1 inch at 300ppi and it would measure 300px.
But when you change the units of that same document to pixels (where you already designed some assets thinking that would measure 300 px) it says that your asset measures 72px... because it changes the internal resolution to 72 without warning. That is just dumb.
Another problem is that Illustrator has a very poor export dialog box, that does not tell you the important measure, pixels. You need to define it when starting a new document and working with it, not only on the export.
For this reasons, the "best" practice is:
Define pixel as a unit in Illustrator from start.
Export the asset on the resolution defined by the document internal resolution. In this case 72.
Or export the icon as SVG.
This 72ppi myth would probably end if the program added a simple dialog about the pixel dimensions.
Here is a screen capture of Corel Draw's export dialog box. It is similar to Export for web from Illustrator.
a. On the background you can see that you can make an icon any size you want on a letter size document.
And on the export, you can see and change the pixel dimensions (orange) independently on the ppi information (red)
If only they added a simple information about the resulted exported size in pixels (cyan)... I will keep dreaming...
: 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
I would use the blending mode Multiply.
But the point is that you need to clean the white part to be purley white. Adjust the levels for that.
You can also use grayscale only images and change them to duotone> motontone to choose the color of the ink.
: Export multi artboard indesign file as multiple single PDFs Ive got indesign 2017.1 as part of adobe CC. Is it possible in the PDF export dialog to print a multi artboard indesign document
Ive got indesign 2017.1 as part of adobe CC.
Is it possible in the PDF export dialog to print a multi artboard indesign document as multiple 1 page files, rather than as a combined multi page PDF ?
: Design guidelines for Japan, Hong Kong I am a visual designer and I have recently got this project on researching web/app design practices for Asian countries e.g. Japan, Hong Kong etc. I
I am a visual designer and I have recently got this project on researching web/app design practices for Asian countries e.g. Japan, Hong Kong etc. I have been trying to search for books or other resources but couldn't find one. I hope someone can refer me some resource to study the same.
For instance: If I need to design a mobile application for Japan, I need to understand how does the design work in Japan. E.g if Red is to stop, green is to go in USA, what is standard people follow in countries like Japan etc. How do they deal with the Typography and what are some best practices for the local user of those countries and how it is different than from western countries. I would be working on web/mobile app designs. I hope someone can guide me
: Can anyone tell me which font is used in this logo? I’ve tried so many different websites, but none of them gave me the exact result.
I’ve tried so many different websites, but none of them gave me the exact result.
: 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
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 deliveries. Our brand should reflect modern and classy design.
: Re: What are your key books for reflecting about graphic design education? I own "The Education of a Graphic Designer" by Steven Heller. It's a great collection of essays to help teachers reflect
I know is not a book that explains how to teach or related, but as a student bought "how to be an illustrator" by Darrel Rees, was the best book I read, I'm still reading it every year, it's lessons helped me not only on illustration, but graphic design, business administration and my personal life. Worth the read, you might get some inspiration.
: 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
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 pubs with a red dotted line. The problem is that I don't know how to get the map on a proper resolution or to look good, stylized.
This is the part of the city I'm interested in.
: Re: Fragmented/broken down Text I'm wondering how to achieve the effect in this attached image where text is fragmented to various degrees, some to the point of illegibility while elements remain
There is no Automatic way of doing it, as you can see though it cuts off a bit more of each letter as it goes up. (in this case it also dows it in order, I didn't exactly do it like that)
I wrote out the text, then cloned it (Ctrl C, Ctrl V) and dragged it above the text, now I just made some black boxes on the areas I wanted to cover, then selected my most recent line and repeated = (Clone and added some more boxes, to cover more of the text)
After each time I covered a bit more until it produced the desired effect:
: Offset path in Illustrator, width and height swap I am somewhat new to Illustrator cc but not illustrator past versions. Im in the sign industry and we constantly use offset path to add vector
I am somewhat new to Illustrator cc but not illustrator past versions. Im in the sign industry and we constantly use offset path to add vector outlines at specific sizes. If I have a rectangle 30" wide by 20" high and I offset path -1". Suddenly in the control bar the original rectangle shows the correct 30" wide and 20" high but the new rectangle swaps the width and height, showing 18" wide by 28" high. The actual shape itself is correct, but it is driving me nuts that it swaps those two measurements in the control panel. Any help would be greatly appreciated. I am sure it is an easy fix that I can not track down....
: Changing colour mode of black in InDesign I was under the impression that, to convert the colour mode of an InDesign document, you just had to modify Edit > Transparency Blend Space and
I was under the impression that, to convert the colour mode of an InDesign document, you just had to modify Edit > Transparency Blend Space and change the colour mode of all swatches.
But I've recently realised that the default Black swatch will stay as it was when the document was created... and of course, you can't modify it in the way that you can with other swatches.
I suppose you could create a new 'black' swatch and set all blacks to that. But it would be a little tricky to select all of the default blacks to change them (maybe you would miss some).
Is there a more feasible solution to this without having to create a new document?
: Re: 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
I've created an action which does the following:
Note: for the action to work, all of the squares have to be the same size (in my case I set them at 450 - adjust accordingly*)
Starting with my initial pattern on the artboard
Part 1: (the first 3 squares)
Paste in front (Ctrl/Cmd+F)
Move (the copy) 450 (x)
Paste in front (again - it will paste in spot of original square) and then move that copy -450 (x) and rotate it as well -90°
Now I need the action to select everything again, so:
Part 2: (the rest)
Select all (this time it's all 3 squares)
Reflect (as a copy) vertically
Move -450 (y)
Now just take you final line,
Paste in front
Move 900 (y)
*450 is size of square, so any movement that is 450 should be adjusted for size of square, 900 is 2x square)
Creating the action slowly (you can sorta see what's happening):
At the end, this is the action.... in action:
If you've made it this far, link to action
: Re: How to fill a selected path with color in Illustrator? I am new to Illustrator and I am editing artwork which seems that it is drawn by paths. My problem is I am unable to fill the part
It looks like it isn't actually a stroke, but rather it is it's own shape (you can see on the left that it shows filled with black)
What you would need to do, is merge it with the shape. Use the shape builder to join it.
Select all, then just drag areas to merge.
You can now fill with any color you want.
There are many places where you can choose colors, my two favorite are Swatches (Window → Swatches) and Color (Window → Color or just hit F6)
: How to expand stroke from image in affinity designer How can i create vector strokes from image above in affinity designer or affinity photo i don't have Photoshop
How can i create vector strokes from image above in affinity designer or affinity photo i don't have Photoshop
: Re: Reflowable ePub TOC Links Not Working (all other internal links are) I am working on a reflowable ePub in InDesign, and the Table of Contents links are not working. When I view the ePub in
For internal links, you could try using Cross-references instead of Hyperlinks. You will need to delete the hyperlinks in order to insert a cross-reference to the text. Since the pages change constantly in an ePub (depending on font/size), this seems to be more accurate when in getting the links to go to the correct spot in your document.
: Re: Photoshop - missing layers while saving as pdf? I have problems saving my photoshop file as a pdf or eps vector graphic. It wont include some of the layers and I cant see why. See screenshot
My solution to this issue:
Once I'm ready to export as a PDF, I select all layers and right click on them > click "Merge Layers".
Everything will be condensed into one layer, now export the PDF (The PDF should be perfect since there aren't multiple layers, smart objects, paths etc.)
After PDF export is finished just press "Ctrl+Z" (or Cmd+Z) to undo the "Merge Layers" action.
Vwella, all your layers are in tact and you have a good PDF file.
: How to keep space between objects same, after resizing in Indesign CS6? If I place some objects in a grid in indesign with the gutter set to 5mm, I get this Now if I resize this as a
If I place some objects in a grid in indesign with the gutter set to 5mm, I get this
Now if I resize this as a group, the spacing expands and contracts accordingly
Is there a way to prevent this from happening so after resize the spacing between objects remains the same?
: Re: What file sizes and formats are most appropriate for enlarging and projecting an image onto a large wallspace for painting? I think my title question says it all. I have hand drawn some designs
Try not to make a mountain out of a molehill.
The resolution of anything you want to project is limited by the resolution of your projector. If your projector uses a resolution of let's say Full HD, 1920x1080 px that is the file size you need. You can not have more than that.
If you need to use more detail, you could project by zones, for example dividing your wall in a 2x2 grid, then you can have an image 4 times bigger (2x2 bigger).
The format is irrelevant. You could leave the design in the application's native format or use a generic one like PNG.
You potentially could need your original design prepared in a vector based program, so you can play with this output files.
Of course, this depends on what are this "Designs" and what is inside them.
This designs should be a guideline, the detail will come hopefully with the skill of the person painting the wall.
: Re: What is a suitable icon for nonspecific spirituality? Christianity can be represented with the crucifix icon, Judaism with a Start of David, Bhuddism with a Dharma wheel, etc, etc. What icon
I really, really doubt there is an universal symbol because normally a symbol itself needs to include some specifics about the philosophy or content.
But let's try to make one.
I am trying to make it without a specific style. This style can be defined later.
To compare what I mean by style here is a google search about another "sphere" of humans, a "social sphere". Currently, this search is dominated by social networks logos, but you can find some that represent social by using several persons together. www.google.com.mx/search?q=social+icon&rlz=1C1GKLA_enMX664MX664&source=lnms&tbm=isch&sa=X&ved=0ahUKEwj5kPnY2r_YAhWL8oMKHYEkA8UQ_AUICigB&biw=1920&bih=1012
Here is a couple of rough icons using that idea to define a "style".
A "spiritual sphere or plane" could complement, let's say a physical or biological plane, emotional plane, intellectual one. So here are some that potentially illustrate those planes.
And a spiritual plane normally includes some kind of transcendental plane. Some specific philosophies can call it "Illumination", and some others can represent this in some form or another of "light". So we can probably use this as a starting point.
Depending on the philosophy behind it, this illumination can be from a "soul" based on the heart (E) or more "mind based", in the head (F).
: Re: Inkscape: Automatically updating linked images to the newest one in a folder I've been using inkscape to compare a picture against a drawing in another editor. I do this by taking a screenshot
Here is my script:
$ cat link_latest.sh
# TODO: probably good to cd to right directory first
LINK_NAME=latest_link.png # arbitrary
LATEST=$(ls -t | head -1) # stackoverflow.com/questions/5885934/bash-function-to-find-newest-file-matching-pattern
ln -s $LATEST $LINK_NAME
As mentioned in the TODO you should make sure you are in the right directory before starting.
Here it is in action:
$ ls *.png *.svg | wc
69 69 2028
$ touch A68-Arrow-Gray-Right.svg
$ ls -l latest_link.png
lrwxrwxrwx 1 chicks chicks 24 Jan 1 06:50 latest_link.png -> A68-Arrow-Gray-Right.svg
$ touch A19-CircleArrow.png
$ ls -l latest_link.png
lrwxrwxrwx 1 chicks chicks 19 Jan 1 06:50 latest_link.png -> A19-CircleArrow.png
: InDesign: how to change the underline opacity? I added a 15pt weight -4 pt offset underline to this paragraph and I was wondering if it's possible to lower the opacity of the underline without
I added a 15pt weight -4 pt offset underline to this paragraph and I was wondering if it's possible to lower the opacity of the underline without changing the text opacity.
: Re: Integrating a photo into a "black" background for print in Illustrator? My print knowledge has gone a little rusty so I was wondering if someone might be able to clear something up for me.
There are two parts of this question. Take a look at this answer about what is a rich black.
When should I use rich black?
In your specific case, there are a couple of options.
Depending on what is the content of the image and how important is that black on it you could choose either option.
I. Use the CMYK values given by the color profile.
My approach is that the CMYK values SHOULD be determined by the color profile you are using. This is similar to @Wolff 's answer.
This is extremely important.You need to define this profile. As the black is going to dominate the print, I recommend that you use a color profile that has a max TAC of 300%, like Swop2. Some others like fogra 39 put some more ink, about 330%.
Define the profile.
Convert your RGB image to that profile.
3 Use the same CMYK values you have on the darkest places of the photo.
II. Work all on RGB
Especially if this print is going to be in a digital print.
III. Cut the box, and leave the background as a separated ink
This could be the case if you can use for example a special black ink as a 5th one. But probably will give you a dull black if you are not careful.
A variant of this is that you actually make the image blend using some transparency mode.
As I explained in the other answer I linked. I do not recommend that you use "old school" values of Rich black like c50m50 etc. This values should beeing given by the color profile.
: Re: Convert complex artwork into single color I created this logo for a client, and I now need to convert it into one color versions (all black/all white). Because there are so many overlays
You need to understand several things. If you do not separate the "fundamental" vs. the "accidental" you are flying blind.
Your artwork is an illustration, not a logo. A logo is defined by a shape, not by a gradient, not a lens flare, not a color.
I present you, your logo. And in this illustration is a dark image over a background.
It is not a white shape with an outline. The outline is an "accident" it is not the shape.
Then we have a background, a gem with stars, a city, and a grid. Yes, if you worked on that idea you potentially merge into a logo, but not as it is.
Let's see some examples of a gem logo Gem Logo search
But let us work on what we have. Let's contrast this. Dark night, bright stars and grid (the method I used "deleted" the lines on the upper part of the gem, but you got the idea):
We have a problem with the cityscape, but it is starting to get a shape, some buildings in white, some in black.
The black ones are not well defined, so we are going to rely for the first time upon the outline. The same as the outline of the logo (the real logo).
Now the title. Yeap, that is a title, not part of a logo. The problem here is that as it is it relies totally on the simulation of the material but that effect depends on the gradient, and a gradient is not black/white but grayscale. You probably need to redo that part with simpler shapes.
So, you need to understand the elements one by one. Of course, you can make adjustments on the values of the outlines, etc. As you have the source files you can work better on this version.
Here I made the outline of the logo wider.
Understand the elements, why they are dark, why white, what is a background, what is important, what is the shape, what is the proportion, what is just an effect.
: Customer wants a Layered PDF? I recently designed the layout on an album cover. Upon sending the files for print, they said that they have a problem "separating the template from the artwork"
I recently designed the layout on an album cover. Upon sending the files for print, they said that they have a problem "separating the template from the artwork" (the label provided a template to use for the layout) and thus requested a "layered PDF". I was wondering what is it? I already had sent them both a PSD file and a PDF file.
I did notice that in the save as window there is a checkbox for "Layered" upon choosing PDF, but it's checked by default, so all PDFs should be "layered" automatically by default? Assuming that's what they meant.
: Re: What is the difference between DPI (dots per inch) and PPI (pixels per inch)? There are lots of other questions on Graphic Design which partly cover this, e.g. What DPI should be used for
I will not answer what is the difference between DPI and PPI. I'll make a more fundamental answer.
What is the difference between a dot and a pixel?
I will leave the mathematical, geometrical and conceptual definitions out of this answer. I am only referring to graphic arts.
A dot is a tiny little spot of something (a droplet of ink, a dust particle) used on a physical printed medium. Normally it is the smallest amount of stuff you can have on that medium. Either you have a dot or you do not have one.
A pixel defines different things. Yes, we probably should call some of them in a different way)
I. A little block of information on a digital image file.
It is a tiny block of information, not a dot. A dot can be either there or not. On the contrary, a pixel can store one of several million values.
Imagine a store where you can either buy one nail or not buy it. That is a dot.
Now imagine a store where you can choose potentially among several million of products. That is a pixel.
The amount of options to choose from on this store is given by the depth of the store, in this case, the bit depth. From only on-off to several million options.
One thing about a pixel is that it is there. It has a defined position, what can change is the value of it.
II. The smallest portion of a screen that can be changed to render different shades of color.
Yes we can get how many of this screen pixels we have on a physical monitor, but lucky for us people give the total number; FullHD, 4K on a 50" screen.
Note one thing. A dot can be used in the realm of mathematics, geometry, painting, graphic arts, etc. A pixel on a digital file, a screen or a projection. You only need to know what is the context.
: Re: How do I select an object that's below another object in Inkscape? A common problem in Inkscape is that you want to select an object but another object always gets in the way because it completely
I had the same problem and in Mac. I could find a solution:
Go to XQuartz (general menu up left) > Preferences > Input > "Option keys send Alt_L and Alt_R"
With that, Alt + click will select the top object. The second click will select the object behind and so on.
If you have a Mac Mouse (Magic Mouse) it also works: alt + finger up and down to the surface (that's the equivalent of the scroll wheel in other mouses)
: Gray background when scanning a line drawing When I scan a line drawing on my Canon 9000F scanner I get the scanner reading the white paper the drawing is on as gray. In other words, the
When I scan a line drawing on my Canon 9000F scanner I get the scanner reading the white paper the drawing is on as gray. In other words, the background is smudgy, not pure white. Someone suggested putting black paper on top of the drawing because the cover lining that goes against the picture is white. Anybody have any ideas how to fix this. I'm told the scanner intensity cannot be adjusted.
: How to export a completely transparent image? For a game I’m making, I need a completely transparent image, i.e., every pixel shall have zero opacity. I tried to make a completely transparent
For a game I’m making, I need a completely transparent image, i.e., every pixel shall have zero opacity.
I tried to make a completely transparent image in Photoshop, and try to save it as a PNG, but it doesn’t save.
I get no error message; the file just does not appear in the desired folder.
When I export a different file with opaque pixels, it works.
I managed to find a blank image online the right dimensions, but I would like to know why I can’t just do this in Photoshop or how I would be able to do it.
: Applying a limited palette to a photo How can I apply a limited palette to a photo, while still keeping the value variations within the original image?
How can I apply a limited palette to a photo, while still keeping the value variations within the original image?