日韩国产丝袜人妻一二区,日本少妇浓毛bbwbbw,伊人久久大香线焦av色 http://www.mxio.cn 傳播先進設計理念 推動原創設計發展 Thu, 23 Feb 2023 12:21:36 +0000 zh-Hans hourly 1 https://wordpress.org/?v=6.9.4 無需手繪! AI矢量扁平幾何風基礎插畫設計 http://www.mxio.cn/60082.html http://www.mxio.cn/60082.html#respond Thu, 23 Feb 2023 12:16:52 +0000 前言:畫畫,既可以用手繪的方式自由揮灑,也可以運用嚴謹的幾何形來組合造型,這兩種表達方式都是美術,都可以成就美,在傳統的畫畫的領域也許前者是最常見的表達,但后者的魅力也開始慢慢呈現出來。

這篇文章我們將運用嚴謹的幾何形來塑造水果的形象,通過巧妙的形色組合、形狀本身透明度的疊合,表現具有簡約、大方、時尚感的鮮果派對插畫海報。

AI矢量扁平幾何風基礎插畫,無需手繪創建《鮮果派對》海報

工具

工具:AI(Adobe illustrator)

適合:零基礎入門

扁平風的基礎思維準備:幾何形組合造型

幾何形一直被視作是抽象造型的基礎元素,通過幾何形有意識的相互疊加組合,就可以使得這個造型呈現出可識別的對象,比如我們在這個教程里所表現的那樣:用幾何形畫水果。

比起細膩豐富的傳統畫法,極簡的幾何平涂造型所創作的水果,看起來有著別樣的生動的特質,擺脫了對水果表面質感的依賴,轉向對形色的探索,是扁平插畫的基礎思維。

常用的幾何形是:圓、方、三角,在這個教程里,我們就運用矢量軟件AI(Adobe illustrator)進行創作,接下就開始來打造我們的《鮮果派對》海報吧。

AI矢量扁平幾何風基礎插畫,無需手繪創建《鮮果派對》海報

用方形塑造蘋果基礎形

常見蘋果的畫法可以是圓形起步,也可以是從方形開始。

STEP 01

打開AI,新建一個文檔,運用粉色畫出一個正方形,這就是蘋果的起始形。起始形非常重要,它決定了接下這個蘋果的形狀走向。

然后,我們把這個正方形改變為梯形,改變的方法有很多種,這里我們利用變形工具,進入【效果>變形>弧形】,在變形工具的面板里,將垂直這個滑塊調整為-15%。

AI矢量扁平幾何風基礎插畫,無需手繪創建《鮮果派對》海報

STEP 02

在選中上一步所變形成為的梯形的基礎上,進入到【對象>擴展外觀】對它做一次擴展外觀。

擴展外觀就是讓這個形狀真正變為矢量梯形的路徑,如果沒有做這一步,這個形狀看似是梯形,其實還是原來正方形的矢量路徑。分辨真假梯形也很簡單,只要選擇這個形狀,看到路徑的走向仍然是正方形,那就是假性梯形,這就需要為它做一次擴展外觀。

AI矢量扁平幾何風基礎插畫,無需手繪創建《鮮果派對》海報

STEP 03

然后再選中這個梯形的基礎上,單擊左邊的工具欄里的【直接選擇工具】,就會看到四個角內分別帶有四個很小的圓點(仔細看是一個同心圓),拖動它,你會發現它會控制這個角,將它從銳利的角變為圓弧。

根據圓弧離形狀中心的距離多少,弧度也會相應發生變化。

AI矢量扁平幾何風基礎插畫,無需手繪創建《鮮果派對》海報

好了,蘋果的基礎形就完成啦~

細節的魔力

我們開始為蘋果增加葉片,葉片的畫法首先也是要從基礎幾何形開始慢慢演變而成。我們在葉片這個部分提供的基礎幾何形同樣是正方形。

STEP 04

用藍紫色畫出一個正方形,然后再復制一個正方形,將這個復制的正方形旋轉45°,變為菱形。再復制第一個正方形。于是我們得到了兩個正方形和一個菱形,將它們像下圖所示拼起來。

然后再選中這個組合造型,進入到【窗口>路徑查找器】,在路徑查找器的面板中運用【聯集】將它們拼合成一個獨立的封閉的路徑。

AI矢量扁平幾何風基礎插畫,無需手繪創建《鮮果派對》海報

STEP 05

然后再利用控制形狀角度的小圓點,就像STEP 03那樣分別選中下方以及左右兩邊的圓點,將角轉為弧形。一片葉子就這樣制作而成。

AI矢量扁平幾何風基礎插畫,無需手繪創建《鮮果派對》海報

問:感覺似乎這樣的方式比較麻煩,為什么不直接用鋼筆工具畫呢?

這也是我在這一風格的畫法中想要重點強調的:盡量避免使用鋼筆工具,而用幾何形進行轉化,是保持扁平風格中幾何感和抽象感的訣竅。

因為手動畫出的路徑畢竟不會特別嚴謹,這時就難免讓扁平風格失去了它本身的風格特點,而這時如果沒有較強的結構感,整個畫面就會看起來”平淡“甚至”無趣“。

其實葉片的造型也可以探索出其他的幾何方式進行組合構造,本文只表現一種方法。其他的方法,可以留給你下去嘗試。

STEP 06

這時,把這個葉片的形狀的混合模式改為“正片疊底”,利用疊加的視覺效果增加畫面的幾何感和時尚感,這是在我們過去寫過的文章《超級可愛!插畫萌新必學的PS極簡馬克筆簡筆畫:盆栽篇》以及相關系列文章也都運用過類似的技法。

AI矢量扁平幾何風基礎插畫,無需手繪創建《鮮果派對》海報

STEP 07

最后,用線條增加最后的細節。這里所用的線條是較細的3px的黑色線條。這里的線條粗細要根據形狀本身的尺寸大小比例來確定。總之,對細節的描繪可以克制一些,不要太過復雜。

利用線形的組合以及形狀疊加的視覺效果,扁平風的簡約蘋果元素就畫好了。

AI矢量扁平幾何風基礎插畫,無需手繪創建《鮮果派對》海報

準備好元素,完成海報

STEP 08

藍莓的畫法從矩形起步,對矩形的組合以及成形的演變方法,是我們重點要訓練的對象。中間的步驟我們已在文章前面詳細敘述過了,這里就不再重復。可以繼續用這個方法演練下去。

AI矢量扁平幾何風基礎插畫,無需手繪創建《鮮果派對》海報

STEP 09

畫草莓的時候,運用了兩個梯形進行組合。利用葉片造型進行疊加,也能增加圖形的魅力。

AI矢量扁平幾何風基礎插畫,無需手繪創建《鮮果派對》海報

STEP 10

我們把其他的水果元素也畫好,我這里準備了一些比較可愛的櫻桃、西瓜之類,你也可以畫點菠蘿、芒果之類,注意要把握每一個水果的基礎形特點,然后在細節的部分加以強調。

AI矢量扁平幾何風基礎插畫,無需手繪創建《鮮果派對》海報

把每個水果元素放到海報的設計中時,要考慮的還有對水果元素之間的間隙的疏密均勻程度,元素可以較大,有些元素甚至可以滲出到海報之外,這樣會讓視覺效果更為延伸。

AI矢量扁平幾何風基礎插畫,無需手繪創建《鮮果派對》海報

本文的不用手繪就能設計出扁平幾何風基礎插畫就介紹到這里,如果經過路邊有家鮮果店,掛上這樣一張海報,應該效果是不錯的吧~ 先自我陶醉一波~

作者:飛屋睿
來源:飛屋睿(ID:ifeiwu81)

]]>
http://www.mxio.cn/60082.html/feed 0
illustrator版式教程: 神奇的Ai變形工具 http://www.mxio.cn/60023.html http://www.mxio.cn/60023.html#respond Tue, 14 Feb 2023 02:13:32 +0000 又到了Adobe illustrator版式教程的時間了,今天給大家帶來的是5個Ai小技法,簡單又實用,看完記得去操作練習一下,多的不說,咱就直接開始整活了。

● 內容呈現

NO.1 神奇的Ai變形工具

NO.2 玩轉Ai像素功能

NO.3 扭曲和變換新玩法

NO.4 Ai混合工具新玩法

NO.5 Ai漸變半調效果

神奇的Ai變形工具

神奇的Ai變形工具

神奇的Ai變形工具

神奇的Ai變形工具

神奇的Ai變形工具

神奇的Ai變形工具

神奇的Ai變形工具

神奇的Ai變形工具

神奇的Ai變形工具

神奇的Ai變形工具

神奇的Ai變形工具

神奇的Ai變形工具

神奇的Ai變形工具

神奇的Ai變形工具

神奇的Ai變形工具

神奇的Ai變形工具

神奇的Ai變形工具

神奇的Ai變形工具

神奇的Ai變形工具

神奇的Ai變形工具

神奇的Ai變形工具

神奇的Ai變形工具

神奇的Ai變形工具

神奇的Ai變形工具

神奇的Ai變形工具

神奇的Ai變形工具

神奇的Ai變形工具

神奇的Ai變形工具

神奇的Ai變形工具

神奇的Ai變形工具

神奇的Ai變形工具

神奇的Ai變形工具

神奇的Ai變形工具

神奇的Ai變形工具

神奇的Ai變形工具

神奇的Ai變形工具

神奇的Ai變形工具

神奇的Ai變形工具

神奇的Ai變形工具

神奇的Ai變形工具

神奇的Ai變形工具

神奇的Ai變形工具

神奇的Ai變形工具

神奇的Ai變形工具

本次教程就到這里了,希望對你有所啟發,看完記得動手操作一下哦!

作者:阿貴 | 來源:胡曉波工作室 (id:ziyou-design)

]]>
http://www.mxio.cn/60023.html/feed 0
沒靈感? 用illustrator做這幾種效果排版很不錯! http://www.mxio.cn/60020.html http://www.mxio.cn/60020.html#respond Tue, 14 Feb 2023 01:41:59 +0000 今天的illustrator的教程對于做海報沒有靈感的小伙伴特別有用,而且也不復雜,大家可以一起來學習。01:偽立體字;02:文字路徑偏移;03:半調網屏;04:色塊拼接/分割。

先看看這幾個使用illustrator做的效果圖設計,設計感還是不錯的呢,對嗎?推薦大家收藏學習起來!

圖片

我們開始今天的教程吧

圖片

今天我們來學習一下日常設計中及其常見的海報形式之一:偽立體字海報。先來看看網上類似的案例。

圖片

這是很早之前做的一個字體用到的,也是偽立體字的視覺呈現。

圖片

可以看到偽立體充當視覺主體非常的出效果,接下來詳細介紹下用到的工具和操作。

圖片

這個案例用到的是 AI 的 3D 工具,我們先看下海報的一個雛形。

圖片

圖片

我們先簡單的給偽立體字簡單的上個色。

圖片

重點部分:偽立體字體效果步驟解析。

這是一個二維的平面效果,我們選出合適的英文字體轉曲 (Ctrl+Shift+O),由于其他英文的制作方法一樣,

這里就單獨舉例 2022。

圖片

illustrator教程干貨:偽立體字/文字路徑偏移/半調網屏/色塊拼接與分割

最后再到 PS 調色,以及雜色的添加,豐富畫面。具體步驟:菜單欄-圖像-調整-色相/飽和度

illustrator教程干貨:偽立體字/文字路徑偏移/半調網屏/色塊拼接與分割

到此這個偽立體字海報就完成了,是不是灰常的簡單!

illustrator教程干貨:偽立體字/文字路徑偏移/半調網屏/色塊拼接與分割

先看看大致的一個海報編排效果。

illustrator教程干貨:偽立體字/文字路徑偏移/半調網屏/色塊拼接與分割

illustrator教程干貨:偽立體字/文字路徑偏移/半調網屏/色塊拼接與分割

illustrator教程干貨:偽立體字/文字路徑偏移/半調網屏/色塊拼接與分割

illustrator教程干貨:偽立體字/文字路徑偏移/半調網屏/色塊拼接與分割

上面的縮略圖可能看的不是很清楚,我們放大看一下并為其添加黑色背景。

illustrator教程干貨:偽立體字/文字路徑偏移/半調網屏/色塊拼接與分割

illustrator教程干貨:偽立體字/文字路徑偏移/半調網屏/色塊拼接與分割

illustrator教程干貨:偽立體字/文字路徑偏移/半調網屏/色塊拼接與分割

我們看看給它們換換色是什么樣的感覺?

illustrator教程干貨:偽立體字/文字路徑偏移/半調網屏/色塊拼接與分割

可以看到我們不管是換填充色還是換描邊的顏色給人的感覺都是不一樣的,亦或者是增加描邊的粗細程度。

下圖是我把描邊增加到 4pt 可以明顯的看到缺失的細節比較嚴重,所以此處不建議大家把描邊的粗細增大。

illustrator教程干貨:偽立體字/文字路徑偏移/半調網屏/色塊拼接與分割

我們換個宋體和楷體試試。

illustrator教程干貨:偽立體字/文字路徑偏移/半調網屏/色塊拼接與分割

illustrator教程干貨:偽立體字/文字路徑偏移/半調網屏/色塊拼接與分割

不同氣質的字體做出來的感覺各不相同,最終還是建議用黑體比較好,更加的干凈簡潔。

好了這樣的嘗試還有很多種,后面大家多去嘗試吧,動動手操作起來。

illustrator教程干貨:偽立體字/文字路徑偏移/半調網屏/色塊拼接與分割

還是先看看大致的一個海報編排效果。

illustrator教程干貨:偽立體字/文字路徑偏移/半調網屏/色塊拼接與分割

illustrator教程干貨:偽立體字/文字路徑偏移/半調網屏/色塊拼接與分割

illustrator教程干貨:偽立體字/文字路徑偏移/半調網屏/色塊拼接與分割

簡單的看看這種效果的呈現方式,就是密集的波點有種類似像素化的趕腳,這里我拿人物做了個簡單的示范。

illustrator教程干貨:偽立體字/文字路徑偏移/半調網屏/色塊拼接與分割

拿之前做的舉個栗子,再看看圖形加上這種效果是不是別有一番風趣,形式感足足。

illustrator教程干貨:偽立體字/文字路徑偏移/半調網屏/色塊拼接與分割

illustrator教程干貨:偽立體字/文字路徑偏移/半調網屏/色塊拼接與分割

這是未做半調效果處理的,我感覺一般,于是我打開了 PS。

用illustrator做這幾種效果排版很不錯!沒靈感時特好用

對圖片進行后期處理。

● 半調效果步驟示范

illustrator教程干貨:偽立體字/文字路徑偏移/半調網屏/色塊拼接與分割

用illustrator做這幾種效果排版很不錯!沒靈感時特好用

illustrator教程干貨:偽立體字/文字路徑偏移/半調網屏/色塊拼接與分割

看到這里你學會了嗎?

illustrator教程干貨:偽立體字/文字路徑偏移/半調網屏/色塊拼接與分割

先看看大致的一個海報編排效果~

illustrator教程干貨:偽立體字/文字路徑偏移/半調網屏/色塊拼接與分割

illustrator教程干貨:偽立體字/文字路徑偏移/半調網屏/色塊拼接與分割

先看看幾組網上的案例,是不是還不錯,大多數是色塊緊湊的相連或者相互疊壓,以下我總結了幾點做這類的思路。

TIPS:

● 配色一定要好看,看起來不能臟(冷暖對比居多)

● 好看的文字編排

● 與色塊相結合要構成某一種構圖

用illustrator做這幾種效果排版很不錯!沒靈感時特好用

illustrator教程干貨:偽立體字/文字路徑偏移/半調網屏/色塊拼接與分割

illustrator教程干貨:偽立體字/文字路徑偏移/半調網屏/色塊拼接與分割

illustrator教程干貨:偽立體字/文字路徑偏移/半調網屏/色塊拼接與分割

illustrator教程干貨:偽立體字/文字路徑偏移/半調網屏/色塊拼接與分割

先從配色開始吧!首先是版面色彩的設定。

● 3 種顏色自由組合(根據個人喜好看整體的配色感覺)

illustrator教程干貨:偽立體字/文字路徑偏移/半調網屏/色塊拼接與分割

接著是構圖部分,這個案例我們大致可以看做色塊分割或者緊密的拼接形成的分欄式構圖即下圖的 #01。

illustrator教程干貨:偽立體字/文字路徑偏移/半調網屏/色塊拼接與分割

然后就是文字編排部分與裝飾圖形以及線條的置入,版面文字組組合與字體搭配。

● 中文思源黑體、英文 Acid Grotesk

● 文字組斷行左對齊(常規)到簡單的移位處理(靈活)

● 文字的粗細關系(主標題的中英文搭配,視覺上粗細一致即可)

illustrator教程干貨:偽立體字/文字路徑偏移/半調網屏/色塊拼接與分割

● 文字組自由組合

illustrator教程干貨:偽立體字/文字路徑偏移/半調網屏/色塊拼接與分割

● 隨意裝飾的線條、點元素、裝飾圖形

illustrator教程干貨:偽立體字/文字路徑偏移/半調網屏/色塊拼接與分割

色塊分割版面

● 拼接分割的同時也相對應的產生構圖

● 置入處理過的文字組

illustrator教程干貨:偽立體字/文字路徑偏移/半調網屏/色塊拼接與分割

到這我們的海報就編排完成了。

illustrator教程干貨:偽立體字/文字路徑偏移/半調網屏/色塊拼接與分割

illustrator教程干貨:偽立體字/文字路徑偏移/半調網屏/色塊拼接與分割

作者:NDS丨阿貴
鏈接:https://www.zcool.com.cn/article/ZMTQ4NzEyOA==.html
來源:站酷
著作權歸作者所有。商業轉載請聯系作者獲得授權,非商業轉載請注明出處。

]]>
http://www.mxio.cn/60020.html/feed 0
如何設計港風字體?Adobe Illustrator輕松搞定 http://www.mxio.cn/59889.html http://www.mxio.cn/59889.html#respond Sun, 18 Dec 2022 09:03:25 +0000 AI是非常能提高設計效率的試用的矢量設計軟件,今天我們用它設計一款港風的字體,這種字體在電商或品牌設計中也經常使用到,簡單易學,趕緊get起來吧。

效果圖:

使用軟件:Adobe Illustrator 2021版本    操作難度:????

教程/步驟:

01. 使用“文字工具”輸入文字,字體為DFP超極太楷書體,字號為30pt,再去掉原本文字的顏色。

02. 使用“外觀”面板新增填色,然后更改描邊顏色和粗細,以及填色的顏色。

03. 再新增新描邊,更改描邊顏色和粗細。在該描邊上新增效果,選擇“變換”。打開“變換效果”對話框,調整數值。

04. 繼續新增新描邊,更改描邊顏色和粗細。在該描邊上新增效果,選擇“變換”。打開“變換效果”對話框,調整數值,完成。

05. 可隨意更改文字內容和字體。這個絕技超贊哦,跟著做!零基礎也能搭出完美絕配,讓你花最少時間做出高品質畫面。

06. 實現霓虹燈字體效果(可編輯)

1)使用“文字工具”輸入文字,字體為“可口可樂在乎體 楷體”,字號為70pt,并去掉原本文字的顏色,然后點擊“添加新描邊”按鈕。

2)接著選中描邊那項,點擊“添加新效果”按鈕,選擇“投影”(風格化>投影)。打開“投影”對話框,設置參數如上圖所示。

3)然后“添加新描邊”,設置描邊粗細為2px,點擊“添加新效果”按鈕,選擇“高斯模糊”(模糊>高斯模糊)。打開“高斯模糊”對話框,設置數值為2。接著更改描邊的不透明度為80%。

4)繼續“添加新描邊”,設置描邊粗細為2px,顏色為紅色,添加“高斯模糊”(模糊>高斯模糊),設置數值為4。

5)繼續“添加新描邊”,設置描邊粗細為4px,顏色為紅色,添加“高斯模糊”(模糊>高斯模糊),設置數值為8。

6)繼續“添加新描邊”,設置描邊粗細為5px,顏色為紅色,添加“高斯模糊”(模糊>高斯模糊),設置數值為12,完成!

完成后,即便更改文字內容和字體,也不會影響效果。而且這款特效字在電商設計或品牌設計中也經常使用到,簡單易學。

07. 點狀螺旋漩渦圖形

1)使用“橢圓工具(L)”繪制一個尺寸為100px*100px的圓形,再使用“剪刀工具(C)”把圓剪開四段,位置如上圖的紅色線。

2)繪制兩個圓,尺寸分別5*5px和2*2px。再全選它們,執行“對象”>“混合”>“建立”,再雙擊“混合”工具打開“混合選項”對話框,設置間距為指定的距離,數值為6px。

3)將圓點混合后的對象,復制粘貼為4個。再選中一個圓點混合對象和被剪后的1/4的圓形,執行“對象”>“混合”>“替換混合軸”命令。如此類推,完成另外3/4的圓形替換混合軸命令。

4)完成替換混合軸命令后,全選對象并編組。然后執行“效果”>“扭曲和變換”>“變換”命令。

5)打開“變換效果”對話框,設置水平和垂直縮放為91%,旋轉角度為10,副本為25,如上圖所示。

設置水平和垂直縮放為85%,副本為25,如上圖所示。

設置水平為91%,垂直縮放為100%,副本為70,如上圖所示。

設置水平為90%,垂直縮放為95%,副本為77,如上圖所示。

這次分享夠給力了吧!好了,看完之后記得要去實操一下哈,不然很容易會忘記。我們下期再見,喜歡的話按贊分享呦~

作者:周妙妍    來源:版式設計很簡單(ID:format_design)

]]>
http://www.mxio.cn/59889.html/feed 0
illustrator混合命令,實現酷炫層疊字體海報封面 http://www.mxio.cn/59888.html http://www.mxio.cn/59888.html#respond Sun, 18 Dec 2022 06:54:11 +0000 illustrator有很多便捷的功能,而且使用簡單,今天的illustrator教程將教大家用Ai中的混合命令做酷炫的封面效果圖,我們一起來學習吧!

圖片

這種翻頁效果也常見于海報設計中,如下:

好用的illustrator混合命令,實現酷炫層疊字體海報封面

做法依然用到的是混合命令,接下來跟我動手做一下吧。

教程/步驟

第一步

①打出想要呈現的文字,建議黑底白字。

圖片

②對文字執行創建輪廓命令(ctrl+shift+O),如下:

圖片

③選中文字后,用透視變換工具(E)單擊定界框右上方(左上方也可以)的錨點,然后按住ctrl+shift+alt鍵的同時,向外拖動左鍵,完成透視。

圖片

看下動圖操作。

圖片

第二步

①將透視結果垂直向下復制一份,并適當壓扁。

圖片

②用混合工具(w)分別點擊兩個對象進行混合操作,之后雙擊混合工具圖標,在彈窗中完成參數設置。

圖片

③對混合結果執行對象-擴展命令,然后打開漸變窗口(ctrl+F9),點擊線性漸變按鈕,調整漸變角度為-90°,可將白色滑塊適當向右拖動(讓字體中的白色顯示更多),如下:

圖片

④右鍵取消編組,選中最上層文字,將其適當上移,讓文字顯示的更全一些。

圖片

⑤將結果向下復制一份,利用鏡像工具(O)將其垂直翻轉(按住shift+左鍵從上向下拖動即可完成垂直翻轉),然后對好位置即可。

圖片

至此,這個字體翻頁效果就做出來了。我們還可以繼續調整細節,做出更多有趣的嘗試。

比如我們可以刪掉其中的幾個字母和數字(刪除前記得取消編組),營造一種殘缺的美感。

圖片

也可以刪除后重新做混合,營造一種不規則感。

圖片

還可以將某些字母和數字改變顏色,強調主題。

圖片

好啦,關于混合的酷炫玩法還有很多,大家一定要動手多嘗試鴨~我們下期再見!

作者:君小陽  來源:這logo怎么了(ID:wtf-logo)

]]>
http://www.mxio.cn/59888.html/feed 0
極富藝術感!AI繪制抽象藝術LOGO http://www.mxio.cn/58998.html http://www.mxio.cn/58998.html#respond Mon, 20 Jun 2022 16:32:39 +0000 前言:大家看看下面這個LOGO,波浪形的曲線加上黑白的配色,看起來是不是很有藝術感?那么如何制作抽象藝術LOGO呢?打開你的Adobe illustrator軟件,跟著本教程一步一步來做吧!

用AI繪制藝術感很強的抽象曲線LOGO

該logo為網絡搜集,版權及創意歸原作者所有,本文只探討做法。

老規矩,觀大思法。

用AI繪制抽象藝術LOGO

三十秒過去了……

OK,時間到。

這個圖形通過線條造型(疏密、粗細)的過渡,營造出高低不一的地表變化,與品牌業務高度契合。

既然是過渡,我們自然會想到混合命令,而這個圖形就是通過繪制abcde這5根關鍵的首尾線條,然后再兩兩混合完成的,如下:

用AI繪制藝術感很強的抽象曲線LOGO

混合操作也很簡單,直接用混合工具(W)分別點擊兩條線,間距選擇指定的步數,數值為6,如下:

用AI繪制藝術感很強的抽象曲線LOGO

看下混合后的效果。

用AI繪制藝術感很強的抽象曲線LOGO

繪制過程中,需要注意兩點:一是線條的粗細不同,其中a是2pt,bcde是1pt;二是線條的錨點盡量放到極值點,方便調整,如下:

用AI繪制藝術感很強的抽象曲線LOGO

混合過程中,如果發現混合結果和原圖不一致,也不用著急。如下圖所示,我混合后就發現有兩段(ab和cd)和原圖的造型不同。

用AI繪制藝術感很強的抽象曲線LOGO

這時我們可以通過增加錨點的方式控制線條的混合結果,看下動圖操作。

用AI繪制藝術感很強的抽象曲線LOGO

關于錨點添加的位置,仔細分析兩條線段錨點的位置分布就不難理解了,大家多多嘗試便能深諳其中的奧義。

再舉個例子,如果你在混合的時候出現了下面這種情況:

用AI繪制藝術感很強的抽象曲線LOGO

說明你這兩條線段的繪制起始點不在同一側,如下:

用AI繪制藝術感很強的抽象曲線LOGO

此時只需要用鋼筆工具(P)點擊線段b的最左端錨點,即可將其定義為起始點,混合效果就正常了,如下:

用AI繪制藝術感很強的抽象曲線LOGO

好啦,今天的抽象藝術LOGO案例教程就講到這里,操作和原理比較簡單,建議大家動手實操,這樣才能發現問題,解決問題。我們下期再見鴨~

作者 | 君小陽
來源 | 這logo怎么了(id:wtf-logo)

]]>
http://www.mxio.cn/58998.html/feed 0
AI混合工具,輕松設計炫酷海報 http://www.mxio.cn/58997.html http://www.mxio.cn/58997.html#respond Mon, 20 Jun 2022 16:01:09 +0000 Illustrator混合工具是在進行視覺設計時常使用的工具,熟練掌握可以輕易實現非常復雜和炫酷的效果!希望通過本期講解,讓你輕松駕馭混合工具,靈活運用并舉一反三設計出更多優秀作品。

AI中的混合工具,輕松設計炫酷海報

AI中的混合工具,輕松設計炫酷海報

選擇需要混合的對象,按快捷鍵Ctrl+Alt+B即可進行混合。

AI中的混合工具,輕松設計炫酷海報

通常可以對兩個或以上的對象進行外觀(效果、填色、描邊)、顏色、透明度的過渡。

AI中的混合工具,輕松設計炫酷海報

AI中的混合工具,輕松設計炫酷海報

雙擊“混合工具”即可彈出混合選項菜單,“間距”分別有3個選項:平滑顏色、指定步數、指定距離。

AI中的混合工具,輕松設計炫酷海報

1、平滑顏色:自動計算混合的步驟數。

AI中的混合工具,輕松設計炫酷海報

2、指定的步數:自定義混合對象之間的數量。

AI中的混合工具,輕松設計炫酷海報

3、指定的距離:指定一個對象到下一個對象之間的距離。

AI中的混合工具,輕松設計炫酷海報

AI中的混合工具,輕松設計炫酷海報

連接混合對象間的路徑稱為混合軸:

AI中的混合工具,輕松設計炫酷海報

混合軸可以通過相關路徑工具進行編輯:

AI中的混合工具,輕松設計炫酷海報

還可以繪制新路徑替換混合軸:框選對象和路徑,執行“對象-混合-替換混合軸”命令。

AI中的混合工具,輕松設計炫酷海報

AI中的混合工具,輕松設計炫酷海報

使用文字工具輸入文字,填充白色,描邊為黑色,大小選擇1pt。復制一個字向右下角移動,描邊改為0.5pt。

AI中的混合工具,輕松設計炫酷海報

選擇兩個文字按快捷鍵Ctrl+Alt+B進行混合。

AI中的混合工具,輕松設計炫酷海報

雙擊“混合工具”彈出混合選項菜單,“間距”選擇”指定步數”:100。

AI中的混合工具,輕松設計炫酷海報

使用同樣的方法制作其他三個文字的混合效果:

AI中的混合工具,輕松設計炫酷海報

最后加入文字排版:

AI中的混合工具,輕松設計炫酷海報

給“混合軸”添加新錨點,再使用路徑工具進行調整,可以得到如下效果:

AI中的混合工具,輕松設計炫酷海報

使用同樣的方法調整其它三個文字的混合效果,重新進行文字排版,第二個海報設計完成:

AI中的混合工具,輕松設計炫酷海報

重新繪制新路徑,框選對象和路徑,執行“對象-混合-替換混合軸”命令。

AI中的混合工具,輕松設計炫酷海報

得到新的混合效果:

AI中的混合工具,輕松設計炫酷海報

另一個字也使用相同的方法制作,最后加入文字排版,第三個方案設計效果:

AI中的混合工具,輕松設計炫酷海報

重新更改混合效果:前方文字填充改為無,描邊為1pt的白色;后方文字縮小,把填充和描邊都改為0,得到如下效果:

AI中的混合工具,輕松設計炫酷海報

其它文字也使用相同的方法制作,最后加入文字排版,第四個方案設計效果:

AI中的混合工具,輕松設計炫酷海報

利用混合工具還可以制作出很多有意思的效果,大家可以靈活運用并舉一反三設計出更多優秀作品。

作者:鄧海貝
來源:藝海拾貝Design(ID:YHSBds)

]]>
http://www.mxio.cn/58997.html/feed 0
一學就會,5種方式教你做立體字! http://www.mxio.cn/58899.html http://www.mxio.cn/58899.html#respond Sun, 22 May 2022 14:36:05 +0000 5種方式教你學會做立體字!

給字體增添立體效果,字體會更有立體感和質感,更有沖擊力,視覺效果往往會更吸睛。

在字體幫的投稿作品中,我們經常看到此類相關作品,同時,也有很多同學,一直想學習制作這樣的效果。

今天,我們就做一次總結和分享,使用AI軟件,分5種方式,設計出獨具一格的立體字!

 

5種方式教你學會做立體字!

方式1-案例A

先看最終效果

5種方式教你學會做立體字!

step1

① 在AI中把做好的字形復制兩層,第一層填充紅色,第二層填充一個從黑到白的漸變并添加一個白色描邊:

5種方式教你學會做立體字!

step2

② 選中紅色字形,在菜單欄選擇,效果→3D→凸出和斜角,在面板中把三個軸的參數都設置為0,把透視和凸出厚度都直接調到最大,然后點擊確定:

5種方式教你學會做立體字!

然后就得到了下面這樣這樣的效果:

5種方式教你學會做立體字!

step3

③ 再次選中字形,按Ctrl+c,ctrl+f,粘貼一層在前面,再把前面一層的混合模式改成顏色減淡,這樣就亮了許多:

5種方式教你學會做立體字!

5種方式教你學會做立體字!

step4

④ 框選中紅色的字形,按ctrl+shift+【,把它置于底層,再把它和黑白漸變的字形水平居中對齊:

5種方式教你學會做立體字!

最終完成,是這樣的!當當當當!

5種方式教你學會做立體字!

 

 

方式1-案例B

先看最終效果

5種方式教你學會做立體字!

step1

① 在AI中給做好的字形先添加一個顏色和描邊:

5種方式教你學會做立體字!

在菜單欄選擇,效果→3D→凹凸和斜角,面板中三個軸的參數,分別是 20、5 、0,凸出厚度為50pt:

5種方式教你學會做立體字!

點擊確定后,得到以下效果:

5種方式教你學會做立體字!

step2

②全選中字體對其擴展外觀,選中頂層字體將其鎖定。然后全選下方厚度色塊,點擊路徑查找器中的聯集,將其合并且置于底層,更換一個顏色。最后給它添加一個圓頭圓角的描邊,對齊描邊選項為(使描邊外側對齊):

5種方式教你學會做立體字!

底層部分添加描邊后會出現一些參差不齊的部分,需要我們去手動調整一下細節,調整效果如下:

5種方式教你學會做立體字!

調整完細節之后,給頂層灰色字體部分描邊更改一個顏色。復制粘貼最底層的字體并且再次置于底層,然后向右下方位移幾下,填充一個比背景色略深的顏色作為投影:

5種方式教你學會做立體字!

繼續更改一下顏色:

5種方式教你學會做立體字!

最后給字體添加一些裝飾,排版一下,搞定!

5種方式教你學會做立體字!

 

5種方式教你學會做立體字!

方式2-案例A

先看最終效果

5種方式教你學會做立體字!

step1

① 在AI中給做好的字形先添加一個顏色:

5種方式教你學會做立體字!

在菜單欄選擇,效果→3D→凹凸和斜角,面板中三個軸的參數,分別是 -13、-30、3,凸出厚度為65pt:

5種方式教你學會做立體字!

點擊確定,然后就得到了下面這樣這樣的效果:

5種方式教你學會做立體字!

step2

②選中3d效果字進行擴展,擴展之后,全選字體,給字體添加一個白色顏色填充和黑色描邊:

5種方式教你學會做立體字!

給頂層字體部分換回原來的顏色:

5種方式教你學會做立體字!

最后給字體添加一些裝飾,做出適當排版,搞定!

 

5種方式教你學會做立體字!

方式2-案例B

先看最終效果

5種方式教你學會做立體字!

step1

① 先準備好字形,隨便上一個自己喜歡的顏色:

5種方式教你學會做立體字!

然后在菜單欄在菜單欄選擇,效果→3D→凸出和斜角,面板中三個軸的參數分別是 -18、-28、8,凸出厚度為200:

5種方式教你學會做立體字!

點擊確定

5種方式教你學會做立體字!

step2

② 選中字形,點擊 對象→擴展外觀,再右擊→取消群組:

5種方式教你學會做立體字!

然后框選中字形給它添加一個描邊:

5種方式教你學會做立體字!

step3

③現在來給它上色,先從字的正面開始,先任意選中一個筆畫,選擇→相同→填色和描邊:

5種方式教你學會做立體字!

這樣我們就選中了字的正面,現在把字的填充換成亮一點的顏色:

5種方式教你學會做立體字!

然后是側面,先在下面畫幾個自己想要的顏色,然后添加和字一樣大小的描邊粗細:

5種方式教你學會做立體字!

畫完之后我們用吸管工具開始吸,按住shift點擊側面,點后用吸管工具吸下面的黃色:

5種方式教你學會做立體字!

然后同樣的方法繼續吸:

5種方式教你學會做立體字!

再吸:

5種方式教你學會做立體字!

繼續吸:

5種方式教你學會做立體字!

5種方式教你學會做立體字!

老習慣,做出適當排版,搞定!

5種方式教你學會做立體字!

 

 

5種方式教你學會做立體字!

方式3-案例A

先看最終效果

5種方式教你學會做立體字!

step1

① 在AI中給做好的字形先添加一個顏色和描邊:

5種方式教你學會做立體字!

在菜單欄選擇,效果→3D→凹凸和斜角,面板中三個軸的參數,分別是5 、-15、0,凸出厚度為28pt:

5種方式教你學會做立體字!

點擊確定,然后就得到了下面這樣的效果:

5種方式教你學會做立體字!

step2

②全選字體擴展,現在我們來給它上色,選中一個黑色筆畫,在菜單欄中點擊選擇→相同→填充顏色:

5種方式教你學會做立體字!

這樣我們就選中了所有的黑色色塊,然后給它更換一種顏色。并且添加黑色描邊:

5種方式教你學會做立體字!step3

③接下來我們給這兩層字體編個組,然后向左下方復制一層。復制的過程中注意對齊關系,將第一層文字貼合隱藏到第二層文字的下方。然后置于底層,如下圖所示:

5種方式教你學會做立體字!

然后就得到了這樣的效果:

5種方式教你學會做立體字!

我們選中將最上面兩層文字按住ctrl+2鍵對其進行鎖定,然后選擇最底層的粉色筆畫,在菜單欄中點擊  選擇→相同→填充顏色,給其更改一個顏色:

5種方式教你學會做立體字!

運用上述方法繼續向下復制幾層更改顏色:

5種方式教你學會做立體字!

最后給字體添加一些裝飾,完成!

5種方式教你學會做立體字!

 

 

方式3-案例B

先看最終效果

5種方式教你學會做立體字!

step1

① 把做好的字形填充一個紅色:

5種方式教你學會做立體字!

然后在菜單欄選擇,效果→3D→凸出和斜角,面板中三個軸的參數,分別是8、8、0,凸出厚度為200:

5種方式教你學會做立體字!

點擊確定:

5種方式教你學會做立體字!

step2

②選中字形點擊菜單欄 對象→擴展對象,然后右擊取消群組:

5種方式教你學會做立體字!

取消群組之后點擊任意一個筆畫,在菜單欄中點擊  選擇→相同→填充顏色:

5種方式教你學會做立體字!

選中之后先ctrl+G群組,然后按住alt向下拖動復制一層:

5種方式教你學會做立體字!

然后框選上面的字,在路徑查找器點擊合并,如果沒有路徑查找器面板可以在窗口中找到:

5種方式教你學會做立體字!

step3

③合并之后給上面的字填充綠色+描邊,下面的填充紅色+同樣的描邊,然后再按住alt向上拖動,復制一層綠色的字,現在一共三層:

5種方式教你學會做立體字!

選中第一層綠色的字,點擊填充,然后點擊左下角的儲色板→圖案→基本圖形→基本圖形-點,然后在基本圖形-點面板中選擇第一個:

5種方式教你學會做立體字!

這樣我們就得到了一個點填充的圖案:

5種方式教你學會做立體字!

然后把三層都一起選中,進行左對齊和頂對齊,這樣就基本完成了:

5種方式教你學會做立體字!

最后,排版裝飾,完工!

5種方式教你學會做立體字!

5種方式教你學會做立體字!

 

5種方式教你學會做立體字!

方式4-案例A

先看最終效果

5種方式教你學會做立體字!

step1

①把做好的字形填充一個黃色:

5種方式教你學會做立體字!

然后在菜單欄在菜單欄選擇,效果→3D→凸出和斜角,在位置這里選擇等角-上方,混合步驟改為1,其他參數不動:

5種方式教你學會做立體字!

點擊確定之后點擊 對象→擴展,然后取消群組:

5種方式教你學會做立體字!

給取消群組后的字體添加一個描邊,然后再把側面有多余豎線的地方合并:

5種方式教你學會做立體字!

step2

②合并之后開始上色,按住shift選中頂部的筆畫,把填充調成亮一點的顏色:

5種方式教你學會做立體字!

用同樣的方法修改側面的填充:5種方式教你學會做立體字!

5種方式教你學會做立體字!

5種方式教你學會做立體字!

然后,簡單排版,完活!

5種方式教你學會做立體字!

 

 

 

方式4-案例B

先看最終效果

5種方式教你學會做立體字!

step1

① 在AI中對做好的字形進行切割移位,這里使用的是相同角度的切割:

5種方式教你學會做立體字!

選中切割后的字形,先給它填充一個顏色:

5種方式教你學會做立體字!

step2

②在菜單欄選擇,效果→3D→凹凸和斜角,面板中三個軸的參數,分別是 48、-10、0,凸出厚度為50pt:

5種方式教你學會做立體字!

點擊確定,然后就得到了下面這樣的效果:

5種方式教你學會做立體字!

切割后的筆畫使用3D效果,位置距離上會出現一些偏差,需要我們去手動的調整對齊一下,調整效果如下:

5種方式教你學會做立體字!

step3

③選中3d效果字進行擴展,擴展之后,將字體厚度部分填充另一種顏色。(顏色的明暗變化直接參考3D效果所帶的明暗變化。)然后給字體整體添加一個1(pt)的黑色描邊:

5種方式教你學會做立體字!

選中綠色顏色部分字體,復制一層將其合并。然后置于底層。填充一個比背景色略深的顏色。移動其位置,將其作為投影:

5種方式教你學會做立體字!

給字體添加一個版式,完成!

5種方式教你學會做立體字!

 

 

 

5種方式教你學會做立體字!

方式5-案例A

先看最終效果

5種方式教你學會做立體字!

step1

① 在AI中給做好的字形添加一個顏色和描邊:

5種方式教你學會做立體字!

選中一個字體復制粘貼一個,然后置于底層移動到合適的位置:

5種方式教你學會做立體字!

將移動后的字體縮小,并且填充一個和原字體描邊顏色的相同的顏色:

5種方式教你學會做立體字!

step2

②框選兩個字體,用工具欄中的混合工具分別點擊兩個字體,得到如下效果:

5種方式教你學會做立體字!

框選住混合后的字體,按住ALT鍵然后點擊鼠標左鍵調出混合工具面板。下拉選項,選中指定的距離一欄,參考數值如下。(具體數值根據實際情況調整,數值越小,混合距離越密集。數值越大,混合距離越松散。)

5種方式教你學會做立體字!

點擊確定后,得到以下效果:

5種方式教你學會做立體字!

step3

③給其他字體添加相同效果,并且填充和底層字體顏色相同的背景色。

便得到一個由大到小,由實到虛的一個字體效果:

5種方式教你學會做立體字!

舉一反三,很快完成了!

5種方式教你學會做立體字!

方式5-案例B

先看最終效果

5種方式教你學會做立體字!

step1

①把做好的字復制三層,填充兩個鏡像漸變加白色描邊,和一個純色加白色描邊:

5種方式教你學會做立體字!

step2

②框選中前面兩個帶漸變的字,選擇混合工具,依次點擊框選中的第一個字和第二個字:

5種方式教你學會做立體字!

選中混合后的字體,再雙擊混合工具,在面板中選中指定步數,步數15:

5種方式教你學會做立體字!

step3

③把混合后的字和沒有混合的字進行右對齊,然后選擇混合的字,右擊→排列→置于底層:

5種方式教你學會做立體字!

最后再用直接選擇工具選中末端的字,移動他的位置就完成了:

5種方式教你學會做立體字!

step4

④用同樣的步驟做出剩下的字:

5種方式教你學會做立體字!

組合在一起:

5種方式教你學會做立體字!

再來個排版,搞定!

5種方式教你學會做立體字!

?劉兵克工作室字體教程

本篇作者:熊偉、張高馳

]]>
http://www.mxio.cn/58899.html/feed 0
毫不遜于PS!9個實用AI小技巧 http://www.mxio.cn/58883.html http://www.mxio.cn/58883.html#respond Thu, 19 May 2022 12:08:57 +0000 作者:施博瀚(中國臺灣設計師)

INS:bohangraphic

 

01

 

 

 

 

02

 

 

03

 

 

04

 

 

 

 

05

 

 

 

 

06

 

 

 

07

 

 

 

 

08

 

 

 

 

 

09

 

]]>
http://www.mxio.cn/58883.html/feed 0
使用illustrator繪制毛玻璃效果 http://www.mxio.cn/58882.html http://www.mxio.cn/58882.html#respond Thu, 19 May 2022 11:12:50 +0000 簡單實用的毛玻璃效果,如何繪制?今天用illustrator來教你怎么繪制出來,一起來學習吧!

步驟/教程:

01、繪制兩個相同的圖形;

 

02、其中一個使用效果 → 模糊 → 高斯模糊,調整模糊數值按下確定;

 

 

03、圖形的其中一半制作成毛玻璃效果,與另一個圖形疊合;

 

04、完成!

 

]]>
http://www.mxio.cn/58882.html/feed 0
主站蜘蛛池模板: 国产永久免费高清在线观看| 18禁网站免费无遮挡无码中文| 欧美日韩国产va另类| 最新亚洲av日韩av二区| 一本久道久久综合狠狠爱| 国产亚洲欧洲997久久综合| 国产精品久久久久久福利69堂| 免费做a爰片久久毛片a片| 国产蜜芽尤物在线一区| 午夜性做爰电影| 精品国产av一区二区果冻传媒 | 日本无码一区二区三区不卡免费| 国产亚洲精品国产福APP| 色欲久久久天天天综合网| 国产美女亚洲精品久久久99| 精品超清无码视频在线观看| 亚洲欧美日韩精品色xxx| 国产又色又爽又黄的在线观看| 日本精品不卡一二三区| 亚洲色大成网站www永久男同| 思思99思思久久最新精品| 日本午夜精品一区二区三区电影| 亚洲精品乱码久久久久久蜜桃| 国产乱了伦视频大全亚琴影院| 免费人成网站免费看视频| 老司机精品视频一区二区| 欧洲精品不卡1卡2卡三卡四卡| 国内揄拍国内精品人妻 | 国产成人青青久久大片| 国99久9在线 | 免费| 欧美丰满熟妇xxxx性| 成年免费视频播放网站推荐| 国产永久免费高清在线| 国产精品18久久久| 国产第19页精品| 国产永久免费高清在线观看| 一二三四日本高清社区5| 成人无码区在线观看| 国产精品爽爽爽一区二区| 日本大片在线看黄a∨免费| 99热成人精品国产免费|