アイコン、ボタン、リボンをはじめ、フォーム、スライダー、ツールチップ、メニューなどウェブデザインでよく使用されるようなエレメントをFireworks用のファイルで配布しているサイトを紹介します。 Webportio Graphical resource of Adobe Fireworks [ad#ad-2] 素材の利用にあたってはウェブサイト・ソフトウェアなど、個人でも商用でも無料で使用できます。また、利用の際にはバックリンクの必要もありません。 お願いとして、このサイトを何らかの形で広めてくれると嬉しい、とのことです。 素材はウェブデザインによく利用するエレメントも数多くあり、下記にいくつか紹介します。
2010年11月09日00:45 画像ネタアート・デザイン 日本を代表するグラフィックデザイナー、永井一正のポスター集(画像32枚) 動物やパターンを利用したポスターが特徴的で、第一回モスクワ国際ポスタートリエンナーレグランプリ/紫綬褒章/芸術選奨文部大臣賞/第11回ブルノ国際グラフィックビエンナーレグランプリ‥等々国内外で多数の受賞歴を持つ永井一正さんのポスター。 Tweet 動画や画像が消えていて見られない際は、こちらの記事にご連絡頂ければ出来る限り対応致します。 後楽園ジャンボプール(1973) 『ライフサイエンスライブラリー』 生長の話(1966) 東芝「コンピュートピア紀元一年」(1967) 『ライフサイエンスライブラリー』 心の話(1965) 沖縄国際海洋博覧会(1975) 『ライフサイエンスライブラリー』 細胞(1966) ウインドウ5展(1969) プリン
Latest Word » Tutorials » Noise Texture in Photoshop Jul.25.2010 Noise Texture in Photoshop Tags: Beginner, Photoshop I wanted to switch it up this week to do a quick tip on how to create noise (grainy) textures with Photoshop to add subtle detail to your next project. A lot of times I feel that its the small and subtle details that really makes a project shine. Let’s get started. 1. Fill Base Lay
Weevi.com an online ordering system for restaurants, groceries and shops is offering businesses many exciting fresh ecommerce features, including a branded app, advanced loyalty and intelligent features that keeps the solution running and growing with little manual setup and marketing efforts. Features that you only used to see in big investments platforms are now available for smaller businesses.
画像ファイルやライブカメラ画像の一部を抽出して、背景や壁紙などに最適な継ぎ目のないシームレスなパターン画像を生成するオンラインサービスを紹介します。 スケールの移動に伴い、パターンも変化 利用方法は登録を必要とせず、簡単です。 サイトにアクセスします。 Repper Lite 画像ファイルをアップロードします。 「1. pickup image」の「upload」をクリックし、画像を指定しアップロードします。画像のフォーマットはJPEG, GIFで、サイズは600px以下のようです。 ライブカメラを使用する場合は「video」をクリックします。 アップロードした画像は「2. create your pattern」に表示されるので、スケールを移動して好みのパターンを生成します。 パターンが決まったら、保存します。 「download pattern」をクリックすると、パターン画像がダウンロ
Adobe Photoshopのプラグインの一覧です。プラグイン以外にもスクリプトなどを利用したツールなども掲載しています。プラグインによってはすでに販売終了しているものがあるかもしれません。また、プラグインはPhotoshopのバージョンに依存するので使用しているバージョンで利用できるかどうか確認しておく必要があります。 他にも、こんなプラグインがあるなどの情報があれば、openspc@alpha.ocn.ne.jpまでメールをください。 フィルタ/画像処理 AlpharayDirect (アルファレイ・ダイレクト) AlphaRayShader 2.5D表現プラグイン 12bits Filter 1stImpact 3D Maker 3D Invigorator 3D Shadow 3D Sphere Generator 3D Sphere PRO 3DTile(デスクトップピクチャ生
CCライセンスで提供されており、個人利用ならフリーのアイコンセットがこの「Legendora Icon Set」です。ゴミ箱がクリスタルで表現されていたり、ファンタジーRPGでよく出てくるようないかにもそれっぽいアイテムの数々がくっついてフォルダアイコンが揃っていたり、Firefoxのアイコンがあったり、見た目のかわいさと実用性とを兼ね備えた使いやすくバランスの取れたアイコンセットとなっています。 ダウンロードとその他の同じような雰囲気のアイコンいろいろは以下から。 Legendora Icon Set by *Raindropmemory on deviantART http://raindropmemory.deviantart.com/art/Legendora-Icon-Set-118999011 作者はRaindropmemoryさんで、以下がアイコンセットの中身を紹介した画像で
Fireworks ショートカットコンボ(追記有) あまりにも放置気味なので何か更新しようかな、ということで、よく使うFireworksのショートカットコンボでも。 >>080912:パスパネルについて追記しました。 最前面のオブジェクトでマスクするショートカットコンボ 例えばこんなん。適当な背景の上にオブジェクトを乗せてマスクする時。 テキストにフチ線がついてるのは白背景だと分かりにくいからつけただけ。とりあえず重ねる。 いくよっ! 「Alt+M」→「M」→「G」 (「修正」→「マスク」→「マスクとしてグループ化」) さぁ!みんな声を出して覚えて! (n'∀')η<オルト エム エム ジー! 最前面のオブジェクトでマスクの小ネタ え?こんなの誰でも知ってるって? んじゃ・・・これを合わせて知ってると便利だよ! 最前面のオブジェクトでマスクする時はオブジェクトを半透明にして合わせる位置を確
Supawhat? Stripes are undoubtly very popular graphical element these days. They are used in many ways in web design, mostly as background patterns of various layout parts or block elements. Here is a fresh tip that could save your time. Solid and transparent When i match colors for some web site, i find it very easy if i use one small .GIF image, which has one stripe transparent and others are sol
斜線の背景も最近のWebデザインの特徴の一つです。Background Image Maker を使えばカンタンに斜線の背景画像を作ることが出来ます。が、もっと便利でかつ汎用的な斜線の背景画像の作り方が Super Stripes で紹介されていたので試してみました。 まずは Fireworks で 4 x 4 ピクセルの新規ドキュメントを作成します。このままだと編集しにくいので、表示比率を 3200% にしておきます。 ラインツールで 1px の「硬い線」を斜めに引きます。 最適化パネルで書き出すファイル形式を GIF にし、さらに「透明化するカラーの追加」で線のカラーを選択します。 書き出しをすれば画像は完成です。 あとは、css で背景画像と背景色を同時に指定します。
今回は、Mac OS X のDashboard っぽいバーを作ってみます。(ちなみに、私は根っからのWindowsユーザーで、Dashboard を触ったことはありません・・・) まず、角の丸みが100%の角丸矩形を描きます。塗りの色は#000000、ストロークは「なし」にしておきます。 描画した矩形をコピー&ペーストで複製します。(下の図ではわかりやすいように複製したほうの塗りの色を変えています。)元の矩形を「base」、複製したほうを「gradation」とします。 次に「gradation」の大きさを変えておきます。幅と高さをそれぞれ2pxずつ小さくしてください。 矩形ツールで「gradation」の半分の高さの長方形を描き、「gradation」の上辺と揃えます。長方形の塗りの色を#000000、透明度を50%ぐらいにすると、重なり部分が見えるので調整しやすいです。 ここで、Par
FireworksでWeb2.0デザインしてみる - Part.3 そろそろネタが尽きてきましたが、第三弾です。今回はバッジに挑戦! 星型で適当な大きさの星を描きます。 画像を選択すると黄色のポインタが5つ現れると思います。これらのうち、「頂点」というのを動かして頂点の数を24ぐらいにします。さらに、「半径2」も動かして、下の図のようにします。 次は塗りを調整します。「塗りの種類」で[グラデーション]-[線形]を選び、左右の色を調整します。 さらに、グラデーションの方向を縦にします。shiftキーを押しながらだときれいに90度回転させることができます。 ドロップシャドウをかけます。各設定値はキャプチャのとおりです。 完成!これは簡単に出来ました。 ちなみに、PingMag - 東京発 「デザイン&ものづくり」 マガジン » Archive » ウェブデザインのトレンド:死の宣告にもあるよ
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く