A game to learn how to kern type

こんにちは。やっと八百屋さんの夏野菜が安くなってきてホッとしている seki です。 今回もFireworksのストロークとテクスチャについて書いていきます。 勿論皆さん、「もふもふ」した質感、好きですよね？(←押し売り) 季節的に大分遅い気もしますが、動物イラストやロゴ・アイコン・見出し背景などを、 可愛く演出してくれるFireworksで出来る個人的に大好きな質感！「もふもふ」スタイルを、手軽に再現する方法をご紹介します！ 「もふもふ」スタイルを設定する タイトル画像にあるような、こんな感じのウサギの毛みたいな質感です！ アイコンや背景を始め、ロゴ文字や、イラスト、アニメーションで動かしても可愛い。 また、写真と組み合わせても全くうるさくなく、使い勝手が良いのがお気に入りです。 女性向け・子供向けな、イラストの多いほんわかしたWEBサイトには持ってこいですね！ 設定は以下を参考に。 塗

先日友達が家に置いて行った「キャサリン」というゲームを、睡眠時間を生贄に2日でクリアした seki です。かなり久々にゲームしましたが、なかなか楽しめました。おススメです。 さてさて。今回は前回に引き続き、みんな大好き(※主に私) Fireworks の講座です。 今回は、「マル得」「合格」「請求書在中」「履歴書在中」「確認済」「支払済」などなど、ビジネス現場などでもよく目にする事が多い、シャチハタ（印鑑）っぽい文字を、 Fireworks で手軽に再現する方法をご紹介します。 例といたしまして。笑えるくらい今更ですが、今年入学した学生さんを祝って！ 「合格」印を作りましょう。 まずは普通に楕円形ツールを選択。 今回は解り易い様に大きめに作るので、180×180px の円を描きます。 塗りは「透明」、ストロークの太さは「14」色は「赤」。 種類は「エッジが硬い線（丸）」、位置は「中央」。

2017年6月29日 Webサイト制作, Webデザイン 最近会社でFacebookページを作成する事があり、楽しくてすっかりハマってしまったManaです。そのノリでここWebクリエイターボックスのFacebookページも作ってみました。そこで、Facebookページ作成中に役にたったコードやプラグイン・サイトを紹介します。 ↑私が10年以上利用している会計ソフト！ ※これは2010年に書かれた古い記事です。更新記事「Facebookページの作り方 2012年1月版」をご覧ください。 Facebookページのカスタマイズ概要 Facebookページの基本的な作成手順についてはかちびと.netさんが詳しく解説しています。なので、ここではFacebookページをHTMLやCSSでカスタマイズできるFBMLというアプリケーションやその他のプラグインを使った、もう少し踏み込んだFacebookペー

一定期間更新がないため広告を表示しています

こんにちは！ 最近、PCの見過ぎが原因か目がショボショボの鈴木です。 流行のPC用メガネが気になってます。 さて、今日はFirewoorksでかっこよさげなイケテルボタンを作ってみたいと思います。海外のサイトとかでよく見ますよね！ こちらが完成イメージ。 １）背景 では早速背景を作っていきます。 こんな感じで長方形を書きます 微妙にグラデーションをかけるのがポイント！ ２）背景にノイズを追加 フィルター　＞　ノイズ　＞　ノイズを追加 今回はこんな感じで適用しました。 これを背景の上に配置して、乗算をかけると 見た目だとわかりにくいですが、こんな感じになります。 ３）検索ボックスの背景 真ん中に角丸長方形を書きます こんな感じで背景より少し濃いめのグラデーションと、少し薄めの線です。 ４）立体効果の追加 非常にわかりにくいですが、ベベルとエンボスと光彩（外側）をかけて深みをだします。 詳細は

Fireworksが好きで好きでたまらなくてサイト立ち上げました。Fireworks界をもっと盛り上げたい！もう少し書籍とか増えたらいいのになぁ…。 詳しくはAbout meにて。 管理者のTwitterです。更新情報もお伝えしてます facebookページです。是非いいね！を RSSの登録はここからどうぞ ご連絡の際はこちらか"Contact"へどうぞ

管理者のTwitterです。更新情報もお伝えしてます facebookページです。是非いいね！を RSSの登録はここからどうぞ ご連絡の際はこちらか"Contact"へどうぞ Fireworksで作成するパーツとしては基本中の基本、ボタンの作り方の一例です。作業自体は、慣れてしまえば5分足らずで完成します。ボタン作成はFireworksの基本といっても過言ではありませんから、是非作成してみましょう！ 矩形オブジェクトを作成 まずは矩形ツールを使い、ボタンのベースとなるものを作成します。下記の例では、プロパティ」→「角丸の半径」に数値を入れ、角丸も出しております。 グラデーションをかける より質感を出すため「プロパティ」→「塗り」に対し、グラデーションを設定します。あまり色差を出し過ぎるとチープに見えてしまうので、気を付けましょう。軽くかける程度でいいです。 内側に白線を作成して強調 オブジ

初めてのバナー制作 最初に作ったバナーは素材が多かったのでなるべくたくさんの素材を使って作ろうとラフ案を書きましたが実際に仕上がったバナーは素材が多すぎて全然まとまりのない物になってしまいました、ので今度は二枚の写真に絞り作成しました上の写真がその時のですが左のクルマのナンバーが気になり違う写真に入れ替えたのが下バナーです。 構想を崩さないよう作り直して大分自分なり近づけた内容になりました、それで気づいた事ですが、 バナーはシンプルさの中にいかに目に付く画面構成にする事だなと理解しました、まだまだ初心者ですが感性を磨いて行きます、この後の制作した物も公開していきますので宜しくお願いいたします。

少しこれからUI（ユーザーインターフェース）とか出てきそうなので自分なりにざっくりと説明しておきます。 【UI】user interface（ユーザーインターフェース） UI（ユーザー インターフェース）は、ユーザー＝利用者と接する表象です。とはいっても、ざっくり言うと画面のことです。業務システムやWebアプリケーション、Webサイトなどを利用するということを前提にしています。劇で例えると、舞台の見えているものです。 【IX】interaction（インタラクション） ここでいうIX（インタラクション）は、利用者と画面の相互のやりとりです。クリックしたらどうなるとか、画面というよりも動きや反応という連続するものをどう構成していくか、ルールを作り秩序を生むかというあたりです。劇でいうと脚本や、舞台上の動き、台本、コンテのようなものです。 【UX】user experience（ユーザー エク