ai网页设计制作教程
利用ai制作一个简单的网页界面很多的人不会，本教程制作出来的网页界面比较简洁，很适合新手来学习，今天小编主要给大家分享ai网页设计制作教程，希望对你们有帮助！
1.首先，使用ill来设计网页的总体布局。
2.然后选择几个按钮，执行object/slice/make命令，立即出现所需的切片。这种切片可以根据对象的大小自动调整，对于网页的设计非常方便。
3.web下面的文字，因为字体很小，直接输出图像可能不容易看得清楚，所以我们先用工具箱切片工具手动设置一个切片范围，这个切片中的内容之后可以在Dreamweaver或golive中进一步编辑，最后加工成文字可能效果更佳。
4.使用切片选择工具调整切片的大小。
5.然后选择file/save for web命令，打开下面的面板。通过“切片选择工具”，可以选择不同的切片对他们进行不同的优化。首先，根据切片图像的特点，确定优化模式是GIF、jpeg还是PNG格式。然后为各种图像格式选择合适的优化参数。在图像大小面板中，可以确定页面输出的大小。
6.单击面板右下角的ie图标，预览要输出的web页面。当一切就绪后，点击“保存”按钮，从弹出的对话框中选择“html and image”。
7.回到illustrator继续进行编辑。要实现“滚动效果”，再次选择几个按钮并更改按钮的颜色。
8.然后选择file/save for web命令。不要忘记将图像的大小调整到与第一次相同的大小。
9.优化之后，单击save for output输出，更改文件的名称，否则它将覆盖输出的图像。例如，当第一次将文件命名为index，第二次将其命名为indexover。然后在保存类型中选择“image only”，在最后选项中选择“selected slice”输出。
10.最终输出。
教程结束，以上就是AI做的一个简单的web界面教程，希望大家喜欢！
ai怎么制作网页效果图
AI制作出来的效果图一般都非常漂亮的，难度不是很大，而且效果也很漂亮，今天小编主要给大家分享ai怎么制作网页效果图，希望对你们有帮助！
例如，制作水晶效果图。
一、绘制"底座"部分
1.使用椭圆工具（L)，按住ALt+Shift(中心点）绘制一个完美的圆，然后打开图层面板（F7)，双击对象名称，将其重命名为“metal base”。
2.为了让它看起来更真实，给这完美的圆加些透视，使用自由变换工具（E)，鼠标移动到正圆对象定界框右下角的空心方点上，当鼠标变成双向箭头时，按下鼠标不放，同时按Shift + Ctrl + Alt键不放，按住鼠标左键向右移动，使它垂直透视！
3.按>切换到渐变并填充颜色，(Ctrl+F9)调出渐变调色板，设置“径向渐变”，然后使用渐变工具（G)在圆形中径向渐变，将描边设置为黑色，厚度设置为2Pt。
4.打开外观面板（Shift+F6)，按Ctrl+/向底座圆添加新颜色。对于这个新颜色，使用渐变工具（G)，将黑白径向渐变从左上角拖到中间，然后在“透明度面板”中将这个渐变的混合模式设置为“filter color”。
二、绘制"金属凹边"
1.选择“底座圆”路径，然后选择“对象>路径>偏移路径”，得到新的路径。在图层面板中，命名为“金属凹边”。
2.对于这个偏移路径，(Shift+F6)打开外观面板，点击右上角的倒三角形菜单，选择“simplified to basic appearance”。
3.将填充设置为无色，设置描边大小（如5Pt)，Ctrl+C copy one(粘贴板）待用，然后“object > path > contour stroke”，然后填充线性渐变。
三、绘制"金属上抛光面
1.(3路径）Ctrl + F粘贴到前面，得到新路径，在图层命名为“金属抛光面”
2.按>键，切换到渐变填充颜色并调出渐变调板，按住Ctrl标键单击工具栏中的“渐变方框图标”，将渐变重置为默认的渐变色调！
然后，在渐变面板中设置颜色标准，使用渐变工具（G)拉出黑白的线性渐变，将描边设置为无。
