このチュートリアルでは、フォトショップを使って落書きのようなテキストを作る方法を学びます。
また、既にある写真にその落書きを追加して、本物っぽく見えるようにする方法を学びます。

• Step1 ： はじめに
• Step2 ： テキストを作成する
• Step3 ： レイヤー効果をつける
• Step4 ： テキストを強調する
• Step5 ： レイヤーを統合する
• Step6 ： テキストの形を編集する
• Step7 ： テキストをなじませる
• Step8 ： 完成

落書きをしたい画像を開きます。
ここでは、下の画像を使います。

新しいドキュメントでこの画像を開き、追加したいテキストを作成します。

レイヤー効果で下のように設定します。

すると、次のようになります。

新しいレイヤーを作り、Ctrlを押しながらテキストレイヤー（のサムネイル）をクリックします。
新規レイヤーをテキストレイヤーの下に移動します。
「選択範囲 - 選択範囲を変更 - 拡張」と選択し、拡張量を3とします。

拡張した選択部分を塗りつぶすと、下のようになります。

新規レイヤーを選択していることを確認し、矢印キーで、左、左、下と入力します。
すると、下のような結果になります。

すべての落書きレイヤーを選択し、すべて統合します。
新しいドキュメントに統合したレイヤーをドラッグします。
落書きレイヤーを選択し、複製します。
覆い焼きカラーを適用し、レイヤーを統合します。

「ワープ」や「自由な形に」を選択して、落書きのサイズを変えたり編集して、次のようになるようにします。

グランジブラシやフラクタルブラシを不透明度を低くして使い、次のように落書きが薄くなるようにします。

長い間、雨風にさらされたような落書きが追加できました。

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

このチュートリアルでは、フォトショップを使って3D風の立体的な球体を作る方法を紹介します。

• Step1 ： 新規ドキュメントを開く
• Step2 ： グリッドを作成する
• Step3 ： 球面フィルタを適用する
• Step4 ： グラデーションオーバーレイとシャドウを適用する
• Step5 ： 複製した円を回転する
• Step6 ： 複製した円にレイヤースタイルを適用する
• Step7 ： 背景にレイヤースタイルを適用する
• Step8 ： 完成

フォトショップを開き、新規ファイルを作ります。
大きさは520px × 520pxとし、カンバスカラーは#ffffff(白)にします。

長方形選択ツールを使い、下のような長方形を描きます。

複製し、6つにします。

さらに複製して回転し、グリッドを作成します。

楕円形選択ツールを用いて、下のように円の形に選択します。

「フィルタ - 変形 - 球面」を選択し、量を100%、モードを標準にします。

このようになります。

選択範囲を切り取り(Ctrl + X)、新しいレイヤーに貼り付けます(Ctrl + V)。

グラデーションオーバーレイとシャドウ（内側）を適用します。
まずは、「レイヤー - レイヤースタイル - グラデーションオーバーレイ」を選択します。

このようになります。

円のレイヤーを複製します。
このレイヤーを右クリックして、レイヤースタイルの消去を行い、45度回転します。
「編集 - 変形 - 回転」を選択します。

再度、グラデーションオーバーレイとシャドウ（内側）を複製した円レイヤーに適用します。

このようになります。

2つの円レイヤーを選択し、レイヤーを統合(Ctrl + E)もしくは「レイヤー - レイヤーを統合」から選択します。

背景レイヤーを選択し、「レイヤー - レイヤースタイル - グラデーションオーバーレイ」を選択します。

完成です。

引用:Web Design Library　著者:tutorialchip.comm　翻訳：なかけん

このチュートリアルでは、フォトショップを使って「×」アイコンを作る方法を紹介します。

• Step1 ： 新しいドキュメントを開く
• Step2 ： 内側の円を描く
• Step3 ： ×マークを描く
• Step4 ： レイヤー効果を設定する
• Step5 ： 完成

Ctrl + Nで新しいドキュメントを作成します。サイズは256px × 256pxとします。
Shift + Ctrl + Nで新しいレイヤーを追加し、「境界線」という名前を付けます。
楕円形選択ツールを選択し、シフトキーを押しながら円を描きます。
選択部分を黒で塗りつぶします。右クリックから「選択範囲を変形」を選択します。
Alt + Shiftキーを押しながら、選択範囲を少し小さくして、変形を確定します。
内側の円を削除すると次のようになります。

選択範囲がアクティブになっている状態で新しいレイヤーを作成し、「中間」という名前を付けます。
円の内側を好みの色で塗りつぶします。ここでは、緑で塗りつぶします。

テキストツールを使って、「＋」と書きます。お好みのフォントを使ってください。
Ctrl + Tで自由変形を選択し、45度回転します。
レイヤーを複製します。

まずは、境界線レイヤーに対して設定します。
右クリックからレイヤー効果を選択し、次のように設定していきます。

次は中間レイヤーに対して設定していきます。

次に１つ目のテキストレイヤーに設定していきます。

最後に２つめのテキストレイヤーに設定します。

完成です。

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

Photoshopのレイヤーとグラデーションの調整を使って夢を見ているような風景の写真を作ります。

• Step1 ： はじめに
• Step2 ： ぼやかした雰囲気にする
• Step3 ： 幻想的なカラーをつける
• Step4 ： グラデーションを追加する
• Step5 ： 完成

まずはじめに、Photoshopで写真を開きます。

新規レイヤーを追加して黒く塗ってから、「フィルタ」−「描画」−「逆光」を選択します。

レンズタイプはそのままにして、明るさを150％に設定し、必要な場所に配置します。

次に逆光のブレンドモードをスクリーンにして不透明度を60％にします。

これから別の新規レイヤーを作成し、オーバーレイで不透明度を60％にします。

ぼけ味を加えたり、テクスチャをダウンロードしてもよいでしょう。

次にソリッドカラーの調整レイヤーを追加します。

紫色を選択したら、レイヤーのブレンドモードをスクリーンにして不透明度を60％にします。

それからレモンイエローのソリッドカラーのレイヤーを加え、ブレンドモードをソフトライトにして不透明度を60％にします。

茶色の描画色から透明になる新規グラデーション塗りつぶし、レイヤーを追加します。ブレンドモードを線形にして角度を90度、比率を150％にします。

ブレンドモードをソフトライトにして不透明度を50％にします。

それから、白の描画色から透明になる別のグラデーション塗りつぶしレイヤーを追加して、「逆方向」にチェックを入れて写真の上から下に白いフェードがかかるようにします。

レイヤーのブレンドモードをソフトライトにします。

必要に応じて、別のぼけ味のレイヤーを加えて仕上げることもできます。

レイヤーパネルはこのようになります。

完成です。

この効果を別な写真につけてみると次のようになります。

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

このチュートリアルでは、フォトショップを使って、人物のうつっている写真を様式化されたモダンな写真に見えるよう加工します。

• Step1 ： はじめに
• Step2 ： 「明るさ・コントラスト」を設定する
• Step3 ： 「色相・彩度」を設定する
• Step4 ： トーンカーブを調整する
• Step5 ： ベタ塗り調整レイヤーを追加する
• Step6 ： 完成

加工する写真を準備します。

フォトショップで写真を開き、レイヤーパネルの一番下にある調整レイヤーボタンを押します。
リストから、「明るさ・コントラスト」を選択します。
写真レイヤーの上に新しく調整レイヤーが追加されます。

表示されているボックスに、明るさを+25、コントラストを+35と設定します。

このようになります。

新しく調整レイヤーを追加します。
今度は、「色相・彩度」を選択します。
彩度を-25とします。

このようになります。

トーンカーブ調整レイヤーを追加します。

まずドロップダウンメニューからレッドを選びます。
線の中心をクリックして、少し下にドラッグします。

次にブルーを選んで線を上に移動させます。

最後にグリーンを選び、線を少し上に移動させます。

レイヤーパネルで、トーンカーブの描画モードをソフトライトにします。

このようになります。

ベタ塗り調整レイヤーを2つ追加します。
1つ目は、淡黄色（#fff883）を使います。

描画モードをオーバーレイにし、不透明度を35%にします。

このようになります。

2つ目は、#f000ffと設定します。

描画モードをスクリーンにし、不透明度を30%とします。

このようになります。

また、レイヤーパネルはこのようになっていると思います。

完成です。

下の写真は、同じ手順で加工したものです。

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

フォトショップのアクションパレットを使って、効率的に画像へデコフレームをつける方法を紹介します。

• Step1 ： はじめに
• Step2 ： アクションを記録する
• Step3 ： フレームを装飾する
• Step4 ： 作業パスを作成する
• Step5 ： 別のブラシを使う
• Step6 ： 完成

画像にデコフレームを付けることで、視覚的に効果的な印象を与えることができます。
人の目を引きつけるデコフレームを何種類か試してみるために、アクションを記録して処理を合理的に行うのが良いでしょう。

まずはじめに、Photoshopでデコフレームをつけたい画像を開きます。

ステップ2:アクションを記録する
「Shift」＋「F9」キーを押して、アクションパレットを引き出します。
アクションを作ることで手動で行っていた処理を簡単に記録し、今後の作業のために保存します。

パレットの下にある小さいフォルダのアイコンをクリックし、新規セットを作成します。
次に、右側にある小さい紙のアイコンをクリックし、新規アクションを作ります。
ダイアログボックスが表示され、処理を記録するかどうかを尋ねます。
記録中の処理を中断する場合は、パレット下側の左端にある四角形の「再生/記録を中止」アイコンをクリックします。
中断した記録を再開する場合は、その右側の「記録開始」ボタンをクリックします。

新規レイヤーを作成し、処理の記録を行う箇所として「フレーム」と名付けます。
画像を汚してしまいたくない場合、この操作を行うのは良いアイディアです。操作するとおりに記録が行われます。

この時点のアクションが記録されると、次のように表示されます。
ここで間違いに気づいたら、いつでもアクションの番号を削除して記録をやり直すことができます。

長方形選択ツールを選択します。フレームの動きに合わせてパスを作成するのに使います。

境界線を描く際は、長方形目いっぱい広げて選択範囲を作ります。

今行っている作業とは別に、「F5」キーを押してブラシパレットを引き出します。
今までの形にはまらないものをこれから作りますので、Photoshopブラシがたくさんあれば材料は完璧でしょう。
ここでは「砂漠の草」ブラシを使いますが、どのブラシも興味深い効果を作ることができます。

この時点で、ブラシのプリセット自身を少しだけ調整しても良いでしょう。
草のブラシがほとんど直立で出力するよう調整され、フレームの周囲にパターンが作り込まれるので、角度のジッターの数値を増やすのが良いアイディアでしょう。

ブラシパターンができたので、次はペンツールを選択して作業用パスを作ります。
ペンツールを選択したら、以前の作業で作った長方形が選択されていることを確認します。右クリックして「作業用パスを作成」を選択します。長方形に合わせて線が描かれるので、ほとんどのPhotoshopのツールを使えることもあって作業用パスの方がずっと好都合です。

作業用パスを作成したら、ペンツールを選択したまま、画像を右クリックして「パスの境界線を描く」を選択します。
ダイアログボックスが表示されてブラシツールを選択できます。
ブラシツールを選択したら、パスが作成される前に使用するブラシを適用するだけです。そこで前に作業したブラシが調整されます。

「OK」をクリックしたら、ブラシパターンが作業用パスに沿って描かれます。
境界線を描く操作を繰り返し、効果を深めます。

また、別のブラシを使うことができます。
ブラシの設定を作業用パス設定前に行うことを忘れないでください。

ここでアクションパレット下側にある「再生/記録を中止」ボタンをクリックすると、アクションの記録を停止します。
別の画像で効果をつける場合は、「ファイル」−「自動処理」−「バッチ」を選択します。

バッチウィンドウが表示されますので、作成したアクションが選択されているかを確認します。
デフォルトではセットが1つ、アクションが1つです。
フレームをつけたいファイルが開いていることを確認して、ソースの「開くダイアログを非表示」を選択します。
「OK」をクリックしてフレームをつけます。

完成です。

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