タグ

Fireworksに関するnori_17のブックマーク (2)

  • YUKI HARUYAMA Portfolio Site | 春山 有由希

    春山 有由希 / ハルヤマ ユウキ UX / UI Design HTML / CSS Graphic Design Photography Designer & Front-end developer 福岡でプログラマとして就職後、Web制作会社に転職し、デザイナーになりました。 ECサイト、テレビ局や番組サイトのデザイン、執筆や講師業などで経験を積んだのち上京し、株式会社Fablicで フリマアプリ フリル(現ラクマ)のUI/UXデザインを担当。 その後、楽天株式会社でデザインチームマネージャを担当したのち、 フリーランスのデザイナーを経て、現在は株式会社スマートバンクでデザイナーをしています。 MORE PROFILE

    YUKI HARUYAMA Portfolio Site | 春山 有由希
  • Web Design Reference » Blog Archive » Fireworksでデザインをつくる

    Webデザインをつくる際、現在は「Photoshopでつくる」という人が Fireworksに移行するきっかけになればと思い、制作手順を紹介します。 ■テキストツールでコピーを書く。 ■長方形ツールで検索窓を書く。 ■検索窓を書いた後は、フィルタのシャドウ(内側)機能を使って、凹みを表現。 ■長方形ツールで四角を書いたあとに、内側をグラデーションツールで描く。 ■ボタンの内側に、少し小さめの四角を描き、ボタンの光沢を表現する。 ■円を描き、内側をグラデーションで描く。 ■円の中に、ブルーの円をもうひとつ描く。 ■四角形ツールでタブボタンをつくる。これも内側はグラデーションで描く。 ■四角形ツールで描いたら、白色の帯を入れて、四角形の下のラインを消します。 ■ラインツールでタブの境界線を引く。 ■テキストを流し込む。 ■忘れていましたが、Googleの文字を立体的にします。 ベベル(内側

  • 1