一昨日の記事で紹介した、フォトショップでまず、モックアップを作って、次にそれをWordPressに落とし込むチュートリアル、まずはモックアップが完成しました。外国人のWEBデザインチュートリアルって、イラストレーターじゃなくてフォトショップですね。な…

動画のチュートリアルで、素晴らしいものを発見！ 動画の解説って直感的で分かりやすいけど、 見るまでその質と内容が分かりませんが、これはよかった。初心者のためのフォトショップ講座 超初歩からやってくれる 面倒な雑談がなくスピード感がある（続きはD…

こちらのサイト、Design Reviverを参考に。 WordPressのテーマを、 フォトショップでモックアップを作る。 それをWordPressに適応させる。 という二段階で解説してくれてます。

下のエントリで作ったMacのシステム環境設定のファイルに フォトショップで加工する。 霞のあるブラシで外枠にポンポンと色を付けて、マスクをかける。 白黒のグラデーションのレイヤーを重ねてoverlayかscreen 少しかっこよくなった！

Amazing Watercolor Effect in Pixelmator http://abduzeedo.com/amazing-watercolor-effect-pixelmator 覚えたこと： 人物の上にテクスチャを乗せて、消しゴムなどで消す。人物だけ残る。 フィルターで鉛筆風にする（のができなかった） 白黒にしちゃう 筆…

広告を再現するフォトショップチュートリアル。Create an amazing Ad in Photoshop http://abduzeedo.com/create-amazing-ad-photoshopちょっとうまくいかなかった。 覚えたこと： 星雲のような効果を出すために、雲フィルターを使う。 消しゴムツールで画面…

How to Create a Vector Safari Compass in Illustrator http://www.blog.spoongraphics.co.uk/tutorials/how-to-create-a-vector-safari-compass-in-illustrator すごい時間かかりました。覚えたイラレ： 線や同心円のグラデーションを使った同心円をたくさ…

hover時、active時のボタンも作ってみる。 このチュートリアルにはきちんとは書いていなかったけど、 レイヤーをコピーして、色を変えたり、 ペンツールで影にしたい部分を描いちゃってその色を濃いめにする、 などすればよい。 Creating flexible buttons u…

メニューボタンの作り方のチュートリアル。Create Small Colorful Buttons in Photoshop http://coregfx.org/tutorials/create-small-colorful-buttons-in-photoshop/技術： ・マーキーツールで形を作る ・Select>Modify>Smoothで、角丸にする ・立体感のあ…

このサイトで紹介されていたチュートリアル。 http://www.myinkblog.com/2008/08/10/design-with-swirls-and-flourishes/覚えた、イラレ： ・ペンツール ・ブラシやシンボルの作成、適用 ・渦巻きツール ・素晴らしいスウォッチがたくさんあるところ。 →adob…