春山 有由希 / ハルヤマ ユウキ UX / UI Design HTML / CSS Graphic Design Photography Designer & Front-end developer 福岡でプログラマとして就職後、Web制作会社に転職し、デザイナーになりました。 ECサイト、テレビ局や番組サイトのデザイン、執筆や講師業などで経験を積んだのち上京し、株式会社Fablicで フリマアプリ フリル(現ラクマ)のUI/UXデザインを担当。 その後、楽天株式会社でデザインチームマネージャを担当したのち、 フリーランスのデザイナーを経て、現在は株式会社スマートバンクでデザイナーをしています。 MORE PROFILE
Webportio | Graphical resource of Adobe Fireworks Adobe Fireworks向けの商用利用可能な画像リソースサイト「Webportio」 吹き出し、ボタン、リボン、スライダー等のUIリソース等が公開されており、便利に使えるようになっています。 嬉しいのが商用利用でも使えること たとえば次のようなリソースがダウンロードできます 種類は100種類以上! テイストもWEB2.0っぽくていい感じ これからも増えていくみたいです。 関連エントリ これは絶対覚えておいた方がよいシルエットの素材集 フリーの写真素材が入手出来る30サイト じゅうたん風の美麗背景パターン素材集70 ボタン作りにもう手間はかからないPhotoshopのボタン素材150
古びた紙素材を作成するチュートリアル 今日Twitter経由でこのサイトを知った。 Lunacore Photoshop Training - Old Poster tutorial (part 1/9) これこれ。これ知りたかったー!「WANTED」とか書いてあって掲示板にはってありそうな感じの加工方法。 9ページにも渡って超丁寧にPhotoshopの加工が解説してありました。全部英語だけど、なんかキャプチャと拾える単語だけ見て想像力で解読できるはず! 元々はこちらのConveni-Ent - 味のある古びた紙素材を作成するチュートリアルで上のサイトを知ったんだけど、他にも2つ、汚れた感じの紙を作るチュートリアルがリストアップされてて参考になりましたー! ということで、やっぱりFWでやってみた なんていうか、FW使いはフォトショ使いに比べてちと肩身が狭いと感じる事が時々あるのでFWでも同
調子にのってもう一個もエントリーしとこうかな。 Adobe Fireworks では、インターネットで数多く出回っているフォトショップブラシがブラシとして使えない、と言われています。 最近でもmixiのコミュニティで質問があがっていましたし、海外でもIs there any way to use photoshop brushes in FW?とか、PHOTOSHOP BRUSHES INTO FIREWORKS?とかにもあるように、できねーYO!と言われています。 この回答は確かにフォトショップやイラストレータを使いこなしている人には正しいです。Fireworks では、ブラシとしてフォトショップの無料ブラシは利用できません。 ですが、デザインが本職ではない私のようなレベルの人間には、スタンプとして使えれば十分なので、コレは正しくありません。 で紹介されている、http://abrvie
構想雑文 WEBデザインとmacに関すること中心の自分向けメモ主体のブログ。 DREAMWEAVER、Illustrator、Photoshopなどのアプリケーションの設定や使い方。HTML、CSS、JavaScript、PHPのコーディングのことをあれこれ書いています。 「[Fireworks]オリジナルテクスチャの追加方法」の続きです。 Fireworks8以降、塗りに適用される「パターン」のイメージはアプリケーションフォルダ内のConfigurationフォルダの「Patterns」フォルダに保存されています。 オリジナルのパターンを反映させるには、この「Patterns」に自作のパターン画像を保存します。 パターンを追加するときの注意は以下です。 パターンとして使用できる画像ファイル形式は、PNG、GIF、JPEG、BMP、TIFF、PICT(※PICTはMacのみ)。パターンにで
MagnusFx | Creating A Glossy 3D Buttonに Photoshopを使ったボタンのチュートリアルが載っていたので Fireworksでも同じことができないかな?と思い Fireworksで同じボタンを作ってみた。 まず、長方形を作って角丸を設定。 グラデーションとグローフィルターを適応。 その長方形をコピーして最背面に配置。 グラデーションを設定してボタンの側面を表現。 2つの長方形の間に側面のグラデーション用の長方形を配置。 光が当たってるのを表現するため 明るめの色で楕円を作成し周囲をぼかす。 長方形をコピーしてマスクをかける。 メタリック感を出す。 ハイライト部分を表現。 高さ2pxの長方形を作成し、以下のように設定。 ボタンの影を作成。 文字を入れてドロップシャドウでなじませて完成。 レイヤーはこんな感じ。 Fireworksでも十分に質感のあるボタ
デザインを行っていると画像の切り抜きという作業が必ず必要となることがあります。 その中でも人物の切り抜きは髪の毛を含むので普通にパスを使って切り抜いていたら非常に手間がかかってしまいます。 Photoshopを使っている場合こんな方法でできるというのは割と有名なのですが、人物の切り抜きだけのためにPhotshopにツールを変えるというのも癪なので、fireworksで試行錯誤の上、これが一番楽だろうという方法を見つけましたので紹介します。 ※環境はfireworksCS3を想定しています。 1、切り抜く画像を開く まず切り抜く画像をそのままfireworksで開きます。今回は髪の長い女性の画像を選んでみました。髪の先端が細くて切り抜くのが難しそう 2、髪の毛以外の部分のふちをペンツールで選択 ひとまず体などのふち(外側)をペンツールで選択します。髪の毛は適当に余白をとって選択しておきます。
http://lockesdistillery.com/!https://www.facebook.com/ChannelZero0!Webデザインにお悩みですか?若者125名で海外旅行/海外ボランティア ・オーストラリアは今も昔も魅力的な国です。約1年間留学していました。 この留学。きっかけは大の親友が学生旅行から帰国し「大陸的な考え方にかわった!」と目を輝かせていたから。「これはいかねば!」と思ったけれど、いかんせん一人で海外旅行さえ行ったことがなかった私は大使館でビザを取得するにもドキドキ。やっとビザを取得した時には一回り大人になった気がしました。これは海外旅行では味わえない達成感です。いざ、オーストラリアへ留学。最初の街はパースでした。あまりにも日本人がいなくて、正直心細かったです。学校が開始になり、やっと会えた大阪からきた子と仲良くなりました、彼女は海外ボランティアや国際ボランテ
Fireworksで作成した,アイコンなどのWeb素材の公開のほか画像処理からデザインまで幅広く書いています。
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
Webデザインをつくる際、現在は「Photoshopでつくる」という人が Fireworksに移行するきっかけになればと思い、制作手順を紹介します。
Fireworksで使えるテクスチャファイル300種類を無料で配布しています。商用利用も可能です。ライセンス Fireworks texture galleryで配布してるテクスチャ画像(png形式)は、以下のルールを守ってダウンロードをしてください。 商用利用も問題ありません。Webサイトだけではなく、印刷物などに利用していただいても構いません。 Fireworksなどの画像加工ソフトで加工していただいても構いません。 著作権は放棄してません。許可なく素材として再配布することは禁止してます。 更新履歴 2009年5月21日 Fireworks texture galleryをリリースしました。 「水平線」「垂直線」「円」「斜線」「星」「和風」「チェック」「花」「ハート」「ダイヤモンド」「モザイク」「雪」からなる12のカテゴリ、300種類のテクスチャを公開しました。
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く