![102号室](https://www.kotori-danchi.online/wp-content/uploads/2023/05/2c08ce748b5318aaae6bf81447266de4-150x150.png)
こんにちは。10年以上Illustratorを使って仕事をしている、Adobe大好き102号室のデザイン鳥です!
この記事では
- イラストレーターでハートを作りたいけどどうやるの?
- 今すぐハートを作りたい!
- Illustratorにはじめて触れる
という方のために、
イラストレーターに初めて触れる方でもきれいなハートを作る方法を3つご紹介します♪
”超”初心者向けのイラストレーターチュートリアルになっておりますので、アンカーポイントやハンドルを細かく調整!などといったスキルは不要です。
【超簡単】Illustrator(イラストレーター)で作るハート3選
①シンボル(イラレに元々用意されているデータ)のハートを使う
レベル:1
流れは以下の通りです。
新規ファイルを開く→シンボルから♡を持ってくる→リンクを解除する→完成☆彡
![102号室](https://www.kotori-danchi.online/wp-content/uploads/2023/05/2c08ce748b5318aaae6bf81447266de4-150x150.png)
では!実際に作業していきましょう♪
1.イラストレーターで新規ファイルを開く
![](https://www.kotori-danchi.online/wp-content/uploads/2023/04/b571f4a6717cac0e6628478a714c97a9-2-1024x576.jpg)
2.上部からウィンドウ(W)をクリック>シンボルをクリック
![](https://www.kotori-danchi.online/wp-content/uploads/2023/04/0b73225202e2c6271dee3d9aef1fa29e-1024x576.jpg)
3.シンボルの横にある「三」をクリックし「シンボルライブラリを開く」を選択「Webアイコン」を選択
![](https://www.kotori-danchi.online/wp-content/uploads/2023/04/webicon-1024x576.jpg)
4..ハートのマークのイラストがあるのでドラッグして外へ持って行きます
![](https://www.kotori-danchi.online/wp-content/uploads/2023/04/57e9de21d7d3cd7419ac300a00d4747e-1024x576.jpg)
6.ハートのイラストが置かれたら、その上で右クリック
7.シンボルへのリンクを解除を選択します
![](https://www.kotori-danchi.online/wp-content/uploads/2023/04/87a2e3705562d77556c4231a9fb5df94-1024x576.jpg)
8.完成です♪
②文字を図形にする
レベル:2
![102号室](https://www.kotori-danchi.online/wp-content/uploads/2023/05/2c08ce748b5318aaae6bf81447266de4-150x150.png)
文字を図形にすることをアウトライン化と言います。(覚えなくてもOK)
流れは以下の通りです
新規ファイルを開く→文字で♥をタイプする→図形化する→完成☆彡
では実際に作業していきましょう!
1.イラストレーターで新規ファイルを開く
![](https://www.kotori-danchi.online/wp-content/uploads/2023/04/b571f4a6717cac0e6628478a714c97a9-2-1024x576.jpg)
2.文字ツールを選択
![](https://www.kotori-danchi.online/wp-content/uploads/2023/04/971bc988c909f0dc5a1dae68442d9c98-1024x576.jpg)
3.好きな場所に「ハート」と文字を打って「♥」に変換
![](https://www.kotori-danchi.online/wp-content/uploads/2023/04/c5629392bde409991278de31338173de-1-1024x576.jpg)
4.選択ツールに変更
![](https://www.kotori-danchi.online/wp-content/uploads/2023/04/fe79cec6e2c4f0275e326569ee6571cc-1024x576.jpg)
5.3で打った♥を選択し 上部の書式(T)>アウトラインを作成 を選択
![](https://www.kotori-danchi.online/wp-content/uploads/2023/04/d40e87fe447f66bb7f69a230c83c5236-1-1024x576.jpg)
6.完成です♪
③フリーのシルエット素材サイト「SILHOUETTE DESIGN」を利用する
レベル:0
最後は筆者も大変お世話になっているフリーのシルエット素材サイト「SILHOUETTE DESIGN」様です。
![](https://www.kotori-danchi.online/wp-content/uploads/2023/04/522660c827b4f6c5cf9a73a2811641c5-1-1024x576.jpg)
費用も掛からないどころか、面倒な会員登録なども不要で、急いでいる時に大変ありがたい仕様となっております。
※商標登録はNGとなっておりますのでロゴなどを作成する際はご注意下さい。
では実際に作業(?)していきましょう
1.SILHOUETTE DESIGNのサイトにアクセス
2.上部検索バーで「ハート」と検索
3.検索結果に表れた素敵な素材から使用したい素材をダウンロード(今回はaiデータのダウンロードがおすすめ)
![](https://www.kotori-danchi.online/wp-content/uploads/2023/04/89547658ddf029d7bdc63f10522fc44a-1024x576.jpg)
4.ダウンロードしたファイルを開いて完成です。
![](https://www.kotori-danchi.online/wp-content/uploads/2023/04/c0e45dfb7c7b5f7b034933fb721642d8-1024x576.jpg)
![102号室](https://www.kotori-danchi.online/wp-content/uploads/2023/05/2c08ce748b5318aaae6bf81447266de4-150x150.png)
おしゃれなハートがたくさん♪本当にありがたいです。
2023年更新☆生成AIが超便利
2023年のアップデートで生成AIが実装されました!これによりハートを自分で作成しなくてもテキストを入れるだけでAIが自動で作ってくれるように!!!
やり方は超簡単なのでぜひお試しください!
①作りたいハートのサイズの四角を作成する※サイズを指定する
②ウインドウからプロパティパネルを開く
![](https://www.kotori-danchi.online/wp-content/uploads/2023/12/image.png)
③プロンプト欄に作りたいイラストの指示をタイプする 今回は可愛い赤いハートマーク
![](https://www.kotori-danchi.online/wp-content/uploads/2023/12/image-1-1024x588.png)
④作った四角を選択した状態で、生成ボタンをクリックする
⑤バリエーションが3つ作られるので好きなものを選択する。※気に入ったものが無ければプロンプトを少し増やすか、再度生成ボタンをクリック。
![](https://www.kotori-danchi.online/wp-content/uploads/2023/12/image-2-1024x640.png)
⑥完成☆彡
まとめ
以上、ハートの作り方3選でした。
いかがでしたか?ハートは思ったより複雑な形をしていて、一から綺麗なハートを作るとなるとかなりの労力が必要になります。
ぜひIllustratorに自信が持てるようになったら一から作ってみてください♪また、新しい作り方を生み出してくださいね。
コメント