# 今天我想來點AI --- ### Ha Ha 首先我是誰呢? ![](https://i.imgur.com/Hd6Y33p.png) ---- ### 答案是~~ ![](https://i.imgur.com/6jLEL6L.png) ---- ##### 其實是 ~~確實~~ 當然不是!! ![](https://i.imgur.com/rcR4wQR.png) ---- #### 好了不開玩笑了 ![](https://i.imgur.com/dsmu953.png) --- # 先來介紹AI是什麼 ---- #### ~~是一種未來可能會造成機器人發射核彈讓人類毀滅的東西~~ 咳咳... ![](https://i.imgur.com/KQiG3If.jpg) ---- #### Ai(illustrator)又名『以拉』 #### 最初是1986年為蘋果公司麥金塔電腦設計開發的,1987年1月發布,在此之前它只是Adobe內部的字型開發和PostScript編輯軟體。 ---- #### 版本歷史 #### 1~10(1987-2001) -> CS1~CS6(2003-2012) -> CC(2013-now) -> 2023(newest) #### 今天會以CC版做教學 #### 若你是用骨灰級版本1~10的人,我會很尊敬你的 ---- #### 學長我學這個能幹什麼 #### 人不常說同樣蓋房子營建系挖土,設計系吃土? #### ~~確實!!~~ ---- #### BUT! #### 學習Ai對於網頁(前端)能快速設計編排 #### 在Ai中圖層概念就很重要 #### 也能做一些簡單的文宣、簡報等 --- # 頁面功能介紹 ---- #### 初始頁面 ![](https://i.imgur.com/YfX8aQm.png) ---- #### 新創一個文件吧! ![](https://i.imgur.com/daWZ0tR.png) ---- #### 這是你的工作區! ![](https://i.imgur.com/PwJI9bf.png) ---- #### 各項區域位置 ![](https://i.imgur.com/LrE86ic.jpg) ---- #### 工具列:畫圖用工具皆在此 #### 控制面板:工具相關參數及調整 #### 功能列:讓你的畫面變得🐮🍺 #### 版面群組:圖層及功能列的工具會在此 #### 主要文件視窗:揮灑創意的地方 --- # 工具列介紹 ---- #### 基本常用工具 ![](https://i.imgur.com/i7HJAwM.png) ---- #### 快捷鍵1 ![](https://i.imgur.com/Y2hvMpT.png) ---- #### 快捷鍵2 ![](https://i.imgur.com/Nx1Gx79.png) --- # 版面群組 ---- #### **管理你的版面** #### 何謂圖層? #### 重點:越後做得越上層 ---- #### 我們所看到的 ![](https://i.imgur.com/teGSC72.png =70%x) ---- #### 電腦所看到的 ![](https://i.imgur.com/96ra07O.png) ---- #### 群組 #### 相似於HTML的div ![](https://i.imgur.com/KBsk9eS.png) ---- #### 當然群組內可以另外包群組 #### 就像div中可以再包div ![](https://i.imgur.com/1rrhSQL.png) --- # 實作時間~~ #### 學了這麼多你可以當一個設計師了~ ---- ## 1.來臨摹大師的畫作ㄅ ---- ##### Serch:蒙德里安(~~他不是希特勒,我知他起來挺德意的~~ ###### 找一幅他的作品(不要給我找他的頭像,~~你會畫到手爛掉~~ ![](https://i.imgur.com/mL4P6GQ.jpg =50%x) ---- #### 記得嵌入 #### 試用看看剛才教的工具來用 ---- #### 是時候展現技術的時候了 ###### ~~不要打我~~ ![](https://i.imgur.com/HHq6Zbf.png =50%x) ---- #### 也可以用圖片來玩看看各項影像描圖 ---- ## 2.漸變階層效果 ![](https://i.imgur.com/bhz0oWX.png) ---- #### 1.用鋼筆工具拉一個隨意的曲線圖形 ![](https://i.imgur.com/DCzOmkt.png) ---- #### 2.用直接選取工具(A)調整 ---- #### 3.使用縮放工具(S)將剛畫的圖形縮小至50%,並拷貝 ![](https://i.imgur.com/JAl0WR1.png) ---- #### 4.再縮小一次至30%,並拷貝 ![](https://i.imgur.com/I7IZPHh.png) ---- #### 5.由外至內選色,淺至深 ![](https://i.imgur.com/uNjJbX7.png) ---- #### 6.用漸變工具(W),全選並調整細項,選指定階數,4階,並由外點至內 ![](https://i.imgur.com/odWZYoG.png) ---- #### 完成!! ![](https://i.imgur.com/TCknPw2.png) ---- #### #番外 ![](https://i.imgur.com/8dmOnQQ.png) ---- ## 文字漸層 ![](https://i.imgur.com/TY0AgYU.png) ---- #### 1.先新建一個字元 ![](https://i.imgur.com/0cdiiDg.png) ---- #### 2.轉為筆畫,內部填色,筆畫粗度0.25pt ![](https://i.imgur.com/blxVCxV.png) ---- #### 3.效果-3D-旋轉 ![](https://i.imgur.com/XeUOb4B.png) ---- ![](https://i.imgur.com/0ifYCSe.png) ---- #### 4.效果-扭曲與變形-變形 ![](https://i.imgur.com/RPmwbWl.png) ---- ![](https://i.imgur.com/1HrU8zc.png) ##### #之後還能再調整 ---- ## 4.來做一張自己的名片吧! ---- # 問題時間
{"metaMigratedAt":"2023-06-17T12:52:26.744Z","metaMigratedFrom":"Content","title":"今天我想來點AI","breaks":true,"contributors":"[{\"id\":\"064a1252-03a4-49c8-866b-c200224a2af9\",\"add\":3142,\"del\":173}]"}
    193 views