# Taking Adob Illustrator Artboard and importing into Processing

**URL:** <https://discourse.processing.org/t/taking-adob-illustrator-artboard-and-importing-into-processing/16061>\
**Category:** Project Guidance\
**Tags:** homework\
**Created:** [December 2, 2019, 10:07pm UTC](https://discourse.processing.org/t/taking-adob-illustrator-artboard-and-importing-into-processing/16061 "2019-12-02T22:07:36Z")\
**Posts on this page:** 2\
**Page:** 1

<div class="post-metadata">

**Author:** ![msw](https://avatars.discourse-cdn.com/v4/letter/m/b782af/32.png) [@msw](https://discourse.processing.org/u/msw)\
**Post date:** [December 2, 2019, 10:07pm UTC](https://discourse.processing.org/t/taking-adob-illustrator-artboard-and-importing-into-processing/16061/1 "2019-12-02T22:07:36Z")

</div>

Hi there, so I am very new to processing and to be frank only using it for school. I’ve heard there is a way to take an adobe illustrator file and put it into processing (apologies if my wording isn’t right here). I can’t find anything on how to do this anywhere and desperately need guidance. If you have any ideas on how I could possibly do this (or if its impossible) I would really appreciate it!

---

<div class="post-metadata">

**Author:** ![kll](https://yyz2.discourse-cdn.com/flex036/user_avatar/discourse.processing.org/kll/32/964_2.png) [@kll](https://discourse.processing.org/u/kll)\
**Post date:** [December 3, 2019, 2:31am UTC](https://discourse.processing.org/t/taking-adob-illustrator-artboard-and-importing-into-processing/16061/2 "2019-12-03T02:31:06Z")

</div>

adobe has this file formats

> **[Supported file formats](https://helpx.adobe.com/illustrator/kb/supported-file-formats-illustrator.html)**
>
> Overview of file formats supported in Adobe Illustrator.

> **[reference | p5.js](https://p5js.org/reference/#/p5.Image)**
>
> p5.js a JS client-side library for creating graphic and interactive experiences, based on the core principles of Processing.

says

> p5 can display .gif, .jpg and .png images

please learn to use the online editor

> **[p5.js Web Editor](https://editor.p5js.org)**
>
> A web editor for p5.js, a JavaScript library with the goal of making coding accessible to artists, designers, educators, and beginners.

- sign up as user

- make sketch

- rename sketch

- save sketch

- 
  - create a subdirectory ‘assets’

- 
  - upload a picture into it

- 
  - link in the preload function to this picture path.