デザインを開発するという視点でお伝えするクリエイティブBLOG
画像の編集や加工、デザインの制作など、幅広い用途で利用できるPhotoshop。機能が多彩な為、さまざまな技法やテクニックが存在します。今回ご紹介するのは、そんなPhotoshopのテクニックを学べるチュートリアルがまとめられた「31 Fresh New Photoshop Tutorials – Learn Basic & Advance Manipulation Tips & Tricks」です。
New Photoshop Tutorials – Photo Editing | Tutorials | Graphic Design Junction
合成写真の作り方や画層加工の方法など様々なテクニックが31種類まとめられています。さらにその中から、これはと思ったチュートリアルを幾つか選んでみましたのでご覧ください。
詳しくは以下
制作の現場には欠かせないアプリケーションの一つphotoshopですが、今回紹介するのは2009年に公開されたphotoshopのチュートリアルを集めたエントリー「The 100 Most Popular Photoshop Tutorials 2009」です。
Computer Arts – Create frozen liquid effects
幻想的な世界観を作るものから、現実のものをより面白く見せるテクニックなどなど様々なphotoshopでのチュートリアルが公開されています。様々なチュートリアルが公開されていますが、いくつかきになったものを下記に紹介したいと思います。
詳しくは以下
臨場感や雰囲気をより作ってくれる音楽。シーンにはまれば、どうということ無い動画も世界観をより感じさせるものになりますが、なかなか自分で作るのは敷居が高い。今日紹介するのは音が作れないというかたのために、フリーで利用できる音楽&演出素材を集めたサイト「Free Music & Sound Effects」です。
様々なバックグラウンドミュージックやサウンドエフェクトが公開されています。いくつか動画に併せてみた音源のサンプルが公開されていましたので下記にいくつか紹介したいと思います。
詳しくは以下
デザインの重要な要素の一つ、フォント。様々な種類のフォントが存在しますが、今回紹介するのは、独特の雰囲気を表現できるゴシックフォントを集めたエントリー「35 Free Gothic Fonts for Designers」です。
全部で35のフォントが公開されていますが、今日はその中からいくつか気になったものをピックアップして紹介したいと思います。
詳しくは以下
Adobeが展開しているリッチインターネットアプリケーションAIR。様々なジャンルで、利用されていますが、今日紹介するのはWEBデザインに役に立つAIRアプリを集めたエントリー「45+ Useful Air Applications for Web Design and Development Freelancers」です。
サイズを測ったり、アイコンを制作したり、データベースをいじったりと、WEB制作や開発にちょっと便利な機能を持ったAIRアプリケーションが多々集められています。今日はその中からいくつか気になったものを紹介したいと思います。
詳しくは以下
最近DesigndevelopではphotoshopによるグラフィックデザインのTips集を「リアルなガジェット制作のためのphotoshopチュートリアル「27 Best Photoshop Gadget Design Tutorials」」や「素晴らしいphotoshopのテキストエフェクトチュ−トリアル50選「50+ Great Photoshop Text Effect Tutorials」」など紹介してきましたが、今日紹介するのはillustratorの様々なテクニックのチュートリアルを集めた「25+ illustrator tutorials to start your week | ifoh designs」を紹介したいと思います。
Free Watercolor Brushes and Tutorial
illustoratorでも個々まで表現できるんだなと思わせてくれるようなチュートリアルが満載です。今日はその中でも特に気になったチュートリアルをいくつか紹介したいと思います。
詳しくは以下
アプリケーションのインターフェースに使えるアイコンは通常のものとは少し異なり、よりインターフェースとしての色合いが強く、そのアイコンの精度で使いやすさが決定してしまうと言っても過言では無いと思いますが、今回紹介するのはアプリケーション開発に使えそうなアイコンを集めたエントリー「25 Best Icon Sets for Application Design | Web Design Soul」を紹介したいと思います。
シンプルなピクトグラムのようなアイコンから、作りこまれたアイコンまでインターフェースに使えそうな様々なアイコンがまとめられています。今日はその中から幾つか気になったものをピックアップして紹介したいと思います。
詳しくは以下
デザインに彩りを与えてくれるテクスチャ。そのなかでも素材感があり、様々なデザインに使えるテクスチャの一つ金属。今日はそんな金属のテクスチャを集めたエントリー「50 Free Metal Textures」を紹介したいと思います。
錆びたものから、ひっかいたような跡があるもの、また繋ぎ合わせた物まで、金属と一口に言っても様々なテクスチャがあります。今日は収録されているテクスチャの中からいくつかピックアップして紹介したいと思います。
詳しくは以下
大きな話題を呼び、国内でも様々なPRサイトに実装されたパララックス（視差効果）。今までには無い体験は多くの人の注目をあつめました。今日紹介するのはパララックスを実現するためのチュートリアルやリソースをあつめた海外のチュートリアル&リソース集「Parallax Scrolling Tutorials & Resources」です。
Behind The Scenes Of Nike Better World
ソースで開示されているところや、根幹の考え方等、示されている方法は様々ですが、今回はその中から比較的分かりやすいと思うチュートリアル、リソースをピックアップして紹介したいと思います。
詳しくは以下
先日「最新の使えるjQueryプラグイン集「25 Amazing and Fresh jQuery Plugins」」と言う記事で、最新の機能のjQueryプラグインをまとめたエントリーを紹介致しましたが、今日紹介するのはjQueryで動きが特徴的な魅せる動きを集めたエントリー「10 jQuery Transition Effects: Moving Elements with Style | DevSnippets」を紹介したいと思います。
Fluid Navigation – How to create an informative menu-bar with jQuery & CSS
スムーズに出現するフェードだったり、スライドインだったり、気持ちいい感じの動きをするjQueryのテクニックが集められています。今日はその中からいくつか気になったものをピックアップして紹介したいと思います。
詳しくは以下
制作したデザインが実際にデバイスやツールに当てはまるとどんな雰囲気になるのか、デザイナーとしてはとても気になるところだと思います。今回はそんな時に活用したい、最新のモックアップPSDまとめ「New Free Photoshop PSD Mockups for Designers」を紹介します。
Dribbble – FREE Photorealistic iPhone 6 Plus PSD Mockup Templates by Tran Mau Tri Tam
ハイクオリティなイメージをフリーでダウンロードできるページが紹介されています。気になったものをピックアップしましたので、下記よりご覧ください。
詳しくは以下
