ひさろぐ

だらだら、ぼちぼち。

イラレで同人誌のロゴを作るマン

こんばんは氷雨です。

普段からたまに表紙頼まれたりノベルティ作ったりしてます。

 このツイートが伸びた。ビビるほど伸びた。半年以上経ってもまだ通知くる。

 

正直専門書てきとーに買えばこういうのいくらでも書いてあると思うんだけど

まぁもっと分かりやすく広まってくれたらそれはとっても素敵だなって。

 

んで字書きの友人から、「同人誌のタイトルを作りたい。イラレ教えて。」

と改めて言われたので、ざっくりとですが自分のやり方をまとめておきます。

他にもロゴに関してのツイートっていっぱいあるけどなかなか

技術的な部分に言及するのって難しいので。(追記*難しかった!!!)

 

イラレ持ってるけど全然扱えなくて投げちゃったひととか、

きれいに作りたいけど何からやればいいの!?てひととか。

そこそこ居ると思うし、今はアドビ様が月額制で扱えるようにして下さってるので

比較的触りやすいソフトになった・・・と思いたい。

「テキストベタ打ちしただけのタイトル」から脱却する

きっかけぐらいにはなったらいいなぁと。

・・・やる気のある人の何かの参考にでもなればいい・・・かな・・・

 

作業環境はイラレCS3、MacBook Proのメモリ4GB、OSX10.7.5。

あんまり親切な説明じゃないかもしれないけど、お付き合い下さいまし。

 

イラレで同人誌のロゴを作るマン】

「タイトル編」フォント選びと手動で微調整していきます。

01.そもそも何が出来るのだ

02.とりあえず作るぞ<まずは準備>

03.とりあえず作るぞ<文字を打つ>

04.とりあえず作るぞ<文字から図形へ〜足したり引いたり〜>

05.レイアウトを仮組みするぞ<使い方を考えよう>

06.細部をいじるぞ<そして完成>←new!

 

その他

hisame2501.hatenablog.com

hisame2501.hatenablog.com

hisame2501.hatenablog.com

 

ネコと和解するキーホルダー(※ただし交渉決裂)

贈答用にキーホルダーを作ってたんですが、

結局自分でも欲しくなってしまったので

「ネコと和解せよ」キーホルダーを制作しました。

 

絵は飼い猫(似てない・・・)と、猫缶と猫じゃらしです。

和解っていうか・・・ただの買収では・・・?

f:id:hisame2501:20180421183141j:plain

 

無事和解・・・したかったんですけど、入稿後に渾身のスペルミスが

発覚した為今回は交渉決裂しました。無念。

ショートカットが・・・挙動がおかしいのがわるい・・・

 

f:id:hisame2501:20180421183145j:plain

 

細かいところは流石に潰れちゃうかな、と思ってたんですが

想像以上にめちゃくちゃ丁寧に彫って色入れして頂いてて大満足です!

アクリルキーホルダー.comさんありがとうございました!!!

 

acrylic-keyholder.com

 

伝えたい、この美しさ

こんにちは氷雨です。MacOSをついに猫科から卒業しまして、

とりあえずきゃぴたんなうなんですけども、

CS3だとショートカットに一部不具合が出て絶妙に使いづらいです。

その都度ことえりU.S.にして乗り切ってます。たすけてほしい。あどびめ!

 

馬刺しがだいすきなんですけど、先日の飲みで鳥モモもええやんけ・・・となって、

その素晴らしさをなんとか表現したくて作りました。

Instagramでこのタグ使ってるんだけど一向に同志が増えない。なぜだ。

 

 

至って真面目にノートに「生肉のシズル感」「輝き」「美味しいは美しい」

などとコンセプトを練りラフを描き、至って真面目に制作したので

解説も乗っけておきます。こういうのは大体深夜にやります(※素面だよ)

所要時間はたぶん1時間ぐらい。

 

はんなり筑紫が正義

漢字は筑紫なんですけど、文字打ちしてみた段階でいじるよりトレースしながら

特徴的なところは作字したほうが早いなって思ったので

線幅や全体のバランス以外原型はあんまり残ってないです。

f:id:hisame2501:20180304114640j:plain

ひらがなは大好きなはんなり明朝でいきました。すき!!きれい!!!!!!

だけどそのままだと漢字の細い線の印象とのバランスが取れないので

部分的にメリハリをつけるよう意識しています。

本当は書き順にも気を配ったほうが美しいんです・・・けど・・・ね!

 

パスを交差させない

これは好みというか、個人的に美しくないなぁと思う点ですが、

こういうにゅる〜っとしたしゅる〜〜っとした線を引く場合は

内側と外側のパス同士が交差しないように気をつけています。

f:id:hisame2501:20180304120612j:plain

自動で抜かれてしまう部分も塗りつぶす方法はあるんですけど、

いちいちやりたくないのと、交差した部分って印刷した時に細すぎて

なんだかスカスカで細部に気を配られてない印象になるのが嫌で・・・

もちろん意図してやる分には全然アリだと思います。ケースバイケース!

自分でもすぐ内と外どっちだっけ・・・って混乱しやすい部分なので、

下書きして取り込んでなぞる方が感覚が掴めると思います。

 

 

f:id:hisame2501:20180304122046j:plain

最後にパーツこれだけ分けてるよってのを色で区別してみました。

筆の流れとか、細かく分けすぎても綺麗にならないので難しいところですが

最初のうちはいっぱいぽちぽちしていいので頑張ってください!(丸投げ)

f:id:hisame2501:20180304122223j:plain

慣れるとこれぐらいの手数で描けるようになります〜〜〜どやぁ。

するんです501/status/969974122385043456

[PLASTIC MOON様]COMITIA123新刊ロゴデザイン

イラストレーター・一美様(@kaz_plasticmoon)の個人サークル

PLASTIC MOON」にてコミティア新刊ロゴを制作致しました。

 

f:id:hisame2501:20180217214827j:plain

「スイーツ」をテーマに、甘さと苦さ二つの性質が混ざり合い、

一つのお皿の上で踊っているようなイメージで制作しました。

グッズに使用する背景素材もお菓子のパッケージのような統一感が出ればと思い、

サークル名のイニシャルを入れたパターン素材を提案しています。

 

f:id:hisame2501:20180217221851j:plain

f:id:hisame2501:20180217215609j:plain

型抜きカードやクリアファイルの裏面も担当させて頂きました♪

 

大判ポストカードには当初から箔押しがしたい!とのご要望だったので

お菓子をパッケージで選ぶときのようなわくわく感と、

1枚だけ飾っても、並べて飾っても可愛くなるように、

キャラクターの個性の違いが楽しめる表現を目指しました。

f:id:hisame2501:20180217215633j:plain

 

その他にも新刊の本文フォーマットなどでお手伝いさせて頂いております。

目次はお店のメニュー表のような構成になっています。

実際のほどは・・・是非お買いお求めください・・・!(笑)

PLASTIC MOON コミティア123新刊セット(PLASTIC MOON)の通販・購入はメロンブックス | メロンブックス

 

 

おまけ

自分用の壁紙にするつもりだったんですが殊の外喜んで頂けて

ツイッターにもアップしてもらいました。B0でばーん!と貼りたい嘘ポスター。

https://twitter.com/kaz_plasticmoon/status/954697870208204801

https://twitter.com/kaz_plasticmoon/status/954697870208204801

[PLASTIC MOON様]アリスのアクリルフィギュアキーホルダー デザイン

plasticmoon.booth.pm

C92でのアリスのイラストがアクリルフィギュアになりました!!

しかも色違いもある!!!!黒アリス!!!!かわいい!!!!!

キャラクター・トランプ以外の部分のデザインをとのことで

どうせなら台座の形も面白いものにしたいと思い、背景柄のティーポットと、

歯車の見える懐中時計の2案で提案させて頂きました。

 

無印のアクリルポット買ってきて中に吸盤くっつけて

ボールチェーンをなるべく短くしてぶら下げて

なんやかんや飾り付けたらめちゃくちゃ可愛いので是非お試し下さい。

ホコリも防げて、ゆらゆらすると可愛さ倍増なのです・・・!!!

f:id:hisame2501:20171128000123j:plain

使ったのはこちらですー↓

アクリルポット 約直径8×高さ11cm | 無印良品ネットストア

 

[PLASTIC MOON様]C92新刊ロゴデザイン

イラストレーター・一美様(@kaz_plasticmoon)の個人サークル

PLASTIC MOON」にてC92新刊ロゴを制作致しました!

 

<表紙採用案(A4両観音開き・8p)>

f:id:hisame2501:20170819232429j:plain

f:id:hisame2501:20170820000022j:plain頂いたタイトルの方向性から、生い茂った植物が絡み付き、

文字が覆われて隠されていくようなイメージで制作しました。

パーツ以外にもSのカーブの微調整など手を加えています。

 

<しおり用展開案(ハガキサイズ・クリア素材)>

f:id:hisame2501:20170820000034j:plain

4連のクリアしおりということで、表紙案のまま使うと

小さくなりすぎてしまう為、思い切って組み方を変えました。

周りの模様はうまく繋がるよう調整しています。

f:id:hisame2501:20170820000049j:plain

発行物の随所に使用して頂きました〜〜わーい !

 

<中面コピー採用案>

f:id:hisame2501:20170820101144j:plain

トランプのマーク4種をモチーフにした女の子4人のイラストに合わせて、

漢字にそれぞれのマークを忍ばせたデザインです。

コピーに転用する際、同じルールで別の漢字も作り起こしてます。

 

英語タイトルと日本語タイトルの両方で提案させて頂き、英語案をメインに、

日本語案は中面コピーに転用する形で採用となりました。

表紙のラフが固まっている段階での提案だったので、

極力イラストの邪魔をしないレイアウトになるように、

装飾しつつも華美になりすぎないよう心掛けています。

 

描き下ろしの可愛い女の子達がラフから完成まで爆速で上がってくるのに

終始デレデレしながらの作業でもう・・・超楽しかった・・・!!

お手に取って下さった皆様、ありがとうございました!

再販も予定されているとのことなので詳細はいずれ一美さんのツイッター

HPでご確認頂けると思います!宜しくどうぞ〜!

https://twitter.com/kaz_plasticmoon/status/896934117262082048

https://twitter.com/hisame2501/status/897802800746209280

 

https://twitter.com/hisame2501/status/897802800746209280

番外編・スキャナ無しで手書きロゴ作っちゃう

人に教えるほどのテクニックじゃないんですが

一定の閲覧数があるようなので何にも更新しないのも申し訳ないなと・・・

ざっくり言うとiPhoneで撮ってイラレでベクタ化して使うよってだけの話です。

ライブトレースという機能がありまして。便利なので是非使ってね。

Adobe CCユーザーはこういうのもあるけどすごすぎてどうしたもんか感ある。

Adobe Capture CC | 写真を編集、シェイプをベクター画像に変換

 

 

手書きの利点はやっぱり約束されしオンリーワン感だと思います。

漫画のロゴでいうとアオハライドとか。好き。

www.mdn.co.jp

 

1・書くよ

f:id:hisame2501:20170408160110j:plain

なんでもいいので書いちゃいましょう。白いノートにこんなかんじ。所要10秒。

スキャナ持ってるんですけど、電源入れて蓋明けて線繋いでっていう行程がもう

めんどくさすぎるので簡単に済ませたい時は携帯カメラで十分です。

書いたものをモノクロモードで撮って、可能ならiPhone上で補正かけて下さい。

撮ったデータはinstashareでMacにぽいっと。ワイヤレスありがたや。

win/Androidでも使えるはずなのでおすすめですー。

itea40.jp

 

2・ベクタデータにするよ

撮ったデータをイラレ上で開きます。真ん中の四角はA4サイズのアートボードです。

画像でかいな!!!これくらいのサイズなら十分使えるぞーーーいえーーい

f:id:hisame2501:20170408161327j:plain

画像を選択した状態のままで、オブジェクト>ライブトレース>トレースオプションで

f:id:hisame2501:20170408162347j:plain既にそれっぽい!!!それっぽいけどちょっと太すぎるので調整。

もっと繊細な部分まで表現したかったらやっぱりスキャナ要りますね。

「ホワイトを無視」は必ずチェックを入れておきます。

しきい値とぼかしをいじるだけでもだいぶ変わるので色々いじってみて下さい。

 

f:id:hisame2501:20170408162702j:plain

「トレース」をクリック、オブジェクト>ライブトレース>拡張で

f:id:hisame2501:20170408163452j:plain手書きからものの数分でベクタデータになりました。わーい。

この状態だとグループ化されているので、Ctrl+shift+Gでグループ解除。

字間やら大きさやらのバランスを整えつつ1字ごとに複合パス化。

f:id:hisame2501:20170408164711j:plain

f:id:hisame2501:20170408165235j:plain

漢字とひらがなの太さがあんまり違いすぎるとみっともとないけど

突貫工事ならこんなもんじゃないでしょうか・・・だめかな・・・

必要ならオブジェクトの線を「有り」にして太らせるとか、

パスのオフセットとかで適宜調整したほうが綺麗だと思います。

 

3・デザインに落とし込んだよ

フォトショで写真いじったりしつつはい完成。

f:id:hisame2501:20170408165458j:plain

安易に海辺なかんじで。素材はぱくたそさんから。

ぱくたそ-フリー写真素材・無料ダウンロード

いつも助けて頂いております(変な写真もいっぱいあるけど)

 

別にロゴじゃなくても、こういう簡単な落書きとかちょっとしたパーツを

配置したい時にも重宝するので適度にずぼらにいきましょう。

f:id:hisame2501:20170408170709j:plain