Herd Kittens

(HOW TO ORGANIZE A FOLDER OF DOWNLOADED IMAGE ASSETS)

 


PRE-GAME YOUR PREFERENCES

CHECK FILE HANDLING PREFERENCES

1

 

TURN ON TECHNOLOGY PREVIEWS

2-tech2

 

3-tech3

 

GRAB A BUNCH OF ASSETS FROM YOUR FAVORITE STOCK PLACE – I use freepik.com and flaticon.com

Let's say you downloaded 30 new assets from an asset site. Generally you get a bunch of zip files that contain:

JPGS

PSD

EPS

More Types: AI, SVG, PNG

 

 

1. CREATE ASSET FOLDERS

  1. Create the following folders:

    1. opened
    2. eps
    3. Jpg-large
    4. Jpgs-sized2000px-72dpi
    5. psd
    6. (Possible zips)
  2. Download all asset zip files into opened

    1. If you want to save original zip files –
    2. DUPLICATE open folder and call it "zips" at this point
  3. UNZip all zip files – in "OPENED" folder

  4. In OPENED FOLDER

    1. Remove all zip files

    2. Keep created folders

      1. (using Keka App on mac – does this automatically)

INITIAL FOLDERS SET UP – ZIP FILES REMOVED FROM "OPENED FOLDER"

4-folderssetup

 

2. RUN A SEARCH ON THE "OPENED" FOLDER

SEARCH FOR:

  1. EPS
  2. JPG
  3. PSD

EXAMPLE USING EPS

  1. Search "Opened Folder" for eps

5-epsopened

 

  1. Copy Results

6-openedcopy

 

 

  1. Use "back" button to navigation back to main folders area

7-backbtn

 

  1. Main Folder Section- Enter "EPS" Folder and PASTE ITEMS

8-pasteeps

 

  1. CHECK RESULT

9-epsresults

EPS ONLY STEP: NEXT: RUN – AIMERGE SCRIPT https://github.com/iconfinder/ai-merge

  • This script will grab everything in your "eps folder" and place them on an individual art board in the same file –
  • That allows you to put all those assets away in 1 place – so you can find them more easily – and you can grab each one individually –
  • Link your web gallery name to the asset name – so you can search or just find them in a folder
  1. Download https://github.com/iconfinder/ai-merge
  2. Place it in (on MAC) – /Applications/Adobe Illustrator 2021/Presets.localized/en_US/Scripts
  3. Choose it from File => Scripts => AI Merge

 

10-aimerge

 

FINAL FILE – you might have to do a little moving – resizing)

  • all assets are embedded (not linked)
  • all assets are vector – grab one – copy paste and get to work on it!

 

11-finalmergeeps

 

"PSD" USE THE SEARCH / COPY / PASTE STEPS AGAIN – WITH PSD

RESULT:

These images may differe depending on what you were giving in your download from what is in the eps folder

  1. You generally do not receive a .eps AND a .psd – it's one or the other – so you should strain out your psds
  2. These can be kept as they are – since the jpgs-large will contain a version of them – and jpg-sized-200px will end up in a web gallery

 

12-psds-folder

 

DUPLICATE THOSE STEPS – BUT SUBSITUTE "JPG"

  1. You will be pasting these images into "jpg-large"

    1. The initial images you download are generally huge – I always create a web gallery of mine so I can see them easily and from anywhere – organize them – it seems to work best if they MAX out at 2000px width and 72dpi

BATCH JPG-LARGE to JPG-2000px-72dpi

 

SET UP "72dpi – 2000px W" ACTION TO USE LATER USE AS A BATCH

 

13-quick-gallery-image-action

 

To Create:

  • Open Actions Panel | Windown => Actions

  • Click SubMenu on Actions Panel (top of panel – far right )

  • Select "New Action"

  • Name New Action – "72dpi – 2000px W"

  • Hit "Record"

  • Open any image that 300dpi and has dimenstions greater than 2000px width

  • Image Size

  • IMAGE SIZE SETTINGS:

    • |X| Resample – Bicubik Sharper (reduction)

    • Resolution – 72dpi px/in

    • WIDTH 2000px

    • FIT TO: Original Size

    • Click "OK"

    • Save As – giveitanewname.jpg

      • It SHOULD only be 1 layer so saving a jpg is no issue
      • save into jpg-sized-2000px folder so you do not overwrite original

       

       

 

14-batchsetting

BATCHING WITH THE CREATED ACTION

  1. File => Automate => Batch

  2. Be sure you Action – 72dpi – 2000px W is selected

  3. SOURCE FOLDER – use the "jpgs-large" folder you created

    1. |X| – Override Action "Open" Command
    2. |X| – Suppress File Open Options Dialogs
    3. |X| Suppress Color Profile Warnings
  4. DESTINATION FOLDER – choose the "jpg-sized-2000px" folder

    1. |X| – Override Action "Save As" Command

    2. File Naming

      1. DocumentName = DocumentName
      2. extension = extension
  5. CLICK OK –

    1. Will process in background – so check "jpg-sized2000px" folder in about 30 seconds

 

COMPARE

15-originalimgsize

 

JPG-2000PX

 

16-resizedimagesize

 

THIS WORKS BEST IF YOU HAVE A LARGE – OVER 5 GROUP OF ZIP FILES TO PROCESS

 

Checkfilesizes Beforeyoumakdegroupassert
Checkfilesizes Beforeyoumakdegroupassert
Transform Each223
Transform Each223

BONUS SECTION

Solution #1: Work in Outline Mode

Working in Outline Mode can speed up the process of working with vectors. Instead of your machine rendering previews of every change you made, you can focus on the shapes and objects you're creating versus whether or not that Gaussian Blur has rendered for the 15th time.

Understandably, however, this method may not be as advantageous to you if you're working with Clipping Masks or altering rasterized content. Sometimes simple solutions don't really aid in super complex images. Luckily we have more tips!

Working in Outline Mode will save your computer space time and energyOutline Mode on the left and Overprint Preview Mode on the right.

Solution #2: Rasterize Content

As you're working on a very large design, consider if it's for print or web. If a loss of perfectly scalable quality isn't a problem for you, you may consider rasterizing effects or complex content to put less stress on your machine. This works well for textures, patterns, and other content that may take a while to render.

Alternatively, you can create a copy of the effect to preview it as a rasterized object while keeping the full, vector piece in another file or hidden.

Rasterize content to reduce file size and lagRasterized content on the left and vector content on the right.

Solution #3: Hide Unnecessary Layers

Speaking of hiding content, every time you make a change to your active layer, all of those visible need to render again while in Preview Mode. The more complex your document and the changes you've made to it are, the more virtual memory this will take up, often causing lag.

Hide unnecessary layers in your Layers panel not only to speed up your own process and focus on the task at hand, but also to give your machine a bit of a break.

Hide all layers not currently in useHide all layers not currently in use.

Solution #4: Use Linked Files vs. Embedded

Our final solution is simple: link files instead of embedding them. It'll save on the overall document size, and so long as you remember to keep linked files in their corresponding folders or update your vector document, you'll bog down your machine with fewer tasks (like rendering that image).

It's a great solution when you've added a layer of bitmapped images that are simply serving as reference points. You don't need those files to take up space since they're not a part of the final document.

Use lined files for sketches and reference images versus embeddedLinked sketch file on the left and final vector icon on the right.

@import url(https://clickety-clack.click/wp-content/plugins/siteorigin-panels/css/front-flex.min.css); #pgc-110610-0-0 { width:100%;width:calc(100% – ( 0 * 30px ) ) } #pl-110610 .so-panel { margin-bottom:30px } #pl-110610 .so-panel:last-child { margin-bottom:0px } @media (max-width:780px){ #pg-110610-0.panel-no-style, #pg-110610-0.panel-has-style > .panel-row-style { -webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column } #pg-110610-0 > .panel-grid-cell , #pg-110610-0 > .panel-row-style > .panel-grid-cell { width:100%;margin-right:0 } #pg-110610-0 { margin-bottom:px } #pl-110610 .panel-grid-cell { padding:0 } #pl-110610 .panel-grid .panel-grid-cell-empty { display:none } #pl-110610 .panel-grid .panel-grid-cell-mobile-last { margin-bottom:0px } }

Scroll to Top