タグ

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

  • Photoshopでスポーツチームのナビゲーションメニューを作る方法 / ウェブデザインライブラリー

    Home > フォトショップ講座 > Photoshopでスポーツチームのナビゲーションメニューを作る方法 Photoshopでスポーツチームのナビゲーションメニューを作る方法 投稿日:2009年05月1日   レベル:中級者    ソフトウェア: このチュートリアルでは、Photoshopでスポーツチームのナビゲーションメニューを作りたいと思います。 Step1 : はじめに Step2 : 背景を作る Step3 : 区切り線を入れる Step4 : テキストを入力する Step5 : 完成

  • Photoshopで本を描く方法 / ウェブデザインライブラリー

    投稿日:2009年04月28日   レベル:初心者    ソフトウェア: このチュートリアルでは、Photoshopでを描きたいと思います。 Step1 : はじめに Step2 : 長方形を変形する Step3 : 中央に影を加える Step4 : ページを複製する Step5 : 完成

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

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

  • Photoshopで3Dのクリスタルアイコンを作る方法 / ウェブデザインライブラリー

    投稿日:2009年02月27日   レベル:初心者    ソフトウェア: このチュートリアルでは、Photoshopで3Dのクリスタルアイコンを作ってみたいと思います。 Step1 : はじめに Step2 : 体レイヤーを作成する Step3 : 底面レイヤーを作成する Step4 : 光沢や反射を追加する Step5 : 完成 750ピクセル×550ピクセルのドキュメントを作成します。 カスタムシェイプツールのプリセットから「オスマーク」を選択します。 次の図のようにパスを描きます。 新規レイヤーを作成して「上面」と名前を入れます。 パスパネルで、作成したばかりの作業用パスを選択します。 レイヤーパネルに戻り、「上面」の選択範囲を「#497923」で塗ります。 「上面」レイヤーを隠し、次のように新規レイヤーを作成して「体」と名前を入れます。 上面を作った操作を繰り返しますが、今回は

    yosshi-k
    yosshi-k 2009/02/28
    透明感を意識して作業
  • Photoshopの選択範囲機能の使い方 / ウェブデザインライブラリー

    投稿日:2009年02月20日   レベル:初心者    ソフトウェア: Photoshop CS3以上を推奨 このチュートリアルでは、Photoshopの選択範囲機能の使い方を覚えたいと思います。 Step1 : はじめに Step2 : チャンネルを複製し塗りつぶす Step3 : 自動選択ツールを使用し選択範囲をぼかす Step4 : 完成 Adobe Photoshopで画像を編集する際、理由や目的に関わりなく、大抵は選択範囲機能を使います。 Photoshopは広範な選択範囲機能ツールが使えないということはありませんし、目的に対して機能が不十分ということもありません。 多くの場合は多角形選択ツールや自動選択ツールやクイック選択ツールを使いますが、人物や木などを抜き出すときはどうすればいいのでしょう? 枝の間や、葉っぱや髪の毛をどのように選択したらよいのでしょう? 幸運なことに、そ

  • Photoshopで太陽光の上にハートが描かれた壁紙を作る方法(独占チュートリアル) / ウェブデザインライブラリー

    Home > フォトショップ講座 > Photoshopで太陽光の上にハートが描かれた壁紙を作る方法(独占チュートリアル) Photoshopで太陽光の上にハートが描かれた壁紙を作る方法(独占チュートリアル) 投稿日:2009年01月20日   レベル:初心者    ソフトウェア: このチュートリアルでは、Photoshopで太陽光の上にハートが描かれた壁紙を作ってみたいと思います。 Step1 : はじめに Step2 : ブラシツールでスプラッターとシードを作る Step3 : カスタムシェイプ・レトロサークルを作る Step4 : ハートを作りペンツールでシェイプを作る Step5 : 完成 新規ファイル(「ファイル」−「新規」)を作成します。 サイズは1280ピクセル×1024ピクセル、解像度は72dpiです。 塗りつぶしツールを使って、新規ファイルを白く塗ります。 新規レイヤーを

  • Photoshopを使ってウェブページの画像テキストをシャープに見せる方法 / ウェブデザインライブラリー

    Home > フォトショップ講座 > Photoshopを使ってウェブページの画像テキストをシャープに見せる方法 Photoshopを使ってウェブページの画像テキストをシャープに見せる方法 投稿日:2008年10月14日   レベル:初心者    ソフトウェア: このチュートリアルでは、Photoshopを使ってウェブページの画像テキストをシャープに見せてみたいと思います。 Step1 : バイリニア法 Step2 : トラッキングでの方法 ウェブページの画像テキストを、特にサイズの小さなテキストをほんの少しシャープに見せるちょっとした方法について扱います。 サイズの変更: テキスト画像を再サンプルするには、これまで気づかなかったかもしれませんがテキスト画像をシャープにするオプションがあります。 スキャンしたテキストやラインアートの作業には特に役立ちます。 画像サイズの変更には、バイキュー

  • Photoshopを使って弁護士事務所風のウェブサイトを作る方法 / ウェブデザインライブラリー

    Home > フォトショップ講座 > Photoshopを使って弁護士事務所風のウェブサイトを作る方法 Photoshopを使って弁護士事務所風のウェブサイトを作る方法 投稿日:2008年10月24日   レベル:中級者    ソフトウェア: このチュートリアルでは、Photoshopを使って弁護士事務所風のウェブサイトを作ってみたいと思います。 Step1 : 背景を作成 Step2 : サイドのベースを作成 Step3 : メインのベースを作成 Step4 : テキストとイメージを追加 Step5 : 装飾を追加 Step6 : 完成

  • Photoshopのレイヤーマスクを使ったブレンドテクニック / ウェブデザインライブラリー

    シンボルをクリックしてレイヤーウインドウ(ウインドウ内に画像があります)からレイヤーマスクを開きます。 ブラシツールを選択して、背景色を「#000000」にしてから、次のようにオプションを設定します。 レイヤーウインドウに戻り、ブラシを使って画像を次のように作ります。 拡大画像を表示する 画像の感じがよくなるまで作業を続けます。 拡大画像を表示する 一番上(「右」レイヤー)のレイヤーマスクを作って、同じブラシを使って同様に作業します。すると次のようになります。 拡大画像を表示する レイヤー レイヤーマスクを使ってから、消しゴムツールで次のようにブラシを選択します。 一番下のレイヤーを選択して、消しゴムツールを使って画像の境界を消すと、画像の見栄えが良くなります。 拡大画像を表示する 一番上と一番下のレイヤーで作業を続けると、次のようになります。 この作業の後に、レイヤーウィンドウを選択しま

  • 1