タグ

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

  • Photoshopでブラシツールを使って月明かりに照らされた湖を作成する方法 / ウェブデザインライブラリー

    Home > フォトショップ講座 > Photoshopでブラシツールを使って月明かりに照らされた湖を作成する方法 Photoshopでブラシツールを使って月明かりに照らされた湖を作成する方法 投稿日:2012年10月26日   レベル:初心者    ソフトウェア: このチュートリアルでは、Photoshopでブラシツールを使って月明かりに照らされた湖を作成する方法を紹介します。 明るい湖畔の写真をPhotoshopを使って、月明かりに照らされた暗い風景に変えます。 ここでは昼を夜に変えるテクニックだけではなく、 霧のかかった湖面に反射して輝く満月の作成方法も学びます。 Step1 : はじめに Step2 : 色調補正 Step3 : 月の描画 Step4 : レイヤースタイルの設定 Step5 : 水面の描画 Step6 : 霧の描画 Step7 : 完成 このチュートリアルに使用した

  • dfltweb1.onamae.com – このドメインはお名前.comで取得されています。

    このドメインは お名前.com から取得されました。 お名前.com は GMOインターネット(株) が運営する国内シェアNo.1のドメイン登録サービスです。 ※1 「国内シェア」は、ICANN(インターネットのドメイン名などの資源を管理する非営利団体)の公表数値をもとに集計。gTLDが集計の対象。 ※1 日のドメイン登録業者(レジストラ)(「ICANNがレジストラとして認定した企業」一覧(InterNIC提供)内に「Japan」の記載があるもの)を対象。 ※1 レジストラ「GMO Internet, Inc. d/b/a Onamae.com」のシェア値を集計。 ※1 2020年8月時点の調査。

  • Photoshopで花が鮮やかに燃え続ける効果を作る方法 / ウェブデザインライブラリー

    Home > フォトショップ講座 > Photoshopで花が鮮やかに燃え続ける効果を作る方法 Photoshopで花が鮮やかに燃え続ける効果を作る方法 投稿日:2011年5月13日   レベル:初心者    ソフトウェア: このチュートリアルでは、Photoshopで花が鮮やかに燃え続ける効果を作る方法をご紹介します。 Step1 : 背景の作成 Step2 : 燃やす花の作成 Step3 : 花の着色 Step4 : 火のイメージを作成 Step5 : 炎エフェクトの作成 Step6 : 完成 600ピクセル×451ピクセルのサイズで、新規ドキュメントを作成します。 レイヤーパネルで新規レイヤーを作成し、「レイヤー 1」と名前をつけて任意の色を塗ります。 「レイヤー 1」の上で右クリックしてブレンドオプションを選択します。 次のようにグラデーションを設定します。 グラデーションを設定す

  • Photoshopを使って文字で彩った画像を作る方法 / ウェブデザインライブラリー

    使う画像を選んだら、表示したい画像の領域を把握してください。 全体を把握するのに役に立ちます。 たとえば、爆発したような形を作るなら、漫画の吹き出しのような形がいいでしょう。 ロマンティックにしたいなら、ハートの形がいいでしょう。 新規レイヤーを作成し、表示したい画像の領域の形(シェイプ)を書いてください。 下の画像は、今回使ったものです。 その形を、文字列を配置するためのガイドラインとして使ってください。 画像とシェイプを手にいれたので、始める準備ができました。 画像とシェイプの不透明度を10%まで下げてください。 そして新規レイヤーの上に、小さい文字を書きます。 フォントサイズは、より豊かなテクスチャを与えるために、いろいろな大きさにしてください。 Ctrlを押しながらテキストレイヤーをクリックして、文字を選択してください。 (レイヤーの名前ではなく、Tと表示されている小さい四角をクリ

  • Photoshopを使ってズームしたピクセルを作成する方法 / ウェブデザインライブラリー

    Home > フォトショップ講座 > Photoshopを使ってズームしたピクセルを作成する方法 Photoshopを使ってズームしたピクセルを作成する方法 投稿日:2010年04月20日   レベル:中級者    ソフトウェア: このチュートリアルでは、ズームしたピクセルを作成する方法を紹介します。 Step1 : はじめに Step2 : ノイズフィルターを適用 Step3 : 画像サイズを変更 Step4 : 空白をつける Step5 : レイヤー効果を適用

  • Photoshopで大きなポップアートの円を作る方法 / ウェブデザインライブラリー

    投稿日:2010年03月12日   レベル:初心者    ソフトウェア: このチュートリアルでは、大きなポップアートの円を作る方法を紹介します。 Step1 : はじめに Step2 : グラデーションを作成 Step3 : カラーハーフトーンを適用 Step4 : 完成

  • クールなベクターガールを作成する方法 / ウェブデザインライブラリー

    ペンツールを選択し、オプションバーでシェイプレイヤーモードを選びます。 描画色を#990066に設定してください。 髪の毛の境界線に沿ってパスを描いてください。 パスを描いていくと、ピンクのシェイプが現れます。 このピンクのシェイプに隠れてしまって境界線に線を沿わせるのが難しくなるので、ピンクシェイプの不透明度を50%にして、見やすくして作業してください。 アンカーポイントの切り替えツールを使いながら、髪の毛の境界線にきれいに沿うようにしてください。 ピンクにしたい他の領域にも同じ作業をしてください。 ピンクのシェイプがどうなってるかを確認するため、一時的に画像を非表示にします。

  • 有機的なハイテクデザイン / ウェブデザインライブラリー

    投稿日:2006年5月30日   レベル:初級    ソフトウェア: あなたのハイテク系デザインに、有機的な雰囲気を与えるような図形の描き方をレクチャーしようと思います。Photoshopで何種類かのフィルターを使えば、下に載せたようなデザインを行うこともできます。 1.楕円ツールで4つの円を描いてください 4つの円を縦横そろえて並べてください。円の間が開きすぎること、1/4インチ以上離れることは避けてください。正確に並べたいなら、整列パレット(ウィンドウ>整列)を使えば簡単にできます。円の塗りは無い状態にしておいてください。先に進む前に、トラブルが起きた時のために、このうちの1つの円をコピーして、別のレイヤーに取って置いてください。 2.パスのセクションを消去する 左上と右下の円の、図の灰色で示した部分を、部分選択ツールを使って選択して、削除します。残った弧の部分を、2つの円と組み合わせ

  • Photoshopで世界の終わりを作る方法 / ウェブデザインライブラリー

    投稿日:2009年12月22日   レベル:中級者    ソフトウェア: このチュートリアルでは、Photoshopで世界の終わりを作ってみたいと思います。 Step1 : はじめに Step2 : 画像を配置する Step3 : レイヤーを統合・複製する Step4 : ブラシツールで塗る Step5 : リアルな火を作る Step6 : ブラシをセットする Step7 : 隕石を作る Step8 : 完成 まず、背景色#000000で新規ドキュメントを作成します。 地球の写真を開いて、作成したドキュメント上にドラッグします。 ペンツールを使って、次のような範囲を選択してください。 選択したものを右クリックして「選択範囲を作成」を選んで、「Delete」キーを押します。 地球のレイヤーの下に新規レイヤーを作成します。

  • Photoshopのブラシと装飾的なフォントのコツ / ウェブデザインライブラリー

    投稿日:2009年12月8日   レベル:初心者    ソフトウェア: このチュートリアルでは、Photoshopのブラシと装飾的なフォントのコツを紹介します。 Step1 : はじめに Step2 : カスタムエフェクトを作る Step3 : テクスチャは手作業で作る Step4 : フォントも同様に作成する Photoshopのブラシや装飾的なフォントは、すばやく簡単にエフェクトや特殊なスタイルを作るのに優れています。 しかし次の代替方法は、繊細なディテールを施すために考慮されるべきです。 汚した感じの星を作るPhotoshopのブラシの例がここにあります。 しかしよく見ると、どのブラシも同じ汚れのテクスチャをもった星の形を作っていることに気づくでしょう。 もちろんこれはエラーではないし、おそらくほとんどの人は気づくことさえないでしょう。 しかし代替方法ではエフェクトを手作業で作ること

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

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

  • Photoshopで宇宙を創造する方法 / ウェブデザインライブラリー

    投稿日:2009年11月13日   レベル:初心者    ソフトウェア: このチュートリアルでは、Photoshopで宇宙を作ってみたいと思います。 Step1 : 星を作る Step2 : 星雲を作る Step3 : 惑星を作る 次のステップに沿って背景にほのかに輝く星を作ります。 モノクロのノイズを作ります。 「イメージ」−「色調補正」−「明るさ・コントラスト」を設定します。 最初のステップを繰り返します。 「明るさ・コントラスト」の操作を繰り返し、 上記・下記の二つのステップを6〜8回くらい繰り返すと程よい密度で物に近い星空ができます。 背景が黒の新規レイヤーを作成して雲模様のフィルタを加えます。 「フィルタ」−「描画」−「雲模様」を選択します。 前景と背景の色が白黒で無の空間のようなコントラストがついているかを確認します。 「Ctrl」+「F」キーを押してフィルターを複数回かけて

  • Photoshopでクールな一味違ったテキストを作る方法 / ウェブデザインライブラリー

    Home > フォトショップ講座 > Photoshopでクールな一味違ったテキストを作る方法 Photoshopでクールな一味違ったテキストを作る方法 投稿日:2009年11月10日   レベル:初心者    ソフトウェア: このチュートリアルでは、Photoshopでクールな一味違ったテキストを作ってみたいと思います。 Step1 : はじめに Step2 : 楕円形選択ツールを追加 Step3 : ぼかし(ガウス)を追加(1) Step4 : テキストを追加 Step5 : テキストに効果を加える Step6 : ゆがみを追加 Step7 : テキストに光を加える Step8 : ぼかし(ガウス)を追加(2) Step9 : 長方形選択ツールを追加 Step10 : レイヤーを複製 Step11 : 選択範囲を追加 Step12 : テキストにゆがみを加える Step13 : カラー

  • Photoshopで紅葉した暗い森の風景をデザインする方法 / ウェブデザインライブラリー

    Home > フォトショップ講座 > Photoshopで紅葉した暗い森の風景をデザインする方法 Photoshopで紅葉した暗い森の風景をデザインする方法 投稿日:2009年10月27日   レベル:初心者    ソフトウェア: このチュートリアルでは、Photoshopで紅葉した暗い森の風景をデザインしたいと思います。 Step1 : はじめに Step2 : 色調補正 Step3 : 色相・彩度を調整する Step4 : 彩度を下げる Step5 : 蝶々を描く Step6 : 光のカーテンを作る Step7 : 完成

  • Photoshopでリアルな露のしずくを作る方法 / ウェブデザインライブラリー

    投稿日:2009年10月23日   レベル:初心者    ソフトウェア: このチュートリアルでは、Photoshopでリアルな露のしずくを作ってみたいと思います。 Step1 : はじめに Step2 : 「ゆがみ」を加える Step3 : レイヤースタイルを適用 Step4 : 球面を加える Step5 : 水滴を塗りつぶす Step6 : 水滴を強調する Step7 : 完成 まずはじめに、露をのせるための葉っぱの画像を探してください。 私はこれが適していると思います。 これをお使い頂くか、Google 画像検索で気に入ったものを探して頂いても構いません。 選んだ画像を開き、新規レイヤーを作成します。 ブラシツール(ブラシ:8px、シャープなエッジ)を選択して、葉の上に黒い斑点を描きます。

  • Photoshopでウェブサイト用の地球ボタンを作る方法 / ウェブデザインライブラリー

    Home > フォトショップ講座 > Photoshopでウェブサイト用の地球ボタンを作る方法 Photoshopでウェブサイト用の地球ボタンを作る方法 投稿日:2009年10月20日   レベル:初心者    ソフトウェア: このチュートリアルでは、Photoshopでウェブサイト用の地球ボタンを作ってみたいと思います。 Step1 : はじめに Step2 : レイヤースタイルを追加 Step3 : ボタンに反射を追加 Step4 : 画像編集 Step5 : ボタンに輝きを追加 Step6 : 画像の消去 Step7 : ボタンにデザインを追加 Step8 : 様々なスタイルを追加 Step9 : 画像を加工する Step10 : テキストを追加 Step11 : 完成

  • Photoshopで本物の写真をマンガに出てくる写真に変える方法 / ウェブデザインライブラリー

    Home > フォトショップ講座 > Photoshopで物の写真をマンガに出てくる写真に変える方法 Photoshopで物の写真をマンガに出てくる写真に変える方法 投稿日:2009年09月29日   レベル:初心者    ソフトウェア: このチュートリアルでは、Photoshopで物の写真をマンガに出てくる写真に変えてみたいと思います。 Step1 : はじめに Step2 : 画像を明るくする Step3 : 輪郭効果をつける Step4 : 完成

  • Photoshopで燃えるように輝くクロコダイルを作る方法 / ウェブデザインライブラリー

    Home > フォトショップ講座 > Photoshopで燃えるように輝くクロコダイルを作る方法 Photoshopで燃えるように輝くクロコダイルを作る方法 投稿日:2009年10月16日   レベル:初心者    ソフトウェア: このチュートリアルでは、Photoshopで燃えるように輝くクロコダイルを作ってみたいと思います。 Step1 : はじめに Step2 : レイヤーを黒で塗りつぶす Step3 : レイヤーを作成 Step4 : 白い曲線を描く Step5 : 光彩を加える Step6 : 燃えるような曲線 Step7 : クロコダイルのブラシを作成 Step8 : クロコダイルを描く Step9 : レイヤーを複製 Step10 : レイヤーを消去 Step11 : レイヤーのオーバーレイ Step12 : 完成

  • Photoshopでカラフルなテキストグラフィックを作る方法 / ウェブデザインライブラリー

    Home > フォトショップ講座 > Photoshopでカラフルなテキストグラフィックを作る方法 Photoshopでカラフルなテキストグラフィックを作る方法 投稿日:2009年09月01日   レベル:初心者    ソフトウェア: このチュートリアルでは、Photoshopでカラフルなテキストグラフィックを作ってみたいと思います。 Step1 : パスを描く Step2 : カラフルラインを作成する Step3 : 文字を装飾する Step4 : 完成 新規ファイルを作成します。 ここでは900ピクセル×400ピクセルで72dpi、黒い背景のキャンバスを作ります。 新規レイヤーを作成して「カラフルライン」と名前をつけます。 それからペンツールを選択してパスをオンにして、次のように新規レイヤーにパスを描きます。 ブラシツールを選択してブラシのサイズを13ポイントのハードブラシにします。

  • Photoshopで緑色のテキストに光沢をつける方法 / ウェブデザインライブラリー

    投稿日:2009年09月04日   レベル:初心者    ソフトウェア: このチュートリアルでは、Photoshopで緑色のテキストに光沢をつけてみたいと思います。 Step1 : はじめに Step2 : テキストに光沢をつける Step3 : テキストに3D効果をつける Step4 : 完成 新規ファイルを作成します。 ここでは600ピクセル×200ピクセルで解像度を72dpiにしたら背景を黒く塗ります。 新規レイヤーを作って「テキストデザイン」と名前をつけます。 横書き文字ツールで、フォントを「Bookman Old Style」、ボールド、72ポイント、アンチエイリアスは「強く」を選択して、色を「#70D909」にします。 テキストレイヤーを作成して「yourname」と入力します。