タグ

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

  • Photoshopでテキストに汚れたメタルの効果をつける方法 / ウェブデザインライブラリー

    Home ＞ フォトショップ講座 ＞ Photoshopでテキストに汚れたメタルの効果をつける方法 Photoshopでテキストに汚れたメタルの効果をつける方法 投稿日：2011年9月27日　　　レベル：初心者　　　　ソフトウェア： このチュートリアルではPhotoshopでテキストに汚れたメタルの効果をつける方法を紹介します。 Step1 ： はじめに Step2 ： ドキュメントの作成 Step3 ： 文字の作成 Step4 ： 文字に傷をつける Step5 ： 完成

  • Photoshopでテキストに不思議な3D効果を与える方法 / ウェブデザインライブラリー

    Home ＞ フォトショップ講座 ＞ Photoshopでテキストに不思議な3D効果を与える方法 Photoshopでテキストに不思議な3D効果を与える方法 投稿日：2011年7月8日　　　レベル：初心者　　　　ソフトウェア： このチュートリアルではPhotoshopを使って、テキストに不思議な3D効果を与える方法を紹介します。 Step1 ： はじめに Step2 ： テキストの上に色を塗る Step3 ： カラーレイヤーを複製し、移動する Step4 ： レイヤースタイルを設定する Step5 ： レイヤー効果を設定する Step6 ： 完成

  • ウェブサイトを台無しにする、10点の致命的なミス / ウェブデザインライブラリー

    Home ＞ ウェブデザイン基礎講座 ＞ ウェブサイトを台無しにする、10点の致命的なミス ウェブサイトを台無しにする、10点の致命的なミス 投稿日：2011年1月11日　　　レベル：−　　　　ソフトウェア：− このチュートリアルでは、ウェブサイトを台無しにする、10点の致命的なミスをご紹介します。 Step1 ： はじめに Step2 ： 値段表がない Step3 ： 検索ツールが使いづらい Step4 ： 横スクロールを必要とする Step5 ： フォントサイズを変更できない Step6 ： テキストばかりである Step7 ： リンクにJavaScriptを使用している Step8 ： FAQ内に、あまり聞かれない質問がある Step9 ： プライバシーポリシーを掲載せずに、メールアドレスを集める Step10 ： URLが長すぎる Step11 ： 予期しない場所にMailtoのリ

  • Photoshopで目に風景を映り込ませる方法 / ウェブデザインライブラリー

    このチュートリアルでは、背景レイヤーに解像度の高い目の接写画像を使用します。 反射レイヤーには、レースカーとドライバーの画像を使用します。 遠近感をつけるため、反射レイヤーを少し歪めます。 「編集」−「変形」−「遠近法」を選択します。 反射レイヤーの大きさを調節して、目より少し大きいくらいのサイズにします。 虹彩と瞳孔の上に来るように画像を配置してください。 白目部分にかかってしまうかもしれませんが、気にしないでください。 後で修正します。 次に、虹彩のサイズの球体を描きます。 まぶたにはみ出ても気にしないでください。 新規レイヤーを作成してください。 球面部分を濃い色で塗りつぶして、非表示にしてください。 （後で球面を簡単に選択するために使用します） 「オプション」キーを押しながら球面のレイヤーをクリックし、レイヤーと大きさを調整した反射レイヤーを選択します。 眼球の上に球面の形が選択出

  • Photoshopで光沢のあるシンプルなナビゲーションバーをデザインする方法 / ウェブデザインライブラリー

    Home ＞ フォトショップ講座 ＞ Photoshopで光沢のあるシンプルなナビゲーションバーをデザインする方法 Photoshopで光沢のあるシンプルなナビゲーションバーをデザインする方法 投稿日：2009年11月20日　　　レベル：初心者　　　　ソフトウェア： このチュートリアルでは、Photoshopで光沢のあるシンプルなナビゲーションバーを作ってみたいと思います。 Step1 ： はじめに Step2 ： ブラシで円を描く Step3 ： ドロップシャドウを追加 Step4 ： 選択範囲を作成 Step5 ： タイトルを入力 Step6 ： 完成

  • 4つのフォトショップ基本テクニック / ウェブデザインライブラリー

    投稿日：2008年2月12日　　　レベル：初心者　　　　ソフトウェア： このチュートリアルでは、フォトショップの基本的なテクニックをまとめて紹介しています。 Step1 ： 晴れ渡った空に雲を入れる方法 Step2 ： 湯気を描く方法 Step3 ： 写真に写っている邪魔な木を消す方法 Step4 ： トンボを別の画像に合成する方法 雲ひとつない晴れ渡った空に雲を入れる方法を紹介します。 修正前の空が青いので、一旦青を抜き取る作業が必要になります。 多角形選択ツールや、なげなわツールなどで青空を選択して削除します。 次に、合成する空を比較（暗）で乗せてください。青空の抜き取り方はバージョンによっても色々違ってくると思いますが、一つの方法としては特定色域の選択があげられます。 枝葉のディティールが失われてしまう場合は墨版生成などで対応してください。 湯気の立ち込める料理物の撮影は困難を極める

  • Photoshopでテキストにスモークを入れる方法 / ウェブデザインライブラリー

    投稿日：2009年07月14日　　　レベル：初心者　　　　ソフトウェア： このチュートリアルでは、Photoshopでテキストにスモークを入れてみたいと思います。 Step1 ： はじめに Step2 ： レイヤースタイルを設定する Step3 ： テキストを置く Step4 ： テキストにブレンドオプションを設定する Step5 ： 完成

  • Photoshopで文字に緑色の光沢を入れる方法 / ウェブデザインライブラリー

    BとLにもう少し輝きを入れますが他の文字はそのままにします。 新規レイヤーを作って楕円形ツールで次のように白い円を描きます。 テキストレイヤーをレイヤーパレットで選択し、右クリックして「レイヤーをラスタライズ」をクリックしてラスタライズ化します。 テキストレイヤー上で「Ctrl」キーを押してクリックして「Ctrl」＋「Shift」＋「I」キーを押すと選択範囲を反転させてから「Delete」キーを押すと次のようになります。 不透明度を30％に設定します。 新規レイヤーを作成して、テキストレイヤー上で「Ctrl」キーを押してクリックしてから白く塗ります。 移動ツールでレイヤーの位置を次のようにずらします。

  • Photoshopで水滴入りの文字を作る方法 / ウェブデザインライブラリー

    投稿日：2009年07月03日　　　レベル：初心者　　　　ソフトウェア： このチュートリアルでは、Photoshopで水滴入りの文字を作ってみたいと思います。 Step1 ： はじめに Step2 ： テキストに効果を入れる　その1 Step3 ： テキストに効果を入れる　その2 Step4 ： 完成 はじめに、背景を作ります。 1000ピクセル×500ピクセルの新規ドキュメントを作成します。 設定はデフォルトのまま、背景色も白です。 ドキュメントを作成したら、背景に使う画像を探します。 ここでは この写真 を使います。別の画像でも構いません。 これからテキストに効果を入れます。 文字を入力して次のように効果をつけます。 横書き文字ツールを使って任意の色で入力します。 ここでは色はあまり重要ではありません。 太字を使うのが望ましいでしょう。 このチュートリアルでは「Arial - Blac

  • Photoshopで写真にラップフィルム風の効果を入れる方法 / ウェブデザインライブラリー

    Home ＞ フォトショップ講座 ＞ Photoshopで写真にラップフィルム風の効果を入れる方法 Photoshopで写真にラップフィルム風の効果を入れる方法 投稿日：2009年06月30日　　　レベル：初心者　　　　ソフトウェア： このチュートリアルでは、Photoshopで写真にラップフィルム風の効果を入れてみたいと思います。 Step1 ： はじめに Step2 ： ラップ効果をかける Step3 ： 画像をソフトにする Step4 ： 完成

  • Photoshopでかわいいお星さまをたった3ステップで作る方法 / ウェブデザインライブラリー

    Home ＞ フォトショップ講座 ＞ Photoshopでかわいいお星さまをたった3ステップで作る方法 Photoshopでかわいいお星さまをたった3ステップで作る方法 投稿日：2009年06月26日　　　レベル：初心者　　　　ソフトウェア： このチュートリアルでは、Photoshopでかわいいお星さまをたった3ステップで作ってみたいと思います。 Step1 ： はじめに Step2 ： 星型を作る Step3 ： 星に効果をつける Step4 ： 飾りをつける Step5 ： 完成

  • Photoshopでハーフトーンのテキスト効果を作る方法 / ウェブデザインライブラリー

    Home ＞ フォトショップ講座 ＞ Photoshopでハーフトーンのテキスト効果を作る方法 Photoshopでハーフトーンのテキスト効果を作る方法 投稿日：2009年06月16日　　　レベル：初心者　　　　ソフトウェア： このチュートリアルでは、Photoshopでハーフトーンのテキスト効果を作ってみたいと思います。 Step1 ： はじめに Step2 ： ロゴのベースを作る Step3 ： ハーフトーンビットマップイメージを作成する Step4 ： ハーフトーンをロゴに合わせる Step5 ： 完成

  • Photoshopで髪の毛を作る方法 / ウェブデザインライブラリー

    投稿日：2009年02月10日　　　レベル：初心者　　　　ソフトウェア： このチュートリアルでは、Photoshopで髪の毛を作ってみたいと思います。 Step1 ： はじめに Step2 ： 暗めの色を使って影をつける Step3 ： カスタムブラシで髪の「かたまり」を広げる Step4 ： まとまりを目立たせて細かい箇所を仕上げる Step5 ： 完成

  • Photoshopで古代の黄金の文字を作る方法 / ウェブデザインライブラリー

    テキストを次のように配置します（「Ctrl」＋「T」キーを押してテキストを自由変形させることもできます）。 テキストレイヤーで、次のブレンドオプションを設定します。 シャドウ(内側) 光彩(外側) ベベルとエンボス カラーオーバーレイ すると次のようになります。 テクスチャを追加してテキストに古代の感覚を持たせます。 後の作業に備えてテキストを選択します。 テキストレイヤー上にマウスを動かして、「Ctrl」キーを押しながら左クリックすると、（以下の画像のように）テキストが選択されます。 それから「選択範囲」−「選択範囲を変更」−「拡張」を選択します（以下の画像のように操作）。 次のように設定します。 テキストの選択範囲が次のように広くなります。 テクスチャを追加してテキストに古代の感覚を持たせます。 このイメージをダウンロードしてPhotoshopに読み込みます。 作業中のファイルに戻って

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

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

  • 1

お知らせ

もっと読む

公式Twitter

  • @HatenaBookmark

    リリース、障害情報などのサービスのお知らせ

  • @hatebu

    最新の人気エントリーの配信

はてなブックマーク

公式Twitter

はてなのサービス

  • App Storeからダウンロード
  • Google Playで手に入れよう
Copyright © 2005-2024 Hatena. All Rights Reserved.