タグ

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

  • Photoshopを使ったスタイリッシュなパターンの作り方ガイド / ウェブデザインライブラリー

    Home > フォトショップ講座 > Photoshopを使ったスタイリッシュなパターンの作り方ガイド Photoshopを使ったスタイリッシュなパターンの作り方ガイド 投稿日:2008年9月9日   レベル:初心者    ソフトウェア: このチュートリアルでは、Photoshopでスタイリッシュなパターンを作ってみたいと思います。 Step1 : はじめに Step2 : パターンを作成 Step3 : パターンとその結果 ここではクールな背景や効果を作るスタイリッシュなパターンの作り方について紹介します。 一番知られているパターンの使い方の一つにページの背景があります。パターンを効果的に使うことによって読み込むイメージを小さくしながら背景全体に複製される非常に速いページを作ることができます。 このチュートリアルではいくつかのパターンについて扱い基から始めて例をすべて表示します。

  • ネオンサインの作り方 / ウェブデザインライブラリー

    投稿日:2008年4月25日   レベル:初心者    ソフトウェア: このチュートリアルでは、ネオンサインを描いてみたいと思います。 Step1 : 新規ドキュメントの作成 Step2 : テキストの挿入 Step3 : 新規レイヤーの作成 Step4 : テキストレイヤーの選択 Step5 : 選択範囲の縮小 Step6 : 文字内の色を削除 Step7 : レイヤーの結合 Step8 : 矢印を作る Step9 : レイヤーの複製 Step10 : ImageReadyで作業 Step11 : 完成

  • 写真の肌の斑点を取る方法 / ウェブデザインライブラリー

    投稿日:2008年3月21日   レベル:初心者    ソフトウェア: このチュートリアルでは、ニキビ跡やホクロなど「写真の肌の斑点」を取ってみたいと思います。 Step1 : 修復ブラシツールについて Step2 : 修復ブラシツールのオプション Step3 : 肌の修正 Step4 : 修正結果 Step5 : 全ての斑点を取る 修復ブラシツールはコピースタンプツール同様、特定のピクセルと同じか近い場所の色を塗って肌の斑点を取ることができますが、この機能は特定のピクセルを使って肌のきめ、明暗、透明度、陰影を修正対象に合わせられるのが利点です。 その結果、修正したピクセルを他の領域にシームレスにブレンドできます。 www.sxc.hu のご好意で使用する次の画像から修正の様子について見てみましょう。 拡大画像を表示する

  • 目元をメイクアップする方法 / ウェブデザインライブラリー

    投稿日:2008年2月1日   レベル:初心者    ソフトウェア: 今回のチュートリアルはPhotoshop CSを使って簡単にモデルにアイシャドー、アイライナー、マスカラをつける方法について紹介します。 Step1 : 新規レイヤーを作成 Step2 : ブラシツール Step3 : 色を塗る Step4 : さらに色を塗る Step5 : 最後の微調整

  • フォトショップで歯を白くする方法 / ウェブデザインライブラリー

    「新規調整レイヤー」を作成して色相・彩度を設定します。 調整レイヤーはとても役に立ちます。写真の編集には便利になっています。ベクトルマスクのようですが、マスクのセクションを白く見せる代わりに写真を調整します。このチュートリアルでは彩度を落として歯の彩度を落とします。この方法は元の写真を編集したくない場合に当に便利です。 彩度を-51に設定します。 これで写真全体から汚れが落ちますが、ここで歯を見てください。もう黄色くありません。そこでどのようにして歯だけを白くするのか?と思われるでしょう。答えは簡単です。 調整レイヤーマスクを反転させて白を黒にするというのが答えです。 中間のサイズ(ファジー)のブラシを使って色を白に設定しレイヤーマスクの上の歯に色をつけます。 レイヤーマスクの上の歯に色をつけたら歯が白く変わっているのがわかります。この操作をすべての歯に対して繰り返します。歯の中の小さな

  • フォトショップで肌を滑らかにする / ウェブデザインライブラリー

    投稿日:2007年9月11日   レベル:初心者    ソフトウェア: Step1 : 写真を編集する Step2 : マスク Step3 : 肌を滑らかに 編集したい写真を開きます。 まず、レイヤーを複製します。レイヤーパレットで複製したいレイヤーを選び、右クリックしてから、"レイヤーを複製"を選びます。 次に、なめらかにしたい部分を選びます。今回は、顔を滑らかにしますが、「顔」、「鼻」そして「口」はそのままにすることにより、より自然に見えるようにします。 ツールボックスの"クイックマスクモードで編集"をクリックすることにより、クイックマスクモードに切り替えます。 次に、ブラシツールを選び、ブラシのサイズを35 にします。 Dを押して色をリセットします。ブラシを使い、顔に色を塗ります。色の付いた場所が選択されます。 色の塗られた場所が下図の様に赤になります。下の例の様に全体が赤くなるまで

  • フォトショップで肌をきれいにする / ウェブデザインライブラリー

  • テキストを反射させる方法 / ウェブデザインライブラリー

    投稿日:2008年1月15日   レベル:初心者    ソフトウェア: 今回はテキストの反射についてお教えします。皆さん当はこのテクニックを他のデザインにも使っているのではないかと思います。それでは始めましょう。 Step1 : ドキュメント作成 Step2 : 文字を書く Step3 : テキストレイヤー効果 Step4 : テキストの反転 Step5 : クイックマスクモード Step6 : クイックマスクモード Step7 : 完成 Photoshopを開いてドキュメントを作成します。サイズは400ピクセル×200ピクセル、背景は白です。 新規レイヤーを作成して、「gradient_background」と名前を変更し、「グラデーションツール」で、最前面を「#999999」に設定して背景を「白(#ffffff)」にします。ステージの下から上に向けてドラッグすると、次のようになります

  • フォトショップで金色に輝くテキストを作る方法 / ウェブデザインライブラリー

    投稿日:2007年6月5日   レベル:初心者    ソフトウェア: このチュートリアルでは、金色に輝くテキストを作成します。 Step1 : 新規ファイルの作成 Step2 : グラデーションオーバーレイ Step3 : レイヤースタイル適用後 Step4 : 選択範囲の縮小 Step5 : 選択範囲縮小後 Step6 : 選択範囲を反転 Step7 : グラデーションツール Step8 : レイヤースタイルを適用 Step9 : レイヤースタイル適用後 Step10 : 元のレイヤーを表示する Step11 : レイヤースタイルを加える Step12 : レイヤースタイル適用後 Step13 : もうひとつレイヤーを作成 Step14 : 輝くテキスト

  • モダンなボタンの作り方 / ウェブデザインライブラリー

    投稿日:2008年4月22日   レベル:初心者    ソフトウェア: このチュートリアルでは、モダンなボタンを描いてみたいと思います。 Step1 : 新規ドキュメントの作成 Step2 : 角丸長方形ツールの設定 Step3 : ボタンのシェイプを作る Step4 : ボタンのシェイプの設定 Step5 : 新規レイヤーの作成 Step6 : スタイルの追加 Step7 : ボタンの完成 Step8 : 新規レイヤーの作成 Step9 : テキストの追加 Step10 : 完成

  • 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月時点の調査。

  • 簡単なアクセスカウンターの作り方 / ウェブデザインライブラリー

    テキストファイルを作成し、(「名前をつけて保存」で)「results.txt」と名前をつけます(ここではメモ帳を使いますが、別のエディタを使うこともできます)。 メモ帳を開いて以下のコードを入力します。 <?php $count = ("results.txt"); $clicks = file($count); $clicks[0]++; $fp = fopen($count , "w"); fputs($fp , "$clicks[0]"); fclose($fp); echo $clicks[0]; ?>

  • 1