![見出し画像](https://assets.st-note.com/production/uploads/images/51803105/rectangle_large_type_2_bc253d9e916726680397c7850bfae433.png?width=1200)
#illustrator イラレでもできる!修正可能なドロップキャップの作り方
皆様おはこんばんチワッス!ゲラです!
さてさて今回のテーマは
イラレでもできる!修正可能なドロップキャップの作り方
でございます!
ドロップキャップとはなんぞやって方!
![スクリーンショット 2021-05-08 17.26.58](https://assets.st-note.com/production/uploads/images/51822397/picture_pc_228c2e0440c7f9905a27a257b624271f.png?width=1200)
こんな風に本文の1文字目だけ大きくする表現で
単調な本文に遊びを出してあげることができます!
このドロップキャップはIndesignでは標準でついている機能なんですが
残念ながらillustratorにはない機能なんですね…
作ろうと思えば作れるんですが僕が紹介する以外のやり方で無理やり作ると
修正する時や文章を差し替える時に、
1文字目と2文字目以降を別々に修正したり…
結構手間がかかります(汗
でも今日は修正も簡単なドロップキャップの作り方を伝授しましょう!
そんじゃいきますよー!!
【1】
まずはエリア内文字で本文を作ってあげましょう!
文字の設定は、フォントサイズ:20px 行送り:30pxでやってみます!
文字ツールでドラッグするだけで簡単に作れます!
![画像1](https://assets.st-note.com/production/uploads/images/51798774/picture_pc_6fc3d142745aabb069d3ad1f74ec2774.gif?width=1200)
【2】
次に正方形を2個作ります。
20pxの正方形と、50pxの正方形を作りましょう!
![画像2](https://assets.st-note.com/production/uploads/images/51799086/picture_pc_8a09a9dce9cc446ed39c8dc8977538cf.gif?width=1200)
【3】
次に本文のテキストボックスの左上角少し下のボックスをクリックします。
そしてそのまま20pxの正方形をクリックしましょう!
するとテキストボックス同士が連結されます!
※20pxの正方形をクリックする時に、正方形のパスの部分(外周)をクリックしないと、正しく連結されない場合があります!
![画像3](https://assets.st-note.com/production/uploads/images/51799325/picture_pc_7f4bb14adec41e2be7c59ca110bafa3b.gif?width=1200)
【なぜ20pxの正方形を最初に作ったのか】
このステップで1文字だけがちょうど収まるテキストボックスを作りたかったからです。
本文のサイズを変えてやりたい時は、ステップ2で本文の1文字分の大きさの正方形を作るようにしましょう!
【4】
20pxの正方形を選択して、アピアランスパネルから
新規効果を追加→パスの変形→変形
を選択しましょう!
そしてもう一つ作った50pxの正方形と同じサイズになるように
縦横共に250%に拡大してあげてください!
![画像4](https://assets.st-note.com/production/uploads/images/51799893/picture_pc_0602ef72c97d9ba0fea6efd93a95d3c2.gif?width=1200)
【5】
もう少しですよ頑張りましょう!
今度は50pxの正方形を選択して、塗りを無しにしましょう!
上部オブジェクトメニュー→テキストの回り込み→作成
を選択します。
続けて
上部オブジェクトメニュー→テキストの回り込み→テキストの回り込みオプション
を選択します!
すると回り込みオプションが出るので10pxでOKを押しましょう!
![スクリーンショット 2021-05-08 12.33.17](https://assets.st-note.com/production/uploads/images/51802175/picture_pc_33094f196fb5e182901895a24b041713.png?width=1200)
【6】
あともう少しです!(2回目
テキストの回り込みを設定した正方形を、
本文のテキストボックスの左上に整列します!
![画像6](https://assets.st-note.com/production/uploads/images/51802303/picture_pc_08c9436dfef5195db954a75a58ab247d.gif?width=1200)
次に1文字だけ入っているテキストボックスを
cmd+shift+]で最前面に持ってきたあと、
テキスト回り込みのボックスに対して上下中央揃えすれば完成です!
![画像7](https://assets.st-note.com/production/uploads/images/51802405/picture_pc_f5fc412a08c8ff199ff5e7a844d9bcc1.gif?width=1200)
これで修正も楽ちんなドロップキャップの完成です!
![画像8](https://assets.st-note.com/production/uploads/images/51802630/picture_pc_be5a2d4cc5193b4b9a0fcc6977970263.gif?width=1200)
いかがでしたでしょうか??
このドロップキャップはなかなか遊びがあってオススメですよ!
こうした表現を覚えてさらにデザイナーとしての引き出しを
増やしていきましょう!
そんじゃまたなお前らwwwwwwwwwwwww
\デザイナーに超役立つ素材配布アカウント!ぜひフォローお願いします/
![](https://assets.st-note.com/img/1671742969992-hb8AQtEACZ.jpg?width=1200)
Twitterでデザインや創作にめちゃくちゃ役立つ"光素材"を無料配布しております!
僕も仕事でよく使いますがデザインや作品に一瞬でこなれ感を出すことができるめちゃくちゃ便利な素材です!
下記条件を満たすことで、タイムラインに投稿されている光素材を個人商用問わず無料でご使用いただけます。
— 光工房/ヒトノセ|光素材無料配布中 (@hikari_hitonose) October 10, 2022
✨この固定ツイートをRT&イイネ
✨@hikari_hitonoseをフォロー
※使用方法は画像参照
Twitter未公開 & 印刷物や大きな作品にも使える高解像度パック↓https://t.co/G9SOJXsEmo pic.twitter.com/Nfy7Nb0DPw
■固定ツイートをいいね&RT
■本アカウント(@hikari_hitonose)をフォロー
以上の条件を満たすことでタイムラインに投稿されている光素材が個人・商用問わず無料でお使いいただけますのでぜひぜひご活用ください!
使い方はとっても簡単!!こちらの記事をご参照ください!!
\Twitter未公開&印刷でも使える超高解像度版素材はBOOTHにて販売中/
光工房/ヒトノセ BOOTH店
光フィルター素材集 Pack01
光フィルター素材集 Pack02
光フィルター素材集 Pack03
光フィルター素材集 Pack04
光フィルター素材集 Pack05
新作パックも随時追加です♫