プロアマ問わず使える10個の最新無料CSSツール / ウェブデザインライブラリー

2014/08/08 243 users ウェブデザイン class プロアマ cssツール 成果

ここでは、最近リリースされた、無料のCSSツールを10個集めてみました。 プロでも使えるものもありますし、ウェブデザインには詳しくないけど、ネットビジネスを運営している人、成果を増やしたい人に役立つツールもあります。 ここで紹介するツールを使って、仕事を楽にできるようになるといいですね。 ExtractCSS HTMLからidやclassを抜き出したり、インラインで定義したスタイルを抜き出してきま... 続きを読む

写真をモノクロにするベストな方法 / ウェブデザインライブラリー

2014/05/16 46 users チュートリアル 迫力 モノクロ ソフトウェア STEP2

投稿日：2014年5月16日　　　ソフトウェア： このチュートリアルでは、写真をモノクロにするベストな方法について紹介します。 Step1 ： はじめに Step2 ： 写真をモノクロに変えるときに、やってはいけない方法 Step3 ： 画像をモノクロにするもっともよい方法 Step1：はじめに もし写真の加工に興味があるなら、写真をモノクロに変え、雰囲気のあるものにしたり迫力のあるものにしたいと... 続きを読む

Photoshopで5つの簡単なステップで煙の効果をつける方法 / ウェブデザインライブラリー

2012/04/13 12 users キャンパス チュートリアル Photoshop ソフトウェア

投稿日：2012年4月13日　　　レベル：初心者　　　ソフトウェア： このチュートリアルでは、Photoshopを使って、5つのステップで煙の効果をつける方法を紹介します。 Step1 ： はじめに Step2 ： 画像を切り抜く Step3 ： キャンバスにペースト Step4 ： 煙の効果を出す Step5 ： 完成 Step1：はじめに テクニックは単純ですが、簡単ですぐにできる方法で印象的... 続きを読む

モデルに光の効果を加える / ウェブデザインライブラリー

2012/03/27 23 users モデル 効果

続きを読む

Illustratorでシンプルなベクターの忍者キャラクターを作成する方法 / ウェブデザインライブラリー

2012/02/14 15 users ベクター Illustrator 方法 チュートリアル 忍者

投稿日：2012年2月14日　　　レベル：初心者　　　ソフトウェア： このチュートリアルではIllustratorでシンプルな忍者を描く方法を紹介します。 Step1 ： はじめに Step2 ： 頭を描く Step3 ： 体を描く Step4 ： パスファインダで結合する Step5 ： 細かい装飾を書き加える Step6 ： グラデーションを使用する Step7 ： 背景を描く Step8 ：... 続きを読む

Photoshopで写真のピントを合わせる方法 / ウェブデザインライブラリー

2011/12/13 33 users Photoshop ヒント phot フォトショップ 主役

投稿日：2011年12月13日　　　レベル：初心者　　　ソフトウェア： このチュートリアルでは、フォトショップで写真のピントを合わせる方法を紹介します。 Step1 ： はじめに Step2 ： 主役を切り取る Step3 ： 背景をぼかす Step4 ： 完成 Step1：はじめに 今回は、写真の背景を人工的にぼかすことにより、主役にピントを合わせます。 これが完成イメージです。 まずはPhot... 続きを読む

Photoshopで深海からの景色を描く方法 / ウェブデザインライブラリー

2011/10/07 50 users グラデーシ Photoshop チュートリアル 深海 海底

投稿日：2011年10月7日　　　レベル：初心者　　　ソフトウェア： このチュートリアルではPhotoshopで深海からの景色を描く方法を紹介します。 Step1 ： 背景の作成 Step2 ： 水面の作成 Step3 ： 光の線を描く Step4 ： 海底の作成 Step5 ： イルカの作成 Step6 ： 完成 Step1.背景の作成 まずは、背景に青いグラデーションを作成します。 グラデーシ... 続きを読む

Photoshopでパスに沿ってテキストを配置する方法 / ウェブデザインライブラリー

2011/09/30 19 users チュートリアル Photoshop ソフトウェア ペンツール

投稿日：2011年9月30日　　　レベル：初心者　　　ソフトウェア： このチュートリアルではPhotoshopでパスに沿ってテキストを配置する方法を紹介します。 Step1 ： はじめに Step2 ： パスに沿ったテキストの作成 Step3 ： 円状に並んだテキストの作成 Step4 ： 完成 Step1.はじめに このチュートリアルでは、ペンツールなどで作成したパスに沿ってテキストを配置する方... 続きを読む

Photoshopで写真のレタッチをする方法 / ウェブデザインライブラリー

2011/09/16 29 users レタッチ Photoshop チュートリアル まぶた 修正

投稿日：2011年9月16日　　　レベル：初心者　　　ソフトウェア： このチュートリアルではPhotoshopで写真のレタッチをする方法を紹介します。 Step1 ： はじめに Step2 ： 肌をレタッチする Step3 ： 唇の色を変える Step4 ： 目の修正を行う Step5 ： まぶたに色をつける Step6 ： 頬紅をさす Step7 ： 完成 Step1.はじめに 写真のレタッチは... 続きを読む

Photoshopで髪の色を変える方法 / ウェブデザインライブラリー

2011/08/26 33 users Photoshop phot チュートリアル 見栄え エッジ

投稿日：2011年8月23日　　　レベル：初心者　　　ソフトウェア： このチュートリアルではPhotoshopで見栄えの良い3Dテキストを作成する方法を紹介します。 Step1 ： はじめに Step2 ： 調整レイヤーを作成する Step3 ： 髪の毛のマスクを作る Step4 ： 髪の毛の色を変える Step5 ： エッジを修正する Step6 ： 完成 Step1.はじめに 今回は、Phot... 続きを読む

Photoshopでグラデーションのノイズを修正する方法 / ウェブデザインライブラリー

2011/08/02 18 users Photoshop ノイズ グラデーション ガウス 縞模様

投稿日：2011年8月2日　　　レベル：初心者　　　ソフトウェア： このチュートリアルではPhotoshopでグラデーションのノイズを修正する方法を紹介します。 Step1 ： はじめに Step2 ： 縞模様を見つける Step3 ： ぼかし（ガウス）をかける Step4 ： 「グレーオーバーレイ」レイヤーの作成 Step5 ： ノイズを加える Step6 ： 細かい部分を修正する Step7 ... 続きを読む

Photoshopで立体感のあるボタンを作成する方法 / ウェブデザインライブラリー

2011/07/26 30 users Photoshop レイヤースタイル チュートリアル 立体感

投稿日：2011年7月26日　　　レベル：初心者　　　ソフトウェア： このチュートリアルではPhotoshopで立体感のあるボタンを作成する方法を紹介します。 Step1 ： はじめに Step2 ： レイヤーを設定する Step3 ： ガイドを配置する Step4 ： ボタンの形状を描く Step5 ： 大きい方のシェイプへレイヤースタイルを適用する Step6 ： 小さい方のシェイプにレイヤー... 続きを読む

Photoshopで見映えの良いボタンを作成する方法 / ウェブデザインライブラリー

2011/07/19 58 users テクスチャ チュートリアル 木材 Photoshop 背景

投稿日：2011年7月19日　　　レベル：初心者　　　ソフトウェア： このチュートリアルではPhotoshopで見映えの良いボタンを作成する方法を紹介します。 Step1 ： はじめに Step2 ： Photoshopで木材のテクスチャを開く Step3 ： ボタンの背景を作成する Step4 ： メインのボタンを作る Step5 ： ボタンを装飾する Step6 ： 完成 Step1.はじめに... 続きを読む

Photoshopでリボンに描かれたロゴを簡単に作る方法 / ウェブデザインライブラリー

2011/07/06 26 users Photoshop チュート リボン チュートリアル ロゴ

投稿日：2011年7月5日　　　レベル：初心者　　　ソフトウェア： このチュートリアルではPhotoshopを使って、リボンに描かれたロゴを簡単に作る方法を紹介します。 Step1 ： はじめに Step2 ： リボンの左側を作る Step3 ： 折りたたみ部分を作る Step4 ： リボンの正面を作る Step5 ： リボンの右側を作る Step6 ： 完成 Step1.はじめに 今回のチュート... 続きを読む

Photoshopで3D配置のタイポグラフィを作る方法 / ウェブデザインライブラリー

2011/06/28 17 users タイポグラフィ アピアランス Photoshop 正方形 方法

投稿日：2011年6月28日　　　レベル：初心者　　　ソフトウェア： このチュートリアルでは、Photoshopで3D配置のタイポグラフィを作る方法を紹介します。 Step1 ： はじめに Step2 ： 正方形を描く Step3 ： 3D効果で立体感をつける Step4 ： アピアランスを分割する Step5 ： IllustratorからPhotoshopへ移行する Step6 ： テキストを... 続きを読む

Photoshopでエンブレムスタイルのロゴを作る方法 / ウェブデザインライブラリー

2011/06/24 45 users チュー チュートリアル Photoshop ソフトウェア ロゴ

投稿日：2011年6月24日　　　レベル：初心者　　　ソフトウェア： このチュートリアルでは、Photoshopでエンブレムスタイルのロゴを作る方法を紹介します。 Step1 ： はじめに Step2 ： 円を描く Step3 ： パターンを作成し、適用する Step4 ： 文字を作成する Step5 ： 星を描く Step6 ： 影をつける Step7 ： 完成 Step1.はじめに このチュー... 続きを読む

Photoshopで画像から対象物を切り出す方法 / ウェブデザインライブラリー

2011/06/21 41 users チュートリアル ボケ Photoshop ソフトウェア ウェブ

投稿日：2011年6月21日　　　レベル：初心者　　　ソフトウェア： このチュートリアルでは、Photoshopで画像から対象物を切り出す方法を紹介します。 Step1 ： はじめに Step2 ： 写真のボケを修正する Step3 ： 背景から木を切り離す Step4 ： 切り抜きを微調整する Step5 ： 葉を付け足す Step6 ： 完成 Step1.はじめに グラフィックデザインやウェブ... 続きを読む

Photoshopでテキストに花びらを散らす方法 / ウェブデザインライブラリー

2011/06/17 24 users チュートリアル Photoshop ブラシ ソフトウェア 背景

投稿日：2011年6月17日　　　レベル：初心者　　　ソフトウェア： このチュートリアルでは、Photoshopでテキストに花びらを散らす方法を紹介します。 Step1 ： はじめに Step2 ： 背景を制作する Step3 ： テキストを追加する Step4 ： ブラシを設定をする Step5 ： テキストに花びらを散らす Step6 ： レイヤー効果をかけて調整する Step7 ： 完成 S... 続きを読む

Photoshopでリアルな涙を描く方法 / ウェブデザインライブラリー

2011/06/03 25 users Photoshop レイヤースタイル チュートリアル 方法

投稿日：2011年6月3日　　　レベル：初心者　　　ソフトウェア： このチュートリアルでは、Photoshopでリアルな涙を描く方法を紹介します。 Step1 ： 涙の形をつくる Step2 ： レイヤースタイルを変更する Step3 ： 涙にハイライトをつける Step4 ： 完成 続きを読む

Photoshopでレイヤーマスクを使ったモザイク効果を作る方法 / ウェブデザインライブラリー

2011/05/31 27 users レイヤーマスク Photoshop チュートリアル 反転 画像

Home ＞ フォトショップ講座 ＞ Photoshopでレイヤーマスクを使ったモザイク効果を作る方法 Photoshopでレイヤーマスクを使ったモザイク効果を作る方法 投稿日：2011年5月31日　　　レベル：初心者　　　ソフトウェア： このチュートリアルでは、レイヤーマスク機能を使って画像にモザイク効果をつける方法を紹介します。 Step1 ： マスクを作成する Step2 ： レイヤーを反転... 続きを読む

Photoshopでぼかした雨粒の効果を作る方法 / ウェブデザインライブラリー

2011/05/17 32 users チュートリアル レイヤー Photoshop ブラシ 背景

投稿日：2011年5月17日　　　レベル：初心者　　　ソフトウェア： このチュートリアルでは、Photoshopでぼかした雨粒の効果を作る方法をご紹介します。 Step1 ： ブラシの作成 Step2 ： 背景の作成 Step3 ： ブラシの設定 Step4 ： ブラシの使用 Step5 ： 完成 新規ドキュメントを作成してください。 楕円形ツールを選び、黒で円を描いてください。 「レイヤー」−「... 続きを読む

Photoshopで花が鮮やかに燃え続ける効果を作る方法 / ウェブデザインライブラリー

2011/05/13 20 users チュートリアル Photoshop ＨＯＭＥ ソフトウェア

Home ＞ フォトショップ講座 ＞ Photoshopで花が鮮やかに燃え続ける効果を作る方法 Photoshopで花が鮮やかに燃え続ける効果を作る方法 投稿日：2011年5月13日　　　レベル：初心者　　　ソフトウェア： このチュートリアルでは、Photoshopで花が鮮やかに燃え続ける効果を作る方法をご紹介します。 Step1 ： 背景の作成 Step2 ： 燃やす花の作成 Step3 ： 花... 続きを読む

Photoshopで簡単に顔のレタッチを行う方法 / ウェブデザインライブラリー

2011/05/10 78 users レタッチ Photoshop チュートリアル シミ まつげ

投稿日：2011年5月10日　　　レベル：初心者　　　ソフトウェア： このチュートリアルでは、Photoshopで簡単に顔のレタッチを行う方法をご紹介します。 Step1 ： しみや傷の除去 Step2 ： 眉の強調 Step3 ： まつげの加工 Step4 ： 軽いメイクアップ Step5 ： 瞳の加工 Step6 ： 完成 続きを読む

Photoshopで画像から不要なものを取り除く方法 / ウェブデザインライブラリー

2011/04/19 25 users Photoshop 画像 チュートリアル 方法 ソフトウェア

投稿日：2011年4月19日　　　レベル：初心者　　　ソフトウェア： このチュートリアルでは、Photoshopで画像から不要なものを取り除く方法をご紹介します。 Step1 ： コピースタンプツールの使用 Step2 ： 込み入ったり、入り組んだりしている箇所の加工 Step3 ： パッチツールの使用 Step4 ： 直線部分の加工 Step5 ： 領域の塗りつぶし Step6 ： 完成 コピー... 続きを読む

ミニサイトをデザインするための12のステップ / ウェブデザインライブラリー

2011/02/15 18 users Step チュートリアル 焦点 ソフトウェア ウェブサイト

投稿日：2011年2月15日　　　レベル：初心者　　　　ソフトウェア：−このチュートリアルでは、ミニサイトをデザインするための12のステップをご紹介します。Step1 ： はじめにStep2 ： ミニサイトで使われる定石パソコンは、ミニサイトを利用してネットビジネスを始める時に役立ちます。 1ページだけのウェブサイトが、最もシンプルで魅力的だということがわかっています。 焦点を絞ってビジネスをする... 続きを読む