Converting an adobe illustrator file to html/css or psd

D

Deleted member 995015

Guest

• Mar 11, 2018

• #1

Hello!
So I got a website.ai file and I want to convert it to html/css. I'm planning to train my web design skills and create templates but I don't know how exactly to export the files and turn them into a working template that can be sold online. I also was wondering if I can convert them to psd.

Can anyone give me any advice on that?
How can I convert them?

 

Visual Eagle

Elite Member

Dec 11, 2008

2,630

2,282

• Mar 11, 2018

• #2

There are tools to help you export but no way you can make a fully working website with a tool.

You will have to learn HTML/CSS.

I tried this before and it kind of helped save a bit of time not writing all those long codes though it was no where near perfect when exporting.

https://madebysource.com/product/csshat2/

 

iData

Newbie

Mar 8, 2018

34

9

• Mar 11, 2018

• #3

Open the file with illustrator, then click on file then export and you'll find psd among the formats you can export to

 

D

Deleted member 995015

Guest

• Mar 11, 2018
• Thread Starter Thread Starter

• #4

iData said:

Open the file with illustrator, then click on file then export and you'll find psd among the formats you can export to

Click to expand...

Can I sell the template as psd template on the internet after it's been converted?

 

iData

Newbie

Mar 8, 2018

34

9

• Mar 11, 2018

• #5

Pinky123 said:

Can I sell the template as psd template on the internet after it's been converted?

Click to expand...

There are websites like shutterstock or similar sites where you can sell your designs

 

Visual Eagle

Elite Member

Dec 11, 2008

2,630

2,282

• Mar 11, 2018

• #6

Pinky123 said:

Can I sell the template as psd template on the internet after it's been converted?

Click to expand...

Themeforest should have PSD designs only. Do note they are kind of picky when selecting a template design to be included on marketplace.

 

nayannp

Power Member

Oct 1, 2017

740

199

• Mar 11, 2018

• #7

you can convert directly from adobe illustrator but in this case you wanna convert in a webpage so its can only be done manually

 

RankBoss

Senior Member

Nov 21, 2016

806

235

• Mar 11, 2018

• #8

You need to learn basic HTML and CSS to convert it but due to the high competition, basic HTML/CSS is not enough so HTML5,CSS3 and basic javascript is a must to create great designs or try page builder, You can directly design the layout without the help of photoshop.

 

D

Deleted member 995015

Guest

• Mar 13, 2018
• Thread Starter Thread Starter

• #9

Can anyone tell me how can I include the css file exported from illustrator inside my html document ?

What exactly should I include?