タグ

2011年7月6日のブックマーク (3件)

  • Fireworksを使いこなそう!ワンクリックでパスをアウトライン化 - EC studio デザインブログ

    Fireworksの「パス」ウィンドウには、作業効率をアップさせる機能がたくさん! でも、正直たくさんありすぎて機能がいまいちわかりにくい!! そこで自分のマニュアルもかねて、デザインブログで 少しずつ使い切れてない機能を紹介していきたいと思います。 今回は、「ワンクリックでパスをアウトライン化」と その応用として「オシャレな文字づくり(テキストの縁取り)」の方法を紹介します。 オブジェクトをポイント無しの状態で選択。 そして「パス」ウィンドウの「ストロークを塗りに変換」をクリック。 たったこれだけ! アウトラインをとる前に、パスの線をお好みの太さにしておきましょう。 【応用】オシャレな文字づくり(テキストの縁取り) テキストを打ち込みます。 ツールバー「テキスト」→「パスに変換」を選択。 そのあと、線と塗りを逆転させ塗りを透明にします。 線の太さをお好みに調整して、「パス」→「ストローク

  • Fireworksで立体的なアイコンを作る方法 - EC studio デザインブログ

    サイトや広告バナーをつくる際に、イメージアイコンを使うことがよくあります。 ただ、配布されているイメージアイコンを使用する場合、 「形を少し変えたい!」 「複数のアイコンを組み合わせて使いたい!」 など、サイトなどの雰囲気に合うよう、手を加えたくなる時があります。 ただ、データの加工が不可だったり、加工するのに時間がかかったり… 時間短縮のために配布素材を使ったのに意味がなかった!なんてこともあります。 そんな時はイメージアイコンを 最初から自分で作る! というのも1つの方法です。 今回は、Fireworksを使って簡単に立体的なアイコンを作る方法を ご紹介したいと思います。 作業は単純。 パスの合体 パスの切り抜き 拡大縮小 の繰り返しです。 1.形をつくる 楕円を2つ描きます 楕円の上に四角を重ねて合体させます 合体したパスの上にさらに四角を重ねて切り抜き、余分な部分をカットします 合

  • 知ってるようで、実は知らない?! Fireworksの小技 - EC studio デザインブログ

    こんにちは、端山です。 デザイン部は全員「Fireworks」を使っていますが、 みんな実務経験やスキルが違うので、基独学で習得。 そのため、たまに他の人の作業をみてると 「あ、そんな簡単なやり方があるんだ!」ということが・・・ 今回はそんな「知ってるようで、実は知らない?!」 Fireworksの小技をご紹介します。 細い矢印を作る方法 オートシェイプから引く太い矢印ではなく、オープンパスから作る 細い矢印の作り方をご紹介します。 1.「ラインツール」か「ペンツール」でオープンパスを引く 2.オープンパスを選択する 3.ツールバーの「コマンド」→「クリエイティブ」→「矢印の追加」 4.好きな矢印の形を選んで「OK」をクリック! 曲線上にテキストを配置する方法 普段あまり使うことがないので、いざという時に 「どうやるんだったかな?」と忘れてしまいがちな小技。 1.テキストを入力する 2.