デザインを開発するという視点でお伝えするクリエイティブBLOG
デザインの背景などを鮮やかに彩るパターン素材には、さまざまな柄が存在していますが、今回紹介するのは、スクエア型を利用したパターンまとめ「40 Amazingly Creative Square Patterns For Free Download」です。
（Pattern / candy bunnies :: COLOURlovers）
スクエアをいろんな形でデザインに取り入れたパターンが40種紹介されています。気になったものをピックアップしましたので、下記よりご覧ください。
詳しくは以下
グラフィックをより魅力的に加工できるPhotoshopは、デザイン現場に欠かすことができないソフト。搭載されているツールも非常に便利で、その中でもブラシツールは手軽に凝った描写が可能です。今回はそんなブラシをまとめた「Best Free Photoshop Brush Sets for Your Designs」を紹介したいと思います。
（Suspended Color Ink Drop Brushes | Free Photoshop Brushes at Brusheezy!）
さまざまな素材感を演出できるブラシが多数まとめられています。気になったものをピックアップしましたので、下記よりご覧ください。
詳しくは以下
たくさんのフリーフォントがダウンロードできる環境にある中、膨大な種類からクリエイティブな印象のフォントを探し出すのは意外に大変なもの。そんな時にチェックしたい、クリエイティブ・・デザイン性の高いフリーフォントを集めた「40 Recently Released Free Fonts」を紹介したいと思います。
（Korneuburg Slab | Free Font on Behance）
40種類ものフリーフォントがまとめられており、デザインのクオリティを高めることができます。気になったものをピックアップしましたので下記よりご覧ください。
詳しくは以下
webデザイン制作にもはや欠かすことができない存在となっているアイコン。汎用性の高いものを選んでおけば、どんなデザインにも対応でき、より心強い存在となります。そんな中今回紹介するのは、可変可能なフリーアイコンセット「Freebie: Roundicons Icon Set (60 Icons, PNG, SVG, EPS, AI)」です。
フラットタイプのポップな印象のアイコンが60種セットでダウンロードできるようになっています。
詳しくは以下
ブログやページ構成のあるwebサイトなどを制作する際に使用するページネーション。わかりやすさを求める故、どうしても無難なデザインになってしまうことも多いのでは？今回はそんな時に活用したい、デザイン性のあるページネーションpsd「25 Free Pagination PSDs For Web Designers」を紹介したいと思います。
（Sleek pagination PSD (3 colors) | GraphicsFuel.com）
さまざまなテイストのページネーションpsd素材が25種類まとめられています。気になったものをピックアップしましたので下記よりご覧ください。
詳しくは以下
何かと便利なpsd素材。さまざまなデザインの素材が配布されていますが、今回紹介するのはハイクオリティなpsd素材を集めた「42 Free High-Quality Photoshop PSD Files For Web Designer – Part II」です。
（3 Billboard Templates | FREE PSD FILES）
アイコンからモチーフ、デザインパーツなど、豊富な種類が収録されており、お気に入りの素材を見つけることができそうです。気になった素材をピックアップしていますので、下記よりご覧ください。
デザインテイストの中で、近未来をイメージさせる個性的なデザインを手がけること、時にはあるかもしれません。今回はそんなシーンに最適なフォント13選「13 Free Futuristic Fonts For Download」を紹介したいと思います。
Moonhouse font by NimaVisual – FontSpace
独特の未来的な雰囲気を醸しだしているフォントが13種、厳選され紹介されています。気になったものをピックアップしましたので、下記よりご覧ください。
詳しくは以下
もうすぐやってくるハロウィンは、日本での人気のイベントとなっており、楽しみにされている方も多いのではないでしょうか。そんな中今回は、ハロウィンのデザインに活用できる素材まとめ「Useful Free Halloween Wallpapers, Icons, Background Illustrations」を紹介したいと思います。
Halloween Vector Art Pack Vol2 | Conceptual Vectors | Pixeden
アイコンやイラストレーションなど、いろいろな種類のハロウィン素材がまとめられています。気になったものをピックアップしましたので、下記よりご覧ください。
詳しくは以下
さまざまなテイストのデザインフォントが展開されており、いろいろな種類をストックされている方も多いかと思います。そんな中今回紹介するのは、幾何学的にデザインされたフリーフォント「20 Gorgeous Free Geometric Fonts to Download」です。
PIER SANS // FREE TYPEFACE with 4 New Styles on Behance
幾何学的とありますが、シンプルなテイストをベースに個性が演出されたフォントが揃っています。気になったものをピックアップしましたので、下記よりご覧ください。
詳しくは以下
マルチデバイス対応がWEBサイトについては大きな課題の一つ。最近ではレスポンシブでレイアウトが組み変わる、WEBサイトが主流になりつつありますが、今日紹介するのはレスポンシブなデザインやサイトに便利なWordpressプラグインをまとめたエントリー「40+ Responsive WordPress Plugins」です。
Ether Content Builder WordPress Plugin
一部有料のものもありますが、全部で40種類ものプラグインがまとめられていますが、今日はその中からいくつか気になったものをピックアップして紹介したいと思います。
詳しくは以下
WordPressのロゴを光らせるチュートリアル「Creating A Lens Flare」を実際に試してみました。ネタ元は英語だったので手順を実際に試した結果をお見せしながら日本語で紹介したいと思います。
photoshopで新規カンバスを作ることから始まります。サイズはW1600×H800pxが好ましいとしています。そして新しく出来上がったカンパスを黒く塗りつぶします。
作ったカンバスのセンターにロゴマークを配置します。ロゴは小さすぎても大きすぎてもダメで、大体下記の画像ぐらいの割合でロゴを配置します。
まずロゴをコピーしてレイヤーを重ねます。さらに片方のロゴは背景の黒と統合してください。そして統合している方のロゴにフィルタのレンズフレア105mm Primeを70-100％の間でかけます。
レンズのフィルタをかけたレイヤーをコピーして、透明モードをカラーに設定。光らせた色でレイヤーをすべて塗りつぶします。「D」が飽いているから微妙な感じになってしまいましたが、こうする事で下記のように色を入れて光らせる事ができます。
大元のロゴをコピーして、明るさを調整後ぼかしをかけます。チュートリアルでは30pxでかけています。その後ぼかしをかけたロゴの透明モードをハードライトへ
先ほどぼかしをかけたロゴを複製透明モードをオーバーレイへこれでロゴの周りが光ったようになるはずです。
チュートリアルにはさらに続きがあり、もっとアーティスティックにする方法が書かれていますが今回は割愛したいと思います。詳しくは「Great Design: Creating A Lens Flare With The WordPress Logo- Photoshop」をご覧下さい。ちなみに最後までやり遂げると一番上の画像のようになります。
普通ではつまらないと思い「DesigDevelop」のロゴでも試みたのですが、同じ方法をとってみましたが、下記のようになり、残念な結果になりました。
ロゴによりけりなチュートリアルなので試すならWordPressもしくはそれらしいロゴで試した方が良いかと思います。
Great Design: Creating A Lens Flare With The WordPress Logo- Photoshop
今現在Macで作業する事が多くFTPクライアントは無料で使える「Cyberdack」を使っていますインターフェイスも良く、日本語版もあり機能的にも不自由していませんが、基本的にブラウズしながら使う事が多くブラウザとFTPクライアントの切り替えが面倒な時があります。そんな悩みを解決してくれるのが、今回紹介する「FireFTP」です。
この拡張機能はFireFox上でFTPクライアントを動作させるというものです。Firefox上で起動するので普通のWEBページのようにタブで管理できるようになっています。そのため上記のように複数ページを開きながら起動させる事ができます。
インストール方法は「FireFTP – The Free FTP Client for Mozilla Firefox」の「Download FireFTP」をクリックすればFirefoxの拡張機能のインストールウィザードが始まりますのでそれに従って下さい。
FireFoxの拡張機能なんでMacでも動作します。フリーのFTPクライアントが少ないMacユーザーには嬉しいところです。FTPアカウントの設定はFireFTP右上の「Manage Accounts」から設定できます。言語は英語ですが特に難解な所はなく実際使ってみましたが気軽に使える感じです。ブラウザとFTPの連携は良いアイデアだと思います。今後色々試しながら使っていきたいと思っています。
国内でも多くのデザインの現場で利用されているイラストレーター。ベクターデータが扱え、今では細かな質感だったり表現が可能になっていますが、今日紹介するのはイラストレーターで作るハイクオリティなアイコンのチュートリアルを集めたエントリー「30 High Quality Illustrator Icon Design Tutorials」です。
How to Create a Vector Sketchbook
イラストレーターを駆使して、クオリティの高いアイコンを制作をするためのノウハウが紹介されています。今日はその中から幾つか気になったものを紹介したいと思います。
詳しくは以下
いままで様々なアイコンセットを紹介してきましたが、今日紹介するのは可愛いと言う事に注目してまとめられたアイコンセット特集「26 Free Icon Sets We Love」です。キャラクタ−物から、丸々したものなど可愛らしいアイコンセットが集められています。
全部で26種類のアイコンセットが紹介されていますが、今日は特に気になったものをいくつか紹介したいと思います。
詳しくは以下
手書きのフォントは独特で味のある雰囲気を演出してくれます。前回「アナログ感溢れる手書きフォント10選「10 sketchy fonts for web designers 」」という記事で手書き風フォントを紹介しましたが、今回紹介する「20 Free Handwritten Fonts And Resources」も手書きのフォントを集めたエントリーです。
全部で15の手書きフォントと5つの手書きフォントサイトが紹介されていますが、今日はその中からいくつかピックアップして紹介したいと思います。
詳しくは以下
