Last seen: Tue 11 May, 2021
: Auto adjust parent size when disabling child elements in symbols I have a symbol "Menu Item" with text and background layout. Then I create "Menu" symbol where I place 3 "Menu Item" symbols
I have a symbol "Menu Item" with text and background layout.
Then I create "Menu" symbol where I place 3 "Menu Item" symbols on it.
Here is how it looks like:
Then on my page I use "Menu" symbol, but want to hide one element:
I got a space between 1st and 3rd menu items. But I want to avoid it, to get just visible items one by other. Please, help me)
: How to move two anchor points in different directions in sketchapp at once? I want to skew the Rect from both left and right in the same time, all i know is to select one anchor point
I want to skew the Rect from both left and right in the same time, all i know is to select one anchor point at a time and move it as the two anchors needed to be moved in different directions, how could i do this in the same time in sketch-app?
: Re: How to cut up an image into a puzzle. I'm trying to create a puzzle out of an image using a vector image I picked up from Adobe stock. However, when I create the clipping mask of the shape
You would have to duplicate the image each time and make a new clipping mask. This would result in a MASSIVE file, fortunately for us Jongware has made a wonderful script to do this automatically!
Download it here and then you can use it to create puzzles easily!
: Re: Recommended Font for distinguishing upper/lowercase letters and numbers We have a small in-house application which generates a string consisting of upper and lowercase letters, and the numbers 0-9.
I would suggest IBM Plex
It comes in 48 styles and the family includes both a sans-serif, a serif, and a monospaced variant, all with excellent distinctiveness (1/I/l and O/0 are easily distinguished and it has both dotted and slashed alternates available for zero), and the entire family is free.
: Re: PS CS6: 'Rasterize image' fills selection with color I am using a pen tool to select an area in the image, which creates a new layer: After shape selection with a pen tool, make selection
I'm not sure why you are even rasterizing it. You have an already made shape.
All you need to do is change the fill color found here:
: Trim transparent pixels on the outer edge of an animated GIF Here is a transparent GIF that I made using Blender and Photoshop: I'm happy with it, but I would like to trim out the transparent
Here is a transparent GIF that I made using Blender and Photoshop:
I'm happy with it, but I would like to trim out the transparent pixels that are unused around the ball throughout the animation to make the file lighter and easier to fit with other content in a webpage.
However, the animation has a variable height and width, so when I put it in Photoshop and select "Image > Trim > Transparent Pixels", it trims around one of the frames which doesn't work out because one single frame of the animation has a height and width that are not significant to the rest of the animation.
What is a workflow-friendly and easy way to trim out pixels outside the animated area of a GIF?
PS: Sorry for the epilepsy inducing GIF
: Re: How to fill a shape with different elements of varying sizes I'm looking to replicate this effect without having to putting each icon in by hand manually. Is there a program or script that
If you have access to Illustrator this can be done fairly easily with Jongware's CircleFill script.
Then to easily replace objects I recommend installing and using the wonderful copyToMultipleObjects script by John Wundes.
All you have to do is select one "flag circle" on the topmost layer/position above the shapes you want to replace and the script will copy it and scale it perfectly to match.
This works on anything, including bitmaps!
So your general workflow would look something like this:
To install these scripts, opposite click on the link and save it to your desktop or copy it to a notepad document and save it as "All Files" with a .js after the script name.
With Illustrator closed, navigate to your Illustrator's Script folder, which is in the following example location (the actual location will depend on your installation of Illustrator and language):
Windows: C:/Program Files/Adobe/Adobe Illustrator CC
Mac OS: Applications/Adobe/Adobe Illustrator CC
And paste a copy of the .js file into the folder and open Illustrator.
: Re: Can anyone identify what this font is? Or a similar font? The following is a screenshot of the dating application "Coffee meets bagel". I was wondering if anyone can identify what the font
Microsoft Segoe UI is quite the same in Windows PCs. Se an example:
At least pair nj is rendered differently in your phone and Windows.
: What to do if a client likes your borrowed placeholder icons? I am working on a school research about copyrights and I need to hear some opinions about how to handle this case: You
I am working on a school research about copyrights and I need to hear some opinions about how to handle this case:
You have been commissioned to design a new website. It has taken you a long time to come up with fresh creative ideas, but you still have to design an icon set for the home page, about, contact, site map and search sections. You decide to “borrow” a set of icons from another online website. You copy them to the desktop and paste them onto your sample pages. At the presentation next morning, your client loves your design, especially the icons.
Do you tell him you just included them because you ran out of time?
How to ask the real designer for permission to use them?
: Re: Automated way to import several paragraphs to InDesign I'm a basic user of InDesign. I have to import many (hundreds) of paragraphs into a page layout consistent of many Text Frames per page.
InDesign has a feature called "Data Merge" which allows you to create a layout, tag some frames in it and import a .csv* file.
Take a look at these docs from Adobe helpx.adobe.com/indesign/using/data-merge.html or search for the term "InDesign Data Merge".
* comma separated values - can be exported from Excel or Google Spreadsheets)
: Re: How can I open old SPX files? The file format Open-SPX is a 3d image format developed by interzart around 2000, and released open source with the GPL. I've got some images in that format,
Legacy formats and software is always a crapshoot, I've found a few leads that might help you.
From an article back in the 2000s "A plug-in for 3D-Studio MAX that allows importing and exporting SPX data into and out of 3D Studio" Maybe try and hunting that down?
This legacy software might work for you
Or some of these might.
It looks the the German company that originally developed it changed from Interzart to Scanbull Software around 2006 but I can't seem to find any other information about them.
Their software was 3D Editor Marlin, so unless you get extremely lucky on ebay you might be out of luck.
This git repository of old software has several versions of Dimension 3D-Systems GmbH - Open SPX Plugin which might help.
This was all the information I could find with limited research time, hope it helps!
I might have found a legacy webplugin that could be of use! See if this helps!
: Re: Designing a structure of hierarchical blocks I'm charged with the task of designing an invoice. My requirements say it has to have multiple blocks per month and inside each of these blocks,
Have you looked at any sample invoices?
I would take inspiration from them and reduce your complexity. You ask how you can make block? Well you answered it, just make blocks.
The weird line breaks you have for reversal, corrected and sum are visually jarring and create a poor reading pattern.
Remember who you are designing for!
As a designer you will (probably) not be using these, this kind of work is made for the layperson who just wants facts and number simple and clean.
Steps to take to resolve issues.
Don't have your border lines broken up.
Revert to a simple style with boxes for each item or use a grid system. [see example]
Remember WHO you are are designing for. Imagine a child has to figure this out and use it so design to the lowest common denominator.
: Re: Terminal font behaviour Terminal font behavior is different from other fonts. For example, here is a screenshot of terminal font glyphs. Why does it have limited glyphs and is not showing Unicode
It is because Terminal is based upon code page 437 and is not aligned with Unicode.
Console font rendering supports only Unicode characters in BMP (in other words: below U+10000). Only simple text rendering is supported (so European — and some East Asian — languages should work fine — as far as one uses precomposed forms). [There is a minor fine print here for East Asian and for characters U+0000, U+0001, U+30FB.]
: Re: Cannot add proper bleed in Illustrator I'm having a little problem in Illustrator CS6 that makes me very confused.I'm trying to extend my file to the "bleed" grid,but the extended background
You need to also expand your artboard and your background (red) so there's color behind it.
Using shift+o or selecting it on the toolbar.
Source: I work for a printing company so I do this for art daily.
: Re: Illustrator colours and export as PNG I've just installed Illustrator on my PC and I don't why but the colors in Illustrator look "Dull" however when I export my project as PNG they look fine.
Have you disabled color management?
It sounds like the working ICC profile is causing you issues.
If you haven't already, go to Edit -> Assign Profile and select Don't Color Manage This Document.
: 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
You can accomplish this in Illustrator very easily but this method should work similarly in Photoshop. Instead of using the pathfinder tool, in Photoshop you would just use the rectangular selection tool and delete.
In Illustrator, you start off by typing your text and then expanding it. After it's expanded you should ungroup it.
After that you can start "cutting out" segments of the text using the rectangular marquee tool, (M) and then using the pathfinder function minus front.
You would just continue doing this until you have your desired cut-outs.
In the image below I marked out the general shapes the artist used to remove more an more of the letter.
: Re: Illustrator/Photoshop/Flash/InDesign Purchase I used to work in graphic design years ago, however no longer a design pro, but am considering buying a license for Illustrator/Photoshop/Flash/InDesign
Today Adobe only rents its professional "Creative Cloud" stuff. You install the programs normally, but they die as soon as you do not pay the rent. The software needs regular "payments ok" acknowledgements via the internet or they do not run.
There are several different licensing schemes available, but perpetual (pay once) isn't one of them.
In theory you can find in Ebay or other marketplaces Adobe pro software packages from the era before Creative Cloud. They have some drawbacks:
you cannot be sure are the given keys valid
you can get a crack with a bunch of malware
if someone sells his used old packages, the purchase must be accepted by Adobe. Otherwise the right to use doesn't get transferred.
the prices are higher than they were when the packages were new
nobody quarantees the compatibility with newest Win or MacOS.
Thus I cannot recommend Ebay purchases. I have bought my ancient package "face to face" and all went smoothly.
If you can't afford Adobe pro stuff for hobby purposes, goto freeware or take something less pricey commercial software. Search for alternatives. PS, Illustrator and InD seem to have them at least to some degree. I do not know Flash well enough. Check this: www.animationinsider.com/2015/01/software-vectorian-giotto-an-actual-flash-alternative/
: Distinguishing images made using different software from metadata I am interested if it is possible to distinguish the software used to make an image from its metadata. For example, using imagemagick,
I am interested if it is possible to distinguish the software used to make an image from its metadata. For example, using imagemagick, a command-line tool, I can see that one specific image was made using Adobe ImageReady:
In general however, software like Illustrator or Sketch do not by default include this explicit information in their metadata. So I am looking for a clever way to infer (of course never with absolute certainty) the software program used to export. For example, perhaps Sketch metadata automatically reports interlace method, but Illustrator only does so if you change the default option in export.
: Re: Saving to a legacy format may cause some changes I'm not sure how to handle this message. I want to save the changes I've made to an .ai file. This is the message I get Saving to a
Illustrator honors file versioning. So, if you create a file in Illustrator CS6 and then open that same file in Illustrator CC and you Save. Illustrator will save the file in CS6 format to honor the version the file was created in.
This is similar to how you can create an .imdl file to avoid compatibility issues.
If you don't want to see the dialog you can do either of two things...
Check the box for "Don't show again"
Do a "Save As.." and save it as a CC file.
: Re: Difference between "Done" and "Cancel" in Export for Web In both Illustrator and Photoshop, the Export for Web window has three options at the bottom: Done, Cancel and Save Save will save
Done - This option will remember the current settings.
Cancel - Resets the settings and closes the dialog.
Just hover over the buttons and a tooltip will popup.
: Re: Name for a folder that has all of your PSD's, AI's, SVG's, etc My project folders at work have different subfolders for wireframes, comps, and prototypes, but I want to have subfolders for
They are all types of image files so you could you that.
Image file definition:
Image files are composed of digital data in one of these formats that
can be rasterized for use on a computer display or printer. An image
file format may store data in uncompressed, compressed, or vector
: Difference between "Done" and "Cancel" in Export for Web In both Illustrator and Photoshop, the Export for Web window has three options at the bottom: Done, Cancel and Save Save will save
In both Illustrator and Photoshop, the Export for Web window has three options at the bottom:
Done, Cancel and Save
Save will save the image for Web with the settings that you have selected.
However, Done and Cancel seem to do exactly the same thing: close the window without performing any saving action.
Why are there two options that seem to do the same thing?
: Re: Finding TypeKit fonts for Adobe I am currently using a PC with Windows 10. I am looking for where TypeKit fonts are stored for Adobe so that I can retrieve a certain font for one of my
To retrieve fonts from Typekit you can do the following:
Make sure, you have installed Adobe Creative Cloud Desktop App as signed in and your TypeKit fonts are synced and make sure you are a registered user of Adobe Creative Cloud.
Make sure that your hidden files is visible on Windows Settings.
From “Change folder and search options” select “Show hidden files, folders and drives”
Press [Windows Key + X] and select Command Prompt (Admin) or from Run you can type cmd
Copy this command to your Command Prompt Window;
xcopy %APPDATA%AdobeCoreSyncpluginslivetyper %USERPROFILE%DesktopTKFonts
It will ask F or D.
The copy process will start and then you will have a folder named TKFonts on your Desktop.
Make it visible and writeable by opposite clicking>Properties and un-tick the two boxes.
Press apply then hit OK twice and open the TKFonts folder on your desktop. You will see a lot of files with to extension, these are your synced fonts so you need to rename them.
Go back to your command prompt and paste this code:
ren %USERPROFILE%DesktopTKFonts*.* *.otf
Now open TKFonts folder again, you will see all fonts are .otf fonts now. To check fonts names, right click on title bar of folder and enable the Title option.
: Re: CMYK color difference from Windows to Mac When I open an InDesign file and edit a linked PSD by changing the color mode CMYK, I see a difference from my Windows PC to my Mac. The other
Maybe your profile is wrong.
You SHOULD see a color change when converting from RGB to CMYK so that's normal to see. This might be the issue and then your problem is solved.
Additionally if you're converting to sRGB or other color profiles the source art might be holding onto a profile you don't want.
Regardless you should read up on color spaces and color profiles to further understand how they can benefit or harm the appearance of your work.
It's probably your monitors.
Colors will appear differently on different monitors and at different times of the day.
The "best" option is to calibrate your monitor but that requires expensive tools, software and more time than most firms are willing to invest.
If you are designing for print media you will be able to proof what you are working on and then adjust your design based on the output.
This document has good information about calibration and how to adjust, work with and remove profiles in adobe software.
: Re: Colours being shown differently throughout web browsers and image editing software In a web browser, this colour (#495D7A) looks like this: But in Photoshop, that colour looks like this and the
You should NOT embed a color profile in images for websites. They add size to the image, but don't add any useful information, so all you do is make your pages heavier. When you Save for Web and Devices from Photoshop, be sure to uncheck "Embed Color Profile." As a safety measure, keep "Convert to sRGB" checked (in case you're dealing with an image that's in some other color space and you forget to convert it).
If you are picking your colors from Photoshop that's fine, as long as you disable color management for RGB files. If it's not disabled, you can get the wrong color codes. So either disable or set the working space for RGB to Monitor RGB.
If you look at the following examples with a JPG vs PNG image, you'll see how browsers output color code. The top value is from Chrome and the bottom is from FireFox. As a source, they both use an uncompressed 24-bit PNG and an uncompressed JPG.
The values aren't too far off using the default settings. However, it's best if you make sure that you don't have checked "Embed color profile" for JPGs and you turned off "Convert to sRGB" when exporting via Save for Web from Photoshop.
The best way to get the right result is with PNGs vs JPGs.
: Re: Matching light and colour of background to imported foreground I'm basically a beginner on Photoshop and I've only done a few compositions but in my most recent one I'm struggling on how to
If you had images which fit without major adjustments, this would be a snap. But let's assume there's a good reason to use just these images.
At first clone, smudge and repaint the hair so that there's no ghost lights behind the hair because in the new background there's none. Then decide how bright the man really can be and what is the contrast? The man must get some local light from an invisible source and that light makes him visible. Otherwise the composition would be not interesting.
Here the curves tool is applied to the layer where the man is. The hair was fixed before it:
The face must be about as bright and saturated as the well lighted objects in the background. Actually a little saturation was added to the man, but the uploaded version unfortunately is washed out.
The layer of the man got name "Yellow man" because the local light makes him yellow like the objects in the background. Skylight seems to make everything
magenta, so a copy of the man is made to the top layer. That layer will get magenta color => layer name is Magenta man. Image > adjustments > Hue/Saturation > Colorize is used to make the magenta colored man:
Finally a layer mask is added to Magenta Man -layer. It is radial gradient black to white. It reveals the yellowish face and fades it to magenta. A little white was painted to remove yellowish color under the chin.
The adjustments were made destructively. Using adjustment layers with the "only next layer" switch active, one would get better possiblity to search the right combination. I recommend to use them!
Because the uploaded images seem so flat, I include a dropbox link to the result.
: Re: Round corners (fillet) in Illustrator CS6 I have the following figure in which I need to make a fillet to each its corners: Is there some tool to avoid doing this manually? I tried the Effect
The easiest way would be to just plot out where you want the start and end of your rounding to be with guides.
Then using the add anchor point, +, and remove anchor point, -, tools.
Once you add each point, remove the corner point and using the anchor point tool, drag out the corner while holding down the Shift key to keep it inline with the top.
: InDesign: workflow for translating texts I have quite a large document, a product catalogue to be specific, which I have to translate. I tried doing this manually and exporting to RTF, which
I have quite a large document, a product catalogue to be specific, which I have to translate. I tried doing this manually and exporting to RTF, which is tedious because of the rearrangements I have to make afterwards. Any suggestions in how to do accomplish this task more efficiently?
: Re: How to achieve 'Orange and Teal' look in GIMP I would like to give the 'Orange & Teal' look to some pictures using only GIMP. I must remark, the question is specifically restricted to
Using the Curves tool you can use curves to achieve this effect.
To make a color adjustment with curves, there are three channels that you can work with: Red, Green or Blue. To get the other colours in the spectrum, you have to mix these by either adding or subtracting various amounts of red, green or blue.
Luminance Curves Adjustment for Teal & Orange Look:
Red Curves Adjustment for Teal & Orange Look:
Green Curves Adjustment for Teal & Orange Look:
Blue Curves Adjustment for Teal & Orange Look:
What you are doing is adding "Teal" to the shadows by subtracting red (to get cyan) and adding blue to the darker tonal range of the image. To get "Orange" into the highlights you subtract blue (to get yellow) from the highlights and add some red. If you get a slight magenta cast in the highlights you can add some green to compensate.
: Re: What is this helvetica-like font called? The font is used in this dribbble post for the headlines and titles, not the body text. So far I have tried multiple font identification sites but
The font is San Francisco Display.
The main text is the Heavy weight while the + is the Bold weight.
All 21 weights can be downloaded for free from here.