Last seen: Tue 11 May, 2021
: Good pairing for Phenomena font? I'm trying to find a good pairing for the main font that I've chosen for a website, namely the Phenomena font from Fontfabric: I'm using this font for the
I'm trying to find a good pairing for the main font that I've chosen for a website, namely the Phenomena font from Fontfabric:
I'm using this font for the Headings and Titles, and I'm trying to find a good match for the body copy text. It must be said that the Phenomena family is fairly complete, and by mixing different weights and sizes, even using the same font for the copy doesn't give a bad result:
Anyway, it seems to me that in terms of readability, this font gives its better on heading and not on copy text, and probably there is not enough contrast (but this is just my opinion, I may be wrong).
Some other alternatives that I've considered are the "standard" Noto Sans:
and Roboto Slab:
The best result so far seems to be the pairing with a Slab font, that compliments fairly well IMHO with the geometric vibe of Phenomena.
What do you guys think of these pairings? What is the one that you think works best? And of course, I'm entirely open to new suggestions, not limited to these trials by me.
If you want to suggest new fonts besides the ones that I've mentioned here, please limit the choice to free-for-commercial-use ones (not necessarily present on Google Fonts). Thank you.
: Re: Should I go back to school for graphic design? I graduated college several years ago with a degree in English, and have been working in various creative positions in marketing departments since
That is a big question... with no certain answer (and it may get flagged for that reason) but I would say from experience that a degree in arts will definitely help but it is your portfolio that really matters.
Do all you can to absorb and refine design ideas (books, sketching, looking at works by the masters in whatever field you are pursuing, looking at works in other areas) and get inspired. After all, if you are doing this graphic work at your job, then you already have a position in the field!
Meanwhile, before committing either way, look into night/continuing education courses. And keep making things for that portfolio, you are going to need one to get into school as well.
: Re: Is it okay to use Font Awesome's social media icons? Font-Awesome provides logos for social media brands like facebook. According to Facebooks brand guidelines using those seem to not be allowed:
My IP lawyer I hired to do my trademark application told me to remove the font awesome Apple icon I had used on my Membership page. Since she is an IP lawyer, and she said that that it's not ok you should PROBABLY not use it just because it is there.
You should still consult your own legal counsel if you have serious concerns.
: Re: Illustrator saving in small size distorts shapes I have a symbol in vectors at raw with around 500px width and 600px height. All strokes were outlined. Saving it straight from its normal size,
If your target output size is 100px then make your image 100px before you export it.
When it's sized the same as it will be when exported you'll see what the saved result will look like and can edit it to look good at that size.
When scaling be sure to check "scale strokes and effects".
: Re: Absolutely change saturation of multiple objects to uniform amount in Illustrator I need to change only the saturation level of multiple objects in Illustrator to a uniform value. Basically,
You can select all shapes of same color and adjust their saturation back down using the magic wand tool or by selecting one and clicking Select > Same > Fill Color.
To spread one color, style or saturation level to many objects I make a sample rectangle to the side of my art board and use the eyedropper tool to distribute styles from my sample to the objects.
: Re: how to take off all the white space from a page in photoshop? cause i want to change the color of some black lines by locking the layer and coloring just the lines but since it's one page
First, you make a clipping path your wanted object using the pen tool after that you will be off your white space from your page.
: Font size is not changing automatically in Photoshop In the old Photoshop I used to use Up and Down arrows to change the font size and it always changed as soon as I clicked on the button,
In the old Photoshop I used to use Up and Down arrows to change the font size and it always changed as soon as I clicked on the button, but now I need to confirm every change with pressing Enter. How can I make it change automatically?
I've searched through the settings and no luck...
: Re: How does one get this effect in adobe illustrator? I like this gradient transition between orange to purple. How might I get this same effect in adobe illustrator? Thank you
It's quite easy.
1) Add a rectangle
2) Open the gradients panel (found under window)
3) By default, the two colors will be white and black. Just change them to purple and orange.
4)Under angle, change it to 90 Degrees.
5) finally, select the rectangle, and tap on the square showing the gradient in the gradient panel. This should turn the fill of the rectangle into a gradient.
: Re: How do i make the selected areas transparent, so i wouldn't have to place this logo only on a white background? The whole logo is drawn in adobe illustrator CS6 with pen only. I'm new to
To make an image file that contains only your object, so the background is transparent you must export a vector file type.
To do that go to File>Save for Web. The new version may say File>Export>Save for Web.
Your best option is to save it as a .PNG 24 - transparency.
If you want a certain size rectangle around your logo than make your artboard that size. If you don't care and only want your logo big and to the edge then don't check "use artboard bounding box".
The .PNG you export will be only your logo, not the background.
: Re: How can I prevent Photoshop from applying anti-aliasing to a layer when it's resized? I want to size down an already small rasterized layer in Photoshop. I notice that Photoshop distorts the
File → Open the vector art in Photoshop will present for the full input dialog including an option to set anti-aliasing on or off.
: What is the shortcut key for object opacity in Illustrator? I am changing object opacity in Illustrator manually. Is there a keyboard shortcut to make an object's opacity 90%?
I am changing object opacity in Illustrator manually. Is there a keyboard shortcut to make an object's opacity 90%?
: Re: Blurry Image/Logo exported as jpeg from Illustrator When I export my image as a jpeg from Illustrator the extension is blurry. How do I save to jpeg to get a clear image? Thank you!
it could be that you're trying to save it too big and the image isnt a vector? otherwise i'd advise to save it as an AI file and drag that file into your Photoshop and export it there if that's an option for you.
: Re: Nice OpenStreetMap rendering for print Using map data of OpenStreetMap (OSM, openstreetmap.org), I want to create a nice map rendering for a print magazine (don't know yet whether it's going to
There's a bit of an existential conflict with OSM and its purpose as a utility. It's hinted at (if you edit) by the plea not to edit for the renderer. As in, don't let the changes you make be dictated by how it will look in the Mapnik render, or other.
The reason for this is that OSM was not intended to be the map you see when you visit its site. It's primarily meant to be a collection of geographic information (lines, points, labels) that you interpret as you want in whatever software you import it into. The map you see when you visit (Mapnik, which you seem aware of) is just their own interpretation. It provides an obvious use and is also a demonstration of one way to interpret the data.
The conflict is that the general public are fond of dictating what something is for themselves (see the concept of Desire Lines). Although OSM was meant to be about a collection of data, not the map you see on the site, the general public's uses/actions/confusion over the Mapnik map pushed OSM into catering more to the Mapnik render as a service to the general public by adding export/routing options etc., albeit basic ones. The result of this is that you will get all sorts of tools encouraging the sharing and exporting of the Mapnik render (to cater for the demand to do so) but the heart of OSM still suggests you use the raw data via alternative means and render it yourself to your exact specification.
Basically : If you want to do something incredibly simple with the map where aesthetics and usage aren't too extravagant, the basic Mapnik sharing and exporting tools may be enough. If you want to do more, you will need to do what most professional and GIS bodies do and use more sophisticated GIS tools.
GIS is its own sea of tools and information that can be a bit overwhelming. A lot of it, unfortunately, is quite user-unfriendly stuff involving command lines and installing various libraries, etc. via the command line. There are ways around this and utilities that don't require this but it's hard to avoid if you get into designing maps in any sort of serious way. Recommendations on the OSM wiki pages can be quite diplomatic at times and not necessarily put you on track for a utility that will not leave you tearing your hair out after a week to just get running or no longer function any more.
Ultimately you will be looking to convert OSM data into either a database like PostGIS/PostgreSQL or as Esri Shapefiles. They're pretty close to standards for this kind of stuff. A lot of recommendations for software online will be coming from a scientific/data side. There's relevance in all but if you're coming from a design background you'll likely want to to look at the MAPublisher plugin for illustrator. I believe a lot of map illustrators for NatGeo, etc. would use it these days. If you're familiar with web-design standards you may want to check out Mapbox's legacy version of Mapbox Studio. It still has a learning curve but once you've got your map data into it you can style it like CSS and export at print resolutions. It's newer version of Studio is online-only and has all but dropped support for exporting at print resolutions (being focused on web uses).
I'd suggest putting aside some time to research all the above. There is a learning curve to the more professional route for doing this and, if time and patience is important, perhaps accepting a simpler (OSM standard export) choice may be the right one. I'll warn you that it's easy to believe that exporting a map as a vector shape like eps, svg or ai may seem like the best solution but you can quickly run into a heap of styling complexity unless your map is relatively simple. Don't rule it out, but just be aware of this. GIS databases and formats like Shapefiles help by allowing styles to be applies based on rules and filters (not dissimilar a concept to css styles in html). This is incredibly useful for visually communicating maps where you will want a coherent visual language of what the map represents based on rendering similar features in a similar manner.
: Re: Multiple SVG files export at multiple sizes (eg. png at 16px, 24px...) I would like to know if there is any automated solution to export multiple SVG files (more than 200 icons) from Illustrator
If you have all of your icons as separate SVG files and all you need to do is convert them to PNGs at specific sizes, I would recommend IrfanView (Download).
Using Irfanview's batch conversion tools would make this a breeze. Steps:
Select File > Batch Conversion/Rename
Select Batch Conversion - Rename results files
Set Output Format to PNG - Portable Network Graphics
Set Name Pattern to $N-16x16. This will rename the batched files based on their original file name ($N) and then add the dimensions (-16x16)
Check Use advanced options and then click Advanced
Check RESIZE and then select Set New Size and Set one or both sides to and set your desired width and height.
Go through the rest of the advanced settings to make sure you won't get any unexpected results.
Set your output directory.
Add all of your icons into the list with the explorer window on the right side.
Hit Start Batch
Wait for it to finish and click Return to Batch.
Change all the relevant settings to do your next size
Repeat until finished.
As far as trying to do this automatically inside Illustrator, there's probably a script that someone's written or that can be written to loop through 200 files batch converting and exporting, but using IrfanView would probably be a lot easier.
: Re: Trying to save Gif in photoshop, but saves frames as separate images? Trying to save Gif in photoshop, but saves frames as separate images? When I click the file it doesn't save as an animated
1) Set each frame duration to 1 second. Then go to File > Export > Video render
2) Select "Images sequence", "All images" and set the framerate to 1 image per second.
3) Click on Render, and each frame should be exported to an image.
: Re: Transparency in Illustrator: text with outline In the following logo created by a designer, the Forever de Sales text is two layers: text + outline. I am trying to make the white portion of
It's hard to tell, but if they are literally on two separate layers, you might want to start with combining them on the same layer. IF you meant that they are just layered on top of each other, you have to make sure that the bottom layers which is the "outlined" version is literally outlined. IF it is an outline that contains a stroke the it won't work. You have outline the Stroke by going to the top menu under Object > Path > Outline stroke. Once you do that you might have to go in a clean it by taking out an inner path that usually remains. Then select the white and gold/yellow and applying Pathfinder-Minus front. You should be good at that point. Hope this helps.
: Quickly lay objects in photoshop I have objects that I've created that have multiple colors that I want to lay on my background quickly. My current workflow is grab my smart object out of
I have objects that I've created that have multiple colors that I want to lay on my background quickly. My current workflow is grab my smart object out of my library, reseize, and then move where I need to. The duplication of that object involves going to the menu and hitting duplicate then moving it.
What I'm looking for is the ability to lay these multicolored objects like brushes. Ie have the size set and click multiple times on a layer to lay these objects. As far as I know the only way to do this with brushes is to have the entire brush as one color.
Is there any way with photoshop to quickly lay my objects that have multiple colors on a layer?
: Re: In Sketch, how can I resize text within a group? In Sketch, I have a simple title, subtitle, and some rects on the left and right. When I resize the group, I would expect it to scale up
The most accurate solution I've found is to convert the text to lines, and then scale the layers or group. Obviously, you lose the ability to edit the text, though.
: Re: Glossy black logo on matte black background I remember seeing high-fashion packaging with black-on-black printing; but, the difference was with only the finish. Normally, I see gold-on-black, or
Spot gloss is a feature of printing. Different ink or a coating is applied to only certain areas, in your case the text. This cannot be perfectly represented in a proof. Make your text a different, truer black, add some highlights if you want. Show your client this picture, explain the process and show them your black on black proof.
: Re: Trying to identify a font or typeface with a letter "A" shaped like a triangle I have been trying to find out what font or typeface has a specific shaped letter A, and it has been bugging
The font is Recharge.
You can download it here: www.dafont.com/recharge.font?text=zolasixx
My dad found it in a minute, but he's a computer teacher so it's ok.
: How to erase eyebrows in Photoshop? I want to erase eyebrows from face very much like in the example photos. Eventually I will automate the process with code. I need to find a way that would
I want to erase eyebrows from face very much like in the example photos. Eventually I will automate the process with code. I need to find a way that would give the results like in the examples and would work with different skin colors as well as eyebrow colors.
: Photoshop: Loop part of gif I know that when making your own gifs in Photoshop you have the ability to have the gif loop forever, but I was wondering if there is any possible way to have
I know that when making your own gifs in Photoshop you have the ability to have the gif loop forever, but I was wondering if there is any possible way to have only part of the gif loop forever, if that makes sense.
I essentially want it so that way once Part A ends, Part B continuously loops on forever. Is this possible?
: Re: How can i separate stroke and shape from one object Lets say for example I have a circle with fill and stroke. How can I separate the stoke and the fill?
There's a few ways to interpret what you're asking which could be clarified if you say what your intent is.
@Vinny gave a good answer to what I think you may have been requesting. I'll add a (possibly) simpler method to do a similar task:
Duplicate your shape. You can just copy and paste it.
In your original shape, set fill to nothing.
In the new shape, set stroke to nothing.
You now have the same shape in its two different forms. If you need something more complex than this, I'd suggest writing questions with more specifics in them.
: Import svg with clipping path into illustrator I have an randomimage.svg file that I wish to place in Illustrator. I normally am able to do this by simply using the place functionality under
I have an randomimage.svg file that I wish to place in Illustrator. I normally am able to do this by simply using the place functionality under the file menu, but with the current svg I am trying to work with, I get two errors/warnings:
text on path will be flattend and clipping will be lost on roundtrip to tiny
Is there anything I can do to import an svg image with a clipping path or text into illustrator?
: After Effects being extremely slow/lagging when previewing 7min video with 8GB Ram on iMac I am previewing a 7min video on an iMac with 8GB Ram and the video is lagging a lot. No other applications
I am previewing a 7min video on an iMac with 8GB Ram and the video is lagging a lot. No other applications are open with after effects. And the settings for FPS are correct.
Below image shows the allocation of ram to AE.
What can I do increase the speed of previewing in AE?
: Re: RAL colour for Metallic PMS 8923 Has anybody converted from Metallic PMS 8923 to a RAL colour, or closest to!
Google search your question shows PMS 8932 equals RAL 3020.
Complex color coder conversions best handled by internet search.
Do not expect someone to have these conversions in their head. rgb.to/c70700
: Re: Solution to combine many small vectors into one large image? Lets say i have ten separate vector files, each of which is 100 pixels square. I would like to combine them into one large single
If I have 100 objects I want to arrange in a 10 x 10 grid:
Set guides or draw square the size of your final file and "split into grid" with 10 rows, 10 columns, no bleeds.
Lock your guide in the bottom layer.
Take the first ten objects, if they have an order then put the first one in the first square of the top row of your guide, the last of the 10 in the last square of the top row of your guide.
Make sure your align dialogue window is set to "align to object"
Select all first 10 objects and use align "Vertical Align Center" to put them on the same horizontal line then use "Horizontal Distribute Center" to space all ten evenly across the row.
For the second 10 items place the first one (#11) under #1 and the last one (#20) under #10 . Select items 10-20 and perform the distribute and align.
Do this for all remaining objects/rows.
Now use the alignment tools to neaten up your grid.
Select all first column items and "Horizontal Align Center", then all your last column items align center, then select each row or column and use the align tools to get everything in place.
: Re: How to credit images with no author? I am a developer working on a not-for-profit project and wanted to use an image that I found off google, I've searched around but can't find anything about
When citing sources it is important to follow citation guidelines. Some of the most widely accepted guidelines are from MLA, OWL, and APA.
I believe because your project is Not For Profit you can display the work of others. The specific legality needs to be looked farther into.
To answer your question about how to cite:
How to cite a digital image found on a website in MLA 8:
To create a citation for a digital image found on a website in MLA 8, locate the following pieces of information:
The name of the creator of the digital image
*The title of the digital image
The title of the website that the image was found on
The names of any other contributors responsible for the digital image
Version of the image (if applicable)
Any numbers associated with the image (if applicable)
*The publisher of the image
The date the image was created or published
*The location of the image, such as a URL
If the digital image does not have a title, include a description of the image. Do not place this information in quotation marks or italics.
If the picture was found using Google Images, do not cite Google Images as the publisher. Instead, click on the picture and use the information from the website that is hosting the picture.
When including the URL in the citation, omit “http://” and “https://” from the site’s address. In addition, if the citation will be viewed on a digital device, it is helpful to make it clickable. This ensures that readers will be able to easily access and view the source themselves.
Structure of a citation for an image found on a website in MLA 8:
Creator’s Last name, First name. “Title of the digital image.” Title of the website, First name Last name of any contributors, Version (if applicable), Number (if applicable), Publisher, Publication date, URL.
Examples of citations for digital images found on websites in MLA 8:
Vasquez, Gary A. Photograph of Coach K with Team USA. NBC Olympics, USA Today Sports, 5 Aug. 2016, nbcolympics.com/news/rio-olympics-coach-ks-toughest-test-or-lasting-legacy.
: Re: I need to create a template for helmet decals, need help identifying correct dimensions for template I am looking to created a template for helmet decals like the above image and want to
To fit art to this helmet you need to know the size and shape of the helmets surface when it is laid flat.
I can tell you 2 ways to obtain the flat dimensions:
contact the manufacturer or the company that decals them and ask for a decal template. (alternatively find a decal manufacturer that makes decals for many helmets and use a similar one or find the exact one on their site and copy it. This look like yours: schoolpride.com/Helmet-Decals/Lacrosse-Helmet-Decal-Package)
Remove the helmet shell (if available) and lay it flat, cutting as little as possible. Measure the flattened shell, or scan it with a flatbed. Use the new shape dimensions as outlines for your art.
: How to find similar image on google I have an image and i want to find the similar image and edit it. Is there any way to find the similar image as vector or png or jpg . The below is
I have an image and i want to find the similar image and edit it. Is there any way to find the similar image as vector or png or jpg . The below is what im finding