關於教程
哈嘍~各位條友早上晚上好,又到了每週的教程時間,今天要教大家一個做logo時非常實用且好用的設計方法,那就是旋轉大法。
![](http://daogezhiyuan-article.oss-cn-beijing.aliyuncs.com/win3000/pic/d9072ede-acbb-4387-878c-17f260ef5ed4.jpg)
當你覺得自己設計出來的圖形比較單薄,或者視覺衝擊力不夠的時候,可以嘗試使用這一方法,既能讓圖形變得豐富美觀有內涵,又降低了圖形註冊不通過的機率。
![](http://daogezhiyuan-article.oss-cn-beijing.aliyuncs.com/win3000/pic/12853cb3-9c8d-4923-bc3a-df6ac983f0ad.jpg)
教程內容
案例一
廢話少說,上案例。比如你要設計一個首字母是B的品牌,先做一個基本型如下:
![](http://daogezhiyuan-article.oss-cn-beijing.aliyuncs.com/win3000/pic/e6ed342e-56c7-4b8a-bcdf-90b676564c57.jpg)
然後找到< /span>旋轉的支點,啥是支點?簡單點兒說,就是你想讓這個圖形圍繞哪個點為中心進行旋轉,這個點就是旋轉的支點!這一步非常重要,支點找不好,出來的造型很容易千奇百怪,當然也許會有驚喜哦,所以大家可以多多嘗試不同支點旋轉出來的效果。
這裡我想呈現出4個B圍成一圈且空間閉合的圖形,那麼每個基本型旋轉的角度就是360°÷4=90°,因為上面的B是我用網格輔助畫出來的,所以它的支點非常好找,如下:
![](http://daogezhiyuan-article.oss-cn-beijing.aliyuncs.com/win3000/pic/39299676-3978-4aca-b838-48da6d967f4d.jpg)
上圖紅圈標識的就是我們的支點, 它到其它3個黃圈的距離都是4格,接下來我們旋轉一下看看吧。
![](http://daogezhiyuan-article.oss-cn-beijing.aliyuncs.com/win3000/pic/07f06b90-cede-4678-83e1-f7afbc73c6b6.jpg)
啥?這一步你不會?歡迎客官移步二樓錄像廳,參看我另一篇文章 老鐵,你的三角形掉了,快撿一下。 。裡面有詳細的操作步驟喲(點擊文章標題即可跳轉)
旋轉完果然還是覺得圖形有些平淡呢,那麼再旋轉個45°吧,並配上英文,請看最終效果:
![](http://daogezhiyuan-article.oss-cn-beijing.aliyuncs.com/win3000/pic/bc25bc73-9c6c-439f-a1de-057a2308f175.jpg)
嗯~~有內味了!不過還沒完,我們嘗試將支點換個位置旋轉,看看會有什麼其他效果。比如將支點到黃圈的位置縮短為2格,如下:
![](http://daogezhiyuan-article.oss-cn-beijing.aliyuncs.com/win3000/pic/7990e2e1-3a76-4462-a58d-93fefe05615b.jpg)
旋轉後的效果就是,噹噹噹噹~
![](http://daogezhiyuan-article.oss-cn-beijing.aliyuncs.com/win3000/pic/cce1f5db-1a9c-4ac5-bb41-72daf8a20321.jpg)
再旋轉個45°看下最終效果:
![](http://daogezhiyuan-article.oss-cn-beijing.aliyuncs.com/win3000/pic/ca4ea0e7-a9fb-49b8-a6dd-b5a5665ce35f.jpg)
等等,還沒完,這時火眼金睛的我發現一個視覺失衡的問題,也就是圖重字輕,原因就是相較前一個案例,我們只縮短了B與B之間的距離,導致圖形整體變小,但描邊粗細沒變,那麼圖形的負空間就顯得有些擁擠。兩個辦法解決:要么加粗文字,要么將圖形的描邊改細,作為一個二貨,我當然選擇第二種啦~
![](http://daogezhiyuan-article.oss-cn-beijing.aliyuncs.com/win3000/pic/77807287-2e9d-49f0-9016-d8a888d2e338.jpg)
哇哦~就是這麼專業(來自靚女的肯定)
![](http://daogezhiyuan-article.oss-cn-beijing.aliyuncs.com/win3000/pic/5b7c1ba1-5323-47ca-a607-2f8cf848c7dd.jpg)
到這兒你以為結束了嗎?不不不,較真兒的我打算再嘗試下3個B的圖形是怎樣的。根據剛才的公式計算,每個B的旋轉角度就是360°÷3=120°。腦補一下,3個B底邊圍成的中間造型應該是一個正三角形,所以首先我們給B來一個舒服的躺姿(為啥要躺下?看完你再細品~),三角形不像之前的正方形,它的中點不一定會正好卡在網格點上,但一定在下圖的垂直參考線上,那麼我們就先嘗試找一個大概的支點,旋轉完之後再微調即可。
![](http://daogezhiyuan-article.oss-cn-beijing.aliyuncs.com/win3000/pic/c20652de-e61b-42ed-8853-2e0bc5c02e68.jpg)
旋轉之後得到下圖:
![](http://daogezhiyuan-article.oss-cn-beijing.aliyuncs.com/win3000/pic/fd260757-106c-42d7-8d23-033e0af42899.jpg)
我們發現3個B之間是有空隙的,這時我們打開智能參考線(快捷鍵ctrl+U),並關閉網格對齊(快捷鍵ctrl+shift+"),手動調整上面2個B的位置即可,看動圖:
![](http://daogezhiyuan-article.oss-cn-beijing.aliyuncs.com/win3000/pic/11771fa4-52f1-4bbb-9df5-dc794e767f60.jpg)
現在感覺圖形頭重腳輕了,那我們再用鏡像工具(快捷鍵O)將圖形來個垂直翻轉即可,這個工具比“右鍵-變換-對稱-彈出窗口再設置”這個步驟要快捷的多,希望大家善加利用。
![](http://daogezhiyuan-article.oss-cn-beijing.aliyuncs.com/win3000/pic/5a2df0b7-eee1-4c27-a3c7-281488701d1b.jpg)
最後打上文字,並根據文字調整圖形描邊粗細,大功告成!
![](http://daogezhiyuan-article.oss-cn-beijing.aliyuncs.com/win3000/pic/cc653170-9dd9-4fcd-acc2-3c58a6e2984f.jpg)
所以旋轉大法的精髓就是三步,第一畫基本型,第二找支點,第三算角度!
案例二
接下來考考大家,我們反向思維,先看最終圖形,然後反推這個圖形的基本型是什麼?旋轉支點在哪?單位旋轉角度是多少? (該圖形選自我的字母組合系列-L篇)
![](http://daogezhiyuan-article.oss-cn-beijing.aliyuncs.com/win3000/pic/2bef6437-7ea5-460e-9ccb-788b1f4dd998.jpg)
沒錯,就是LL,這是一個複合的基本型,拆解如下:
![](http://daogezhiyuan-article.oss-cn-beijing.aliyuncs.com/win3000/pic/6be267fe-14bf-4c3d-8763-091144b3afed.jpg)
而支點就在垂直L的頂點處,然後看圖形總共包含幾個基本型,即可輕鬆算出單位旋轉角度,即360°÷8=45°,看下動圖操作吧。
![](http://daogezhiyuan-article.oss-cn-beijing.aliyuncs.com/win3000/pic/26575bb6-2e4a-43de-9c6c-850f4bf69562.jpg)
案例三
當然,基本型還可以更加複雜一些,旋轉的作用也不僅局限於豐富基本型本身,也可以充當外輪廓裝飾,比如下面這個以字母JV為主體的圖形。 (該圖形選自我的字母組合系列-J篇)
![](http://daogezhiyuan-article.oss-cn-beijing.aliyuncs.com/win3000/pic/ea798d40-206c-4b29-95f0-87d2d796bc77.jpg)
這是一個偏手寫風格的線條造型,沒那麼規則,且本身已經足夠簡潔獨特,無需再基於本體進行旋轉復制,但是我們可以利用旋轉營造一個外輪廓出來,讓這個圖形更豐富一點,看看效果怎麼樣。
![](http://daogezhiyuan-article.oss-cn-beijing.aliyuncs.com/win3000/pic/1da06c57-e727-4d49-8ea8-15707a7aedb9.jpg)
哇哦~旋轉出來的效果還不錯呢,這裡我一共旋轉了11次,共計12個基本型,單位旋轉角度就是30°,至於支點嘛,當然就在整個輪廓的中心啦。
PS:因為基本型不規則,這個支點需要多次嘗試尋找,不同的位置,不同的數量,不同的旋轉數值,呈現的效果都會不一樣,大家可以多多嘗試。基本型的個數最好能被360整除,這樣你的旋轉角度也都是整數,比較好操作!
最後我們把之前的JV放到輪廓中心,並在外圈打上文字,完美!
![](http://daogezhiyuan-article.oss-cn-beijing.aliyuncs.com/win3000/pic/119f253b-3229-44fa-a5a6-07c49ee0bc38.jpg)
好啦,今天的教程就到這裡啦~希望大家看後多多動手,才能領會旋轉的奧義!
晚安各位~我們明天見鴨!
文章為用戶上傳,僅供非商業瀏覽。發布者:Lomu,轉轉請註明出處: https://www.daogebangong.com/zh-Hant/articles/detail/How%20to%20do%20this%20LOGO%20Want%20a%20sense%20of%20form%20Teach%20you%20how%20to%20use%20rotation.html
评论列表(196条)
测试