TOP  >  free

Tag : free

2018年06月07日

インクを吹き付けたような表現が可能になるスプレーペイントテクスチャ「Spray paint free texture set」

偶然の滲みやキャンパスの凹凸などデジタルにはない魅力が沢山存在する、アナログで描かれたペイントテクスチャー。しかし一から制作するのには手間も多いため、素材を活用していると言う人も多いのではないでしょうか。今回ご紹介するのはそんな人におすすめしたい、アナログで制作されたスプレーペイントテクスチャ「Spray paint free texture set」です。

spray-paint-free-texture-set1

現実では手を出しにくい画材であるスプレーを扱ったテクスチャーセットです。

詳しくは以下
(さらに…)

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

デザイナーのためのフリー使えるPSD素材まとめ「33 Fresh Free PSD Files for Designers (Freebies)」

デザインの参考や素材を一から集める作業は、案外手間のかかる作業。デザイナーにとって効率よく制作出来るアイテムはいくつも手元に置いておきたいものです。そんな中今回紹介するのは、デザイナーのためのフリー使えるPSD素材まとめ「33 Fresh Free PSD Files for Designers (Freebies)」です。

Free_PSDFiles_01

さまざまな種類のpsd形式の素材がまとめられています。気になったものをいくつかピックアップしましたので、下記よりご覧ください。

詳しくは以下

(さらに…)

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

細部にまでこだわったクオリティの高いイラスト素材セット「117 Essential Tokens Set」

ちょっとした空間やスペースをおしゃれに飾りたいとき、手軽に使えるイラスト素材はとても便利です。そんな中今回紹介するのは、さまざまな種類のイラスト素材がセットになった「117 Essential Tokens Set」の紹介です。

Essentia01

植物から幾何学模様まで、様々なイラストがまとまった素材セットです。

詳しくは以下

(さらに…)

続きを読む
posted 09:00  |  
Category: Design   
このエントリーをはてなブックマークに追加
2018年06月01日

幅広いデザインに活用できるフリーフォントまとめ「18 Fresh Free Brush and Script Fonts Download」

デザインに欠かせないフォントは、選定する種類によってデザイン全体の印象が随分変わってきます。Web上でフリーフォントが数多く配布されており、うまく活用されている方も多いのでは?そんな中今回は、幅広いデザインに活用できるフリーフォントまとめ「18 Fresh Free Brush and Script Fonts Download」を紹介したいと思います。

freefonts0525_01

個性的なものから、シンプルで使いやすいものまで様々なシーンで活用出来るフォントがまとめられています。

詳しくは以下

(さらに…)

続きを読む
posted 09:00  |  
Category: Font   
このエントリーをはてなブックマークに追加
2018年05月26日

テクスチャーやイラスト制作に最適な水彩ブラシセット「Aurora Watercolor Brushes」

柔らかな風合いやランダムな滲みが魅力的なアナログで描かれたような水彩表現ですが、一から道具を準備して書き起こそうとすると、なかなか手間がかかりますよね。今回ご紹介するのはそんな水彩表現を、デジタル上で手軽に簡潔できる水彩ブラシセット「Aurora Watercolor Brushes」です。

aurora-watercolor-brushes1
Free watercolor brushes set for Photoshop: airy swashes and watercolor textures

まるでアナログのような書き味が楽しめる水彩ブラシとテクスチャーが含まれた豪華なセットです。

詳しくは以下
(さらに…)

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

地図や案内図の制作に使えるロケーションアイコンセット「Free Location Icon Set」

地図などを制作する際に大切なのが、場所を示す記号やアイコン。情報量の多い地図であれば有るほど、一見して内容を把握できる記号やアイコンはとても重要なアイテムです。今回ご紹介するのは、そんなマップ制作に使えるロケーションアイコンをまとめた「Free Location Icon Set」です。

free-location-icon-set1
The Free Location Icon Set (40 Icons, SVG & PNG)

全部で40種類もの地図や場所に関わるアイコンがセットになった、便利なアイコン集です。

詳しくは以下
(さらに…)

続きを読む
posted 09:00  |  
Category: vector   
このエントリーをはてなブックマークに追加

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

2012年06月14日

美しいフォルムが特徴のフリースクエアフォント「20 Free Popular Square Fonts For Designers」

グラフィックデザインでも、webデザインでも、デザインの良し悪しを決める重要な要素となるフォント。フリーで利用できるタイプも豊富に展開される中、今回紹介するのは、美しいフォルムが特徴のスクエアフォント「20 Free Popular Square Fonts For Designers」です。


Imagine Font Font | dafont.com

曲線を取り払い、角を利用して美しく仕上げられたフォントが20種類まとめられ紹介されています。気になったものをピックアップしましたので、下記よりご覧ください。

(さらに…)

続きを読む
posted 10:11  |  
Category: Design , Font   
2007年11月22日

【tool】Fontを任意の文字でシンプルに一覧表示できる「FontDoc」

Fontを毎日見ている人なら、自分の作業しているPCに入っている書体は名前を見ただけで分かると思いますが、なれていない人はそうはいきません。最近のレイアウトソフトやアプリケーションでは名前だけでなくフォントをプレビューしてくれるものもありますが、無いものも当然ながらあります。

fontdoc

プレビュー機能が無くてフォント選びにうんざりしている人にお勧めしたいのが今回紹介する「FontDoc」はFontの一覧をシンプルに分かりやすく表示してくれるフォントプレビューソフトです。

詳しくは以下

(さらに…)

続きを読む
posted 02:00  |  
Category: Tool   
tag: Font Tool
2012年12月03日

さまざまなスポーツシーンを表現できるベクター素材まとめ「30 Free Sports Related Vector Graphics For Designers」

シーンや動きの表現が複雑なスポーツのビジュアルは、イラストとして描き起こすのはなかなか大変なもの。そんな時に活用できる、さまざまなスポーツシーンを表現できるベクター素材をまとめた「30 Free Sports Related Vector Graphics For Designers」を今回は紹介したいと思います。


Basketball Vector Illustration (.eps) | Vector

カラーからシルエットまで、さまざまなタイプの素材が紹介されています。中でも気になったものをいくつかピックアップしましたので、下記よりご覧ください。

詳しくは以下

(さらに…)

続きを読む
posted 08:04  |  
Category: Design   
2017年09月08日

CSS3でつくるボタンの最新チュートリアルまとめ「50 CSS3 Button Tutorials For Designers [2017]」

WEBやアプリ上でのボタンはユーザーにとって大きな意味を持ち、非常に重要な要素。一目でボタンだとわかるようなつくりであることはもちろんのこと、遊び心あるエフェクトはユーザーの目を楽しませます。今回はそういったボタンを探している方におすすめ、最新CSS3ボタンのまとめ「50 CSS3 Button Tutorials For Designers [2017]」をご紹介します。

50_CSS3_Button_top
Off-registration button

すべてにデモがついているので、その場でどんな動きをするのかを確認することが可能。50種類もあるボタンの中でも気になったものをいくつかピックアップしていますので、下記よりご覧下さい。

詳しくは以下

(さらに…)

続きを読む
posted 09:00  |  
Category: WebDesign   
2011年05月22日

商用利用可!psd付きの立体的で光沢感のあるアイコンセット「3D Glossy Icon Set: 20 Free Icons (with PSD)」

サイトデザインには欠かせないアイコン。アイコンを利用することでグッと分かりやすくなったり、デザインのクオリティを上げることが可能ですが、今回紹介するのは商用利用が可能な、psd付きの立体的で光沢感のあるアイコンセット「3D Glossy Icon Set: 20 Free Icons (with PSD)」です。

上記のように、立体的で光沢がある可愛らしいアイコンがセットになって配布されています。同封されているのは5種類の大きさのPNG画像と、photoshopで編集可能なpsdファイル。psdファイルがあるため、サイトのテイストに合わせて自由にカスタマイズできるのがイイですね。

詳しくは以下

(さらに…)

続きを読む
posted 02:40  |  
Category: Design , Photoshop , WebDesign   
2011年02月21日

デザイン制作の定番 キャンバス素材のテクスチャ「14 High-Res Paper & Canvas Textures」

デザインを制作する際に、素材感をプラスしたい時やクオリティを高めたいと時などよく利用するテクスチャ。さまざまな種類が展開されており、日々活用されているという方も多いかと思います。そんな中今回紹介するのは、デザイン制作の定番素材とも言える、キャンバス素材のテクスチャ「14 High-Res Paper & Canvas Textures」です。

キャンバスの質感を存分に感じさせてくれる、シンプルなタイプのテクスチャ。さまざまなデザインへのアレンジが可能なこともあり、かなり活用できるテクスチャセットではないでしょうか。

詳しくは以下

(さらに…)

続きを読む
2009年12月20日

フォームのための実用的なjQuery集「10 Useful jQuery Form Validation Techniques and Tutorials」

ユーザーとサイト運営者を結びコンタクトフォーム。個人、商用拘わらず、様々なWEBページで目にします。今日紹介するのは、フォームをもっと便利にしてくれる、フォームのための実用的なjQuery集「10 Useful jQuery Form Validation Techniques and Tutorials」を紹介したいと思います。

jquery_validation1
Form Validation with jQuery from Scratch

フォーム自体を配布していたり、未記入の項目を分かりやすく教えてくれたりと様々なフォーム関係のTipsが公開されています。今日はその中からいくつか紹介したいと思います。

詳しくは以下

(さらに…)

続きを読む
posted 04:33  |  
Category: WebDesign   
tag: Design jQuery
2007年10月23日

ロゴを輝かせるphotoshopチュートリアル「Creating A Lens Flare」を試してみた。

WordPressのロゴを光らせるチュートリアル「Creating A Lens Flare」を実際に試してみました。ネタ元は英語だったので手順を実際に試した結果をお見せしながら日本語で紹介したいと思います。

Step 1)カンパスを作る

photoshopで新規カンバスを作ることから始まります。サイズはW1600×H800pxが好ましいとしています。そして新しく出来上がったカンパスを黒く塗りつぶします。

Step 2)ロゴをカンパスに配置

作ったカンバスのセンターにロゴマークを配置します。ロゴは小さすぎても大きすぎてもダメで、大体下記の画像ぐらいの割合でロゴを配置します。

Step 3)ロゴの光を作る

まずロゴをコピーしてレイヤーを重ねます。さらに片方のロゴは背景の黒と統合してください。そして統合している方のロゴにフィルタのレンズフレア105mm Primeを70-100%の間でかけます。

Step 4)レンズフレアに色を入れる

レンズのフィルタをかけたレイヤーをコピーして、透明モードをカラーに設定。光らせた色でレイヤーをすべて塗りつぶします。「D」が飽いているから微妙な感じになってしまいましたが、こうする事で下記のように色を入れて光らせる事ができます。

Step 5)ぼかしをかけて光を調整

大元のロゴをコピーして、明るさを調整後ぼかしをかけます。チュートリアルでは30pxでかけています。その後ぼかしをかけたロゴの透明モードをハードライトへ

Step 6)ぼかしをかけて光を調整2

先ほどぼかしをかけたロゴを複製透明モードをオーバーレイへこれでロゴの周りが光ったようになるはずです。

Step 7)続きは公式ページで

チュートリアルにはさらに続きがあり、もっとアーティスティックにする方法が書かれていますが今回は割愛したいと思います。詳しくは「Great Design: Creating A Lens Flare With The WordPress Logo- Photoshop」をご覧下さい。ちなみに最後までやり遂げると一番上の画像のようになります。

普通ではつまらないと思い「DesigDevelop」のロゴでも試みたのですが、同じ方法をとってみましたが、下記のようになり、残念な結果になりました。

ロゴによりけりなチュートリアルなので試すならWordPressもしくはそれらしいロゴで試した方が良いかと思います。

Great Design: Creating A Lens Flare With The WordPress Logo- Photoshop

続きを読む
posted 09:42  |  
Category: Design   
2013年05月29日

さまざまなフラットデザイン用のパーツがセットになったUIキット「Flat UI Kit」

さまざまな手法のデザインが展開される中、最近はフラットなテイストが主流になりつつあります。そんな中今回紹介するのが、フラットデザイン制作の参考に利用できる、さまざまなフラットデザイン用のパーツがセットになったUIキット「Flat UI Kit」です。

ログイン画面、ソーシャルボタン、グラフなど、デザイン制作に必要なパーツを取り揃えた、忙しいデザイナーの方々に嬉しいUIキットとなっています。

詳しくは以下

(さらに…)

続きを読む
posted 10:10  |  
Category: Design   
2016年02月10日

最新のフリーリソースをまとめた「50 Free Resources for Web Designers from January 2016」

インターネット上ではどんどんと新しいデザイン素材が生まれており、常にチェックされている方も多いのではないでしょうか。そんな中今回紹介するのは、最新のフリーリソースをまとめた「50 Free Resources for Web Designers from January 2016」です。

resources0210_2
Branding Mockup PSD – GraphicsFuel

毎月ピックアップされているまとめで、クオリティの高さが魅力のフリー素材が多数紹介されています。

詳しくは以下

(さらに…)

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

Sponsor

このブログを購読する

facebook
twitter
rss

Designdevelopについて

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

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

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

関連サイト

Designdevelopの姉妹ブログ、毎日のインスピレーションに!をコンセプトに、グラフィックデザインからプロダクトデザインまでクリエイティブをテーマに取り上げていくブログ「DesignWorks」を運営中。

【ご注意】「Designworks」の旧ホームページドメインを利用したWEBサイトにご注意ください
Template deisgn by iDEACLOUD inc.
トップに戻る