デザインを開発するという視点でお伝えするクリエイティブBLOG
デザイナーにとって必要なスキルは幾つかありますが、中でもPhotoshopの操作は必須。今回はそんなPhotoshopでのWEB制作のチュートリアルがまとめられた「35 High Quality Photoshop Web Design Tutorials」を紹介したいと思います。
How to Make a Light and Sleek Web Layout in Photoshop
基本的な枠組みから手の込んだサイトまで、35種類のチュートリアルが集約されています。
詳しくは以下
デザインの良し悪しを左右する要素として大きな役割をもつタイポグラフィ。シンプルに配置するのも良いですが、時にはフォント自体にデザインを施してみると、新しいデザインに出会えるかもしれません。今回はそんなときに役に立つ、Photoshopチュートリアルまとめ「20 Best Photoshop Text Effects Tutorials」を紹介したいと思います。
How to Create a Layered Floral Typography Text Effect in Adobe Photoshop
さまざまな種類の、Photoshopで作成できるテキストエフェクトがまとめられています。気になるものをいくつかピックアップ致しましたので、下記よりご覧下さい。
詳しくは以下
複雑な作業でも、Photoshopのアクション機能に記憶しておけば何度でも使用することができ、時間短縮へ繋がる上に均一なクオリティを生み出すことができ非常に便利。そんな中今回は、デザイナーに向けたクリエイティブなデザイン性を持つハイクオリティなアクション機能がまとめられた「New Amazing Photoshop Actions for Photographers & Designers」を紹介します。
Comic Book Photoshop Action by SOHdesign | GraphicRiver
どれも高品質かつユニークな画像演出が光るアクション機能ばかり。中から気になったものをいくつかピックアップ致しましたので以下よりご覧下さい。
詳しくは以下
Photoshopの機能として便利なアクションは、使いこなすことでより魅力的なグラフィックを作り上げることができます。そんな中今回紹介するのは、リアルなビジュアルを簡単に再現できるPhotoshopアクションまとめ「New High Quality Photoshop Actions for Photographers & Designers」です。
Ultra Soft Oil Paint Action by Kitket | GraphicRiver
まるで魔法をかけられたかのように一瞬で加工ができてしまう便利なアクションがまとめられています。気になったものをいくつかピックアップしましたので、以下よりご覧ください。
詳しくは以下
編集可能なPSD素材は様々な場面で役に立ってくれる存在。できれば最新の素材を手元に置いてきたいもの。そんな中今回ご紹介する「36 New Free Photoshop PSD Files for UI Designers」は、ロゴやアプリのUIから名刺テンプレートまで含まれた最新のまとめとなっています。
Daily UI #029 – Music player by Marko Nedeljkovic – Dribbble
どれもクオリティの高い、さまざまな種類のPSD素材がまとめられています。気になるものをいくつかピックアップしているので以下よりご覧ください。
詳しくは以下
幅広い世代で活用されるようになったSNSですが、その中でも手軽に写真投稿ができるInstagramは人気が高く、多くの人が利用しているのではないでしょうか？そんな中今回紹介するのは、Photoshopアクション「30 Free Instagram Photoshop Actions」です。
SNSへの投稿機会が多くなった今、写真の加工も欠かせないものとなってきたように思います。写真に個性を加えたい方にはオススメのアクションですので是非ご覧ください。
詳しくは以下
今まで数多くのテクスチャや背景素材を紹介してきましたが、今日紹介するのは1009枚ものフリーテクスチャ&背景を集めたエントリー「Massive List of 1009 Hi-Res Free Textures and Background」です。
様々な種類のテクスチャ、背景のセットが公開されておりその数もさることながらバリエーションも豊富で定番のグランジペーパーからブロック、パターン、ビンテージなどなど様々な素材のダウンロード先が集められています。今日はその中から今までDesigndevelopで紹介した事が無く気になったセットをいくつかピックアップして紹介したいと思います。
詳しくは以下
テクスチャなどの素材を程よく利用することは、クオリティの高さを感じさせるWEBデザイン制作に役立ちます。そこで今回紹介するのが、シンプルなパターン素材を集めたポータルサイト「SubtlePatterns」です。
シンプルでさまざまなデザインに利用しやすいパターン素材が、豊富にラインナップされています。
詳しくは以下
絶妙なニュアンスをつけられるパターン素材が200種類以上のそろっており、サイト上で背景に使用した場合の雰囲気をプレビュー確認することもできます。ダウンロードできる素材のサイズは、正方形のPNGデータになっているので、Fireworksのテクスチャフォルダに入れておけば、デザイン制作作業時にも手軽に利用できるというのが嬉しいですね。
テクスチャ制作の参考に利用するのはもちろん、既存のテクスチャ素材だけでは物足りなさを感じている方におすすめのサイトとなっていますので、気になる方は、是非下記原文をチェックしてみてください。
ページ遷移を可能な限り少なくして、シームレスに気持ちよく情報を見せようといったWebサイトを、最近よく見かけるようになりました。しかしそのようなサイトを構築したいと思っても、経験が無ければハードルは高いもの。そこで今回は、そのような機能を手軽に実装できるjQueryのプラグインをまとめたエントリー「12 jQuery Infinite Scroll Plugins and Tutorials」を紹介したいと思います。
Mark Holton | Web Application Development
スクロールに合わせて新たなコンテンツを読み込む機能を中心に、12種類のプラグインがまとめられています。中でも気になったものをピックアップしましたので、下記よりご覧ください。
デザインのクオリティや質を高めるためにもっとも重要な要素が配色。バランスの良いデザインでも色がチグハグでは良いデザインにはなりえません。今日紹介するのはそんな配色を便利にしてくれる、配色を操るためのカラーツール5選「Finding Colors: 5 Tools for Great Color Concepts」です。
今回は紹介されている5つの配色ツールの使い勝手や特徴を簡単にまとめてご紹介したいと思います。
詳しくは以下
世界中で愛されているデニム生地は、デザインの中でも使いやすいアイテムではないでしょうか？そこで今回は、さまざまな種類のデニム生地テクスチャを集めた「Collection of Useful And High Quality Denim Textures」を紹介したいと思います。
denim by ~virus-xiii on deviantART
縫い目の異なるさまざまなデニム生地がラインナップされています。中でも気になったものをピックアップしましたので、下記よりご覧ください。
詳しくは以下
アイコンは同じテーマやテイストでセットになって配布されていることが多く、シリーズで統一性をもたせられるのも嬉しいところ。そんな中今回紹介するのは、種類豊富に揃うフリーアイコンセットがまとめられた「1100+ Free UI Icons for Web, iOS and Android UX Design」です。
Image Editing Icons – EpicPxls freebie
非常に多彩なテーマのアイコンセットがフリーでダウンロードできるようになっています。気になったものをピックアップしましたので、下記より御覧ください。
詳しくは以下
世界観を演出するのにとても便利なベクターデータのシルエットデータ。シルエットなのでメインのモチーフの他にも背景的な処理などにも柔軟に使えます。今日紹介する「Old fashioned vector silhouettes」は神話や古代物語のモチーフのシルエットベクターデータセットです。
上記のような神話の世界のやり取りから、歴史を感じさせる物語のワンシーンまで様々なベクターデータが全部で446個収録され配布されています。
詳しくは以下
デザインにラフさを取り入れたい、カジュアルな印象にしたい時に使うことが多い落書き風のデザイン。手描きで作成するのももちろん良いですが、今回はブラシを使って手軽に描き出すことができる「15 Photoshop Free Scribble and Doodle Brushes」を紹介したいと思います。
（Dirt2 Secret Garden Brushes by KeepWaiting on deviantART）
さまざまな種類やテイストの落書きブラシがまとめられています。気になったものをピックアップしましたので、下記よりご覧ください。
詳しくは以下
WEBを制作にあたり便利な素材アイコン。一つ一つアイコンを制作するのはとても大変で、ピクセルアート的なピクトグラムであれば一層時間がかかります。今日紹介するのは10pxで様々なものを表現するミニピクセルアイコンセット「Bijou」です。
アイコンはすべてpngで配布されており、さらにありがたいことに、ソースファイルのpsdも用意されていますので、オリジナルのアレンジを加えることも可能です。
詳しくは以下
デザインは幅が広くグラフィックデザインという分野だけに絞っても多種多様な表現が存在します。今回紹介する「45 Explosively Colorful Photoshop Effects」はphotoshopで作るグラフィックデザインの様々な表現のチュートリアルを集めたエントリーです。
その作品と言うよりも、写真を絵画調にに見せるTips、60年代のサイケデリック風に仕上げるTipsなど、グラフィックの技と言う色合いが強いチュートリアルが集められてまとめられています。今日はその中から特に気になったチュートリアルをピックアップして紹介します。
詳しくは以下
