各类心形的绘制及应用.docx

各类心形的绘制及应用.docx

《各类心形的绘制及应用.docx》由会员分享，可在线阅读，更多相关《各类心形的绘制及应用.docx（7页珍藏版）》请在冰豆网上搜索。

各类心形的绘制及应用

各类心形的绘制及应用（原创技巧）

系统分类：

经验分享-交互设计-界面设计个人归类：

经验分享

经验版权：

小破刺的异地图原创，如需商业用途或转载请与小破刺的异地图联系，谢谢配合！

小破刺的异地图

宝山/网页设计师

1天前发布

心形變形記

還挺不好意思的，獻醜了，如果有說的不到位不正確的，還望一笑而過。

今天通過對心形進行一些不同的變化來說一下面對一種圖形時，我們如何讓他們變的更貼合我們的設計。

變形1：

添加紋理

STEP1：

新建圖層，並畫上一個心.

STEP2：

新建一個10*10px的畫布，畫上我們想要的紋理，編輯>定義圖案。

注意：

背景一定要隱藏成透明。

你可以试一下不同的图案，会有意想不到的效果哦。

STEP3：

回到原來的設計圖，按住ctrl鍵，選中心形成虛線框。

新建圖層，編輯>填充剛剛新建好的圖案。

大功告成，下麵放一個這個應用在設計中的效果！

變形2：

圖案重複

STEP1：

新建圖層，並畫上一大一小兩個大心固定位置.

STEP2：

畫上三個深淺不一的小心，角度等都做一點點的調整，以免做好的圖案太規整，不生動。

為心做一點投影，讓他們看起來有層次。

STEP3：

反復複製這些心，直到佈滿不要的範圍。

完事，附上一張用這個方法做的設計圖。

變形3：

線的勾畫（畫你想要的任何樣子的線都會很好看哦。

）

STEP1：

打開ai軟體，新建圖層，用鋼筆勾畫出三個心的輪廓。

也可以用圆形变形成这样的心形效果，这里就不说这种处理方式了。

STEP2：

为这三个心附加上不通的画笔模式（窗口>画笔），让他们呈现出不同的粗细活动状态，一切只为更生动。

STEP3：

将这个图形在ai中ctrl+c，在ps中新建图层ctrl+v。

就进入到了ps中，现在可以随便你曾调整颜色或者变化效果了。

附上一张效果图！

方法大同小异，运用中灵活改变一下，就会出现各种不同的效果，惊喜不断！

方法1制作的另一个心

方法2制作的另一个心

差不多就写到这里吧，要不然成裹脚布了。

还会再见。

嘿嘿！