タグ

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

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

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

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

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

  • 画像を巨大なディスプレイに映し出したようにするPhotoshopのチュートリアル

    画像やテキストを競技場や街にある巨大なディスプレイに映し出したようにするPhotoshopのチュートリアルをDenis Designsから紹介します。 チュートリアルはステップごとにキャプチャ付きで解説されています。 ごく簡単にまとめると、[フィルター]-[ピクセレート]-[モザイク]で10pxくらいのモザイクを適用し、LEDの質感をもたせるためにオリジナルのパターンを作成し適用します。 通常のカラー写真のような画像でも面白い効果がえられますが、下記のように画像を「2階調化」しても面白い効果がえられます。

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

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

  • ドットで構成したアブストラクトなエフェクトを作成するチュートリアル

    複雑な表面をドットで構成したアブストラクトなエフェクトを作成するIllustoratorのチュートリアルをVectortuts+から紹介します。

  • Photoshopのテキストエフェクトチュートリアル33 – creamu

    Photoshopでテキストを装飾したい。 そんなときに参考になるのが、『33 Creative Photoshop Tutorials Text Effects for Beginners and Advanced』。Photoshopのテキストエフェクトチュートリアル集です。 かっこいいものが揃っていますね。いくつかご紹介します。 Create a Stunning Text on Wild Fire Effect 炎の効果を演出したテキスト How to Create a 3D Text Photo Manipulation 3Dのテキストを作るチュートリアル How to Quickly Create a Stylish Retro Text Effect テキストの中をクールなラインで抜いた、レトロエフェクト Patriotic Text Using Displacement M

  • 光を効果的に使用したPhotoshopのチュートリアル集:Part 15

    光、光源、光線、光跡を効果的に使用したPhotoshopのチュートリアル集のPart 15です。 Abstract Glowing Background Light and Glow Effect A

  • Photoshopで作るWindows Vistaのようなオーロラの光エフェクト – creamu

    Windows Vistaの壁紙のようなオーロラの光を描きたい。 そんなときにおすすめなのが、『Windows Vista Aurora Effect Photoshop Tutorial』。Photoshopで作るWindows Vistaのようなオーロラの光エフェクトです。 下記のような手順になっています。 明度コントラストの高い写真を選ぶ 「フィルタ / ぼかし / ぼかし(ガウス)」で75%程度のぼかしを適用。背景を作る カラーバランスで背景の色を調整。シャドウ:-37, -40, 7 中間調: 15, 62, 0 ハイライト: -34, 0, 69 新規レイヤーで、「楕円形選択ツール」で選択範囲を作って、ブラシ(200px程度・堅さ:0%・描画色:#fff)で選択範囲の淵をなぞって光を描く。描画モードをオーバーレイに設定 作った光のラインを傾ける(Ctrl + T)。傾きを変えな

  • 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 : 完成

  • Illustrator: Abstract Vector Art - Web Designer Wall

    This Adobe Illustrator tutorial will show you how to create an abstract art that can be used for wallpaper, website header or background images. It is fun and easy. You will learn how to use the Warp and Twirl tool to create abstract vector art in minutes. Users with basic skills should be able to handle this tutorial. To continue on this tutorial, you need Adobe Illustrator CS or above. View Fina

    Illustrator: Abstract Vector Art - Web Designer Wall
  • Photoshopでカラフルなテキストグラフィックを作る方法 / ウェブデザインライブラリー

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