【Illustrator】ハートマークの作り方(後編)アレンジ方法|完成素材DL可

Illustratorを使ったハートマークの作り方のご紹介です。
Illustratorを使ったハートマークの作り方【アレンジ方法】前編の続きになります。

【目次 後編】
4 ハイライトを入れてプクっと感
5 ドット柄ハートに
6 角度違いのラインでガーリーに

※プロでお仕事されている方向けではありません。
※Illustratorの基本的な操作を理解している方にオススメです。

#002【イラストレーター】ハートマークの作り方2/Adobe Illustrator CC 2017
グラデーションを使ったり、線の種類、パターンを追加したり・・・
全部で6パターンの作り方を動画にしています。
宜しければ、下の記事とあわせてご覧下さいませ。

ハイライトを入れてプクっと感

  • Illustratorのツールボックスから、外側のハートマークを
    ダイレクト選択ツール(A)で選択
  • メニューバー>編集>コピー(command + C)
  • メニューバー>編集>前面へペースト(command + F)
  • メニューバー>編集>カット(command + X)
  • メニューバー>編集>前面へペースト(command + F)

上から順に行うと、一番後ろのハートマークが、新しく前面へペーストされた状態になります。

カット(command + X)をする理由

このハートは、ブレンドツールを使ったグラデーションになっています。
そのため、外側のハートと内側のハートに繋がりがあります。
一旦カットをすることで、純粋なハートマークに戻しています。

  • ハートマークが選択されたまま、グラデーションパネルを選択
    ※無い場合は、メニューバー>ウィンドウ>グラデーション で表示します
  • 鉛筆のようなマークを選択しカラーパレットで色を変更
    ※色を増やすには・・・option押しながら左右にドラッグ
    ※色を減らすには・・・鉛筆マークを下にドラッグ
  • 角度を90度に
  • 透明パレットから「通常」横にある矢印をクリック
  • スクリーンを選択(これはなんでも良いです。今回はスクリーンにしました)
  • グラデーションの数値を微調整
  • ツールボックス>直線ツールを長押し>円弧ツールを選択
  • プクッとさせたい場所に円弧ツールで描きます
  • 線を白線にし、線幅を太くします
  • 線の終わりを丸にしたいので、線端を丸型線端・角の形状をラウンド形状
  • ダイレクト選択ツール(A)を選択
  • 白線をクリックして出てくるハンドルで角度を調整
  • 白線を選択ツール(V)で選択
  • option + shift を押したまま右にドラッグ
  • ペンツールで下から3/1くらいの場所をクリックし
    アンカーポイントを追加
  • 下のアンカーポイントをダイレクト選択ツール(A)でクリックし削除
  • 角度調整して整えます
  • メニューバー>効果>スタイライズ>ぼかし を選択
  • 適当な数値を入力
  • 透明パレット>不透明度>80%に

ぼかした分、線幅が細く見えたので、動画ではさらに太くしました。
全体を見ながら、お好みで調整してみてください。

ドット柄ハートに

  • ツールボックス>長方形ツール(M)を選択
  • shift を押しながら正方形作る
  • ツールボックス>楕円形ツール(L)を選択
  • shift を押しながら正円を作る
  • 両方を選択ツール(V)で選択し
    整列 パネルから 水平方向中心に整列垂直方向中心に整列 を選択
    ※パネルが無い場合は、メニューバー>ウィンドウから表示できます
  • 正方形の塗りを無しに
  • 正方形と正円両方を選択しスウィッチパネルにドラッグ
    ※パネルが無い場合は、メニューバー>ウィンドウから表示できます
  • メニュバー>編集>コピー(command + C)
  • メニュバー>編集>前面へペースト(command + F)で
    ハートマークを1個前面に増やします
  • 前面のハートマークを選択ツールで選択
  • スウォッチパネルから、先ほど作ったスウォッチをクリック
  • ツールボックス>拡大・縮小ツールをダブルクリック
  • 拡大・縮小パネル>オプション>パターンの変形のみにチェックを入れる
  • パネル一番上、縦横比を固定の数値を変更
    ※パターンの変形のみにチェックを入れると、ハートマークの大きさは変えずに中のパターンのみ拡大・縮小が反映されます
  • ツールボックス>回転ツール(R)をダブルクリック
  • 回転パネル>オプション>パターンの変形のみにチェックを入れる
  • 回転パネル>角度を45度にしたら完成です
    ※パターンの変形のみにチェックを入れると、ハートマークの大きさは変えずに中のパターンのみ角度が反映されます

角度違いのラインでガーリーに

  • option を押しながらハートマークを2つ作ります
  • ツールボックスから消しゴムツールをダブルクリック
  • 消しゴムツールオプションパネル>サイズを適当なサイズに変更
  • ハートマークを選択ツールで選択
  • 消しゴムツールで模様をつけます
  • ハートマーク一つ、色を変更
  • 消しゴムツールで消した後、ハートマークをそれぞれグループ化しておきます
    メニューバー>オブジェクト>グループ(command + G)
  • 両方のハートマークを選択ツール(V)で選択し
    整列 パネルから 水平方向中心に整列垂直方向中心に整列 を選択
    ※パネルが無い場合は、メニューバー>ウィンドウから表示できます

以上、全部で6種類のハートマーク後編のアレンジ方法でした。

素材ダウンロード

今回作ったハートマーク全6種はダウンロードできます。
ご自由にご利用ください。

こちらの素材は商用、非商用に関わらず無料で使用できます。素材の改変OKです。
素材そのものを販売することや、再配布はお控えください。
また、この素材をご利用した際、発生した損害等の責任は負いませんので予めご了承くださいませ。

コメント

タイトルとURLをコピーしました