思い通りの写真補正ができる Photoshopアクションとチュートリアルのまとめ「20 Free Effective Photoshop Action Tutorials and Resources」 Photosnopにはさまざまなツールが用意されていますが、その中でも”アクション”は、手軽に思い通りの写真補正ができるツールとして非常に便利な存在。今回はそんなアクションセットと写真加工のチュートリアルをまとめた「20 Free Effective Photoshop Action Tutorials and Resources」を紹介したいと思います。 actions 1 by ~allthebesthere on deviantART ヴィンテージな古い写真を思わせる補正や、はっきりと綺麗に見せる補正まで、たくさんのアクションがまとめられています。中でも気になったものをピックアップした

TOP  >  Design , WebDesign  >  WEBデザイナーのためのHTML/CSSの最新チュートリアル10「10 Useful HTML/CSS Tutorial for Web Designers」 WEBデザインは日々進化していて、最近では、フラットデザインも大きな一つのジャンルになりつつあり、シンプルなデザインだけに、ちょっとした動きやエフェクトが大事だったりします。今日紹介するのはそんなデザインの味付け的なWEBデザイナーのためのHTML/CSSの最新チュートリアルをまとめたエントリー「10 Useful HTML/CSS Tutorial for Web Designers」です。 How to Create a Trendy Flat Style Nav Menu in CSS 全部で10のチュートリアルが紹介されていますが、今日はその中から気になったものを

いろいろなデザインで活用できる ミニマルデザインフォントまとめ「19 Free And Stylish Minimalistic Fonts For Your Designs」 インターネット上で配布されている素材の中でも、活用の幅の広いフリーフォント。特にシンプルで汎用性の効くタイプは1つでも多く持っておきたいものです。今回そんなタイプのミニマルデザインフォントまとめ「19 Free And Stylish Minimalistic Fonts For Your Designs」を紹介したいと思います。 （Simple Ronde Font | dafont.com） いろんなデザインに使用できそうなフォントが19種、ビジュアルイメージと共に公開されています。いくつかピックアップしていみましたので、下記よりご覧ください。 詳しくは以下 ■Gabriele 8008 Typewriter

さまざまなデザインに活用できる背景素材。配布されている種類も非常に豊富なので、デザイン制作の為にいろいろ集めてストックされている方もいらっしゃるかと思います。今回はそんなストックに是非プラスしたい、グラデーションの効いた30種のフリーバックグラウンド素材「30 Free Backgrounds」を紹介したいと思います。 色合いのバリエーションが豊かなバックグラウンド素材30枚が、サイズ800x600pxの大きさでまとめられています。 詳しくは以下 グラデーションといっても単に濃い色から薄い色でという単調なものではなく、絶妙なカラー配分や陰影が全体に施されており、使用するだけで雰囲気のあるデザインを作り出すことができそうです。単体での使用はもちろん、他の素材や制作しているデザインと上手く組み合わせることで、いろいろな表現が可能になるのではないでしょうか？ニュアンス重視の背景を探していた方はお

TOP  >  Design  >  世界中の有名な建物が揃うアイコンセット「250 Ultimate World Monuments Icon Pack by Freepik」 WEB制作に必要なアイテムはインターネット上でたくさん配布されており、デザイン制作に利用している方も多いと思います。そんな中今回紹介するのは、世界中の有名な建物が揃うアイコンセット「250 Ultimate World Monuments Icon Pack by Freepik」です。 アメリカ、イギリス、イタリア、ブラジルなど、世界40ヵ国の有名なモニュメントがセットになった、他にはあまりない貴重なアイコンセットとなっています。 詳しくは以下 アメリカの自由の女神、イギリスのロンドン橋、フランスの凱旋門など、誰もが当たり前のように知っている建造物やモニュメントが、約250個もセットになっています。アイコンにす

TOP  >  Design  >  CSS3で立体的なボタンを表現するチュートリアルまとめ「40 CSS3 Animated Button Tutorials And Experiments」 HTMLに装飾を加えるためのCSSは、2011年頃から登場したCSS3によって表現力が劇的に向上。しかし、新しい機能や表現方法をフル活用できていないという方もいらっしゃるのではないでしょうか？そんな中今回紹介するのが、CSS3で立体的なボタンを表現するチュートリアルをまとめた「40 CSS3 Animated Button Tutorials And Experiments」です。 （CSS Buttons with Pseudo-elements | Codrops） シンプルなボタンはもちろん、デザインソフトでの制作でも時間がかかりそうなリアリティのあるボタンまで、多彩なCSSデザインが紹介さ

TOP  >  Design , Font  >  正当派からクリエイティブなものまで、ハイクオリティなフリーフォント集「8 Fresh High-Quality Free Fonts」 フォントはデザイナーにとってはとても重要なもので、常に新しい書体を探しているという方も多いと思います。今回照会するのは、正当派からクリエイティブなものまで、ハイクオリティなフリーフォントを集めたエントリー「8 Fresh High-Quality Free Fonts」です。 Dense Regular かっちりとした、美しいフォントから、あまり見ないタイプのフォントまで、様々なフォントがまとめられていました。今日はその中からいくつか気になったものをピックアップして照会したいと思います。 詳しくは以下 geogram typeface 規則性を持った、アルファベットと記号が組合わさったフォント。 Look

photoshopで光を表現したい人のためのチュートリアル集「10 Advanced Photoshop Tutorials for Lighting Effects」 Photoshopは奥が深く、極めればたいていのものは描けるぐらい、高度なソフトウェアで写真補正以外にも大きな力を発揮してくれます。今日紹介するのは、photoshopで光を表現したい人のためのチュートリアルをまとめたエントリー「10 Advanced Photoshop Tutorials for Lighting Effects」です。 Advanced Glow Effects 光といっても、その表現も様々です。今日は紹介されているチュートリアルの中から特に気になったものをピックアップして紹介したいと思います。 詳しくは以下 Space Lighting Effects in 10 Steps – Photoshop

デザインにクリエイティブ性をプラスできる Photoshopブラシまとめ「Useful Photoshop Brushes For Your Daily Use」 Photoshopでさまざまな表現が可能なブラシは、デザインに簡単にクリエイティブ性をプラスできるツールとして、多くのデザイナーに愛用されています。今回はそんなブラシをまとめた「Useful Photoshop Brushes For Your Daily Use」を紹介したいと思います。 （Wet Paint Acrylic Photoshop Brushes | Tutorial9） それぞれに特徴を持った多彩な表現が可能なブラシがまとめられています。気になったものをピックアップしてみましたので、下記よりご覧ください。 詳しくは以下 ■Cracks Brushes by ~latebraking on deviantART

TOP  >  Design  >  フリーで利用できる種類の豊富な幾何学模様パターンまとめ「250+ Free Distinct Geometric Patterns」 デザインの質を高めてくれる背景パターンは、なるべく多くストックしておきたいもの。そんな中今回紹介するのが、フリーで利用できる種類の豊富な幾何学模様パターンをまとめた「250+ Free Distinct Geometric Patterns」です。 （Free seamless patterns Green, Pink 70s |） シンプルなパターンからギミックの繊細なパターンまで、さまざまな幾何学模様パターンが紹介されています。中でも気になったものをいくつかピックアップしましたので、下記よりご覧ください。 詳しくは以下 ■Orange Discs | Pattern8 オレンジのグラデーションが美しいパターンデザイン

TOP  >  Design , Photoshop  >  フリーで使えるphotoshopパターンを集めた「650+ Free Photoshop Patterns」 特定の絵柄を敷き詰めていくことができるphotoshopパターン。絵を作りこんでいく上で、自分の構想に近いものがあればかなり便利なツールです。今日紹介するのはフリーで使えるphotoshopパターンを集めた「650+ Free Photoshop Patterns」というエントリーです。 650+ Free Photoshop Patterns 様々な種類のphotoshopパターンが集められていて、全部で650種類のパターンがまとめられています。今日はその中からいくつか気になったphotoshopパターンを紹介したいと思います。 詳しくは以下 ■Tileable Starfield Patterns 幻想的な宇宙空間を

デザインする上で、クリエイティブなフォントはいくらあっても困らないくらい重要な要素の非乙ですが、今日紹介するのは最新のデザイナーズフリーフォントを集めたエントリー「9 Fresh Free Fonts for your Designs」です。 The Quantum クリエイティブなフォントが全部で9つ紹介されています。今日はその中からいくつか気になったものをピックアップして紹介したいと思います。 詳しくは以下 Track Type 過度が少しだけ丸いフォントセット。硬い中にも柔らかさが見えるフォントセットです。 BARON 一部の文字が特徴的な書体に置き換えることができるフォントタイプ。記号と文字の中間のようなフォントはデザイン性がかなり高い。 Gabriela 丸い印象を受けるが、洗練された、少し変わったフォントタイプ。 上記の他にも様々なフォントが公開されています。クリエイティブなフ

TOP  >  WebDesign  >  ミニマルデザインサイトのインスピレーション30「30 Beautiful Minimalist Web Designs」 究極なシンプルをテーマにデザインされるミニマルデザインサイト。要素が限られるだけに、バランスやどんな要素やグラフィックを取り入れるのかがとても重要になってくる、ある意味難しい種類のデザインでもあります。今回はそんなミニマルサイトをデザインする際に是非参考にしたいインスピレーション30「30 Beautiful Minimalist Web Designs」を紹介したいと思います。 （Alistair Lane） シンプルかつクオリティの高さを感じさせるデザイン事例30種がまとめられています。 詳しくは以下 ■Enso イラストと蛍光カラーのタイポグラフィの組合わせが、シンプルな中にも個性を感じさせるデザインとなっています。 ■

TOP  >  WebDesign  >  デザイン性の高いポートフォリオサイトのインスピレーション集「200 Portfolio Sites for Web Design Inspiration」 自身で制作した作品をまとめて掲載し紹介するポートフォリオサイトは、掲載する作品だけでなく、ベースとなるサイトのデザインにもこだわりたいものです。今回はそんな時に役立つ、デザイン性の高いポートフォリオサイトのインスピレーション集「200 Portfolio Sites for Web Design Inspiration」を紹介したいと思います。 （Charli Prangley） 作品をより良く見せてくれるデザインのポートフォリオサイトデザイン例が多数紹介されています。気になったものをピックアップしてみましたので、下記よりご覧ください。 詳しくは以下 ■Daniel Paul – Web De

TOP  >  Font  >  幅広いデザインに汎用できるフリーフォント「25 Beautiful Free Headline Fonts」 web上で非常にたくさん配布されているフリーフォント。デザインに合わせてさまざまなバリエーションが選べるようになっています。そんな中今回紹介するのは、幅広いデザインに汎用できるフリーフォント「25 Beautiful Free Headline Fonts」です。 （Prime free font | Fontfabric™） 個性を主張しすぎることなく、いろいろなテイストでアレンジ可能なフォントが多数まとめられています。気になったものをピックアップしてみましたので、下記よりご覧ください。 詳しくは以下 ■Code Free Font | Fontfabric™ LightとBoldの2種を収録。丸みを帯びたラインの中に、洗練された雰囲気とクリエイ

書体はデザイナーにとっては非常に重要なもので、常に新しい、刺激的なフォントがないかと探し求めているというひとも多いはず。今日紹介するのはデザイナーのための10のフリーフォントを集めたエントリー「10 New Free Fonts for Your Designs」です。 Idealist Sans シンプルでキレイ目でクリエイティブなフォントが全部で10個集められていました。今日はその中からいくつか気になったものをピックアップして紹介したいと思います。 詳しくは以下 Palacio ゴシック系ですが、角ついていて特徴的なフォント。 Versa 縦長で特徴的なフォント。印象的なロゴタイプが作れそうなフォント。 Stela UT Regular 細身で特徴のあるフォント。見出しやデザインのアクセントに。 それぞれのフォントのライセンスや利用規約は各ダウンロード元をご覧ください。上記の他にもたく

CSSやjavascriptを利用してサイトをよりリッチな表現に変えていくというのは、WEB制作の現場では常に行われていて、様々なスニペットやライブラリが日夜リリースされています。今日紹介するのは次のレベルまでWEBサイトを引き上げてくれるCSS、javascriptテクニック「CSS and JavaScript tools to take your website to the next level」です。 Countable.js 様々なCSSやjavascriptによるテクニックがまとめられていますが、今日はその中からいくつか気になったものを紹介したいと思います。 詳しくは以下 iCheck クリックしたラジオボックスやチェックボックスから、返り値をとれるjavascript。それをキーにして何かを動かしたいときに。 Almost Flat UI フラットデザインUIを簡単に実装で

最近の暖かい春の日差しに、空を見上げることも多くなってきているのではないでしょうか？毎日、毎時間、一瞬として同じ表情のない空や雲の風景は、いつ眺めても感動させられるように思います。そんな中今回紹介するのが、印象的な雲が豊富に揃うテクスチャをまとめた「20 Dramatic Clouds Textures」です。 All sizes | sky-clouds-texture-19 | Flickr – Photo Sharing! 昼間の明るい雲の様子から、朝焼けや夕焼けの美しい雲まで、さまざまなテクスチャが紹介されています。中でも気になったものをいくつかピックアップしましたので、下記よりご覧ください。 詳しくは以下 ■All sizes | sky-clouds-texture-2 | Flickr – Photo Sharing! 暗雲立ち込める中に現れた一筋の光に、幻想的な雰囲気を感じ

Photoshopに強くなる!ポスター制作のチュートリアルまとめ「40+ Awesome Photoshop Poster Tutorials For Your Inspiration」 デザイン制作やCG制作などの加工に利用することが多いPhotoshopですが、ツールの利用方法は無限大にあり、ソフトを存分に使いこなせていないとお思い方もいらっしゃるかもしれません。そんな中今回紹介するのが、Photoshopに強くなる!ポスター制作のチュートリアルをまとめた「40+ Awesome Photoshop Poster Tutorials For Your Inspiration」です。 Inception Poster with Repousse in Photoshop CS5 | Abduzeedo Design Inspiration & Tutorials 素材の重ね方やタイトル処

TOP  >  WebDesign  >  新しくて、素晴らしいjQueryプラグイン「30 Fantastic New jQuery Plugins」 高機能なjavascriptライブラリjQuery。サイト制作には欠かせないライブラリのひとつと言っても過言ではないほど、世界中で利用されているライブラリの一つです。多く利用されているだけあって、様々なプラグインが日夜開発されリリースされています。今日は最近リリースされたjQueryプラグインをまとめたエントリー「30 Fantastic New jQuery Plugins」を紹介したいと思います。 jMenu – Horizontal Navigation with Unlimited Sub-Menus 様々なタイプのjQueryプラグインがまとめられていますが、今日はその中から幾つか気になったものをピックアップして紹介したいと思い