![イラストレーターでロゴ作成・スライムや液体のような、ぬるりとした雰囲気の効果をデザイン](https://garrettmotors.tokyo/wp-content/uploads/2021/11/h4g0g7gj3o4LiwVmYn7V1636698041-1636698090.gif)
Adobe Illustratorを使ってのロゴデザイン制作はIllustratorの大得意分野といえます。
今回はAdobe Illustratorを使ってスライムや液体のようなぬるりとした雰囲気のロゴを作っていきます、液体っぽい表現は覚えておくと色々と応用ができますので、ぜひマスターしておきたい表現のひとつです。
さらに、ベクターアートで作ったロゴは、品質を損なうことなく、名刺から看板まで、あらゆるサイズに拡大縮小できるのでデザインの現場では必須の技術のひとつです。
スライムっぽいロゴデザインの作り方
フォントを選んで効果をつける
最初に文字を決めます
![](https://garrettmotors.tokyo/wp-content/uploads/2021/11/スクリーンショット-2021-11-12-13.53.38-1024x546.png)
フォントはRouletteにします。最初から少しむっちりしているものがおすすめ
![](https://garrettmotors.tokyo/wp-content/uploads/2021/11/スクリーンショット-2021-11-12-13.54.51-1024x542.png)
![](https://garrettmotors.tokyo/wp-content/uploads/2021/11/スクリーンショット-2021-11-12-13.55.01.png)
文字をアウトライン化
![](https://garrettmotors.tokyo/wp-content/uploads/2021/11/スクリーンショット-2021-11-12-13.55.14-1024x632.png)
文字を円弧上に変形エンベロープのワープ機能で
![](https://garrettmotors.tokyo/wp-content/uploads/2021/11/スクリーンショット-2021-11-12-13.55.27-1024x623.png)
ワープオプションで好みの量を適用
![](https://garrettmotors.tokyo/wp-content/uploads/2021/11/スクリーンショット-2021-11-12-13.55.37-1024x572.png)
[オブジェクト]→[透明部分を分割・透明]
液体のパーツを鉛筆ツール(⌘+N)で書いていきます
![](https://garrettmotors.tokyo/wp-content/uploads/2021/11/スクリーンショット-2021-11-12-13.56.42-1024x572.png)
![](https://garrettmotors.tokyo/wp-content/uploads/2021/11/スクリーンショット-2021-11-12-13.56.53-1024x560.png)
![](https://garrettmotors.tokyo/wp-content/uploads/2021/11/スクリーンショット-2021-11-12-13.57.04-1024x577.png)
どれぐらい液体のパーツを入れるかは好みでOKです
![](https://garrettmotors.tokyo/wp-content/uploads/2021/11/スクリーンショット-2021-11-12-13.57.22-1024x596.png)
![](https://garrettmotors.tokyo/wp-content/uploads/2021/11/スクリーンショット-2021-11-12-13.57.27.png)
色はとりあえずスライム調にしてあります
![](https://garrettmotors.tokyo/wp-content/uploads/2021/11/スクリーンショット-2021-11-12-13.57.45-1024x544.png)
液体感を出すためにハイライトをいれていきます
![](https://garrettmotors.tokyo/wp-content/uploads/2021/11/スクリーンショット-2021-11-12-13.57.52-1024x640.png)
![](https://garrettmotors.tokyo/wp-content/uploads/2021/11/スクリーンショット-2021-11-12-13.57.59-1024x622.png)
![](https://garrettmotors.tokyo/wp-content/uploads/2021/11/スクリーンショット-2021-11-12-13.58.06-1024x595.png)
![](https://garrettmotors.tokyo/wp-content/uploads/2021/11/スクリーンショット-2021-11-12-13.58.15-1024x544.png)
![](https://garrettmotors.tokyo/wp-content/uploads/2021/11/スクリーンショット-2021-11-12-13.58.30.png)
![](https://garrettmotors.tokyo/wp-content/uploads/2021/11/スクリーンショット-2021-11-12-13.58.47.png)
ハイライトを入れる部分に白い線を書いていきます
![](https://garrettmotors.tokyo/wp-content/uploads/2021/11/スクリーンショット-2021-11-12-13.59.47-1-1024x537.png)
![](https://garrettmotors.tokyo/wp-content/uploads/2021/11/スクリーンショット-2021-11-12-13.59.52.png)
![](https://garrettmotors.tokyo/wp-content/uploads/2021/11/スクリーンショット-2021-11-12-14.00.14.png)
ソフトライトにするとこんな感じになります
![](https://garrettmotors.tokyo/wp-content/uploads/2021/11/スクリーンショット-2021-11-12-14.00.18-1024x541.png)
ハイライトにぼかし効果をすれば完成です
![](https://garrettmotors.tokyo/wp-content/uploads/2021/11/スクリーンショット-2021-11-12-14.00.32-1024x638.png)
![](https://garrettmotors.tokyo/wp-content/uploads/2021/11/スクリーンショット-2021-11-12-14.00.38.png)
![](https://garrettmotors.tokyo/wp-content/uploads/2021/11/スクリーンショット-2021-11-12-14.01.07-1024x542.png)
![](https://garrettmotors.tokyo/wp-content/uploads/2021/11/スクリーンショット-2021-11-12-21.22.10-1024x666.png)
ロゴデザインをTシャツに展開
合成する画像は無理素材が豊富なPexelsで探します
![](https://garrettmotors.tokyo/wp-content/uploads/2021/11/スクリーンショット-2021-11-12-14.00.55-1024x551.png)
作ったロゴをペースト
![](https://garrettmotors.tokyo/wp-content/uploads/2021/11/スクリーンショット-2021-11-12-14.01.21-1024x561.png)
サイズを調整
![](https://garrettmotors.tokyo/wp-content/uploads/2021/11/スクリーンショット-2021-11-12-14.01.28-1024x559.png)
トーンを馴染ませるために乗算で不透明度を70%くらいにすれば完成です
![](https://garrettmotors.tokyo/wp-content/uploads/2021/11/スクリーンショット-2021-11-12-14.02.08.png)
まとめ
Adobe Illustratorを使ってのロゴデザイン制作はデザインの現場でもよくあります。お店や企業のロゴだけでなく、チラシやDM・ポスターなどもロゴっぽく作る必要がでる場面は多いので。Adobe Illustratorを使ってのロゴデザイン制作はデザイナーの必須項目といえるでしょう
今回のような液体っぽいロゴ表現は使い道も多く、応用もできるので
一度実際に作ってみて、雰囲気をつかんでおくと引き出しやアイデアがふえてデザイン案を出す手助けになる事もあるとおもいますよ!
試しに作ってみるだけでも楽しいので、ぜひ一度試してみるものオススメです。