https://ameblo.jp/zeroai/ メインはお仕事の話サブで趣味の話 ja
今回の目標はこれ。



文字の中から共通項を見つけたデザインです。

それでは作り方です。

文字組みを配置し、行間、文字間を調節します。



文字の中のアルファベット「O」の色だけを変更します。



次に、先ほど色を変更した「O」の中を、同色で塗りつぶします。
このときに、「No9」の小文字の「o」だけは塗りつぶさずにとっておきます。



単純なアイディアですが、それだけに印象が強いものとなるようです。
※「クリエイターのための3行レシピ　文字デザイン」より

今回はこの辺りで。


ではでは(・∀・)ﾉｼ

]]> https://ameblo.jp/zeroai/entry-11141035995.html Fri, 20 Jan 2012 17:11:43 +0900
冷静6Vタツベイです。（ドラゴンダイブ遺伝）


※身代わりとどくどくはLv1でタブンネが狩れるように覚えさせました。

これでヤーマンダを使えますなwww



それはさておき、今回は立方体のアイコンを作ってみました。

それでは作り方から。

先日の記事に書いたロゴ3文字（立方体はどこから見ても3面しか見えないので）
をコピペして、立方体の元となる四角形の上に乗せてくりぬきます。




次に、作成した四角形3つを立方体にしていきます。




これで完成です。

会社のロゴの四角っぽい感じと、モノトーンの両方が表現できていて
結構いい感じかも。


今回はこの辺りで。


ではでは(・∀・)ﾉｼ
]]> https://ameblo.jp/zeroai/entry-11140192939.html Thu, 19 Jan 2012 18:18:09 +0900
作りが雑な部分があったので作り直しました。

以前までは直線をくっつけて作ってあったため、
拡大・縮小を行うと微妙に線の位置がずれてしまい、
修正が大変でした。

しかし今回「完全にくっついてればズレないんじゃね？」
って事で、今回は直線からではなく、四角形の「差分」を利用して
作成してみました。

1文字あたりのサイズは100px × 100px。

理由は作るときにピクセル数の計算がしやすいからです。

ズレる心配も無さそうですしね。

作り方は簡単で、100px × 100pxの長方形を8個用意。
（ウチの会社のロゴが8文字から形成されているから）





1辺の太さを決めたら、逆算してくりぬけるサイズの四角を作成。




くりぬかれる側の四角を下にして位置を合わせたら「差分」をクリックするだけ。




するとこんな感じに文字が作られていくので、
作る文字を考えて全部の四角に対して同じ作業をしていきます。




全部終えて、きれいなロゴができました。




これからは拡大・縮小の心配をしなくていいですね。

今回はこの辺りで。


ではでは(・∀・)ﾉｼ

]]> https://ameblo.jp/zeroai/entry-11139174373.html Wed, 18 Jan 2012 16:07:51 +0900
前回までは会社案内の表ページを参考にやってきましたが、
コンテンツが少ないので裏ページでやっていきます。



これはまだ上司に見せる前の形で、左ページと中央ページの
コンテンツが少ないのですが、自分なりにガイドラインを引いて
作成したものです。

引いたガイドラインはこんな感じ。



結構な本数引いていますが、ほとんどはガイドラインというよりは
空白調整用のものです。

それでは文字の配置を解説していきます。




見出し一行目の下に引いたガイドラインですが、
これは2行目の上を揃える為のライン。

次は見出し1行目の右に引いたガイドライン。
これは2行目の左をそろえる為のラインです。

見出しの2行目は薄い水色の四角形の右端に揃えたいのですが、
文字数が足りなく文字間が開き過ぎるため、1行目の右に揃えたところと
薄い水色の四角形の右端に揃えたものがあります。

次に中央ページの写真掲載欄と役員紹介テキストの
揃えについてです。



写真掲載欄は薄い水色の四角形の右端に、
テキストの左は薄い水色の四角形の左端、
テキストの右は写真掲載欄の左に揃えました。

解説は以上になります。

ガイドラインを外して全体を見たとき、
左ページのコンテンツが足りない以外は中々良くできたと思います。


今回はこの辺りで。


ではでは(・∀・)ﾉｼ
]]> https://ameblo.jp/zeroai/entry-11138222306.html Tue, 17 Jan 2012 13:56:15 +0900
紹介する内容は、文字によってできたグリッドに他の文字を揃えていく
方法です。

■大まかな文字組みを作る
載せる文字を作成し、ある程度的当に配置します。




■縦のガイドラインを引く
今回は「p」の右側に合わせて文字を組んでいくので
「p」の右に合わせて縦のガイドラインを引きます。




■ガイドラインに合わせて文字を組む
上記で引いた赤いガイドラインに合わせて文字を組んでいきます。




■横のガイドラインを引く
次に基準となる横のラインを引きます。
会社名の上側に合わせて文字を組むので、
会社名の上に合わせてガイドラインを引き、
縦線との時と同様にオブジェクトを配置する




ガイドラインを消すとこんな感じ。




「株式会社」と「コンバス」が別の行になってしまい
今一つですね。

しかし、こんな文字の組み方もあるんだっていう
勉強にはなりました。

今回はこの辺りで。


ではでは(・∀・)ﾉｼ
]]> https://ameblo.jp/zeroai/entry-11137530506.html Mon, 16 Jan 2012 17:12:28 +0900
現在の会社のロゴはこんな感じ。




このロゴの完成度を上げるという事で、
少しアレンジを施してみた。

■アルファベットの角を表現する

「クリエイターのための3行レシピ　文字デザイン」に
会社のロゴに近いデザインが載っていたので真似してみる。

現在のロゴには直角な角度しか存在しないので
少し噛み砕き、45°の角度を追加する。

するとこんな感じ。




なんとなく「N」が気に入らないので、次回は「N」だけ
小文字にしたものを作ってみたいと思う。

■半分より少し下の色を反転させる

白地に黒のロゴなので、もとより色が単調になりやすいので、
白と黒のコントラストを多めに表してみる。

するとこんな感じ。




前のよりも良くはなったと思うけど
今一つ物足りないかなぁ


今回はこの辺りで。


ではでは(・∀・)ﾉｼ


]]> https://ameblo.jp/zeroai/entry-11133771089.html Thu, 12 Jan 2012 14:54:34 +0900
ブログでは初めて触れますが、ポケモンのお話。

この年で

と思われる方イッパイいるかと思いますが・・・

面白いんですよヽ(*・ω・)人(・ω・*)ノ



「乱数調整」と聞いて嫌なものを感じる方は見ないで下さい。

ポケモンには、個体値と呼ばれるステータスがあります。

個体値とは、簡単にいうとポケモン1匹1匹が持っている、
持って生まれた数値のことです。

狙った個体値を持った個体を、通常は狙って出す事が出来ないのですが、
それを狙って出そうというのが乱数調整です。

今回BWの乱数調整に初めてトライしましたが、
HGSSよりかなり簡単になっていますね。

固定シンボルと配達員の乱数までは成功しました。

参考にしたサイトは「ヤドンでもわかる乱数調整」です。

乱数調整に興味のある方は参考になると思います。


今回はこの辺りで。


ではでは(・∀・)ﾉｼ
]]> https://ameblo.jp/zeroai/entry-11133378726.html Wed, 11 Jan 2012 23:32:48 +0900 今回は中央揃えレイアウトを勉強していきます。

前回作成した左揃えの会社案内表紙がコチラ。




今回は中央揃えにしていくので、
まずは中心に線を引きます。

私の場合は、左の黒い部分を除いた幅の中心座標に
線を引きます。



この線に合わせてテキストやオブジェクトを中央に配置していきます。

全部中央に合わせてみるとこんな感じ。



前回使用時のカーニングを使用していて、
キャッチコピー部分が変なので、中央揃えように
カーニングを調整し、会社名を右揃えに調整、
高さも調整するとこんな感じ。




今回は中央揃えのレイアウトを作成するはずでしたが、
こっちの方がまとまってみえるので予定変更。

今回はここまで。

次回掲載内容は未定です。

ではでは(・∀・)ﾉｼ
]]> https://ameblo.jp/zeroai/entry-11132133799.html Tue, 10 Jan 2012 17:22:15 +0900
会社の会社案内（パンフレット）を作ることになったので、
それを作成しつつ学んでいきます。

今回作成する会社案内はA4の三つ折なので、
Incscapeの「ファイル」→「新規」→「A4_landscape」を選択します。

するとA4を横置きした描画領域が作成されます。



3つ折した一番右の部分に表紙がくるので、
そこから作成していきます。



まず、全ての文字を左に揃える為のラインを描画します。




配置したいコンテンツ（テキストやオブジェクト）を作成します。



揃えようのラインにx座標の値を揃えていきます。



座標のx座標の値は全て同じですが、ずれがあるので微調整します。



揃え様のラインにピッタリ合いましたね。



次に、カーニングの調整をしていきます。

nとyの間が開きすぎていたり、
fとiの間が狭すぎたりするのを個別に微調整していきます。



見づらかった英文も奇麗に見やすくなりましたね。



文字間の感覚は、見た目に開きやすい0と1や、詰まりやすいWとAなどから
感覚を養っていくといいらしいです。
※クリエイターのための3行レシピ　文字デザインより引用

高さ等調整して現在はこんな感じ。



う～ん・・・

変ですね

調整した文字間隔とかを個別でみると変ではないけど、
全体でみると明らかに変です。

全部左揃えにしたのが悪いんだろうな( °д°)

今回はここまで。

次回は中央揃えをやっていきます。

ではでは(・∀・)ﾉｼ
]]> https://ameblo.jp/zeroai/entry-11128138568.html Fri, 06 Jan 2012 10:52:18 +0900
いきなりカーニングといっても何の事かわからないですね

カーニングとは文字の間隔を調整する機能の事です。

Incscapeでは行間の値は数値で設定できるようですが、
文字間の間隔は数値で設定できないようです。
（ググっても見つからなかったけど出来るかも）

行間の設定の仕方はメニューバーの




をクリック。

ダイアログが表示されるので「%」の数値を変更すると行間が変化します。




125%



80%




文字間の間隔を変更するときは、
変更したいテキストを選択し、.「Alt」＋矢印キーで変更できて、

こんな感じに上下左右にずらす事ができます。




今回はここまで。

次回は、文字間を調整できると何がいいかを勉強していきます。

ではでは(・∀・)ﾉｼ ]]> https://ameblo.jp/zeroai/entry-11127490232.html Thu, 05 Jan 2012 17:45:49 +0900