デザインを開発するという視点でお伝えするクリエイティブBLOG
photoshopCS5がもうすぐリリースされますが、最新機能を用いなくても、photoshopは非常に高機能で数世代前のphotoshopでも極めれば、様々な表現が可能です。今回紹介するのは最近発表されたphotoshopのチュートリアルを集めたエントリー「35 Fresh and Excellent Photoshop Tutorials from 2010」
Create a Stylish Grunge Poster with 3D Typography in Photoshop
photoshopの機能を駆使して様々なチュートリアルが公開されています。今日はその中からいくつか気になったものをピックアップして紹介したいと思います。
詳しくは以下
制作の表現をより豊かにそして便利に使えるphotoshopブラシ。様々な表現のphotoshopブラシがリリースされており、使い方によっては高いクオリティを実現できます。今日紹介するのは様々な表現のphotoshopブラシをまとめたエントリー「34 Super Cool Photoshop Brushes」です。
爆発から、光、植物などなどさまざまな表現のphotoshopブラシが集められています。今日はその中から気になったブラシセットをいくつか紹介したいと思います。
詳しくは以下
インターフェイス設計にとても便利なアイコン。機能が絵で表示できるため、うまく使えば、直感的に操作できるインターフェイスを作ることができます。今日紹介するのは60個ものシンプルなアイコンがセットになったアイコンセット「iconSweets」を紹介したいと思います。
アイコンは汎用性の高いものが多く、インターフェイス向けです。iPhone & iPad アプリの開発にも使ってと公式にはおすすめされています。
詳しくは以下
デザインに質感を与えてくれるテクスチャ。様々なテクスチャがリリースされていて、そのなかでも確立されたジャンルがグランジテクスチャ、様々な風合いの味が魅力的です。今日紹介するのはグランジテクスチャを40枚セットにしたテクスチャセット「Massive Grunge Texture Pack: 40+ Textures」を紹介したいと思います。
Massive Grunge Texture Pack: 40+ Textures
グランジといっても様々な表現がありますが、ペンキを塗り重ねたものから、コンクリートが経年劣化したもの、塗装がはがれたものなどなど、様々なグランジテクスチャがセットになっています。今日はそのなかから何枚かピックアップして紹介したいと思います。
詳しくは以下
WEB上ではデザインだけでなくユーザーインターフェイス的にも非常に役に立ってくれるアイコン。全体から見ると細かい部分ではありますが、重要な部分でもあります。今日紹介するのはクオリティの高い、クリア感のある３Dフリーアイコンセット「 Incredibly Detailed 3D Icon Set」を紹介したいと思います。
上記がセット内容の一覧です。一般的によく見かける種別のアイコンがセットになって配布されています。
詳しくは以下
何かを探すとき、何かを調べるときに利用するサーチエンジン。今回紹介するのは一般的なサーチエンジンではなくて、フォントやアイコン、チュートリアルなどデザイナーが必要としているものを専門に探す、サーチエンジンを集めたエントリー「18 Search Engines For Designers – Creativity Boost」を紹介したいと思います。
様々なサーチエンジンが紹介されていますが、今日はその中からいくつか気になったものを紹介したいと思います。
詳しくは以下
webサイト上で、クリックして決定する動作を行ってもらうために必要なボタン。できるだけ分かりやすく、押しやすくするためには、デザインが重要な鍵になってきます。今回はそんなクリックエリアを分かりやすくデザイン的に見せるためのフリーボタン素材「40 Free Web Design Buttons For Web Designers」を紹介したいと思います。
Download Buttons PSD | Free PSD Files
さまざまなクリックシーンで利用できる、いろいろな種類のボタンがセットになってまとめられています。
詳しくは以下
いろいろなデザイン表現を可能にするソフト・イラストレーター。さまざまな場面で活躍してくれますが、機能が多くなかなか使いこなせないことも。今回はそんな時に参考にしたい、イラストレーターを使って描き出すテキストエフェクトチュートリアル「Awesomely Brilliant Adobe Illustrator Text Effects Tutorials」を紹介したいと思います。
How To Create a Comic Style Text Effect in Illustrator
テキストをグラフィカルに表現できるイラストレーターのチュートリアルが紹介されています。気になったものをピックアップしましたので、下記よりご覧ください。
詳しくは以下
数ある多数のフォントの中からデザインにぴったりと合う、クオリティの高いものを探し出すのは意外に大変なもの。そんな時に参考にしたい、デザイン性のある最新フリーフォントを紹介した「New Free Fonts For Designers」を今回は紹介したいと思います。
（Typography: Asgalt Free Font on Behance）
ハイクオリティなフォントがまとめられているので、デザインの質をアップさせたい時におすすめです。気になったものをピックアップしましたので、下記よりご覧ください。
詳しくは以下
デザイン制作に欠かすことができないフォント。クオリティの良し悪しが左右される程重要な役割を持つ要素の一つであり、なるべく多くのレパートリーをストックしておきたいもの。そんな中今回紹介するのが、印象的なデザインにぴったりな個性派フォントをまとめた「20 Creative Typography Free Fonts 2012」です。
（Pilaca Free Font on the Behance Network）
さまざまなシーンで使用できる個性的なフォントが多数紹介されています。中でも気になったものをいくつかピックアップしましたので、下記よりご覧ください。
詳しくは以下
本制作をする前にワイヤーフレームで制作して、UIやUXなどをクライアントと確認するというのはWEB業界では慣習的になっていますが、今回紹介するのは、そんなワイヤーフレームづくりに便利なキットを集めたエントリー「40 Free Wireframe Templates for Mobile App, Web and UX Design」です。
Carbon Material Design eCommerce Wireframe Kit
(PSD & Sketch)
WEBからiOS、AppleWatchまで様々なタイプのワイヤーフレームが紹介されています。今日はその中から特に気になったワイヤーフレームをピックアップして紹介したいと思います。
詳しくは以下
熱いものから立ち上る煙や湯気。デザイン上で表現しようと思うと、質感や柔らかなを演出するのにとても苦労するかと思います。そんなシーンを一気に解消してくれる、さまざまな形の煙を表現できるphotoshopブラシまとめ「33 Sets of Free Smoke Photoshop Brushes」を今回は紹介したいと思います。
煙・湯気の形にもいろいろありますが、欲しい形のものがきっと見つけられるはずです。いくつかピックアップしてみましたので、下記よりご覧ください。
詳しくは以下
今までDesigndevelopでは様々なwordpressのテーマを紹介してきましたが、今日紹介するテーマは少し変わっていて、画像を一切使わずに文字だけで見せるwordpressのテーマ「WP TYPO」です。
タイトルから、日付、ページ内の装飾に至るまで、すべて画像をつかわず表現しています。テキストベースですが、フォントの違いや文字の大きさの強弱の付け方で、メリハリをつけて見やすくなるように構成されています。
詳しくは以下
WEBにせよ、グラフィックにせよ、その自由度の高さから非常に便利なデータ形式ベクターデータ。色や大きさなどの変更にも柔軟に対応してくれます。今日紹介する「24 useful free vectors」は使いやすいベクターデータ素材を集めたエントリーです。
アイコンからオブジェクトまでデザイン業務に使いやすそうなベクターデータが全部で24個公開されています。今日はその中からいくつか気になったベクターデータを紹介したいと思います。
詳しくは以下
植物等の季節感があるテクスチャは、デザイン制作のマストアイテムとしてアーカイブしておきたいもの。そこで今回は、さまざまな種類の枯れ葉や落ち葉テクスチャを集めた「55 Free Design Gripping Dried Leaf Textures」を紹介したいと思います。
（Dry leaves Texture by ~KillerRu on deviantART）
かさかさ良い音が聞こえてきそうなテクスチャから、イメージ性の強いテクスチャまで、さまざまなテクスチャが紹介されています。中でも気になったものをピックアップしましたので、下記よりご覧ください。
詳しくは以下
フリーフォントサイトはインターネット上に多々ありますが、今回紹介する「Urbanfonts.com」はユーザーのことを考えて作られているなというのが実感できるフリーフォントサイトです。
通常は大きくわかりやすいサムネイルでマウスオーバーでA〜Zまでの書体がすべて表示されたサムネイルを表示してくれます。さらにサムネイルをクリックすると収録フォントをすべて表示してくれます。
詳しくは以下
