<< 短編『 残機:ゼロ 』二話目の挿絵トカ
マジメにバナーナしてみました >>
イラレでオリジナルばな~なを!
2022-02-20 15:48:39  | コメント(10)
Illustratorクセ強い、倦厭されるソフトの代表ですけどね、私は好き。
そこで基本の
『Illustratorでバナー画像を作る方法』を御説明。

まずは『新規ドキュメント』の設定からっ!!
i626053
①名前(N)
とりあえずデフォルトそのままでも、なんでもいいです。
②幅(W) 高さ(H) 単位(U)
単位はピクセルに設定します
(気分でポイントでやってた)
幅・高さは仕上がり寸法になります。

私は最近1500x500で作ることが多いです。Twitter準拠だそうで。


アートボード上にある1ピクセルの黒枠が、保存時に書き出される範囲です。
イメージ画像
(今回は個人使用フリーの素材ですけど)を読み込んで配置します。
『整列』ツールの右下『アートボード』を有効にしておくと、ピタリ位置合わせできます。

うまくいったら『オブジェクト→ロック(Ctrl+2)』で固定です。


では、小説タイトルを入力します!
ツメ情報が無いフォントが多いので、『オプティカル』に設定するのがミソです。
縦書きのときは『書式→組み方向』から『縦組み』を選択してください。
それから軽くサイズ調節しておきます。


似合いそうなフォントに変更して、サイズ調整。
文字ツメは『Altキー+左右』で簡単にできます。
縦組みなら『Altキー+上下』です。

完成したら『書式→アウトラインを作成(Shift+Ctrl+O)』で分解
テキストがベクトルデータになり、縦長ツールパレットの右上にある白いマウスカーソルを使って頂点を好き勝手に編集可能になります。

上の例だと、例えば左右に隙間が目立つ「す」は、横棒を短く。
「け」の可読性が悪いので、ちょっとだけ修正したりしました。
で、文字色を変更。
『フィルタ→スタイライズ』で、『ドロップシャドウ』もつけています。


では、『ファイル→Webおよびデバイス用に保存』で書き出しです。
この時、『画像サイズ』のタブで『アートボードサイズでクリップ』にチェックを入れておきます。


オリジナルばな~な 完成しました!!
Illustrator特有の、シャープなタイトルロゴ。
ぜひクリックで拡大してみてください!!
AdobeのJpeg保存アルゴリズムは優秀で、画質に対して容量を小さくできるという美点もあります。そのまま印刷にも使えて、とっても便利です。

ただ…『ファイル→Webおよびデバイス用に保存』のときですね。
▼私の場合は透過PNGを書き出します。

▲これを使い慣れたペイントソフトでフィニッシュする素材に使う。
背景画像の上にのせてお絵描きするわけです。

いかにも背景フリー素材ぽかったけど横シューっぽい鉄臭さが出せました。
こういう細かい色調節や書き足しは、ペイントソフトが楽なんですよねぇ。

❀疑問・質問はコメントくだされば書き足します~❀

@゜▽゜)ノ では みなさん なろうにオリジナルばな~なを!!!

@゜▽゜)ノ 八葉とりるさん こんにちわ~♪

フリー素材を「素材」として使うのです!!

> 書いてることもよくわかんない(。-ω-)

大丈夫です!
ほとんどみんな「わかんない」と思ってますよ? (^-^;
投稿者:塩谷 文庫歌  [ 2022-02-24 03:32:50 ]


八葉ですよ~

フリー素材をそのまま使うんじゃなくて色とか変えてもいいんですね~

よく見れば雲も書き加えられてる!
ゲーム画面風のバナーなんですね|д゜)!!

でもどうやってるのかわからない。
書いてることもよくわかんない(。-ω-)
みんなこれわかるんだ~···
投稿者:八葉 とりる  [ 2022-02-23 16:56:34 ]


@゜▽゜)ノ ながぶろさん おばんで~す♪

これは、なかなかピッタリなフリー素材を発見しました。
商用利用不可ですが、 底 辺 作 家 は 自由に使えます。

イザとなったら、見た感じ似てる画像を自分で作ればいいですし。(コラ
投稿者:塩谷 文庫歌  [ 2022-02-20 21:04:48 ]


@゜▽゜)ノ ちはやれいめいさま おばんです♪

ドロップシャドウ、これは濃い紺色の乗算…だったかな?(うろおぼえ

入稿データから組み換えることもできるので、『Webおよびデバイス用に保存』は便利です。
※別名保存し忘れて「 入 稿 デ ー タ が ! 」も、ありますが。(^-^;

ちはやさまは、今まで使ってきた種類が多いですからね。
 ^-^)/ なんとなく触っているうちに覚えられますよ~!
投稿者:塩谷 文庫歌  [ 2022-02-20 21:00:28 ]


ここまでいくとバナーをぱっと見だけでも世界観も伝わってきそうですね。いや、もはや表紙!
投稿者:ながぶろ  [ 2022-02-20 20:20:06 ]


バナーかっこいい!!
ドロップシャドウするとしないじゃ大違いですね。
イラレを使いこなせないクソザコちはや、すげーの一言しか出てきませんです:( ´ω` ):
投稿者:ちはや れいめい  [ 2022-02-20 19:00:27 ]


@゜▽゜)ノ 厠師匠 こんちわでござる~♪

一度、作っておけば、拡大・縮小してもぼやけない。
そこがベクトルデータの良いところです!!

が。

インクスケープは難物でしたねぇ。
私も、あれは使えませんでした… ( ノД`)
投稿者:塩谷 文庫歌  [ 2022-02-20 16:46:20 ]


厠でござ~るよ~。


イラレでござるか……
拙者も何度かインクスケープはチャレンジしたことはあったでござるが、手も足も出ないでござるな。

使い方が分かれば心強いのでござろうが……そこまで高度な完成度目指してないでござるからなあ~。

結局のところ拙者のスキルではギンプと大差ないことしかできないのでござるな。
タイトルロゴとか自作する際には使い途もありそうでござるが……

まあ、参考にさせていただくでござ~る。
投稿者:厠 達三  [ 2022-02-20 16:27:46 ]


@゜▽゜)ノ 四季様 ありがとうございます!

えへへ~「カッコイイ」いただきましたっ!!

でも、作品は古い横シュー世界なのです。
これはホイチョイサンプル、使いません。←
投稿者:塩谷 文庫歌  [ 2022-02-20 16:27:21 ]


おお~
これもかっこいいですね~
投稿者:四季  [ 2022-02-20 15:58:58 ]