最近のトレンドを踏襲した、ディテールの作りこみも丁寧に解説されたウェブデザインを作成するPhotoshopのチュートリアルを紹介します。 ここ半年くらいに公開されたものから厳選しました。
ディテールの作りこみも丁寧に解説された、ウェブデザインを作成するPhotoshopのチュートリアル集
最近のトレンドを踏襲した、ディテールの作りこみも丁寧に解説されたウェブデザインを作成するPhotoshopのチュートリアルを紹介します。 ここ半年くらいに公開されたものから厳選しました。
Photoshoopでの作業時間を短縮するのに役立つ10のテクニック
10 Photoshop Quick Tips to Improve Your Workflow 下記は各ポイントを意訳したものです。 1. レイヤースタイル パネルでの操作 2. 空の選択範囲の変形 3. 斜めの画像を水平にする 4. 画像に磨りガラスのようなパネルを設置 5. キレイな切り抜きを素早く 6. 瞳のカラーを変更 7. 画質に影響を与えないで照明のエフェクト 8. 作業確認用の新規ウインドウ 9. 画像からカラースウォッチを作成 10. レイヤースタイルをレイヤーの一部に適用 1. レイヤースタイル パネルでの操作 レイヤーパレットの下の「fx」ボタンをクリックすると開くレイヤースタイル パネルで、レイヤースタイルのアクティブ時に直接微調整ができます。 操作可能なスタイルは、4つです。 ドロップシャドウ グラデーションオーバーレイ サテン パターンオーバーレイ 4つのスタイ
40分で覚える！jQuery速習講座 (1/6)
いまやWeb制作に欠かせなくなったJavaScript。でも、「JavaScriptはほとんど“アリモノ”で済ませている」という方も多いのでは？ そこで、WebデザイナーやマークアップエンジニアなどのWeb制作者の方向けに、いま一番人気のJavaScriptライブラリー「jQuery」の基本を学べる特別レッスンをお届けします。題して、「40分で覚えるjQuery」。要点だけにぎゅっと絞って解説しますので、手を動かしながら今すぐjQueryを始めましょう。 【0分目：導入編】 jQueryのダウンロードと利用方法 jQueryのライブラリー本体（JavaScriptファイル）は公式サイトからダウンロードし、head要素などにscript要素を書いて読み込みます。
CSSのみで円、三角、四角、台形、星、ハートなどのさまざまな形を形成するサンプル「The Shapes of CSS」｜BLACKFLAG
CSS＋CSS3のみにて円形や三角、四角、星型、ハート型などなど ありとあらゆる形状を画像を使わずに形成する方法を集めた「The Shapes of CSS」が おもしろかったのでメモ書き程度にご紹介。 ≫The Shapes of CSS ページ上には実際にブラウザ上で表示される形をもとに CSSプロパティの記述を確認することができます。 円やハートなどの丸みを出す部分はCSS3の「border-radius」を使っていたりするので 物によってはCSS3非対応ブラウザでは表示されない場合もあります。 これらの方法をうまく使って 出来る限り画像の使用を抑えることができるといいかもしれません。 ご参考までに。。。
これさえやればCSSをマスターできるかもしれないCSSチュートリアル＆サンプル20:phpspot開発日誌
皆さん、新年あけましておめでとうございます。 今年も読んでいただき、ありがとうございます。 では、早速ですが記事のご紹介。 20 Ultimate CSS Tutorials That Will Help You Master CSS | DWSmg.com これさえやればCSSをマスターできるかもしれないCSSチュートリアル＆サンプル20。 全部、そのメカニズムについて覚えたらかなりCSSに詳しくなるのは間違いなさそう。 Advanced CSS Menu カーソルを合わせたときにメニューがCSSオンリーで切り替わる CSS Based Navigation こちらも同様。JavaScriptレスでメニューを切り替えます CSS Fancy Menu CSSとJSを使ってFlashばりのアニメーションメニューを作成 Expandable CSS Tabs Tutorial テキスト長に応
shadow
地面の影の作り方 僕の3Dキャラクター作品はたいてい白バックで、地面に影が落ちている。存在感がありながらシンプルにしたいからこうしている。3DCGに詳しい人、または石膏デッサンの経験者は見抜いているはずなんだけど、キャラクターの陰影と地面の影は一致してない。インチキの影なのだ。 というのは、キャラクターが映えるように最適なライティング、例えば左上からメインライトを照らす。すると、影は右方向に長く伸びてしまう。一方、床に落ちる影をキャラクターの下に作るには、メインライトを真上から照らさないといけない。つまり、キャラクターと床の影を両方とも最高にカッコイイ状態にするのはほぼ不可能（注）。なので、僕はたいていの場合、キャラクターだけをレンダリングしてPhotoshopに持ち込み、床の影は描いている。 Hiroshi Yoshii これが真っ正直に床に落ちた影をレンダリングした例。悪くはないけど、
フォトショップ講座 アーカイブ / ウェブデザインライブラリー
フォトショップで水彩ブラシと新聞を使ったビンテージアートワークを作成する方法 (2015年9月18日) 水彩画と新聞の画像を使ったビンテージアートワークを作成する方法をご紹介します。
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
jQuery Mobile 1.1.0 日本語リファレンス
2008年2月版web開発者のためのベストクリップ36個*ホームページを作る人のネタ帳
Fireworksのチュートリアルいろいろ - DesignWalker
Abduzeedo - design inspiration & tutorials
コリス