Working with Assets in Artboards

Working with Assets in Artboards using illustrator CC 2017

We have learnt about Working with Artboards and exporting them as pdfs in previous blog. In this blog will learn how to make use of asset panel in order to export artwork separately in various formats.

Exporting assets using Asset panel:
1.  Imagine you have a .AI illustrator file with lot of icons, logos created.
2. Now instead of entire image along with background, you just need the icon as PNG which can be used to embed anywhere.

Steps
 1. Use Direct selection tool in illustrator and select the object and now use selection tool and select only the required object and drag it to the asset panel present next to the Artboards tab.
2. Name it for your reference.
3. You can add scale on how the output should be. We can select PNG with 300 DPI (high resolution) and jpg files too.
4. Repeat steps 1,2and 3 for all the objects you wanted the output in the form of PNG and jpg.
5. Now, use Export option in the Asset panel or from file menu "Export as Screens".
6. Select your destination folder and assets and the output format.
7. Choose Ok.
 There you go. All your logos and icons and even patterns in the required output format very quickly.

Video will be uploaded soon the topic.

-evv2017



Comments

Post a Comment

Popular posts from this blog

Remove all page breaks,section breaks and column breaks quickly

Page,section and column break removal in Word 2010. Lot of converted documents will have unnecessary page,section and column breaks. This makes editing the document difficult for us. In order to properly edit a document without any issues, first we need to remove existing page breaks and re insert new ones. The same solution you might find in various websites. But here you see in a simple and faster way. Below are the steps. 1. Go to Home menu and click on option "Replace" in Find and Replace  ribbon. 2. You will get the Find and replace wizard. 3. In Find tab, select special option. 4. It will display various options. You can find page break . 5. Select on it. It will be converted to short key in the Find box. In Replace box, don't mention anything. Now replace all. 6. Repeat steps 4 and 5 for section and column breaks removal. -
Read more

How to reduce your header margin in Word

Reduce header margin in Word Why do you need different sizes of header and footer. Usually this happens with templates where it will make it easier to keep your text in the right place always. But the struggle stars when you need to place more text than the recommended dimension area. This happened with me. I struggled a lot while editing my template for paperback, where I need to keep full length copyright text instead of just 4 lines set in the template. After lot of trial and errors ,I found the way. Some suggestions over internet also helpful. Reduce header margin: 1. Lot of ways to this. But sometimes those doesn't work if this particular setting is made in the page layout. 2.Click on your header which you want to reduce the margin and make link to previous is off in Design Ribbon. 3. Go to page layout, in the break ribbon, on the right corner , click on double down arrow for additional options. 4. Choose Top in page layout tab. 5. That's it. The magi
Read more

JPEG to PNG using Photoshop CC

JPEG to PNG format using Photoshop CC Why we go for PNG files. PNG files are mainly used for logos,text images where we need a transparent background. Especially when you want them embedded inside any documents. It goes very well. Where JPEGs are always with a background. Steps to convert JPEG to PNG Open Photoshop CC. Drag and drop the image to PS. Choose Magic wand for selection. Click on the background of the image. You will see full background selected excluding image. Now press Ctrl+Shift+I to inverse the selection. Or go to Select ->Inverse. Now instead of background, image gets selected. Check if any additional selections to be made. Now create Layer mask. That's it. You get the image on a transparant background. Save it as png and use it in your documents.  The same process followed to perform background removals. -Evv2017
Read more