おめでとうございます！オフィシャルサイトがカッコ良すぎる。

「こんな仕事したいな〜」と思ったのでせめてプライベートワークで真似して遊ぶことにします。

本当にしっかり再現しようとすると素材探しやら細かい調整やらで時間がかかりそうなので1時間で作れる程度に手を抜きます。

ワープツールでちょろっと変形

入力した文字そのまま使うと「HK」ロゴの両端の長いトゲに違和感があります。そこでちょっと変形を加え、トゲがでてもおかしくないように下準備します。

文字を打ちます

ちょっと変形させたいのでワープを使います。

メニューから【エンベロープ】→【ワープで作成】

「水平方向」を選択し、「カーブ」を9%に設定してOKボタン。

希望のカタチができたら【メニュー】から【分割・拡張】を選択

「オブジェクト」と「塗り」にチェックが入っていることを確認してOKボタンを押します。

トゲをつくる

トゲをつくります。ガイドを引いておくと位置を揃えたい時に便利です。「あれ？元に戻したいけどどこだったっけ？」とならないようにしておきましょう。

ガイドを作っておくと、トゲをつけずらいカタチのときにもそれを参考にキレイに作ることができます。

Uは反対側のCと違ってカタチがとりずらいのでしっかりガイドをもとにキレイなトゲにしましょう。

基本形の完成

これをPhotoshopにて装飾していきます。

つぎはPhotoshop！キズらしいエフェクトはファイバーで

HKのロゴは、こまかいキズのようなエフェクトが施されています。カッコイイですね！

これをちゃんと再現しようとすると素材を使ったり、それらしい写真から抜き出したりする必要があります。

ですが、それをしていると時間がかかってしまうので今回は手軽に作ります。

Illustratorでつくった基本形をPhotoshopに貼り付けます。

つぎに【フィルター】→【描写】→【ファイバー】を選択

こんな画面がでてきますので「変化：31」「強さ：64」に設定します。

OKボタンを押すとこのようにキャンバス全体にファイバーが描写されます。

キズの方向に合わせるため、【イメージ】→【画像の回転】→【90°反時計回り】を選択します。

このようになります。そのままハンドルをドラッグして文字全体にかかるようにサイズを変更します。

文字をピンクにします。そして先ほど作ったファイバー画像を「Option」+「Command」+「G」を押してグループ化しましょう。

キズらしく見せるためにファイバーで作ったキズを白くします。

【選択範囲】→【色域指定】でキズの黒い部分を選択します。選択範囲はキャンバスを見ながら、だいたいでOK。

OKボタンを押して選択範囲が作れたら、新しくレイヤーを作り白く塗りつぶします。ファイバーで作ったもとの黒いキズは不要ですので非表示にしておきます。

なんで非表示？

削除してしまうと、もう一度選択範囲が作りたくなったときにもう一度作らなくてはなりません。面倒なので作業中はいつでも同じ操作ができるように残しておきましょう。非表示にしてレイヤーパネルの一番下に置いておけば気になりません。

キズができた

ちょっと雑な感じはしますが気にしない気にしない

文字枠を作る

HKのロゴには文字の縁がありますのでこれを作ります。

Illustratorに戻って、最初に作ったロゴに縁をつけます。

文字を選択し、「線」を3ptほどの太さにします。

【オブジェクト】→【パス】→【パスのアウトライン】を選択し、線をパス化したら「パスファインダー」パネルから「合体」を選び、線で太らせた部分も元の文字に合体させます。

Photoshopに戻って、太らせたロゴを後ろに配置します。

縁レイヤー（以下：縁）を白にします。次にスタイル設定したときに効果が分かりやすいよう背景を黒に塗りつぶします。

「縁」をダブルクリックし、以下の画像のように数値を設定します。

これで縁が金属っぽく見えるようになりました。ポイントはサテンのレイヤースタイルの「輪郭」を変更することです。

つぎに【フィルター】→【描写】→【照明効果】を選択し、中心が明るくなるように設定します。設定は画像参照。

そうするとこんな感じになります。

色の濃さや両端のヒゲあたりの影が気に入らないときは同じ画像を統合し、重ねてから乗算をします。そしてレイヤーマスクをかけて、不要な箇所を黒く塗っていけばOKです。

レイヤースタイルだけで実現するのは難しいので、適宜暗くしたいところなどはブラシで直接塗ります。

完成！

あとは満月を入れて、青いもやや火の粉を合成すればOKです。

無料の写真素材サイトを探せばいろいろ出てきますのでイメージにあったものを選びましょう。

もやもや部分はブラシで直接塗り塗りしています。

中央線突発シンドロームとは？

今回サンプルで使った「中央線突発シンドローム」略して「ちゅうとつ（chutotsu）」はFlashmobをやりたい！と言い出して集まった3人のユニットです。

高円寺でなにかおもしろいFlashmobやろうと思いますのでFacebookページとかでまた告知しますー。気が向いたらイイネしてやってください。

https://www.facebook.com/chutotsu

▲ ページ上部へ戻る

2 Responses 祝変態仮面映画化！HKみたいなロゴをつくろうto “”

1. @woopsdez より:

   2013年3月5日 3:19 PM

   祝変態仮面映画化！HKみたいなロゴをつくろう | ウープスデザインブログ (デザイナーまめこ) http://t.co/E8lKQnPGAn
2. @webzine_japan より:

   2013年3月8日 12:15 PM

   祝変態仮面映画化！HKみたいなロゴをつくろう http://t.co/aLfAUU1j29