この初心者向けのPhotoshopのチュートリアルでは、ぼかし効果を適用し、光の効果を加えることで写真全体をよりよく見せる方法を解説していきます。

• Step1 ： はじめに
• Step2 ： ぼかしを加える
• Step3 ： 光の効果を加える
• Step4 ： 完成

適当に選んだ写真をPhotoshopで開き、レイヤーを複製します。

はじめのレイヤーを選択し、Lキーを押してなげなわツールに切り替えます。
その時に、ぼかしの値を250ピクセルにしていることを確認し、下のように画像を選択します。
（ぼかしの値は選択した写真によって変わります。写真が大きければ、設定するぼかしの値も大きくなります）

次に、Shift + Ctrl + Iをおして、選択範囲を反転します。
「フィルタ > ぼかし > ぼかし（ガウス）」を選択し、ぼかしを適用します。
値を15程度にしてOKをおします。

元の選択範囲を拡張するので、なげなわツールを選択した状態で、Shiftキーを押したままにします。
今回は中央に小さめの円を書きます。
女性の顔の周りを囲むようにします。

上で行ったぼかしの操作を繰り返します。
違う点は値を小さくするという点だけです。
ここでは、8を使いました。

Ctrl + Dをおして、選択を解除します。
今は次のようになっています。

この段階で、ぼかし効果の適用が終わりました。

次に、光の効果を加えてみたいと思います。
まず、新しい空のレイヤーを一番うえに作成します。

次に、Bをおして、ブラシツールを選択します。
カンバス内で右クリックして、柔らかいブラシを選択します。
今回は、ブラシサイズを300ピクセルにします。

空のレイヤーを選択していること、明るい黄色を選択していることを確認します。
下の赤で示した部分を丸く塗りつぶします。
これにより、写真に光が加わり、よりドラマチックになり、
見た目が柔らかくなって雰囲気がよりよくなります。

次に、Ctrl + Lを押してレベル補正画面を立ち上げます。
コントローラを左に動かし、写真のハイライト入力レベルを明るくします。

完成です。

作業前後で比較できるように2つの写真を並べてみました。

引用:Web Design Library　著者:10Steps.SG　翻訳：なかけん

このIllustratorのチュートリアルではペンツールとカスタマイズしたブラシを使って渦巻きを描く方法を学びます。

• Step1 ： ブラシを作成する
• Step2 ： 線を描く
• Step3 ： スパイラルツールを選択する
• Step4 ： 葉っぱを描く
• Step5 ： 完成

まずはブラシを作ることから始めましょう。新規ドキュメント（CTRL+N）を作成し、三角形を描いてください。

選択ツール（V）を使って、その三角形のシェイプをブラシウィンドウ（F5）にドラッグアンドドロップしてください。アートブラシを選択し、次のような設定をします。

これでブラシの準備ができました。それではペンツール（P）から始めましょう。ペンツールを選択して線を描いてください。描けたら先ほど作成したブラシをクリックします。線のサイズを変えて、ちょうどいい大きさに整えてください。

次にスパイラルツール（直線ツールをクリックするとスパイラルツールは見つかります）を選択してください。先ほどの線をクリックしてOKを押します。下記のように、渦が線の先端に来るようにしてください。

ここで葉っぱを作ります。私はIllustratorのペンツールを使ってこの葉っぱを描きました。

葉っぱが描けたら、選択ツールを使ってシンボルウィンドウ（Shift+CTRL+F11）にドラッグアンドドロップしてください。

この葉っぱを渦巻きに加えます。ここでは大小2つの葉っぱを配置することにしました。

これで渦巻きは完成です。

ブラシの形を変えたり葉っぱを変えたりしながら、色々と試してみてください。可能性は無限大です。

引用:Web Design Library　著者:drawapixel　翻訳：幕澤

このチュートリアルでは、Photoshopで禁煙表示を作る方法について説明します。

• Step1 ： はじめに
• Step2 ： 煙草を描く
• Step3 ： マークを入れる
• Step4 ： 完成

まず背景を作ったら、レイヤーを重ね、レイヤーマスクやその他のテクニックを使います。
1280ピクセル×1024ピクセルのサイズで新規ファイルを作ります。

次のように角丸長方形ツールで半径4ピクセルのシェイプを作ります。

レイヤースタイルで「シャドウ(内側)」を次のように設定します。

長方形選択ツールで次のようにシェイプを作ります。

レイヤースタイルで「グラデーションオーバーレイ」を次のように設定します。

次のように長方形選択ツールでシェイプを作って「#432F3A」で塗ります。

ブラシツールを使って次の設定を使います。

次のように角丸長方形ツールで表示を「#E10103」で塗ります。

完成です。

このチュートリアルで紹介したテクニックによって新しい発見やアイディアが呼び起こされて今後の皆さまのデザインのお役に立つことを願っています。

引用:Web Design Library　著者:Shahzad Amin　翻訳：菊池

今まで色々なレベルの高いチュートリアルを見てきましたが、シンプルで基本的なPhotoshopでの色付けから勉強したいと思っていました。
これは、そんな初心者向けのチュートリアルです。

• Step1 ： はじめに
• Step2 ： イラストを用意する
• Step3 ： キャラクターの色を塗る
• Step4 ： 背景の色を塗る
• Step5 ： 保存する
• Step6 ： 完成

PhotoshopはCS4を使いますが、他のバージョンでも問題ないと思います。
以下ではこのキャラクターを使って説明していきます。

まず、このマンガをA4の紙に描き、マーカーを使ってハードコピーを作成します。
そのコピーをスキャンし、グレースケールをセットします。

Photoshopを立ち上げます。

「ファイル > 開く」を選択し、スキャンしたキャラクターが描かれたファイルを選択します。

キャラクターの体を塗るために、カラーパレットから色を選択します。

塗りつぶしツールを使って塗りつぶしたい部分を塗りつぶします。

同様に色を選んでキャラクターのほかの部分を塗りつぶします。

背景を黄色にするため、自動選択ツールを使って白い背景部分を選択します。

ブラシツールを使って、色を選択し、大きさも調整します。
" [ " キーを押すと大きくなり、 " ] "を押すと小さくなります。
ここではサイズを大きくして、1クリックで済ませるようにします。
選択を解除するには、Ctrl + dを押します。

「ファイル > 別名で保存」を選択して保存します。
ファイル名を記入して、jpgとして保存します。

jpegオプションが表示されるのでそのままの設定でOKボタンを押します。

完成です。

このチュートリアルが、Photoshopを始める手助けになれば幸いです。

引用:Web Design Library　著者:photoshopclassroom.wordpress.com　翻訳：なかけん

このチュートリアルでは、Photoshopで名刺をデザインする方法を紹介します。

• Step1 ： はじめに
• Step2 ： 背景を作成する
• Step3 ： ボックスを描く
• Step4 ： ボックスをコピーする
• Step5 ： 会社名とキャッチフレーズを入れる
• Step6 ： ボックスをコピーする
• Step7 ： 裏側の背景を作る
• Step8 ： 名前などを入れる
• Step9 ： 完成

Photoshopで新規ファイルを作成します。
サイズは3.75インチ×2.25インチ、「ファイル」−「新規」を選択するか「Ctrl」＋「N」キーを押します。
解像度を300ピクセル/インチに変更します。

新規ファイルを開いたら、描画色を「#cbf1ff」、背景色を「#17c1ff」にします。
円形グラデーションを設定します。

ノイズを加えます。
「フィルタ」−「ノイズ」−「ノイズの追加」を選択します。
ノイズの量を2.45％にして、「OK」をクリックします。

長方形選択ツールでボックスを作ります。
「#e0712f」で塗ります。

ボックスをコピーして「#575757」で塗ります。
それから「フィルタ」−「ぼかし」−「ぼかし(ガウス)」を選択します。
半径を2ピクセルに変更します。

グレーのボックスをオレンジのボックスの後ろに配置してシャドウのようにします。

オレンジのボックスのレイヤーを選択します。
「レイヤー」−「レイヤースタイル」−「境界線」を選択します。
境界線のサイズを10ピクセル、カラーを白にします。

オレンジのボックスをコピーします。
次のように伸ばします。

シャドウのボックスもコピーします。
伸ばしたら、オレンジのボックスの後ろに配置します。
ゆがみを使って次のように変形させます。

自分の会社の名前を書きます。

フォント：Copperplate Gothic Bold
サイズ：23.26 ポイント
色：黒 (#000000)

キャッチフレーズを書きます。

フォント：Ariel
サイズ：9.27ポイント
色：黒 (#000000)

Step4と同じ手順でオレンジのボックスを作ります。
カードの表側はこれで完成です。

カードの裏側を作ります。
円形グラデーションを選択して描画色を「#df752b」、背景色を「#d15208」にします。
2.45％のノイズを加えます。

自分の名前をカードに書きます。

フォント：Ariel
サイズ：10ポイント
色：#ffffff

ウェブサイトの名前や電話番号などを書きます。

フォント：Ariel
サイズ：8ポイント
色：#ffffff

これで名刺の完成です。
このチュートリアルがお役に立つことを願っています。

引用:Web Design Library　著者:photoshopclassroom.wordpress.com　翻訳：菊池

このチュートリアルでは、ガラスのボウルからスノーグローブを作る方法を紹介します。
この中で、写真を扱うときにとても役立つテクニックがいくつか出てきます。

• Step1 ： はじめに
• Step2 ： 背景を入れる
• Step3 ： カップを加える
• Step4 ： スノーグローブの中身を加える
• Step5 ： 効果をつける
• Step6 ： パールのネックレスを描く
• Step7 ： ハートのペンダントを加える
• Step8 ： 完成

グラスの下の部分を選択し、削除します。
次に、自由変形を行うために、Ctrl + tキーを押します。
グラスを横に広げます。

「編集 > 変形 > 垂直方向に反転」を適用します。
移動ツールを選択して動かします。
このレイヤーに「グローブ」という名前を付けます。

「イメージ > 色調補正 > 色相・彩度」を選択します。
色相を +160に、明度を -17に設定します。

自動選択ツールを選び、黒い部分をすべて選びます。
グローブの中央をクリックすれば、一回のクリックでできます。
Shift + F6 キーを押して、ぼかしの半径を0.7にします。
Deleteキーを押します。

雪の橋の画像から橋の部分を、グローブにあうように切り抜きます。
このレイヤーに「橋」レイヤーと名前を付けます。

グローブの下にカップをおいて、カップの上にグローブがのって見えるようにします。
「色相・彩度」を選択し、色相を +180に、彩度を +73にします。
このレイヤーを「カップ」レイヤーと呼ぶことにします。

男女二人組の画像を一番トップのレイヤーにおいて、「二人組」という名前を付けます。

ブラシツールを使って、雪を降らせます。

カップレイヤーと二人組レイヤーの間に新しいレイヤーを作ります。
グラデーションエディターを開き、#587583、#415c69と白色を選びます。
下のように、レイヤーを放射線状にグラデーションを付けて塗りつぶします。

レイヤーのモードをハードレイヤーにして、「ハードライト」と名前を付けます。

「ハードライト」の上に新しいレイヤーを追加します。
これに、「焼き込み」という名前を付けます。
#587583 と #415c69 を使って、放射線状にグラデーションを付けて塗りつぶします。

レイヤーモードを「焼き込み」にします。

チェーンブラシを使って、パールのネックレスを描きます。
「パール」と名前を付けます。

パールレイヤーをコピーします。

レイヤースタイルで、ドロップシャドウを選び、
描画モードを乗算にし、不透明度を75%にします。
角度を120度にし、距離を11、スプレッドを0、サイズを5にします。

次にカラーオーバーレイを適用し、
描画モードを「焼き込み」、不透明度を100%にします。

OKボタンをクリックします。

ハートのペンダントをネックレスの上に置きます。

新しいレイヤーを作り、#1d528bの色でペンダントの銀色の部分を塗ります。
今は下のようになっていると思います。

レイヤーモードをソフトライトに変えて、ペンダントを青っぽく見えるようにします。

これで、スノーグローブの完成です。

引用:Web Design Library　著者:photoshopclassroom.wordpress.com 　翻訳：なかけん

このチュートリアルでは、レイヤーの描画モードやカットアンドペーストのテクニックを使って写真の加工を行う方法を紹介します。

• Step1 ： はじめに
• Step2 ： 背景を作成する
• Step3 ： バレリーナを作成する
• Step4 ： 完成

まず新規ドキュメントを作成してください。
ここでは幅1100px × 高さ1100pxにしました。
最初に抽象的な背景を作成することから始めます。
#46701aから#000000への円形グラデーションを描いてください。

背景レイヤーをコピーして「背景2」と名付けてください。
レイヤーの描画モードは覆い焼きカラーに変えます。

新規レイヤーを作成し、「雲」と名付けてください。
描画色を黒に背景色を白に変えます。次に、「フィルタ」−「描画」−「雲模様」を選んでください。

「フィルタ」−「変形」−「波形」を選択します。

波数：5
波長：最少93　最大256
振幅：最少１　最大75
比率：水平100％　垂直100％

レイヤーの描画モードをオーバーレイに変えてください。
次のような感じになります。

新規レイヤーを作成し、ブラシツールを使って次のように描いてください。

レイヤーの描画モードをカラーに変えてください。

ベニスのマスクの画像を新規レイヤーに配置してください。
「フィルタ」−「変形」−「波形」を選択します。

レイヤーの描画モードをソフトライトに変えてください。

バレリーナを新規レイヤーに配置し、バレリーナと名付けてください。
「レイヤー」−「レイヤースタイル」−「光彩（外側）」を選択します。

ベニスのマスクから翼を作ります。
このレイヤーは「翼」と名付けてください。

バレリーナの背後に翼を配置してください。
「レイヤー」−「レイヤースタイル」−「光彩（外側）」を選択します。
「翼」レイヤーの描画モードを輝度に変えてください。

「翼」レイヤーをCtrl+クリックしてください。これで翼が選択されます。
「翼」レイヤーを隠してください。
新規レイヤーを作成し、「翼の色」と名付けます。
選択範囲を#8e8d20の色で塗ってください。

「翼」レイヤーの後ろに「翼の色」レイヤーを置いてください。

ベニスのマスクからマスクを切り取ってください。
バレリーナの目の部分に置きます。
レイヤーの描画モードを輝度に変えてください。
このレイヤーを「アイマスク」と名付けます。

「アイマスク」レイヤーをCtrl+クリックしてください。「アイマスク」レイヤーを隠します。
新規レイヤーを作成し、「アイマスクの色」と名付けてください。選択範囲を#8fee57の色で塗ってください。
レイヤーの描画モードは焼き込み（リニア）に変えます。

「アイマスクの色」レイヤーをアイマスクレイヤーの後ろに置いてください。

ベニスのマスクの装飾を使ってバレリーナの飾りを作ります。

ネックレス、腕輪、アンクレットを作ります。

全てのレイヤーを結合すれば完成です。

気に入って頂けると幸いです。

引用:Web Design Library　著者:photoshopclassroom.wordpress.com　翻訳：幕澤

このチュートリアルでは、Photoshopで水の中を描く方法を紹介します。

• Step1 ： 背景を作る
• Step2 ： クジラや船を追加する
• Step3 ： 水中のテクスチャを作る
• Step4 ： 光の差し込みを作る
• Step5 ： 最後の仕上げ
• Step6 ： 完成

750ピクセル×1000ピクセルのドキュメントに、雲を加えて水平方向に伸ばします。

雲のレイヤーの下に、海を加えて押しつぶします。
ここではペンツールを使って水面に波状の選択範囲を作成し、画面の一番下まで広げます。

選択範囲を黒と海のレイヤーマスクで塗ります。

海のレイヤーと同じレイヤーマスクを反転させてから、海の色を使ったグラデーションレイヤーを加えます。

ここでは雲と海のレイヤーを暗くしてコントラストを強くします。

クイック選択ツールと選択範囲の調整をするオプションでクジラを切り出して作業中のファイルに配置します。

クジラのレイヤーをスマートオブジェクトにしてから半径2.5ピクセルの「ぼかし(ガウス)」を使います。それからスマートフィルタレイヤーマスクを使ってクジラの頭に近いぼやけた箇所をマスクアウトします。

船を配置して縮小し、少しだけ暗くします。

船の周りに小さい楕円形を描いて、「ぼかし(ガウス)」を入れて水平に伸ばしたら、不透明度50％の覆い焼きカラーに設定します。

水中のグラデーションの上に雲のレイヤーを追加し、グラデーションと同じレイヤーマスクを使います。

雲のレイヤーを不透明度30％の乗算に設定します。

水中の粒子を作るのに、新規レイヤーを50％のグレーで塗ってノイズを加えたら、コントラストを強くして「ぼかし(ガウス)」を入れます。

レイヤーを不透明度10％の覆い焼きカラーに設定します。

空と海のレイヤーの上に新規レイヤーを作って「白から透明に」の小さいグラデーションを水平線の上に描きます。

レイヤーを不透明度35％のスクリーンに設定します。

水中に差し込む光を作るには、小さくて白い楕円を描いてから「ぼかし(移動)」を入れて上下方向300％に伸ばし、変形ツールで回転させて配置します。

レイヤーを何度か複製して差し込む光を加えたら、すべての光をオーバーレイに設定します。

すべてのレイヤーの上に色相・彩度レイヤーを加え、彩度を-70％に減らします。

暗いビネットを作るには、「黒から透明に」の線形グラデーションレイヤーを加えて比率を150％に設定します。

レイヤーを複製して両方ともソフトライトにします。

これで完成です。

引用:Web Design Library　著者:Matt　翻訳：菊池

このチュートリアルでは、Illustratorでレトロな三角模様をデザインする方法を紹介します。

• Step1 ： はじめに
• Step2 ： 境界線を引く
• Step3 ： 色を塗る
• Step4 ： Photoshopでオーバーレイを適用する
• Step5 ： 完成

手順はいたってシンプルなのでAdobe Illustratorの初心者にも最適なチュートリアルです。
図形を正確に並べるためにツールを使い、パスファインダを使って簡単に自作のシェイプを作成します。
今回作成するのはクールなレトロ風のモザイクのようなデザインです。
四角形と三角形を混ぜて、限られた色彩だけを使うことにより、クールで幻想的な感じを出して、見る人の目を引き付けます。

Adobe Illustratorを開いて新規文書を作成してください。

直線ツールを使ってアートボードの左端の境界に縦のラインを引きます。

次に、その線を選択してからエンターキーを押して、移動オプションを表示させ、水平方向に20mmと入力してコピーボタンをクリックしてください。

CMD+Dを何度か繰り返し押して、アートボードを等間隔のラインで埋めてください。

同じことを今度は水平線で行います。
移動オプションで垂直方向に20mmと入力して、処理を繰り返し、アートボードをグリッドの模様で埋めてください。

次に45度の斜線をアートボードに引きます。
アートボード上全体にラインが行きわたるように、十分な長さのラインにしてください。

ズームインしてアウトラインモード（CMD+Y）に切り替え、それぞれのグリッドの角と正確に交わるように慎重に斜線を配置してください。

エンターキーを押して移動オプションを呼び出し、水平方向、垂直方向の両方に20mmと入力し、アートボード全体に行きわたるまでコピーを続けてください。

全てのオブジェクトを選択してパスファインダパレットの分割を選んでください。
これによって、全てのラインが個々のシェイプに分割されます。

右クリックしてグループ解除した後、アートボードからはみ出た部分を選択して削除してください。

いよいよ色を付けます。
シフトキーを押しながらランダムにシェイプを選んで、スポイトツールを使ってスウォッチから色を塗ってください。

引き続き空のシェイプを選択して、パレットの次のスウォッチで塗ってください。

さらに色を加えると、デザインらしくなってきます。

全てのシェイプに色をつけてください。
同じ色が集中しているところや、特定の色が周囲にないところがあれば調整してください。

デザインをコピーしてPhotoshopにペーストし、テクスチャファイルを開いて下さい。
その画像の彩度を減らし、描画モードをソフトライトにして、テクスチャの効果を不透明度で調整します。

完成です。

テクスチャを適用することでデジタル画像にありがちな平面的な感じを取り除き、立体感を出す働きをします。
今回作成したような模様の用途は無限で、名刺のデザインの背景にしたり、スケートボード場のフロアや、ポスターにももちろん使用できます。

引用:Web Design Library　著者:Blog.SpoonGraphics　翻訳：幕澤

このチュートリアルでは、目に留まりやすいファッションショー用のポスターを作る方法を紹介します。

• Step1 ： はじめに
• Step2 ： ラインを作成する
• Step3 ： 人物の写真を配置する
• Step4 ： テキストを追加する
• Step5 ： 草花を追加する
• Step6 ： テキストをデコレーションする
• Step7 ： ロゴを配置する
• Step8 ： 背景にストライプを入れる
• Step9 ： 完成

作り方はシンプルで、見た目もきれいです。
このチュートリアルに含まれるいろんなテクニックはとても役立つと思います。
A4サイズの新規ドキュメントを作成します。向きは横向きにします。背景を#f5f5f5で次のように塗りつぶします。

次のようにガイドをひきます。
縦と横のガイドラインの間隔は250pxにします。

角丸長方形ツールを選択します。
丸みを450pxにして、次のように角丸長方形を描きます。

角丸長方形ツールを選択したまま、丸みを200pxに変更します。
型抜きを選択して、次のように角丸長方形を描きます。

Ctrl + Enterキーを押します。
選択範囲を好きな色で塗りつぶします。

カーブのところ以外は削除します。

3回コピーをして次のように配置します。

長方形ツールと塗りつぶしを行って次のようにします。
長方形の幅や高さは、先ほどのカーブとあうようにします。

左の部分に、#bfbfbfの色でカラーオーバーレイを適用します。
右の部分には、#0062adの色で適用します。
すると次のようになります。

レイヤーをすべてコピーします。そして、Ctrl + Eですべて結合します。
それから、そのレイヤーにデフォルトの設定でドロップシャドウを適用します。

次の画像を下のように配置します。
描画モードを乗算に変更します。

ファッションショーの名前や詳細など、テキストを追加します。

上部両端に白色で草花ブラシを使います。

標準のブラシから丸いブラシを選択し、硬さは0％にします。
いろんな色を使って、先ほどの草花ブラシの上から、別レイヤーに塗っていきます。

草花レイヤーのサムネイルを、Ctrlキーを押しながらクリックします。
次に、Ctrl + Shift + Iをおして、選択範囲を反転させます。
丸いブラシを適用したレイヤーを選択し、deleteキーを押します。
すると、次のようになります。

草花ブラシをとり、次のように"U"の文字の周りに適用します。
ブラシを適用し、Ctrlキーを押しながらUレイヤーのサムネイルをクリックし、deleteキーを押します。

ファッション会社やイベントのスポンサーのロゴを配置します。

新しいドキュメントを作成します。
大きさは6px四方で、2px四方の正方形を次のように3つ作ります。
すべて選択し、「編集 > パターンを定義」を選択して、パターンとして保存します。

元の画像に戻ります。
新しいレイヤーを作り、Ctrl + Aですべてを選択してから、「編集 > 塗りつぶし」を選択します。
塗りつぶしダイアログボックスが開くので、先ほど作ったパターンを選択します。
不透明度を30％にします。

これで完成です。

引用:Web Design Library　著者:animhut　翻訳：なかけん