デザイナー 春山 有由希のポートフォリオサイトです。
An often overlooked member of the Adobe Creative Suite is Adobe Fireworks. This application software can be used to create vectors, design application interfaces, digital artwork, and create rapid prototypes of websites. Adobe Fireworks can also generate PDF’s, export CSS based layouts, and a variety of other features. However, Adobe Fireworks resources are not easy to find. Resources are scattere
こんにちは。和田です。 先日、iPhone4が発売になりましたね。 欲しいな…なんて思っているのですが、ド○モユーザーな自分には無理なんですよね。はぁ~。 はやく、SIMフリーの環境になってくれないかな…。 なんて気持ちをこめて! じゃなかった、 今後、iPhoneアプリの提案にも使えると思い、FireworksでiPhone4を作ってみました。 ステップ-1~10にまとめたので、皆さんも作ってみてくださいね。 ↓出来上がりはこんな感じです。 まず1200×1600pixelのキャンバスを作ります。 ステップ-1 :ステンレススチールバンド(外枠)を作る 矩形ツールで750×1472pixel(x=225,y=64)の長方形を作り、 ・丸み:28%、 ・線形グラデーション:#8c8c8c,#cccccc,#8c8c8c ・光彩(内側):距離→2,不透明度→50%,ぼかし→1,オフセット→0
【スタイル】 ●Web 2.0 styles 概要:上図のようなスタイルが入っている。 インストール方法:解凍したらスタイルパネルからスタイルの読み込みでweb20styles.stlを選ぶ。 Tips:photoshopライブエフェクトを使ってスタイルを作っているのでCS3から。 【コマンド】 ●DistriFusion FW8 画面はこんな感じ。(2つ画面がありますが、タブでごとの切り替えた画面を合成しています。) 概要:ドキュメント内のオブジェクトを複数のドキュメントに分配、逆に複数のドキュメントをひとつのドキュメントに結合できる。 インストール方法:Distrifusion_fw8_ja.mxpをインストールしようとするとPDFを書き出す場所を聞くダイアログが出るので任意の場所を選択。「コマンド」>「FireworksZone」に追加される。 Tips:Webレイヤーを選択するとエ
例えば Web サイトのリニューアル案件では「ロゴのデータはありません。現サイトで使っている gif 画像を使ってください」というケースがよくあります。 「ロゴを白抜きにしたデザインパターンを作りたいんだけど…」という場合には、ロゴをトレース→パス化して使い勝手の良い素材を用意するのがベストな方法ではありますが、トレースする時間が取れない時は以下の方法がお手軽でオススメです。 使用した画像加工ソフトは Fireworks です。 ↑支給された(というか Web サイトからコピーした)ロゴの例。透明化もされていないし、切り抜くのも面倒。 STEP 1 ロゴ画像をグレースケールで保存します。 STEP 2 グレースケール化したロゴ画像を背景の上に配置。 STEP 3 ロゴ画像を選択して「フィルタ」→「カラー調整」→「カラーの塗り」を設定。 カラーは何色でも良いですが、ブレンドモードは「反転」に
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く