如何用AI製作一個簡單的網頁界面
本教程中上學習AI的朋友們將學習到AI製作一個簡單的網頁界面的方法介紹,教程比較簡單,喜歡的朋友快來學習一下吧!
1.首先用ill設計出網頁的大體佈局。
2.然後選中幾個按鈕,執行object/slice/make命令,立刻就出現了我們需要的切片。這種切片可以根據對象的大小進行自動調整的,對於設計網頁十分方便。
3.對於網頁下面的文字,由於字體比較小,直接輸出成圖片可能不太容易看清楚,所以我們先用工具箱中的"切片工具"手工設置一個切片範圍(切片編號為15),這個切片中的內容以後可以在Dreamweaver或者golive中進一步編輯,最後處理成文字可能效果更好一些。
4.用"切片選擇工具"可以調整切片的大小。
5.然後選擇file/save for web命令,將出現下面的面板。用"切片選擇工具"可以選擇不同的切片並對它們進行不同的優化處理:首先根據切片中圖像的.特徵,確定優化方式是gif、jpeg還是png格式;然後再為各種圖像格式選擇合理的優化參數(這一步不太好説明白,先跳過去了)。在"圖像尺寸"面板中,可以確定網頁輸出的尺寸。
6.點擊面板右下方的ie圖標,可以對將要輸出的網頁進行預覽。一切就緒後點擊"保存"按鈕,在彈出的對話框中選擇"html and image"輸出。
7.下面回到illustrator中繼續進行處理。為了作出"鼠標經過效果"(就是rollover效果,不知道怎麼翻譯才好,暫時先用這個吧),再次選擇幾個按鈕,更改一下按鈕的顏色。
8.然後選擇file/save for web命令,首先不要忘記將圖像尺寸調整到和第一次一樣的大小,然後用"切片選擇工具"同時選中所有按鈕(按住shift鍵)。
9.優化完畢後,點擊save進行輸出,首先要把文件改一個名字,要不然會覆蓋掉第一次輸出的圖像,比如第一次輸出時文件的名稱為index,那麼第二次輸出時不妨就叫indexover。然後在保存類型中選擇"image only",在最後一個選項中選擇"selected slices"進行輸出。
10.最後輸出的文件應該大概和下面這張圖片差不多。
教程結束,以上就是AI製作一個簡單的網頁界面教程,希望大家喜歡!
-
(精選)小製作的作文300字3篇
在我們平凡的日常裏,説到作文,大家肯定都不陌生吧,作文一定要做到主題集中,圍繞同一主題作深入闡述,切忌東拉西扯,主題渙散甚至無主題。那要怎麼寫好作文呢?下面是小編為大家整理的小製作的作文300字3篇,僅供參考,希望能夠幫助到大家。小製作的作文300字篇1我從天台山帶...
-
幼兒園大班科學優質課教案《製作雪雕小企鵝》含反思
在教學工作者開展教學活動前,往往需要進行教案編寫工作,編寫教案助於積累教學經驗,不斷提高教學質量。寫教案需要注意哪些格式呢?以下是小編收集整理的幼兒園大班科學優質課教案《製作雪雕小企鵝》含反思,歡迎大家借鑑與參考,希望對大家有所幫助。活動目標1、通過雕...
-
有趣的製作作文9篇(精選)
無論在學習、工作或是生活中,大家都接觸過作文吧,作文是通過文字來表達一個主題意義的記敍方法。一篇什麼樣的作文才能稱之為優秀作文呢?下面是小編幫大家整理的有趣的製作作文9篇,歡迎大家分享。有趣的製作作文篇1周天下午,我來到oY書院體驗微景製作。進入教室,我被...
-
[優秀]製作的作文8篇
在日常學習、工作抑或是生活中,大家都嘗試過寫作文吧,作文根據寫作時限的不同可以分為限時作文和非限時作文。相信寫作文是一個讓許多人都頭痛的問題,以下是小編為大家整理的製作的作文9篇,歡迎閲讀,希望大家能夠喜歡。製作的作文篇1老師讓我們做一個小製作,該做什麼...