タグ

ブックマーク / www.webdesignlibrary.jp (4)

  • 色彩心理学に学ぶ Webサイトの色選び / ウェブデザインライブラリー

    投稿日:2010年12月28日   レベル:−    ソフトウェア: このチュートリアルでは、色彩心理学の観点からWebサイトの色選びについてご紹介します。 Step1 : はじめに Step2 : 広告における色の使い方とは Step3 : 色彩心理学の歴史 Step4 : 色の意味 クリエイティブ/アーティスティックの分野でプロフェッショナルになるつもりなら、色について理解する必要があります。 今回は、色彩心理学について取り上げることにします。 色は印象に影響を与えます。 住む世界によりますが、色の認知は自分たちの文化が伴います。 どこにも行ったことがないとしても、色の「意味」は時代とともに変わります。 今日においては、精神科医は色についての普遍の真理や、 「psyche(従来の心理学では色が印象に影響を与えるという考えは認められていない)」への影響について特定することができます。 色

  • Photoshopで洗練したデザインを加える5つの小技 / ウェブデザインライブラリー

    投稿日:2009年11月27日   レベル:初心者    ソフトウェア: このチュートリアルでは、Photoshopで洗練したデザインを加える5つの小技を紹介します。 Step1 : テキストにもう少しだけ深みを持たせる Step2 : 上から光を当てる(特定の領域を強調する) Step3 : ぼかし(移動)の賢い使い方 Step4 : ワープツールで雲を描く方法 Step5 : ゆがみを使って3次元の道を作る キャンバスにテキストを描いてみたのですが、今ひとつです。 (フォントは「Myriad Pro」) テキストレイヤーに深みと光のコントラストを少し加えるための簡単な方法があります。 次のようにレイヤーとブレンドオプションを設定します。 ドロップシャドウ シャドウ(内側) べベルとエンボス 輪郭 グラデーションオーバーレイ ブレンドオプションを加えると次のように効果がつきます。

  • Photoshopで火のついた線を描く方法 / ウェブデザインライブラリー

    投稿日:2009年03月13日   レベル:初心者    ソフトウェア: このチュートリアルでは、Photoshopで火のついた線を描いてみたいと思います。 Step1 : はじめに Step2 : パスを描く Step3 : 火のレイヤーを作成する Step4 : 火のレイヤーを複製しレイヤーオプションを変更する Step5 : 完成 このチュートリアルでは良い写真素材を十分にそろえる必要があります。 動きがあって、暗めのものが良いでしょう(今回の効果は色が暗めの方がよくわかります)。 素材を開いたら、パスのタブで「新規パス」を選択します。 「P」キーを押してペンツールを選択して、火の行き先をおおよそ決めます。 特徴や動きが現実的になるよう意識しましょう。 渦巻きにすると効果的です! クリックしてパスを描き始めます。 次の点をクリックしたままドラッグすると、流れるような線を描くのに不可欠

  • 髪の毛などが込み入った背景を削除する方法 / ウェブデザインライブラリー

    投稿日:2008年2月19日   レベル:上級者    ソフトウェア: 対象を背景から引き出す3つの手法についてご紹介します。この中から気に入った方法を使って作業できます。 Step1 : 抽出ツールを使用する Step2 : ブレンドモードを使用する Step3 : チャンネルの使用 画像を開きます。「フィルタ」−「抽出」を選択するか「Alt」+「Ctrl」+「X」キーを押してください。 パレットツールのエッジハイライターツールを使ってモデルと背景の間の縁に色を塗ります。このステップでは、できる限り注意深く作業してください。 塗りつぶしツールを選択してモデルの内側の空間に色を塗ります。 プレビューを押して結果がよければ「OK」を押してください。 するとこのようになります。 モデルの周りの縁がまだ白っぽい場合は、 覆い焼きツールを使って削除してください。 最後はこのようになります。 新しい

  • 1