デザインを開発するという視点でお伝えするクリエイティブBLOG
いろいろな加工技術が集約されたPhotoshop。実にさまざまな表現が可能ですが、どうやって機能を使ったら良いか分からないことも多いはず。そんな中今回は、Photoshopチュートリアルを分かりやすく動画で紹介した「20 Awesome Photoshop Tutorials on Phlearn」を紹介したいと思います。
How to Use Virtual Copies in Lightroom
すべてムービーで解説されているチュートリアルを集めているので、操作する画面上の場所なども把握しやすく、初心者にもおすすめの内容となっています。
詳しくは以下
写真加工ソフトとして活用されているPhotoshop。いろいろな表現が可能ですが、機能が多いゆえに使いこなせていないというデザイナーの方も多いのではないでしょうか。今回はそんな方におすすめしたい、魅力的なチュートリアル20選「Post-Processing Photoshop Tutorials: 20 PS Tutorials for All Designers」を紹介したいと思います。
Add quick effects to your personal photos – 300+ free Photoshop Tutorials
Photoshopでの画像加工にバリエーションを出すことができる、トレンド感を押さえた表現ができるチュートリアルが紹介されています。
詳しくは以下
デザインの中でさまざまな役割を持つ文字要素は、メイングラフィックのサポート的存在ではなく時にはメイン要素となる時も。そんな時に文字をより魅力的に演出できるエフェクトチュートリアル集「New Amazing 2D and 3D Text Effect Tutorials (26 New Tuts)」を紹介したいと思います。
How to Create Space Tiles Text Effect in Photoshop |
2D・3Dと、平面立体さまざまな種類のエフェクトが分かりやすく解説されています。気になったものをピックアップしましたので、下記よりご覧ください。
詳しくは以下
さまざまな描写表現ができるイラストレーターは、デザイナーにとってなくてはならないもの。その表現の幅も非常に広いため、使いこなせていないと感じている方も多いのではないでしょうか。今回はそんなシーンで参考にしたい、イラストレーターを使ったベクター素材チュートリアル&テクニックまとめ「27 New Vector Illustrator Tutorials to Learn Design & Illustration Techniques」を紹介します。
How to create an engraved illustration effect in Illustrator – Transfuchsian
いろんな種類のチュートリアルやテクニックが紹介されており、どれも試してみたくなるものばかりが揃っています。気になったものをピックアップしましたので下記よりご覧ください。
詳しくは以下
Photoshopを使うことで、難しいグラフィック表現も可能に。しかしどのように操作したら良いかわからないということも多いのではないでしょうか？そんな時に参考したい、デザイン性の高い表現を手に入れられるPhotoshopチュートリアル「12 Fresh & Creative Photoshop Tutorials」を紹介したいと思います。
Create a Pizza Food Text Effect in Photoshop – Photoshop tutorial | PSDDude
非常に高いクオリティのデザインチュートリアルがまとめられています。気になったものをピックアップしましたので、下記よりご覧ください。
詳しくは以下
Photoshopを利用することで、リアルであったり、自分ではなかなか描き出せないようなグラフィック表現も実現させることができます。そんな中今回紹介するのは、ハイクオリティなグラフィック描写を表現できるphotoshopチュートリアルまとめ「26 New Photoshop Tutorials to Improving Your Photoshop Skills」です。
Create This Dark Matte Landscape Composite in Photoshop – Photoshop Tutorials
まるで映画のポスターのようにリアリティのある表現から写真加工まで、さまざまな種類のチュートリアルが紹介されています。
詳しくは以下
サイトを制作する上で、便利な素材PSD。photoshopで扱えるファイルで、細かなカスタマイズも可能で、扱いやすいファイル形式は制作者としてはありがたい形式ですが、今日紹介するのは、2012年に公開されたフリーPSDを集めたエントリー「Best Free UI PSDs of 2012」を紹介したいと思います。
ベーシックなアイコン素材から、ローディング用のプログレスバーなど、制作に利用できそうな様々な素材がまとめられています。今回はその中から特に気になったPSD素材を紹介したいと思います。
詳しくは以下
制作の現場でとても便利なテクスチャ素材。平坦なデザインに素材感や立体感を与えてくれますが、今回紹介するのは水彩からグランジ・ポリゴンまでフリーテクスチャを集めた「20 Free Texture Packs」です。
多様な種類のテクスチャパックがまとめられています。今日はその中か特に気になったテクスチャパックを幾つか紹介したいと思います。
詳しくは以下
最近ではFLASHはJavascriptだけではなく、CSS3が登場したことにより、CSSでアニメーションを表現するということも徐々に増えてきているのではないでしょうか？今日紹介するのは様々なCSSのアニメーションTIPSを集めた「Guide to CSS Animations」です。
Using CSS3 Transitions, Transforms and Animation
javascriptの代替になってくれるようなものから、Flashのようなリッチなアニメーションまで様々なCSSで実現するアニメーションTIPSが紹介されています。今回はいくつか気になったものをピックアップして紹介したいと思います。
詳しくは以下
軽量で高機能なjavascriptライブラリjQuery。様々なプラグインがリリースされていて、簡単にWEBに動きや機能を付加してくれるため。使い勝手が良く多くのWEBサイトで利用されていますが、今日紹介するのはjQueryで利用出来る便利なナビゲーションを集めたエントリー「26 Useful jQuery Navigation Menu Tutorials」です。
Mega Drop Down Menus w/ CSS & jQuery
ドロップダウンメニューからユニークなアコーディオンメニューまで様々なナビゲーションがまとめられています。今日はその中からいくつか気になったものを紹介したいと思います。
詳しくは以下
デザインやCG制作などで激しさなどを表現したい時に活用できる、暗闇に鳴り響く雷鳴の雰囲気を再現できるPhotoshopブラシをまとめた「30 Free Lightning Photoshop Brush Sets」を、今回は紹介したいと思います。
Lightning Brush Set 1 by ~Dudeshibby on deviantART
さまざまな形の雷の光を再現できるブラシが揃っています。中でも気になったものをいくつかピックアップしましたので、下記よりご覧ください。
詳しくは以下
ロゴデザインにも、シンプルなものから凝ったデザインのものまで、さまざまなテイストのものが存在していますが、今回紹介するのは、高いデザイン性を誇る タイポグラフィロゴ集「Creative & Beautiful Designs with Typography」です。
（HBO ‘Unexpected’ on the Behance Network）
見ているだけでも楽しくなるような、アーティスティックなロゴが多数紹介されています。中でも特に気になったものを選んでみましたので、以下よりご覧ください。
デザイン制作を行う中で重要な役割をもつアイコンは、テイストによってサイト全体の雰囲気さえもガラッと変えてくれる力を持つ要素になることも。そんな中今回は、手描きのラフなテイストアイコンセット「Hand-drawn Geek’s Treasure Chest」を紹介したいと思います。
遊び心のあるイラストが60個。全て手描きテキストで描かれているで、ラフな雰囲気が楽しめるようになっています。
詳細は以下
今世間ではバレンタイン商戦がスタートしたこともあり、ハートなどの可愛らしいモチーフをよく見かけるようになりました。今回はそんなシーンをさらに演出できる、可愛らしさが特徴のベクター素材「A Huge Set Of Valentine’s Day Vector Elements」を紹介したいと思います。
バレンタインのデザインに使用したい、ハートを中心としてモチーフイラストが揃ったベクターセットとなっています。
詳しくは以下
インターネット上で配布されているハイクオリティーなアイコン、これらは一体どういう風に作られているか、気になった事は無いでしょうか？今回紹介する「iconka.com」ではハイクオリティーなフリーアイコンを配布するとともにその作り方を動画で公開しています。
サイトではいくつかのシリーズのアイコンの作り方をまとめたビデオチュートリアルが公開されています。一つ一つ詳しく追っていく感じではありませんが、こんな風にして作られているのかと言うのはわかるようになっています。
動画は以下から
今回の東北地方太平洋沖地震に関する記事を様々な方がまとめられていますが、
まとめをさらにまとめて記事にしました。少しでも皆様のお役に立てればと思います。
随時、役に立ちそうなまとめを見つけた時点で、更新していきます。
またブログメディアをお持ちの方でもし自分のサイトでもという方で、
下記のリストがもし役立ちそうであればご利用ください。
【まとめのまとめ】
東北地方太平洋沖地震対策まとめ
http://d.hatena.ne.jp/seijotcp/20110312/p1
地震・津波・帰宅困難用まとめのまとめ
http://bipblog.com/archives/2725908.html
地震情報の記事まとめ［更新中］ #jishin
http://www.gizmodo.jp/2011/03/_jishin.html
東北地方太平洋地震のソーシャルメディアでの対応【義援金追加・随時更新】 – NAVER まとめ
http://matome.naver.jp/odai/2129984847046256401?keyword=%E5%9C%B0%E9%9C%87
『東北地方太平洋沖地震対策まとめ』のまとめ – NAVER まとめ
http://matome.naver.jp/odai/2129985817946324801
東北地方太平洋沖地震に関する記事のリンクまとめ : 無題のドキュメント
http://mudainodqnment.ldblog.jp/archives/1547382.html
東北地方太平洋沖地震に関する情報いろいろ*二十歳街道まっしぐら
http://20kaido.com/archives/2645879.html
【Twitter関係】
無料開放Tweetのまとめ
http://togetter.com/li/110487
東北地方太平洋沖地震、ネット上でのデマまとめ
http://d.hatena.ne.jp/seijotcp/20110312/p1
「地震の情報・アドバイスの拡散まとめ」
http://togetter.com/li/110496
被災地でないところで できること／するべきでないこと
http://togetter.com/li/110683
岩手県の被害状況まとめ
http://togetter.com/li/110729
「井上雄彦氏 Message」
http://togetter.com/li/110722
【放送関係】
NHK
http://www.ustream.tv/channel/7475111
http://live.nicovideo.jp/watch/lv43018790
TBS
http://www.ustream.tv/channel/4939766
フジテレビ
http://www.ustream.tv/channel/4446277
http://live.nicovideo.jp/watch/lv43019860
ニコニコ動画/ニコニコニュース
http://live.nicovideo.jp/watch/lv43004420
Androidアプリ
https://market.android.com/details?id=tv.ustream.ustream&feature=search_result
iPhoneアプリ
http://itunes.apple.com/jp/app/ustream/id301520250?mt=8
【その他】
地震が起こったら、まずこれをしろ！
http://www.satonao.com/column/variety/jishin.html
地震発生時緊急マニュアルまとめ
http://mblg.tv/enokiiii/entry/1/
photo by Some rights reserved by Alex Barth
