the update time is suitable.
illustrator: 2008年7月アーカイブ
Sun
27
Jul
2008

0727.gif

三年まえ作ったロゴを新調。今後はこれをサインに所々で使っていこうと思うます。syngは語呂が悪すぎるので結局sとgにした(´・ω・`)/~
以前のロゴ気に入ってたので、ベースの形だけは引き継いで。あと文字の部分はMSゴシックからの変形・加工で、セットに。

072702.gif

どうでもいいけどこうすると、鳥が交尾しているみたいに見える。鳥の交尾をモチーフにロゴを作りました!だれが交尾ロゴやねん('`)

トラックバックを書き込む コメントを書き込む
Sat
26
Jul
2008

0726.gif

あれ、おかしいな。Illustratorで仕事の資料整えるぜーと思ってたの――に――・・・。プレステのロゴぽいのを作りたかったんだけど、途中からなんか変わってしまった。がっくり。

途中から「あ、これ全然イケてねーな」て思ったんだけどもw、メモキャプチャも取り始めていたので、とりあえず最後までやっちゃえーっと。

前回はどうやら二週間前にやったらしいので、こういうのはちょこちょこ忘れた頃見返す用に、月2本くらいやっていきたいね。結構昔の自分のファイルみて「これおれどうやったん」っていうの多いのん(´・ω・`) 解説は例によって長いので、以下続きから。

その1.文字列は「SYNG」をチョイス。前回はベースフォントからの製作だったけど、今回は直線文字をラインツールで描いていくので、とりあえずはベースとなる正方形を四つ用意。大きさは別になんでも。


その2.ラインツールで直線で「SYNG」を描画。


その3.そのままだと正方形から各辺はみ出すので、辺が収まるように調整。キャプチャじゃ写ってないけどここでラインをアウトライン化しておく、っと。


その4.最終的な形を想像しつつ、各文字を45度くるっと回転。


その5.その4で並べたものを一旦無視してw、押し出しから、「X軸回転」を45度で回転。押し出しは今回は25px。このへんは変形させる図形の元サイズによりけりなので、適当な薄さに調整して。


その6.んで、もう一回その4の形に。下の白い背景は使おうとして使わなかったのでスルー汁(´・ω・) このアト色を弄るので、アピアランスを分割。


その7.synonymgraphicsの現在のキーカラーが緑なので、それぞれ緑系に着色。S→Y→N→Gの順にちょっとずつ濃くしていって、文字の流れ順が読めたらいいな的な。わかんねーけどヽ(^o^)/ (実は+次進む文字の方向に、テキストの下辺も向いてる)


その8.オマケパーツの作成。適当にいつも使ってるテキストライブラリからよく使う文字列をうんたらかんたら抜き出して・・・


その9.そんでそれをさくっと整えて、グループ化。


その10.同じ要領で、押し出し0で、X軸を45度回転させる。NGの横にくっつけて。


おわり.で、完成。


解説の後半の手抜きっぷりがヒドい・・・。その4、5あたりで、「あ、これなんかダメだわ」と気付いたのでまんま解説もそんなテンションでお送りしました。もっと図形ばらまいて空間を作れば?、もっとなんとかなりそうな気もするけど、今回はお開き。

それか、違う角度で各文字を建てて、積み木が積んであるみたいにすれば面白かったかも。そういうのはまた今後で(´・ω・`)/~~

トラックバックを書き込む コメントを書き込む
Sat
26
Jul
2008

0725.gif

図形の大きさの違いは、比率的にな話。あんま様にならなかったナ・・・。そもそも、こんなもん作ったところで、七年前からおれ一枚も壁紙完成させてないよっていう。3Dとかはできないので、あくまで擬似的に。

「こういうの」作りたかったんだけど、なんか「こういうの」じゃないんだよなー!なんていったらいいのかわからんのだけどもw 足りてない足りてないんよ。

ちょっとでも「うぉー」って思った人は、ヤツにけしかけて本職の技で完成させてもらうといい!

解説はまたごめんちょっと面倒だったので、ここにいくまで右往左往した軌跡を、縮小画像で見て想像してプギャーするとチョット楽しいです。以下続き。

trash.gif

トラックバックを書き込む コメントを書き込む
Sat
19
Jul
2008

0718.gif

ふと、ね。何年か前に、となグラがあってねーっていうのを、holidayさんと話した記憶があったなと思って。アニメは三話目見逃しちゃってそのままなんだけど(´・ω・) 当時すぐ思いついてはいたんだけど、Illustrator今ほど触ってなかったので、作らなかったのを、二年越しに。どうみてもエロゲロゴです。本当にありがとうございました。

前回のMSゴシックみたく解説しようと思ったんだけど、途中でそう思ったので、こんとろるぜっとで戻ってキャプチャ撮ってくのも面倒になったので、最後だけ。シノニムの奇妙な冒険に続き、二個目。もうちょっと語呂がムリくさくてもこういうパロディは作ってて楽しいのでやっていきたいな。

トラックバックを書き込む コメントを書き込む
Sun
13
Jul
2008

HDDを引き続き整理中。昔のMADムービーとか、壁紙とか自分が忘れてたのを見せてもらって懐かしすぎて悶絶。こんな時代もありました。そして投げ出し癖ヒドすぎワロタ。合作とか言われて失踪したの何回だよ。

で、それとは関係なく、そのむかしテキストに定評のある~とか、ホントなのかおちょくってんのかそういわれたこともあったりするので、なんとかそれっぽい記事をポストしてみようテスト。tipsカテゴリ初ポスト!

以下、今回もながったらしいので、続きから。僕が壁紙とか作るときに最初にやるテキスト作成部分をざっくり解説。ベースフォントは「MSゴシック」を選択。

その1.まずは対象テキストを「synonymgraphics」で作成開始。MSゴシック、縦横カーニングすべて無設定の状態。いくらなんでもこのまま使うのはキツいw

その2.とりあえず、文字間調整をかける。一括してカーニング設定するんじゃなく、ここは一文字一文字調整。nとoの間はそれほどでもないけど、hとiとcあたりは開きすぎですヨとかいいながら、調整。後々最終的にまた調整するのでざっくりでOK。出来上がりは下の段。なんかやっぱりまだキツい感じ。


その3.縦に間延びしている感じがするので、フォントのheightを調整。まだずんぐりむっくりな感じがする(´・ω・`)

その4.このあとの調整はテキストデータのままではマズいので、まずはアウトライン化。


その5.フォントがぶっとい気がするので、パスのオフセットで細く調整。今回は-1.8ピクセルくらいでざっくり。ここは気に入るまで何度も調整。大分マシになってきた!(よね?)


その6.ここからは仕上げの調整。フォントの上3割くらいをカット。

その7.そのまま色を軽くして、黒フォントに重ね、薄く影をつける。完成系が見えてきた。


その8.この段階で文字間を最終調整。ここで一番時間をかける。-1.2ピクセルとかちまちまちまちま調整。


その9.完成!それっぽく見えていると無理やり納得する。

こんな感じでした。お疲れ様でした。いろいろ突っ込みどころはあると思いますが、僕がテキスト加工する手法のうちの一つです。所用時間は30分程度だけど、ここからロゴっぽく加工していくのはまた今度チャレンジしてみます。テキストは要は使い方だと思います。カーニングそのままはどんなフォントでもなかなかバランスが難しいと思うので、字間の調整するだけでもガラッと雰囲気変わると思います。

また次回~(やんのかwww) @ちょっと修正21:30

トラックバックを書き込む コメントを書き込む
  • 1
track feed synonymgraphics