思わず、これ無料なの?!というくらいの充実した内容、そして美しいレイアウトで構成されたウェブデザインのテクニックが学べるeBookを紹介します。 ウェブデザイナーをはじめ、ディレクター・アートディレクターなどウェブデザインに携わる全ての人に役立つと思います。 iBookにも対応 内容は、簡単に言うとノンデザイナーズブック(Amazonで見る)のウェブに特化した感じで、完璧な精度のピクセルにどのようにデザインするかがテーマになっています。 ページ数は全部で165ページ、配置の基本原則、可読性を考慮したテキスト、カラーマネジメントなどをはじめ、ファイルの効率的な管理方法、Photoshopでのウェブに最適な初期設定、レイヤー管理、Illustratorのウェブで使える実践的なテクニックなど、満載の内容になっています。 テキストは英語ですが、各ページキャプチャ付きなので、デザインの知識が多少あれ
ニーハオ。わたし、レイレイよ。今日は私が解説するわ。よろしくね。 今回は普通の写真から人物の写真にタトゥーっぽく転写する技術を紹介するわ。そう、この腕に描かれて龍ね。2012年は辰年。2013年は巳年。ほんと、バカね。蛇にすればよかったのに。バカよ。松本まさとは大馬鹿よ!で、今回も簡単に、すぐ出来るように考えたの。だからどんどん行くわね。着いてきて 素材 これが今回の素材。まずコレを 切り抜いて、「エッジのポスタリゼーション」をかけてちょうだい。 こうなるわ。見て、スライスが表示されてるままキャプチャ撮ってるわ。本当バカね 転写対象は私、レイレイよ。美人ね。Cカップよ。 切り抜き・貼り付け タトゥーを入れたい場所に、パスを引いてちょうだい。 こんな感じで。 作業を楽にする為に、ベクトルマスクにしておいてちょうだい。 そして、さっき切り抜いた龍の画を重ねるんだけど・・・ 適用な
Adobeが「コンテンツに応じて」という言い方で新機能を盛り込んできたのはCS4からだ。CS5ではさらに拡張されて、「コンテンツに応じて」という言葉はあたかも魔法の呪文のようでもある。また、全くの新機能とも言えるのがパペットワープである。Adobeのデモでは、あっと驚く魔法のような機能として紹介されたが、実際にはどうなんだろう。 コンテンツに応じた「スポット修復ブラシ」と「塗りつぶし」 ごみ取りなどに便利なスポット修復ブラシツールに「コンテンツに応じる」というオプションが追加された。 「コンテンツに応じて」という言葉には、Photoshopが自動的に絵柄を判断して、という意味合いが含まれているのだろう。背景が単純な写真の中でのごみ取りや電線消しなどだったら従来のツールでも充分だったが、背景が複雑になってくるとそうはいかなかった。ところが今度は、多少背景が複雑でも、うまく絵柄を判断してくれた
僕はWebデザインをするときPhotoshopを使う人なんですが、Photoshopのスライスはあまり便利ではありません。 そこで最近このプラグイン「Cut&Slice me」を実験的に使っています。 今後長期的に使えるかはわかりませんが、1ヶ月ほど使ってみて便利だなと思ったのでサンプル作成と合わせて紹介します。 このプラグインの利用にはPhotoshop CS6が必要です。 Cut&Slice meプラグインでできること Cut&Slice meはPhotoshopのスライスを使わずに、レイヤー名に処理用の宣言を行いそれにそって自動書き出しが行われます。 Photoshopのスライスを使わず一括書き出し レイヤー名に宣言をつけることで書き出しを制御 レイヤー名を画像の名前にできる 他のレイヤーに影響されずに書き出せる 切り出し領域をシェイプで制御 ボタンの状態ごとに書き出し PC、And
1クリックで、風景や動物、静物、人物などの写真をより印象的なものに仕上げるPhotoshopのアクションを紹介します。
2014年8月17日 Photoshop, Webサイト制作, Webデザイン 「連載!実践で学ぶWebサイト制作ガイド」第四弾はAdobe Photoshopというツールを使って実寸のサイトデザインを作成します。Photoshopで説明していきますが、同様のグラフィックツールでもOK。Photoshopは体験版もあるのでぜひご利用ください。説明しやすいよう、簡単なデザインにしたつもりですが、すごく長くなってしまったような…。わかりにくくてすみません X( ↑私が10年以上利用している会計ソフト! 実践で学ぶWebサイト制作ガイド:その4 目標:実際の幅にあったサイトデザインが作れる・Photoshopの基本的なツールを使った装飾ができる 必要なもの:Adobe Photoshop 対象レベル:Photoshopの基本的なツールの使い方がわかる 事前知識は以下の記事でおさらい! これからP
水彩タッチの背景の作り方をはじめ、写真画像を水彩タッチにしたり、水彩タッチのマスクをしたり、ウェブのレイアウトやエレメントに水彩タッチを取り入れるチュートリアルをnoupeから紹介します。 Beautiful Water [...]
ドロップシャドウはウェブデザインで非常に人気のあるエフェクトです。 このドロップシャドウのエフェクトを使いこなすために、Photoshopのドロップシャドウの各種設定の使い方を紹介します。 How to Use Drop Shadows in Photoshop [ad#ad-2] 下記は各ポイントを意訳したものです。 ドロップシャドウとは レイヤースタイルのドロップシャドウ 描画モード 不透明度 角度 距離 スプレッド サイズ 輪郭 ノイズ ノックアウト 設定の保存と初期化 ドロップシャドウのサンプルファイル ドロップシャドウとは ドロップシャドウの主な用途は、2Dのイメージで3Dの奥行きをシミュレートすることです。これはオブジェクトが3Dの空間で背景の上に浮いていることを表すために、オブジェクトの後ろにオフセットのシャドウをつけます。 下記の例はドロップシャドウを変えることで、光源の大
ヴィンテージ風のざらっとしたテクスチャを作成できるPhotoshopのブラシとパターン素材 -Maleika E. A.
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く