MENU
お役立ち記事
【近日公開】AIが物件資料からSUUMO・at homeの入稿文を作成「入稿メイト」|先行登録受付中(無料)

イラストレーターで色んな線を作ってみる

今回はサンプルチラシにある3種類の【線】を作っていきます。

少し応用して【線のカット】までやっちゃいます!

目次

水平の線を作る

まず、ツールバーから画像↓の【直線ツール】を選択し、線を引きたい場所で【Shift】を押しながら水平に引っ張るとまっすぐな線が引けます。

コントロールバーで線の太さを調整します。
コントロールバーは【ウィンドウ】から開けます☆

次に、ツールバーかコントロールバー(どちらでも可)で線の色を選択します。

※shiftを押しながら線を引っ張ると、水平・垂直・45度の線が引けます(‘◇’)ゞ
動画で確認してみましょう↓↓

とってもよく使うので覚えておいてくださいね~

これで簡単に水平の線を引くことができました☆

同じ要領で画像ピンクの線を作ります☆

こちらも同じようにshiftを押しながら水平に線を引っ張ります。

次にコントロールバーで線の太さを調整、ptを増やしていくと↓のように太い線ができました☆
続いてカラー選択もしちゃいましょう。

簡単ですね!!
太い線は、長方形ツールでも同じデザインで作ることができますが、これから説明するアレンジをする際の操作性が違ってくるのでやりたいアレンジに合わせて線で作るか、長方形で作るか選んでくださいね☆

次にやると早いこと

操作を1つずつ検索していると、どうしても抜けが残ります。ここから先に進むのに効くものを、安い順に挙げます。

◯△▢でつくる Illustrator描き方講座
◯△▢でつくる Illustrator描き方講座

丸と三角と四角の組み合わせだけで形を作っていく本です。ここで扱っている花や月と同じ考え方なので、1つ作れた人がそのまま次に進めます。

デザインの学校 これからはじめる Illustratorの本(2026年対応・改訂第10版)
デザインの学校 これからはじめる Illustratorの本(2026年対応・改訂第10版)

操作を1つずつ調べるのに疲れたら、一度通しでやるほうが早いです。10版まで続いている定番で、画面が今のバージョンに合っています。

Wacom Intuos Small ベーシック(ペンタブレット)
Wacom Intuos Small ベーシック(ペンタブレット)

マウスで描くのに限界を感じたら最初の1台。小さいサイズでも、線の入り抜きが筆圧で変わるので文字ロゴや吹き出しが描きやすくなります。

※ 本記事には広告(アフィリエイトリンク)が含まれます。紹介している商品は、記事の内容に関連するものを編集方針にもとづいて選んでいます。Amazonのアソシエイトとして、おかあさんのおうちは適格販売により収入を得ています。

点線(破線)を作る

次にチラシやはがきによくある、【切り取り線】を作っていきます(*^^*)

最初に、さっきと同じ要領で今度は垂直の線を作ります。
shiftを押しながら縦に引っ張ると垂直線ができます(*^^*)
太さとカラーも選んでくださいね☆

この線を、破線(点線)に変換します(‘◇’)ゞ

コントロールバーの【線】をクリックしてBOXを開く

【破線】にチェック

破線の線分(点線の幅)を調整します。(今回は5ptに設定しました☆)

これで普通の線が、破線(点線)に変わりました

ここから少し応用技を使います。

線をカット→消去

線をカットして消去→文字を埋め込みます。
↓↓のような切り取り線を作りますよ~(*^^)

まず、切り取る範囲を決めるためにテキストを仮置きします。

この時、縦文字を作るには文字ツールを右クリックで縦書きを選びます

切り取りたい範囲が決まったら、【アンカーポイント追加ツール】で切り取る線の上部と下部に新しくアンカーを作ります↓↓ アンカーポイントについてはここから確認

細かい作業になるときは、ズームすると見やすくなりますよ☺
【alt+マウスクルクル】でズームイン・アウトです(*^^*)

アンカーが作れたら、次にはさみツールを使用します。
はさみツールは消しゴムツールを右クリックで選択できますよ( ..)φメモメモ

はさみツールで先ほど作ったアンカーを2つとも、ポチっとクリックします。

これで1本だった線が3つに分割されました‼↓↓

ぱっと見は変化がわからないんですが、、、

ダイレクト選択ツールを使うと、3つに分かれた線が1本ずつ選択できることが確認できます☆

ここで、消してしまいたい線を選択します。↓↓

選択したら、backspaceで消去(‘ω’)‼‼

無事、線の真ん中がカットできました~☆

先ほど作った縦文字をはめ込んで完成です(*^^*)

おまけ

線はコントロールバーの【線】を開いたBOX(プロパティBOXでもOK)からたくさんアレンジできます(*’ω’*)

矢印や記号付きも簡単に作成できるのでいろいろなデザインに挑戦してみてくださいね~(*’ω’*)

次回は簡単にグラデーションをつくるよ

SeeYou~

独学で「なぜこの作り方なのか」が埋まらないとき

操作の手順は調べれば出てきますが、どの場面でどの機能を選ぶのかは、記事を1本読むだけではつながりにくい部分です。デジタルハリウッドの通信講座はIllustrator・Photoshopを課題を作りながら進める形式で、つまずいた箇所を質問できます。講座内容と料金は無料で確認でき、個別相談会だけの参加もできます。

デジハリ・オンラインスクールの講座内容を見る

ソフトの契約がこれからなら、講座とAdobe Creative Cloud 1年分がセットになったコースもあります。
Adobe CC付きの講座を見る(アドバンスクールオンライン)

※ 上記リンクは広告(アフィリエイト)を含みます。

Googleで「おかあさんのおうち」の新着を優先表示する

災害・道路・住まいの新しい記事がGoogleのトップニュースに出やすくなります。ボタン1回で登録できます。

このページについて聞いてみる・教える

この街のことを知っている人が答えてくれるかもしれません。ニックネームだけで書けます。

投稿内容必須
0 / 2000
画像任意・2枚まで

位置情報(EXIF)は保存時に自動で削除します。表札・ナンバー・人の顔が写っていないか確認してください。

投稿すると利用上の注意に同意したものとみなします。

    まだ書き込みはありません。最初のひとことを書いてみませんか。

    個人が特定される内容(氏名・住所の番地・車のナンバー・電話番号)は書かないでください。 見つけた場合は各投稿の「通報」からお知らせください。 削除のご依頼はこちら

    よかったらシェアしてね!
    • URLをコピーしました!
    • URLをコピーしました!

    この記事を書いた人

    ハウスメーカー2社で営業職を経験し、不動産・建築の基礎を習得。
    その後、地域密着型の不動産会社にて営業事務として勤務し、
    契約書作成、ポータルサイト管理、物件情報の入力・更新など、
    実務全般に携わってきました。

    特に、ポータルサイトを「より魅力的に見せる工夫」や、
    反響につながる「分かりやすい間取り図作成」を得意としています。
    自分が関わった物件に反響があった時の喜びが、今の原動力です。

    現在は子育てのため一線を退いていますが、
    これまでの実務経験を活かし、
    フリーランスとして不動産会社様向けの
    バックオフィスサポート業務を開始しました。

    現場目線を大切にしながら、
    「早く・正確に・伝わる」業務サポートを心がけています。

    コメント

    コメントする

    目次