デザインを開発するという視点でお伝えするクリエイティブBLOG
制作時に非常に便利なソフトの一つとなっているPhotoshop。いろいろな加工や表現が可能で、時にはその表現の幅に驚かされることもあるのではないでしょうか？そんな中今回紹介するのは、Photoshop形式のフリーpsd素材を集めた「Free PSD Files: Download 25 UI Design Photoshop PSD Resources」です。
Bifold Flyer Mockup | Vectogravic
いろいろなタイプのpsd形式の素材がまとめられています。気になったものをピックアップしましたので、下記よりご覧ください。
詳しくは以下
撮影した写真そのままでも味があって良いと思いますが、加工を施すことにより欲しかった雰囲気に近いものを手に入れることができます。そんな中今回は、写真をヴィンテージ調に加工したい時に使いたいフリーアクション「Free Vintage Actions」を紹介したいと思います。
撮影写真にヴィンテージ感あふれる加工を簡単に加えることができるアクションが数種、セットでダウンロードできるようになっています。
詳しくは以下
いろいろなデザインシーンで活用できるPhotoshop形式の素材。高いクオリティで制作されているものが多く、ダウンロードしておくと便利なもの。今回はそんな最新のフリーpsd素材を集めた「25 New Photoshop Free PSD Files for Graphic Designers」を紹介したいと思います。
テンプレートやUI、アイコン、テクスチャなど、さまざまな種類のpsd素材がまとめられています。気になったものをピックアップしましたので、下記よりご覧ください。
詳しくは以下
写真加工だけでなく、複雑な図形やイラストなどの描写表現にも長けたPhotoshop。機能としては、カスタムシェイプなどがよく利用されていると思います。今回はそんなPhotoshopカスタムシェイプをもっと便利に使いこなすことができる「14 Photoshop Custom Shapes Free Download」を紹介します。
Goodies: Glasses, Lashes And Staches Shapes
Photoshopでのイラスト描写をもっと手軽にしてくれる、個性的な種類がピックアップされています。
詳しくは以下
写真に手軽に、ハイクオリティな加工を施すことができるPhotoshopアクション。高い技術を簡単に写真に導入することを可能にした、Photoshopの便利な機能の一つとなっています。今回はそんな、写真表現をもっと豊かにしてくれるフリーPhotoshopアクションまとめ「Best Free Photoshop Actions」を紹介したいと思います。
Lomocam – Lomo Effects + Polaroid Frame Generator by pstutorialsws on DeviantArt
さまざまな種類のアクションが紹介されており、ぜひ取り入れてみたくなるものばかり。気になったものをピックアップしましたので、下記よりご覧ください。
詳しくは以下
さまざまな画像加工処理が可能なPhotoshop。デザインシーンで活躍するソフトですが、機能が豊富なだけに使いこなせていない、表現の幅がどうしても広がっていかないという方は意外に多いのではないでしょうか？そんな中今回紹介するのは、豊富なPhotoshopチュートリアルをまとめた「Top 100 Tutorials for Mastering Photoshop」です。
Design a Dark Surreal Urban Scene with Space Brush in Photoshop – PSD Vault
いろんな種類のチュートリアルが紹介されており、ほしいデザインイメージに合わせて参考にすることができそうです。
詳しくは以下
季節行事の中でもクリスマス、ハロウィンと同じくらい特別なイベントであるバレンタイン。行事によってデザインを変えることはユーザーの目を引くにも非常に重要なファクターです。今回ご紹介する「A Huge Set Of Valentine’s Day Backgrounds (exclusive)」ではバレンタインを中心とした背景素材がまとめられています。
バレンタインらしくハートをモチーフとしたファンシーな背景素材がまとめられています。
詳しくは以下
テキストをただ平打したり並べて配置するだけでなく、グラフィカルな加工を施すことでよりデザインが魅力的に見えてくることも。そんな中今回紹介するのは、さまざまなテイストのテキストチュートリアルをまとめた「New Text Effects Tutorials 2015」です。
Create 3D Star Light Text Effect in Photoshop – PSD Vault
テキストを、リアルかつデザイン的に表現できるチュートリアルが紹介されています。気になったものをピックアップしましたので、下記よりご覧ください。
詳しくは以下
特にwebデザインなどで多用するアイコン素材。フリーで配布されているものも多数存在しており、常にチェックされているというデザイナーの方も多いかと思います。そんな中今回は、豊富なデザインバリエーションが揃ったフリーアイコンセットまとめ「900+ Free Icons for Web, iOS and Android UI Design」を紹介したいと思います。
97 free business icons – Freebie Jar
さまざまなテーマで構成された、魅力的なアイコンセットがフリーでダウンロードできるようになっています。気になったものをピックアップしましたので、下記よりご覧ください。
詳しくは以下
世界中で利用されているCMSの一つWordpress。国内でも多くのユーザーが利用しており、法人・個人問わず利用されていますが、今回紹介するのは、リアルタイムにデザインを編集できるWordpressプラグイン「The Divi Builder」です。
通常テーマはいくつかのファイルによって構成されており、テンプレートの修正やカスタマイズするとなると、多くの場合、コードを書いて修正しなければなりませんでした。この「Divi」はブラウザ上で自由にデザインカスタマイズやテンプレート側の修正が行えるというものです。実際の操作しているシーンを交えた、プロモーション動画が公開されていましたので以下からご覧ください。
動画は以下から
Photoshopのパターン機能は、オブジェクトにテクスチャを貼付けて、簡単に見た目にアクセントを付けられる便利なものです。今回紹介するのはピクセルで構成された扱いやすいパターンセット「Fun Photoshop Pixel Patterns」です。
縦線や横線、斜め線から、少し変わった雰囲気の枠柄など、合計32種類のパターンが収録されています。
数え切れないほどのWebサイトが存在する中で、情報が綺麗にまとめられているサイトは見やすく閲覧していてもストレスになりません。多くの情報をいかにシンプルに整理してサイトに反映するのかが重要になってくると言えます。そんな中今回は、フリーで使えるワードプレスのテーマ「9 Free WordPress Artistic Themes」の紹介です。
Optics WordPress Theme | Graph Paper Press
シンプルにレイアウトされたテーマが魅力的なサイトから、気になったものをピックアップしましたので是非ご覧ください。
詳しくは以下
デザイナーにとって顔ともなる自身の作品や経歴を紹介するポートフォリオサイト。記載されている作品だけではなく、その見せ方やページの構成などもその人のクリエイティブの力を見られる重要なツールの一つですが、今回紹介するのはそんなクリエイター達のポートフォリオサイト集「50 Beautiful and Creative Portfolios」です。
かなりの数のポートフォリオサイトが紹介されていますが、今日はその中からいくつか気になったものをピックアップして紹介したいと思います。
詳しくは以下
Dingbat系（イラストフォント）をひたすら集めたサイト「Dingbat Depot」を紹介したいと思います。かなりの種類のイラストフォントが無料で公開されています。
ものすごい量のイラストフォントが公開されていて、カテゴリーも、動物、機会、人、食物などかなり細かくカテゴライズされていますので、お目当てのものを探しやすいかと思います。慣れてこないとあまり使えないかも知れませんがアルファベット順に表示させたりサイト内検索も設置されています。
詳しくは以下
名前やメールアドレスなどのユーザー情報を入力する際に利用するフォーム。基本シンプルなデザインのものが多い印象ですが、今回紹介するのはクリエイティブなデザインが特徴のフリーフォームデザインまとめ「14 Free Creative Form Designs」です。
Contact Form – Rock Background – Form Templates
デザイン性を求めるサイトにおすすめな、14種のフォームデザインテンプレートが紹介されています。気になったものをピックアップしましたので、下記よりご覧ください。
詳しくは以下
デザインの印象を決める配色は、組み合わせ次第で全く異なる印象へと変化する、重要な工程です。そんな配色だからこそ、しっかりと吟味して最適な組み合わせを選びたいもの。今回ご紹介するのはその配色を行う際に役立つwebツール「.colors{}」です。
好きなカラーコードを入力して、その色同士の相性を確認することが出来るWebデザインに最適なツールです。
詳しくは以下
(さらに…)
