// Archive for the ‘デザインチュートリアル’ Category

トイカメラ風の画像エフェクトチュートリアル

トイカメラ風の画像エフェクトチュートリアル

SmashingMagazineで トイカメラ・ポラロイド写真のあの独特なヴィンテージエフェクトとそれをフォトショップで表現するためのチュートリアル集のエントリがあったので、何種類か試しに作ってみました。アクションを併用したり、素材を複数ブレンドしたり、レイヤーとフィルターだけで加工したりと、その方法は様々です。

フォトショップで作るWebサイトレイアウトのチュートリアル 3

フォトショップで作るWebサイトレイアウトのチュートリアル 3

フォトショップを使ったサイトレイアウトのチュートリアルは本当に参考にするところが多いですね。例えば、ここの背景どうやって作ったんかなというのも、しっかりと解説してくれていますし、どういった素材を使ったかまでリンクを貼ってくれていたり、まさに痒いところに手が届くという感じです。

イラストレーターチュートリアルのまとめ その2

イラストレーターチュートリアルのまとめ その2

イラストレーターを使って画像を描くチュートリアルも沢山紹介されていますね。基礎的な部分から応用編まで詳しく書かれていることが多いのでとても勉強になります。ただ、最近イラストレーターを落ちついて触る時間がとれなくって。。。

フォトショップチュートリアルのまとめ その3

フォトショップチュートリアルのまとめ その3

Photoshopチュートリアルはデザインの流行を反映して、テキストを格好良く見せるためのものや、美しいグラデーションの作り方、テクスチャーを上手く使う方法などが多くなってきました。中でもテキスト関連はデザイン全体を変更しなくても取り入れられそうなものが多いです。

フォトショップで作るWebサイトレイアウトのチュートリアル 2

フォトショップで作るWebサイトレイアウトのチュートリアル 2

年末恒例サイト作成のため、大いに参考にさせてもらっているチュートリアル。フリーのテーマをちょっとカスタマイズしてとか、デザインだけ変えてタグ打ちだけしたりとかしてたこともありましたが、フォトショップのデータでダウンロード出来るのはありがたい。

CSSハックマニア その1

CSSハックマニア その1

CSSは奥が深い。どれほどのことが出来るのかと思うくらい、いろいろなスタイルシートが紹介されています。しかも jQuery なんかとの組合せで大抵のことができてしうのではないでしょうか?コーディングをする上で、スタイルシートを使ってどういったことが出来るのか把握しておくことは重要だし、その上で構築するサイトに必要なもの不要なものを切り分けることが必要ですね。

フォトショップで作るWebサイトレイアウトのチュートリアル

フォトショップで作るWebサイトレイアウトのチュートリアル

基本のテンプレートを用意しておいて、デザインをはめ込むというのも手なんですが、やはり1からサイトの内容に合わせてデザインを取り入れたいですよね。最近は部分的なチュートリアルだけでなく、こういったサイトデザイン全体のチュートリアルがたくさん紹介されているのでとても参考になります。

イラストレーターチュートリアルのまとめ その1

イラストレーターチュートリアルのまとめ その1

今、一番しっかりと覚えたいもののひとつがイラストレーター。仕事ではほとんどがフォトショップなのでイラストレーターをなかなか覚えることが出来ません。。。イラストレーターを使いこなしてフォトショップとの連携がスムーズに出来るようになれば、制作の幅もきっとひろがるはず!!

フォトショップチュートリアルのまとめ その2

フォトショップチュートリアルのまとめ その2

フォトショップのチュートリアルは数限りなく紹介されているので、こまめにチェックが必要ですね。ブラシの散布や、テクスチャーの使い方、写真と塗りのブレンドなどなど、画像加工に必要なことは実践して身につけよう!!ってことで、早速チャレンジしてみました。

フォトショップチュートリアルのまとめ その1

フォトショップチュートリアルのまとめ その1

フォトショップのチュートリアルもとても参考になるものが紹介されています。英語が苦手でもキャプチャー画像を見ながらなんとか作業を進めることが出来るようになっているものばかり。中には.psdデータのダウンロード出来る物もあります。