無料で使えるCSSツールチップ「10 Free CSS Tooltip Snippets To Save Time On Your Web Projects」
TOP > Tool , WebDesign > 無料で使えるCSSツールチップ「10 Free CSS Tooltip Snippets To Save Time On Your Web Projects」 Webサイトを構築するのに必要なCSSでは様々なデザインを設定することができ、とても便利。そんな中今回紹介するのは、無料で使えるCSSツールチップ「10 Free CSS Tooltip Snippets To Save Time On Your Web Projects」です。 Pure-CSS Tooltips アクションで注意書きなどに注目させたい時に使用するツールチップの、魅力的な動作やデザインを簡単に取り入れることができます。 詳しくは以下 アンダーラインにカーソルonでツールチップが登場。長い文章の中に目立たない要素がある際に便利です。 Animated Butt
様々なチェックボックスを気軽に再現できる「CSS Checkbox Library」
WEBサイトで何かを選択する際に使用するチェックボックス。アンケート機能やメールフォームにはよく利用されていることから、機会が多いのであれば、テンプレートとして所持しておきたいものです。そんな方におすすめできる「CSS Checkbox Library」を今回は紹介したいと思います。 チェックボックスに焦点をあて、いろんなタイプのものがまとめられています。気になったものをいくつかピックアップしているので下記よりご覧下さい。 詳しくは以下 丸と四角のチェックボックスの他に、オンオフ機能で使用しやすいスライド式のボタンも収録されているのは嬉しいポイント。“GET HTML”と書かれているボタンをクリックするとコードをコピーすることができます。エフェクトの付け方やデザインが違うものが多く収録されているので、ブックマークしておくと非常に便利。 チェックボックスやスライド式ボタンはよく使用するもので
最新のフリーフォントを集めた「Collection of New & Free Fonts for January 2015」
TOP > Font > 最新のフリーフォントを集めた「Collection of New & Free Fonts for January 2015」 常に新しいデザインのものが配布されているフリーフォント。よくチェックされている方も多いのではないでしょうか？そんな中今回紹介するのは、最新のフリーフォントを集めた「Collection of New & Free Fonts for January 2015」です。 Sketchtica Font | dafont.com デザイン性の高い、是非デザインに取り入れてみたいフリーフォントがまとめられています。気になったものをピックアップしましたので、下記よりご覧ください。 詳しくは以下 Grafter Font – Typeface on Behance 植物の形状をモチーフに取り入れた非常に個性的なフォント。デザインに独創的な彩り
手書き風の質感が手軽に表現できるフリーフォントまとめ「20 Amazing Free Handwritten Fonts for Your Designs」
TOP > Font > 手書き風の質感が手軽に表現できるフリーフォントまとめ「20 Amazing Free Handwritten Fonts for Your Designs」 デザインにラフなテイストを表現するために、手描きで文字を書いてはめ込むこともあると思いますが、なかなか思い通りの雰囲気ぴったりに書くことは、文字を描く際のクセもあるためなかなか難しいもの。そんな時に活用したい、手書き風の質感が手軽に表現できるフリーフォントまとめ「20 Amazing Free Handwritten Fonts for Your Designs」を紹介したいと思います。 Recorda Script Personal Use Onl font by Måns Grebäck – FontSpace さまざまなテイストの手書きフォントが紹介されており、欲しいデザインのイメージに合わせて
シンプルテイストなモックアップ用psd「23 Free Flat/Minimal Device Mockups [PSD]」
webサイトやスマートフォンアプリなどのデザインを制作する際、実際の見た目を確認するために実際の機種に当てはめた状態をチェックすることも多いはず。今回はそんなシーンで活用できるモックアップ用psd「23 Free Flat/Minimal Device Mockups [PSD]」を紹介したいと思います。 （Free Responsive Screen Mock Up – iMock Up Free Edtion on Behance） フラットでミニマルなシンプルテイストなので、デザインに影響を与えることなく利用することができます。 詳しくは以下 FREE Flat Apple's Devices Mockup on Behance apple機種の各シリーズを網羅しています。すべて揃っているため、レスポンシブルなデザインを制作する時などに嬉しいですね。 Flat+3D mockup k
![シンプルテイストなモックアップ用psd「23 Free Flat/Minimal Device Mockups [PSD]」](https://cdn-ak-scissors.b.st-hatena.com/image/square/87866293801a9573b5a0bae394ea256afcb4aec3/height=288;version=1;width=512/https%3A%2F%2Fdesign-develop.net%2Fwp-content%2Fuploads%2F2014%2F01%2Fflatmoc1.jpg)
Photoshopで使える多種多様なパターンセット「Free Photoshop Patterns for Graphic Designers」
TOP > Photoshop > Photoshopで使える多種多様なパターンセット「Free Photoshop Patterns for Graphic Designers」 背景に敷き詰めたりテクスチャとして使用したり、パターン柄はデザインにさまざまなニュアンスを与えてくれる便利なツールです。そんな中今回紹介するのは、Photoshopで使えるさまざなパターンセット「Free Photoshop Patterns for Graphic Designers」です。 6 Polka Patterns – Free Photoshop Brushes at Brusheezy! シンプルなものや細かなグラフィック表現がされているもの、可愛らしいものから変わったものまで、多種多様なパターンが紹介されています。中でも気になったものをピックアップしましたので、下記よりご覧ください。
CSS3で立体的なボタンを表現するチュートリアルまとめ「40 CSS3 Animated Button Tutorials And Experiments」
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デザインが紹介さ
photoshopで光を表現したい人のためのチュートリアル集「10 Advanced Photoshop Tutorials for Lighting Effects」
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ブラシまとめ「45 High Quality Photoshop Brushes for Designers」
さまざまな表現が可能になるハイクオリティなPhotoshopブラシまとめ「45 High Quality Photoshop Brushes for Designers」 デザインに奥行きをプラスできるようなPhotohsopブラシは、クリエイティブワークに利用している方も多いと思います。そんな中今回は、さまざまな表現が可能になる、ハイクオリティなPhotoshopブラシをまとめた「45 High Quality Photoshop Brushes for Designers」を紹介したいと思います。 （MOON BRUSHES for PS7 v.2 by ~KeepWaiting on deviantART） 月やビル群などのアイテムを表現できるブラシや、絵の具の跳ねや水面の質感を感じられるものなど、45種類ものブラシが紹介されています。中でも気になったものをいくつかピックアップしまし
躍動感ある鳥のイラストを描くことができるブラシまとめ「25 Free Bird Themed Photoshop Brush Sets」
TOP > Design , Photoshop > 躍動感ある鳥のイラストを描くことができるブラシまとめ「25 Free Bird Themed Photoshop Brush Sets」 自然をテーマにしたデザインなどにモチーフとして利用することが多い鳥のイラストは、さまざまなアングルや角度から捉えた姿の種類が必要になってきます。また時にはリアルな質感が求められることも。今回はそんな鳥たちを描くことができるブラシまとめ「25 Free Bird Themed Photoshop Brush Sets」を紹介したいと思います。 （bird brushes II by =lpdragonfly on deviantART） シルエットタイプの定番として使いやすいもの、また実際の鳥の質感を忠実に描き出したものまで、さまざまな種類がまとめられています。気になったものをピックアップしてみ
多彩なライン表現が可能なPhotoshopブラシまとめ「30 Sets of Free Lines Brushes For Photoshop Users」
TOP > Design > 多彩なライン表現が可能なPhotoshopブラシまとめ「30 Sets of Free Lines Brushes For Photoshop Users」 デザイン制作をしていると単一なラインではなく、デザインに合わせたニュアンスのあるラインを使用する機会も多いと思います。そんな中今回紹介するのが、多彩なライン表現が可能なPhotoshopブラシをまとめた「30 Sets of Free Lines Brushes For Photoshop Users」です。 Speed Lines – 600 DPI by ~screentones on deviantART 美しい曲線を表現したブラシから、デジタル的な表現、アナログ的な表現など、さまざまなPhotoshopブラシが紹介されています。中でも気になったものをいくつかピックアップしましたので、下記よ
水&雲のさまざまな表情を作り出せる「20 Free Useful Water and Cloud Brushes resource for Photoshop Users」
水&雲のさまざまな表情を作り出せる「20 Free Useful Water and Cloud Brushes resource for Photoshop Users」 デザイン制作に非常に役立つphotoshopブラシは、いくつあっても嬉しいもの。今回紹介する「20 Free Useful Water and Cloud Brushes resource for Photoshop Users」も、非常に活用頻度の高いブラシセットまとめです。 （Water Brushes Sampler by ~FrozenStarRo on deviantART） 詳しくは以下 水が飛び散る様子、夏の日の空のような大きな雲など、さまざまな種類のブラシが紹介されています。いくつかピックアップしてみましたので、下記よりご覧ください。 ■Water Reflection Brushes by *Imal
デザインにニュアンスをつけられる、光の表現がきれいなPhotoshopブラシまとめ「30 Free Dazzling Photoshop Bokeh Brushes」
デザインにニュアンスをつけられる、光の表現がきれいなPhotoshopブラシまとめ「30 Free Dazzling Photoshop Bokeh Brushes」 デザインのクオリティを高めるためには、奥行きを感じさせるデザイン制作を心がけることが重要です。そんな中今回紹介するのが、手軽にデザインにニュアンスをつけられる、光の表現がきれいなPhotoshopブラシをまとめた「30 Free Dazzling Photoshop Bokeh Brushes」です。 （Bokeh Brushes by ~thethiirdshift on deviantART） デザインにふわっとした幻想的な雰囲気を演出できるさまざまなブラシが紹介されています。中でも気になったものをいくつかピックアップしましたので、下記よりご覧ください。 詳しくは以下 ■Bokeh Brushes by =kuschel
制作に便利な新しいphotoshopブラシ「50 New and Free Photoshop Brush Packs」
グラフィックを作り込むのに非常に便利なphotoshop。そのなかでもブラシ機能は簡単に、様々な表現を実現してくれる便利なものです。今日紹介するのは制作に便利な新しいphotoshopブラシを集めたエントリー「50 New and Free Photoshop Brush Packs」。 Chaos(10 Brushes) 全部で50ものクリエイティブなブラシがまとめられていますが、今日はそのなかでも気になったものをピックアップして紹介したいと思います。 詳しくは以下 Skin & Hair(8 Brushes) 肌の質感や髪の毛を再現するフォトショップブラシ。 3D Explosion(11 Brushes) 立体的なオブジェクトが拡散していく様子を再現できるブラシ。 Tree’s & Leaves(6 Brushes) 木や葉っぱなどを簡単に描けるフォトショップブラシ。実務でも便利に利
多彩な表現を可能にする Photoshopブラシまとめ「30 Fresh & Free Photoshop Brush Packs」
TOP > Design , Photoshop > 多彩な表現を可能にする Photoshopブラシまとめ「30 Fresh & Free Photoshop Brush Packs」 自分では制作するのが大変な素材を、手軽に再現してくれるブラシ素材はとても便利なもの。今回はそんなブラシを30種まとめた「30 Fresh & Free Photoshop Brush Packs」を紹介したいと思います。 （Photoshop Brushes: Ink #4 | Titi Montoya – All Forms of Art） オブジェクト自体を描き出せるものから、背景素材として利用できるものなど、多彩な表現を可能にするブラシ素材が揃っています。気になったものをピックアップしてみましたので、下記よりご覧ください。 詳しくは以下 ■Feathers and birds Brushes
微細な汚れや味を表現するブラシコレクション「A Collection Of 100+ Subtle Brush Sets」
デザインのクオリティは細部に宿るといいますが、ちょっとした粒子や、色味の違いで大きくクオリティが変わったりします。今日紹介するのは、微細な汚れや味を表現するブラシコレクション「A Collection Of 100+ Subtle Brush Sets」です。 Hi-Res Subtle Grunge Vector Textures 粒子を表現したものから、刷り傷やランダムな粒子など様々なブラシセットがまとめられています。今日はその中からいくつか気になったものをピックアップして紹介したいと思います。 詳しくは以下 50 Subtle Grunge Brushes 細かな粒子を描けるグランジブラシ。大味な表現ではなく、細かい質感を出したいときに。 Scratchy Free Grunge Brushes 擦り傷のような傷も表現できるブラシセット High Res Fabric Texture
継ぎ目なく柄を配置できるフリーベクターパターン「42 Free Seamless Vector Patterns For Your Designs」
TOP > Design > 継ぎ目なく柄を配置できるフリーベクターパターン「42 Free Seamless Vector Patterns For Your Designs」 Illustratorをよく使用するデザイナーにとって、ベクタータイプの素材は使いやすい素材の一つだと思います。そんな中今回紹介するのは、シームレスに継ぎ目なく柄を配置できるフリーベクターパターン「42 Free Seamless Vector Patterns For Your Designs」です。 （Different Vector Pattern | Vectortuts+） さまざまな柄のベクタータイプの素材がまとめられています。気になったものをピックアップしましたので、下記よりご覧ください。 詳しくは以下 ■Floral Vector Pattern Set 04 | GraphicsWall
銃痕を再現するphotoshopブラシまとめ「Smoking Hot Photoshop Bullet Hole Brushes」
一つの表現としてキレイなテクスチャだけではなくて、ひび割れや汚れ、傷跡を表現することで、世界観を作れる素材があり、グランジ素材などは非常に重宝され、WEB上でも様々なクリエイターにより数多く提供されていますが、今日紹介するのは、銃痕を再現するphotoshopブラシまとめ「Smoking Hot Photoshop Bullet Hole Brushes」です。 Holes, Holes, Holes ひび割れて表現されるもの、キレイ貫通しているものなどなど、様々な銃痕が再現されています。今日はその中からいくつかきになったものをピックアップして紹介したいと思います。 詳しくは以下 PS6 BRUSHES – Bullet Holes 様々な種類の銃痕がセットになっています。貫通力が高い表現も。 Shatter v2 主にひび割れ型を表現したブラシセット。 Awesome Set of Bu
光感のある背景を制作できるチュートリアルまとめ「20 Wonderful Abstract Backgrounds Tutorials」
TOP > Design > 光感のある背景を制作できるチュートリアルまとめ「20 Wonderful Abstract Backgrounds Tutorials」 デザインソフトを駆使することで、現実世界にはないグラフィカルな世界観を作り上げることができますが、デザインソフトを上手く活用するには、多くの制作知識が必要になります。今回はそんな時に是非参考にしたい、光感のある背景を制作できるチュートリアルをまとめた「20 Wonderful Abstract Backgrounds Tutorials」です。 Hexagon Bokeh Effect in Photoshop | Abduzeedo Design Inspiration & Tutorials 曲線や直線、図形などを組み合わせた美しいバックグラウンド素材の作り方が多数紹介されています。中でも気になったものをいくつか
大切な人への想いを表現できるバレンタインに使いやすいPhotoshopブラシまとめ「30 Sets Of Free Photoshop Brushes For Valentine’s Day」
大切な人への想いを表現できるバレンタインに使いやすいPhotoshopブラシまとめ「30 Sets Of Free Photoshop Brushes For Valentine’s Day」 バレンタインデーまで後1週間となり、大切な方へのプレゼントの準備に追われているという方も多いのではないでしょうか？今回は、そんなシーンで自身の想いをデザインで表現できる、バレンタインデザインに使いやすいPhotoshopブラシまとめ「30 Sets Of Free Photoshop Brushes For Valentine’s Day」を紹介したいと思います。 Hearts brushes II by ~stardixa-resources on deviantART 手書きやベクターイラストのハートマーク素材をはじめとした、さまざまな素材が紹介されています。中でも気になったものをいくつかピクア
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
