忍者ブログ
管理人がどうやってオンライン小説サイトを作っていったのか、その実体験によるノウハウや悪戦苦闘の日々をつづるWEB小説制作日記ブログです。 ちょっと変わった独自システム付きのネット小説サイトを運営しています。
[88]  [87]  [86]  [85]  [84]  [83]  [82]  [81]  [80]  [79]  [78
×

[PR]上記の広告は3ヶ月以上新規記事投稿のないブログに表示されています。新しい記事を書く事で広告が消えます。

自作サイトに小説を載せる場合、小説タイトルは普通の文字入力でもできますが、「画像」にすれば見栄えが良くなります。
 
また、普通の文字入力でタイトルを入れた場合、読者の閲覧環境によってはせっかく設定したフォントが変わってしまう可能性があるのですが、画像にしておけば読者の閲覧環境に左右されることがありません。
 
また、画像でロゴを作成する技術を身につけておくと、後々何かと役立つことが多いです。
 
なので今回はそんな「画像加工ソフトで小説タイトルロゴ自作する」方法についてまとめていこうと思います。
 
下記内容は、あくまで管理人が思考錯誤して覚えてきた技術ですので、世の中にはもっとやりやすい方法もあるかも知れません。
 
また、文字加工は本当は「イラストレーター」の方がやりやすいと思うのですが、管理人がPhotoshopしか持っていないので、フォトショでのやり方のみ載せています。
 
以上のことを踏まえた上で参考程度にご覧ください。
 
今回は管理人の最新作「囚われの姫は嫌なので、ちょっと暴走させてもらいます!~自作RPG転生~」のタイトル・ロゴを例にとって説明していきます。
1.まず、適当に文字を打ってみる
まずは全体のタテ・ヨコ比を、ロゴを入れたいページ・箇所をイメージの上、決定。
 
そこに収まるように適当に文字を入力・配置していきます。
 
フォントも思考錯誤しながら決めていきます。
 
(一般に、明朝体はシリアス向き、ゴシック体はコメディ向きかと思われます。)
 
ちなみに「囚われの姫…」では「漢字」は「HGP明朝B」、「ひらがな」は「HGSゴシックM」で、漢字をひらがなより大きめに設定しています。
 

 
2.文字配置に「動き」をつける
1では文字をただ真っ直ぐ配置しているだけですが、文字の流れに「動き」を付けるとロゴがダイナミックな雰囲気になります。
 
たとえば、同じ「ひらがな」でも、文字によってサイズを変えてみたり…(下の図では「囚われの」の「の」や「ちょっと」の「ょっ」等を他より小さいサイズにしています。)
 
全ての文字を真っ直ぐ横に配置するのでなく、文字によって上下にズラしてみたり、ちょっとナナメに配置してみたり…
 
文字間隔を詰めてみたり広げてみたりしてみても、雰囲気が変わります。
 


3.文字自体の形をちょっと変えてみる
フォトショップの場合、テキスト入力で入れた文字は、通常なら変形できません。
 
ただし、文字レイヤーを選択し「レイヤーをラスタライズする」と、文字を変形できるようになります。
 
特定の文字の形を変えると、また雰囲気が変わってきます。
 
文字自体を回転させてナナメにしてみたり…(下の図では「囚われの姫は」の「は」の字をちょっとナナメにしています。)
 
たとえば、文字自体を縦方向に拡大してみたり…(下の図では「姫」と「嫌」の文字をちょっと縦長にしています。)
 
さらに、文字の「はらい」をちょっと伸ばしてみたり…
 
(「姫」の字の「はらい」をちょっと伸ばしています。イラストレーターではなくフォトショップでやっているので、右上に色付きで載せた「姫」の字のように、コピーして回転させた文字を上手い具合に伸ばしたい「はらい」部分に重ね、不要な部分を消しゴムツールで消していくという地道な方法でやっています。)
 

 
4.文字に色を付ける
小説イメージに合わせて文字に色を付けると、グッと華やかになります。
 
全てを同じ色にしても良いですし、文字によって色を変えても良い感じになります。
 

 
5.特殊効果を付ける
フォトショップでは様々な特殊効果が付けられます。
 
影を付けたり、立体的にしてみたり…
 
様々な効果を思考錯誤して試してみると、面白い感じに仕上がります。
 

 
上の説明では横長のロゴを作成していますが、投稿小説の「表紙」などは縦長なことが多いので、縦長バージョンも作ってあります。

     
 
ロゴを作る際には、先にイメージ・アイディアをラフ・スケッチしておくことも多いです。
 
たとえば、こんな感じで…。
  ↓

 
これが、ロゴとして作ると、こんな感じになります。
  ↓
 
 
   

拍手[0回]

PR
ブログ内検索
ブログ更新&チェックについて。

このブログは管理人に時間の余裕がある時にちょこっとずつ更新していく予定ですので、更新やチェックの頻度はおそらく数週間に1回~下手をすると1ヶ月以上の間が空いてしまう可能性も…。
もし更新が滞ったり、コメントくださって返事がなくても「あぁ、仕事が忙し過ぎて時間が無いんだな」と気長にお待ちいただければ幸いです。

ブログもくじ
ブログ記事一覧

(サイトと連動して作ったこのブログのもくじです。手動更新のため、最新記事などは入っていない可能性が高いです。)
管理人プロフィール
HN(ハンドル・ネーム):
津籠睦月(つごもりむつき)
職業:
社会人(毎日PCを使う仕事。残業も休日出勤も普通にあります。)
趣味:
小説・HP制作、読書、猫と遊ぶこと。
好きな小説ジャンル:
ファンタジー、冒険、恋愛、青春、推理、濃い人間ドラマの展開するモノ。
備考:
漢検2級(準1以上は未受験)。国語の最高偏差値80(高2時点)。

オリジナルのWEB小説サイトを運営しています。
猫好きです。
HPにも小説内にも気づけばあちこちに猫が…。
各種WEBサービス公式リスト
↑ 下部のURL( twitter.com/i/… )をクリック(タップ)でリストが表示されます。
webサービス不具合情報
参加ポータルサイト

人気ブログランキング
参加しているポータルサイト(ランキング)です。
相互RSS
アクセス・カウンター
小説サイト「言ノ葉ノ森」関連Tweetまとめ
P R
忍者ブログ [PR]