TOP  >  fireworks

Tag : fireworks

2013年04月14日

Fireworksで編集できる、iOS6ワイヤーフレーム「Adobe FW template for iOS 6 wireframing」

WEB制作の主流の制作ツールであるAdobe、Fireworks。photoshopとイラストレーターを組み合わせたような制作ツールで、多くの制作者に利用されていますが、今日紹介するのはFireworksで編集できる、iOS6ワイヤーフレーム「Adobe FW template for iOS 6 wireframing」です。

iOSの筐体のフレームデータの他に、タイトルやタブメニュー。ボタン、ローディングなどなど、iOSに必要なデザインパーツが網羅されています。

詳しくは以下

(続きを読む…)

続きを読む
このエントリーをはてなブックマークに追加
2011年11月19日

Fireworksで製作したボタンが無料でダウンロードできる「THE DAILY BUTTON」

WEBの制作には様々なツールやソフトウェアがありますが、そのなかでも多くのWEBデザイナーが利用している、Fireworks。WEB制作に特化したグラフィックソフトの一つです。今日紹介するのはそんなFireworksで製作された制作データを素材としてダウンロードできる「THE DAILY BUTTON」です。

ボタンに絞って、様々なボタンが公開されています。公開されているものの中からいくつか気になったものをピックアップして紹介したいと思います。

詳しくは以下

(続きを読む…)

続きを読む
posted 04:41  |  
Category: Design , WebDesign   
このエントリーをはてなブックマークに追加
2010年12月07日

Fireworksのチュートリアル50「50+ Excellent Adobe Fireworks Tutorials」

WEB制作のデザインにおいて非常に便利なFireworks。最小単位が1pxのため、スライス時にもぶれなく正確に素材が制作できたり、その他様々な面でWEB制作が便利になるように作られているソフトウェアのため、多くのWEBクリエイターが手にしていますが、今回紹介するのはそんなFireworksのテクニックやチュートリアルを集めたエントリー「50+ Excellent Adobe Fireworks Tutorials」です。


Web Site Design Tutorial

画像系から、パーツ作りまで様々なチュートリアルが公開されていますが、今日はその中からいくつか気になったものをピックアップして紹介したいと思います。

詳しくは以下

(続きを読む…)

続きを読む
このエントリーをはてなブックマークに追加

過去の記事からランダムで表示

2012年03月04日

クリエイティブなCSS3テクニック集「CSS3 Image Galleries, Slideshows and Image Effects」

限られたスペースを有効に利用するため、もっと魅力的に写真を見せるためにスライドショーを利用しているという方は非常に覆いと思いますが、今回紹介するのはCSS3で実現するクリエイティブなスライドショー集「CSS3 Image Galleries, Slideshows and Image Effects」。


Sliding Image Panels with CSS3

文字や、写真の動きなど、今までのスライドショーにはなかったギミックやエフェクトがCSS3によって実現されています。いくつかのスライドショーが公開されていますが、今日はその中から幾つか気になったものをピックアップして紹介したいと思います。

詳しくは以下

Fullscreen Background Image Slideshow with CSS3
フルスクリーンで展開するスライドショー。文字などのエフェクトがCSS3っぽいです。


 
 
 
 
 
CSS3 Lightbox
シャドウやフェードなど細かい部分にまでこだわったライトボックス。CSS3で処理されています。


 
 
 
 
 
CSS3 Loading Animation Loop 2 Set
CSS3で作られたローディングアニメーション。よく見るサークルなどではなくて独特の動きがクリエイティブ感を与えてくれます。

css3-loading-animation-loop-2-set
 
 
上記の他にも沢山のCSS3テクニックが公開されています。HTML5とCSS3で、なにか面白いものをと企んでいるWEBデザイナーの方は是非原文もご覧ください。

CSS3-Only Tutorials and Techniques for Your Next Design

続きを読む
posted 05:41  |  
Category: WebDesign   
2014年06月02日

金属の劣化を6種のテクスチャとしてまとめた「6 Free High-Res Rust Textures」

テクスチャ素材にはいろいろな種類が存在しており、特に自然の風合いをそのまま活かしたタイプは、独特の素材感がデザインを魅力的に見せてくれます。そんな中今回紹介するのは、金属の劣化を6種のテクスチャとしてまとめた「6 Free High-Res Rust Textures」です。

tx140602_2

6種類の雰囲気の違うテクスチャがフリーでダウンロードできるようになっています。

詳しくは以下

(続きを読む…)

続きを読む
posted 10:00  |  
Category: Design   
2010年06月29日

WEBのユーザー動向を確認できるヒートマップが作成できるサービス色々「7 Incredibly Useful Tools for Evaluating a Web Design」

アクセス解析によって、様々なデータを見ることができ、解析していくと、様々な傾向をしることができるのですが、ユーザーがどの部分を見ていて、どんな動向をしているのかというところまで読み取るには時間がかかります。今日紹介するのはユーザーのクリックの位置をヒートマップで見せてくれるサービスをまとめたエントリー「7 Incredibly Useful Tools for Evaluating a Web Design」。

07_clicktale_example
ClickTale

ASPサービスから、オープンソースまで、幅広く紹介されていますが、今日は紹介されているヒートマップツールのなかからいくつか紹介したいと思います。

詳しくは以下

(続きを読む…)

続きを読む
2011年03月15日

鳥や蝶などさまざまな羽を描くphotoshopブラシまとめ「44 Free Wing Photoshop Brush Sets」

繊細な素材感や風合いを表現するために高度な技術やセンスが必要とされる”羽”ですが、いざ素材として作成しようと思うとなかなか大変なもの。そこで今回は、鳥や蝶などさまざまな羽を収録したphotoshopブラシまとめ「44 Free Wing Photoshop Brush Sets」を紹介したいと思います。


Wings – Photoshop Brushes by *ruby-proudfoot on deviantART

さまざまな質感・種類の羽を描くことができるブラシが収録されており、デザインのクオリティをアップさせるのにもとても便利なツールとして活用できそうです。いくつかピックアップしてみましたので、下記よりご覧ください。

(続きを読む…)

続きを読む
2009年08月08日

wordpress+jQueryで実現するテクニックチュートリアル30選

世界中で使われているCMSの一つwordpress。高い拡張性もその人気の一つですが、今日紹介するのは同じく世界中で使われているjavascriptライブラリjQueryとwordpressを組み合わせて実現するテクニックのチュートリアルを集めたエントリー「30 Tutorials Combining Both WordPress and jQuery」です。

jquerywordpress1
Including jQuery in WordPress (The Right Way)

jQueryを正しく、テンプレートに読み込ます方法から、Ajaxを使ってランダムに記事をピックアップ表示させる方法などなど様々なjQueryとWordpressを使ったテクニックが紹介されています。今日はその中からいくつか気になったものを紹介したいと思います。

詳しくは以下

(続きを読む…)

続きを読む
posted 06:59  |  
Category: WebDesign , WordPress   
2013年05月19日

美しい花の姿をベクターで表現した「30 Free Colorful Vector Flowers」

デザイン制作に便利なベクター素材。イラストレーターでの加工が可能だったりと、アレンジの幅が広いのも人気の要素の一つとなっています。今回はそんなベクター素材の中で、美しい花の姿を表現した「30 Free Colorful Vector Flowers」を紹介したいと思います。


Melody Arriving :: Vector Open Stock | vector graphics and vector art to download for free!

さまざまな表情の花、そして植物をプラスしたベクター素材が30種まとめられています。気になったものをピックアップしてみましたので、下記よりご覧ください。

詳しくは以下

(続きを読む…)

続きを読む
2009年01月06日

もう背景には困らない!デザイナーのための背景リソース集「36 Must Have Backgrounds and Patterns Resources」

WEBデザインの雰囲気をガラリと変えてくれる背景。どんな背景にしようか?とWEBデザインを行っている方であれば一度は迷ったことがあるかと思います。今日紹介するのはそんな背景画像を配布しているサイトをまとめたエントリー「36 Must Have Backgrounds and Patterns Resources for all Designers」です。


AppendixSquared

全部で36個の背景素材サイトが紹介されていますが、今日はその中から使いやすい、特に実用的だと思うサイトをピックアップしていくつか紹介したいと思います。

詳しくは以下

(続きを読む…)

続きを読む
posted 10:09  |  
Category: WebDesign   
2011年10月13日

幾何学的な模様を形に取り入れたフリーサンセリフフォントコレクション「Font Collection: 10 Free Geometric Sans-Serif Fonts」

タイトルや見出しに良く利用するサンセリフフォント。便利なフリーフォントもたくさん発表されています。そんな中今回は、幾何学的な模様を形に取り入れたサンセリフフォントをばかりを集めた「Font Collection: 10 Free Geometric Sans-Serif Fonts」を紹介したいと思います。


Arcus – Desktop font « MyFonts

丸みの強いデザインをはじめ、ユニークな形のフォントが多数紹介されています。中でも気になったものをピックアップしましたので、下記よりご覧ください。

詳しくは以下

(続きを読む…)

続きを読む
posted 05:06  |  
Category: Design , Font   
2009年03月30日

Ajaxで軽快に動作するニュースレターモジュール「Fantastic AJAX Newsletter Module」

皆さんは複数の相手にニュースを伝えたいときどのようにメールを送っているでしょうか?今日紹介するのはニュースレターやメールマガジンを配信する時に使えるモジュール「Fantastic AJAX Newsletter Module」です。

newslettermodu01

Ajaxで作られていて軽快に動作します。電子メールアドレスとカテゴリーを管理でき、添付もできるようになているみたいです。

詳しくは以下

(続きを読む…)

続きを読む
posted 10:54  |  
Category: WebDesign   
2014年11月10日

グラフィカルなテキストビジュアル表現を可能にする「15 Amazing Text Effects Tutorials」

イラストや写真、また作成したグラフィックだけでなく、テキスト自体にも加工を施すことで、デザインのクオリティは格段にアップします。今回はそんなシーンで利用したい、グラフィカルなテキストビジュアル表現を可能にする「15 Amazing Text Effects Tutorials」を紹介したいと思います。

texeffect1110_0
Create 3D Snow Text Effect Using Cinema4D and Photoshop – PSD Vault

さまざまな表現のテキストエフェクトのチュートリアルが紹介されています。

詳しくは以下

(続きを読む…)

続きを読む
posted 10:10  |  
Category: Design   

Sponsor

このブログを購読する

facebook
twitter
rss

Designdevelopについて

デザインを開発するという視点からデザイン、WEBデザインに役立つ情報をお伝えします。

ご意見、ご感想、連絡事項があればFacebookページよりお願いたします。

※当サイトのに掲載されている一部画像、スクリ-ンショットに文章に置いては第三十二条で定められる引用の範囲で使用していますが、万が一問題があればFacebookページからご連絡ください。即刻削除いたします。
※本ブログの「プライバシーポリシー」です。

関連サイト

Designdevelopの姉妹ブログ、毎日のインスピレーションに!をコンセプトに、グラフィックデザインからプロダクトデザインまでクリエイティブをテーマに取り上げていくブログ「DesignWorks」を運営中。
VR・ウェアラブル・センシングなど様々な技術が一般化され、手に届く範囲で製品化が進んでいます。VR MEDIAは拡張する現実から未来を探るBLOGです。
Template deisgn by iDEACLOUD inc.
トップに戻る