タグ

tutorialに関するkyompiのブックマーク (150)

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

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

  • PhotoshopでPukkelpopのようなロゴを作る方法 / ウェブデザインライブラリー

    Home > フォトショップ講座 > PhotoshopでPukkelpopのようなロゴを作る方法 PhotoshopでPukkelpopのようなロゴを作る方法 投稿日:2009年09月08日   レベル:初心者    ソフトウェア: このチュートリアルでは、PhotoshopでPukkelpopのようなロゴを作ってみたいと思います。 Step1 : はじめに Step2 : レイヤースタイルを設定する Step3 : 背景を設定する Step4 : シェイプを配置する Step5 : 完成 Pukkelpopとは、ベルギーの巨大なフェスティバルのことです。 そのロゴを数ステップで作る方法を学びましょう。 もしデザインやフライヤーで使ったら、効果的なテキストエフェクトになるかもしれません。 新しいファイルを作ることから始めましょう。 500×300ピクセルのキャンバスを使い、白(fffff

  • Photoshopでカラー写真の一部を白黒にする方法 / ウェブデザインライブラリー

    投稿日:2009年08月25日   レベル:初心者    ソフトウェア: このチュートリアルでは、Photoshopでカラー写真の一部を白黒にしてみたいと思います。 Step1 : はじめに Step2 : 写真を白黒にする Step3 : カラーの部分を調節をする Step4 : 完成

    Photoshopでカラー写真の一部を白黒にする方法 / ウェブデザインライブラリー
  • Photoshopで斬新なウェブロゴを作る方法 / ウェブデザインライブラリー

    新規ファイルを作成します。 サイズを400ピクセル×300ピクセル、解像度を72dpiにして、背景を白く塗ります。 また新規レイヤーのセットを作成して、好きな名前をつけます。 新規レイヤーを作成したら、「#F4F4F4」のライトグレーで99ピクセル×99ピクセルの円を描きます。 横書き文字ツールで90ポイントの「Webdings」フォント、「#F4F4F4」の色でアンチエイリアスを「強く」に設定します。 テキストレイヤーに「5」と入力すると上向きの三角形に変わるので、三角形を円の上に移動させます。 ライトグレーのシェイプのレイヤーに対して、レイヤースタイル(「レイヤー」−「レイヤースタイル」)で「シャドウ(内側)」、「光彩(内側)」、「サテン」、「グラデーションオーバーレイ」をそれぞれ設定します。 結果:

  • 「美白&小顔効果でモテ度急上昇!自分史上最高のプロフィール写真を作る方法」 〜 Photoshop(フォトショップ)で広がる写真の世界 : らばQ

    「美白&小顔効果でモテ度急上昇!自分史上最高のプロフィール写真を作る方法」 〜 Photoshop(フォトショップ)で広がる写真の世界 mixiやプロフィールサイトなど、ネットでは自分の写真を公開する機会がだいぶ増えてきました。 私も載せたいけど、でもちょっと自信がないの、写真写りが悪いの…なんて躊躇して、結局載せられない方もいるのではないでしょうか。 そこでアドビのWebマガジン「DEKIMAGA」(デキマガ)から、フォトショップを使った、自分史上最高のプロフィール写真を作る方法を紹介します。 いやいや…これはスゴいですよ。必見です。 今回使用する写真はこちら。まったくもって普通の、外で撮影したスナップ写真。肌は健康的な薄い小麦色ですが、そのせいで若干暗く見えています。 この写真を、PhotoshopCS4 Extendedを使って美白&小顔な見栄えのいい写真にしてみましょう。 Step

    「美白&小顔効果でモテ度急上昇!自分史上最高のプロフィール写真を作る方法」 〜 Photoshop(フォトショップ)で広がる写真の世界 : らばQ
  • Photoshopでテキストにスモークを入れる方法 / ウェブデザインライブラリー

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

  • Photoshopで天使の羽根を作る方法 / ウェブデザインライブラリー

    とがった形のレイヤーをすべて結合します。 「Ctrl」キーを押しながらレイヤーをクリックして指定します。 それから新規レイヤーを作成します。 青い色(0078FFなど)を選択したら、エアブラシでとがった形の端と下側を塗ります。 レイヤーモードを「覆い焼きカラー」に変更します。 作業したレイヤーを複製してモードを「オーバーレイ」に変更します。 注意:このステップの作業をしても画像はあまり変化しませんが、新しいレイヤーに効果はついているので心配は無用です。 選択を解除したら、「Ctrl」+「E」キーを押して3つのレイヤーをそれぞれ結合していきます(一度に全部のレイヤーを結合しないでください。見た目が変わってしまいます)。

  • PhotoshopでTwitterのコンテンツボックスを作る方法 / ウェブデザインライブラリー

    Home > フォトショップ講座 > PhotoshopでTwitterのコンテンツボックスを作る方法 PhotoshopでTwitterのコンテンツボックスを作る方法 投稿日:2009年07月31日   レベル:中級者    ソフトウェア: このチュートリアルでは、PhotoshopでTwitterのコンテンツボックスを作ってみたいと思います。 Step1 : はじめに Step2 : コンテンツボックスを作る Step3 : アイコンを追加する Step4 : テキストを追加する Step5 : 完成

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

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

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

    投稿日:2009年06月23日   レベル:初心者    ソフトウェア: このチュートリアルでは、PhotoshopでCDのアイコンを作ってみたいと思います。 Step1 : はじめに Step2 : CDのベースを作る Step3 : 中央のスタイルを設定する Step4 : 中央に穴を空ける Step5 : 完成 このアイコンはシェイプレイヤーだけで作りますので、サイズを拡大や縮小しても画質が落ちることはありません。 まず600ピクセル×600ピクセルと大き目のキャンバスを作ったら、背景を任意の色で塗りますが、ここでは感じのよい青のグラデーションにしてみます。 ツールバーから楕円形ツールを選択したら、上部のツールバーのシェイプレイヤーに設定を変更します。 キャンバスいっぱいに円を描きますが、「Shift」キーを押しながらドラッグすると円の縦横比を同じにすることができます。 円を描いたら

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

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

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

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

  • http://e0166nt.com/blog-entry-667.html

    http://e0166nt.com/blog-entry-667.html
  • Photoshopでメタリックなテキストを作る方法 / ウェブデザインライブラリー

    投稿日:2009年05月26日   レベル:初心者    ソフトウェア: このチュートリアルでは、Photoshopでメタリックなテキストを作りたいと思います。 Step1 : はじめに Step2 : テキストを入力する Step3 : テキストにつやを出す Step4 : 完成

  • http://www.designwalker.com/2009/05/illustrator-text-effect.html

    http://www.designwalker.com/2009/05/illustrator-text-effect.html
  • Photoshopで何もないところから高温の天体を作る方法 / ウェブデザインライブラリー

    カラーパレットを黒と白にして(「D」キーを押すとカラーパレットをリセットできます)、「フィルタ」−「雲模様」を選択します。 見た目が天体のようになるまでこのプロセスを繰り返します。 「Ctrl」+「F」キーを押すと繰り返しフィルタをかけることができます。 雲模様がうまく作れたら、「Ctrl」+「L」キーを押すか「イメージ」−「色調補正」−「レベル補正」を選択します。 白いエリアをより白くするには、中央のアンカーを左に少し移動させ、右のアンカーも同様に操作します。 続いて、「フィルタ」−「シャープ」−「アンシャープマスク」を選択します。 量を500%、半径3.2ピクセル、しきい値10に設定します。 すると次のようになります。 次のステップは、まだ平たく見える天体を球体らしくすることです。 選択範囲はそのままにして、「フィルタ」−「変形」−「球面」を選択して、100%に設定します。

  • Photoshopでカラフルなロゴマークを作る方法 / ウェブデザインライブラリー

    新規レイヤーで、楕円形選択ツールの「選択範囲に追加」オプションを指定します。 この操作で、1つのレイヤー内に複数のシェイプを描けます。 レイヤーに色をつけます。 新規レイヤーを作って上記の操作を繰り返します。 上記の操作を繰り返します。 描画が済んだら、テキストレイヤーでテキストを選択します。 「Shift」+「Ctrl」+「I」キーを押して選択範囲を反転させます。 最初に描画したレイヤーを選択して「Delete」キーを押します。 すると、描画を行ったレイヤーがテキストの中に残って文字のシェイプを作ります。 テキストレイヤーで、二番目に描画を行ったレイヤーに対して同様の操作を繰り返します。 三番目に描画を行ったレイヤーに対して同様の操作を繰り返します。

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

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

  • Photoshopでひび割れたコンクリートにテキストを埋め込む方法 / ウェブデザインライブラリー

    Home > フォトショップ講座 > フォトショップの基 > Photoshopでひび割れたコンクリートにテキストを埋め込む方法 Photoshopでひび割れたコンクリートにテキストを埋め込む方法 投稿日:2009年05月12日   レベル:初心者    ソフトウェア: このチュートリアルでは、Photoshopでひび割れたコンクリートにテキストを埋め込みたいと思います。 Step1 : はじめに Step2 : 1つめのテキストにスタイルを設定する Step3 : 2つめのテキストにスタイルを設定する Step4 : テキストを一部切り取る Step5 : 完成 このチュートリアルでは文字を背景のテクスチャを利用して表現する方法や、レイヤースタイルを追加してテキストを徐々に変形させたりテクスチャから浮き出させる方法を紹介します。 ここでは次のようなひび割れたコンクリートのテクスチャを使

  • Photoshopで錆び付いた岩肌のノートPCを作る方法 / ウェブデザインライブラリー

    「ノートPC」の画像を開いて、ペンツールでノートPCの周囲を囲んだ後、パスから選択範囲を作成します。 新規ドキュメントを作成(サイズの大きさは任意ですが、ここでは800ピクセル×600ピクセルにします)して「ノートPC」で保存します。 移動ツールで画像を新規ドキュメントに移すと新規レイヤーが作成されます。 レイヤー名を「ノートPC」にします。 必要に応じてノートPCのサイズを変更して新規ドキュメントを修正します。 岩肌の画像を開いたら、気に入った箇所を選択して、新規ドキュメントの「ノートPC」レイヤーの上ににコピーします。 レイヤー名を「岩肌」にしてレイヤーのブレンドオプションをオーバーレイにします。 「イメージ」−「色調補正」−「トーンカーブ」を選択して岩肌のレイヤーの色調を調整します。 次のように詳細を設定します。 ここでは、画像は次のようになりますが、設定を変えてどのようになるのかを