「ロゴ」タグアーカイブ

\すごく/illustratorでロゴを作ろう! ただし・・・\ダサい/

タイトルの通りです。凄くダサいロゴを作りましょう。

何故かって? 作りたくなったからです。ソフトはillustratorを使います。イラレとか言われる奴です。

そこはかとなく醸し出されるダサいオーラにジワジワと悶絶してください。

一発ネタとかに使えるかも知れませんよ?

まず適当なサイズで新しいドキュメントを作成します。他への取り回しを考えると大きめに作った方が良いんじゃないでしょうか。

これだ! と思えるダサいタイトルを考えます。

文字関係のプロパティを弄ります。段落を中央寄せ、行間を狭めます。

良い感じにダサくなってきました。

テキストをアウトライン化します。これにより文字列を線の集合体に変換するのです。文字列を右クリック、「アウトラインの作成」を選択します。

文字列が線の集合体になりました。色を変えます。

色を「白」線を1ptの「C100% M0% Y100% K0%」とします。

 

全体を選択し、右クリック、「変形>拡大・縮小」を選択します。

縦横比を固定し50%小さくし、「コピー」します。

これで文字列のオブジェクトが二つできましたね。

新しく出来た小さい方の文字列を、「Shift」を押しながら下にずらします。

大体お互いが1/4ずつ重なるイメージです。

小さい方の文字列をメニューにある「オブジェクト>重ね順>最背面」で後ろの方へと配置します。

線の色のみ変更します。「Mのみ100%」としました。

全体を選択し、上メニューより「オブジェクト>ブレンド>ブレンドオプション」を選択、「ステップ数90」にしてOKします。

上メニューより「オブジェクト>ブレンド>作成」により、ダサいロゴが完成します。

ダッサ!

だせえ!!

背景に風景写真をもってきてみましょう。

素晴らしいダサさです。

私の初めてのillustratorデビューはこんな感じになってしまいましたが、皆さんはこうならないように気をつけてくださいね・・・。

 

css – Text-Shadowによる文字デザインのカスタマイズ記事まとめ part1

CSSカスタマイズによる文字装飾の記事は各所で上がりますが、後々探すのが大変なので自分のためにもよく使わせて貰う記事をまとめます。


Using CSS Text-Shadow to Create Cool Text Effects

Using CSS Text-Shadow to Create Cool Text Effects
he CSS3 text-shadow property has been around for some time now and is commonly used to recreate Phot …


css3のtext-shadowによるテキスト装飾のサンプル集 – かちびと.net

css3のtext-shadowによるテキスト装飾のサンプル集 – かちびと.net
たまに使うので自分用にメモします。 css3のtext-shadow等を使用した テキスト装飾のサンプルコードの 備忘録です。工夫すればいろいろ と作れるんでしょうけど、とりあえず よく使うものをピッ …


自由自在!CSS3のtext-shadowを使ってをロゴ作ってみる|Webpark

自由自在!CSS3のtext-shadowを使ってをロゴ作ってみる|Webpark
CSS3のtext-shadowが面白そうなので個人的に色々ロゴを作ってみました。想像力が膨らみますね。 text-shadowの基本的な使い方はこのようになります。 …


text-shadowサンプル – unpco

[CSS3]text-shadowサンプル – unpco
今回はよく使うCSS3のtext-shadowの小技を紹介しますよ。 気に入ったのをコピペで使ってください。 IEは適応外なので、この内容は他のブラウザで見てください。IE10は採用されるらしいです …


コピペでOK、text-shadowを使ってテキストにさまざまなスタイルを与える全23種類のスタイルシートのまとめ | コリス

[CSS]コピペでOK、text-shadowを使ってテキストにさまざまなスタイルを与える全23種類のスタイルシートのまとめ | コリス
画像は無し、数行のスタイルシートを加えるだけでテキストにさまざまなスタイルを与えるデモを紹介します。 …


エレガントからレトロまで、text-shadowを使った美しいエフェクト集 | コリス

[CSS]エレガントからレトロまで、text-shadowを使った美しいエフェクト集 | コリス
text-shadowを使った美しい4種類のエフェクトを紹介します。 エフェクトはCSSのみで、もちろん画像は使っていません。 …