ホームページ » フォトショップ - ページ 5

    フォトショップ - ページ 5

    リアルなステンレスの背景とテキストをデザインする[Photoshop Tutorial]
    WebデザイナーやWebマスターは、以前はクールなスチールやメタリックのような効果が好きでした。 Web 2.0 暴風雨とすべてを洗い流した。を残す WWW 光沢のある、虐待的なグラデーションWebサイト. Apple.com 常に優れたWeb 2.0インターフェイスデザインと関連してきましたが、これらの人たちはクールな黒や銀色の効果を失うことはなく、デザインやタイポグラフィを改善することに失敗することもありませんでした。. 彼らのデザインに触発されて、私はこれらのスタイルを私の個人的なデザインに取り戻そうとしていて、そしてそれでいくらか堅実な何かを作成して、そしてステンレス鋼の金属片のように少し見えます。ジャンプ後のフルPhotoshopチュートリアル. ステンレス鋼の背景 ステップ1 空白の新しい文書を600×400のサイズで作成します。新しいレイヤーを作成して名前を付けます 'バックグラウンド' そして灰色の[#c0c0c0]で塗りつぶします。複製する 'バックグラウンド' layer、新しいレイヤーに名前を付けますスチールバックグラウンド'そしてそれを上に置くバックグラウンド'. ステップ2 「スチールバックグラウンド」レイヤーを選択して適用 フィルタ - >ノイズを追加 次の設定を入力してください。 金額:14.21 分布:ガウス分布 単色チェック ステップ3 とスチールバックグラウンド'レイヤーはまだ選択されています フィルタ ->...
    Photoshopの光沢のあるWeb 2.0ボタンをデザインする
    光沢のあるWeb 2.0ボタンをデザインしよう? これは、見栄えの良い赤い光沢のあるボタンを取得する方法を段階的に説明する簡単なPhotoshopのチュートリアルです。. ステップ1 - ベースを作成する 新しいキャンバスを起動し、以下の画像に従って次の設定(黄色でマークされている)を調整します。残りはデフォルトとして来るはずです。あなたもデフォルトで二重チェックしたいかもしれません. 新しいレイヤコール 'Button'を作成します 「ボタン」レイヤーで、角丸長方形ツールを選択します 半径を7pxにする 下の画像のような長方形を描きます. ステップ2 - 赤いボタン 「ボタン」レイヤーのブレンドオプションを右クリックします 以下の設定を微調整します。 影を落とす 内側の影 ベベルとエンボス グラデーションオーバーレイ あなたのボタンはこのように見えるはずです ステップ3 - 光沢のある効果を作成する 「Glass」という新しいレイヤコールを作成します Retangularマーキーツールを選択し、 'Button'レイヤーを選択していることを確認してください。あなたのCtrlキーを押しながらレイヤーの「ボタン」をクリック”のレイヤーのサムネイル。あなたのボタンは今強調表示されるべきです. ここで 'Glass'ボタンを選択し、Retangularマーキーツールを選択した状態でAltキーを押します。下の画像のように、ボタンの下半分を横切って描画(カット)します....
    PhotoshopでWeb 2.0タブをデザインする
    以下のガイドでは、Web 2.0スタイルのPhotoshopで素敵なタブメニューをデザインする方法について説明します。. ステップ1 白い[#ffffff]背景を持つ任意のサイズで、できれば長方形の新しいキャンバスを作成します。タブを描くのに適しています。その後に切り替えます チャンネルタブ (Windows - > Channels)、クリック 新しいチャンネルを作成 右下に. ステップ2 選択したチャンネルレイヤー上で、多角形なげなわツールで同様の形状を描きます。白色で塗りつぶします[#ffffff]。多角形領域の選択を解除します(任意のマーキーツールを選択して画面の1つをクリックします)。形を与える ガウスぼかし 半径6.0px. ステップ3 CTRL-L 上の画像のように、Level Dialogを呼び出し、左右の矢印を押して中央の矢印に合わせます。この意志 “なめらか” あなたのぼやけた形を上にしてあなたに素敵な丸みを帯びた角の形を与えます. ステップ4 チャンネルタブ, Ctrlキーを押しながら, クリック チャンネルのサムネイル アルファ1の新しい図形が選択されます。 レイヤータブ, 新しいレイヤーを作成 そして選択した領域を黒く塗りつぶします[#000000]....
    Photoshop CS6できれいでエレガントなブログのレイアウトをデザインする
    このチュートリアルでは、そのプロセスを説明します。 シンプルできれいなデザインのブログを作る 最新のPhotoshopを使用する。私たちは新しいを使うつもりです 文字スタイル そして 段落スタイル プロセスを合理化するために. このチュートリアルに従うには、以下のリソースが必要です。 Bernd MontagからのフリーフォントSansation. PSDfreemiumからの26の反復可能なピクセルパターン. Daniele Selvitellaから無料のソーシャルメディアのアイコン. デモ キャンバスを準備する ステップ1 この設計では、フレームワークとして960 gsを使用します。メインページからzipファイルをダウンロードし、photoshopファイルを探します。 Photoshopで '12 Column Grid'ファイルを開く. 非表示にするには、12 Col Gridレイヤーの目のアイコンをクリックします。今のところ必要ないと思います. ステップ2 現在のキャンバスサイズが小さすぎます。クリック 画像>キャンバスサイズ (またはCtrl +...
    Illustrator&Photoshopでアベンジャーズテキストエフェクトを作成する
    今日のチュートリアルでは、コミックで使用されているテキストエフェクト(今後の映画でもあります)を再作成します。 - アベンジャーズ。 テキストをAdobe Illustratorで手動で作成してから、そのパスをAdobe Photoshopにインポートして、エフェクトとテクスチャを適用します。の代わりに “アベンジャーズ”, 我々は使用するだろう “ホンキート” テキストとして、またはあなたが好きなテキストを使用することができます. 始めましょう. 入門 このチュートリアルに従うには、次のリソースが必要です。 VandelayPremierからのコンクリートテクスチャ 無料代替品:テクスチャキングから無料のコンクリートテクスチャ オーウェン・ドーソンのアベンジャーズ オーウェンドーソンからの強大な復讐者 アベンジャーテキスト効果 ステップ1:フォントを入手する そのキャラクターに取り組むことから始めましょう。私たちの最初の選択肢はフリーフォントタイプを使うことです。キーワード「free fonts Avengers」を使ってGoogleで検索したところ、Avengersをテーマにした2つのフォント、The AvengersとThe Mighty Avengersが見つかりました。どちらもOwen Dawsonによって作られています。残念ながら、どちらも私たちのプロジェクトのための完全なアルファベットを持っていません. 最初のフォントにはKとOがありません。「Hongkiat」ではこれら2文字が必要です。また、 "Hongkiat"のように文字の間に使用すると適切ではないため、そのA文字は使用できません。. セカンドフォントはアベンジャーズオリジナルコミックをベースにしているようです。鋭いエッジではなく丸いエッジがあります。このフォントスタイルは映画のポスターとは異なります. だから、私たちの最善の選択肢は文字を手で描くことです。これらのフォントを使うつもりはありませんが、文字を作成するときの参考になるでしょう。....
    Photoshopでカーボンファイバーパターンを作成する
    私はあなたが炭素繊維が何であるかについてあなたが知っていると確信しています。これが、カーボンファイバーパターンを作成し、それを任意のデザインで使用する方法です。. 1.カーボンファイバーを作る 4×4ピクセルのサイズの新しいキャンバスを作成し、最大までズームして、色を簡単に塗りつぶして、下のカラーテーブルとまったく同じ色を挿入できるようにします。. #242424 #1C1C1C #1D1D1D #151515 #1A1A1A #222222 #131313 #1B1B1B 2.パターンとして定義 クリック 編集する -> パターンを定義 それにパターン名を付けます。 (例えばカーボンファイバー)。クリック OK パターンとして保存する. 炭素繊維パターンの使用 カーボンファイバーのパターンをテストするには、より大きなサイズの新しいキャンバスを作成します。500x 400 pxが良いでしょう。クリック 編集する -> 塗りつぶし (またはShift + F5)、今作成したカーボンファイバーパターンを選択し、クリックします...
    あなたの写真のポラロイド効果を作成する
    写真は、ポラロイド写真のように表示されると、はるかにおもしろくなります。リアルなポラロイド効果を加えて、通常の写真をより活き活きとさせる方法を学びましょう. ベースを作成する 1.白の[#ffffff]背景で塗りつぶした、約800×600の解像度の新しい空白のキャンバスを作成します。. 2半径2pxの角丸長方形ツールを使って、真ん中に長方形を描きます。これはあなたのポラロイド写真のベースになります. 3.レイヤー名をダブルクリックしてブレンドオプションを起動し、以下の効果を挿入します。 影を落とす 不透明度:38% 普及率:0% サイズ:5px 内側の影 不透明度:25% 距離:0ピクセル チョーク:0% サイズ:57px カラーオーバーレイ カラー:ホワイト[#ffffff] あなたの出力は次のようになります。. ポラロイド内の画像サイズの決定 ポラロイドの中に私たちのイメージがどのくらい大きくなるかを決めましょう。. Ctrlキーを押しながらPolaroid BaseのLayer Thumbnailを左クリックして選択を強調表示します。. 選択を強調表示した状態で、「選択」 - >「変更」 - >「契約」とクリックします。. 7pxを挿入してOKをクリックすると、選択範囲が7px縮小されていることがわかります。. Retangular Marquee...
    Photoshopのカスタムパターンの概念
    独自のカスタムパターンを作成したい人のためにこれがいくつかの雲をクリアすることを願っています。. カスタムパターンは創造性に関するものです. ロジックを理解したら、独自のカスタムパターンを試して作成し、必要に応じてそれを使用するかどうかはあなた次第です。. サンプルボタンを解剖する これがカスタムパターンの背景を持つシンプルなボタンです。それはで構成されています テキスト, カスタムパターン そして 無地の背景. [ソース添付]ここで私たちの焦点はカスタムパターンにあります. この最後のカスタムパターン(下の画像)は… …この生のカスタムパターン(下の画像). これを1600%ズームして、元々どのように形成されたかを見てみましょう。カスタムパターンは通常1つの小さな画像(下の画像)で構成されています。 リピータ. このとき リピータ 自分自身を複製すると、それはパターンを形成します(下の画像)。下の画像を見てください。 リピータ その周囲を複製し、小さな斜めのパターンを形成します. そして、この小さなパターンが繰り返されるとき、これ(下の画像)はあなたが最終的になるものです. ループを繰り返す 最後に、あなたのリピーターはあなたにあなたのカスタムパターンを与えます。完璧に複製するリピーターを決定するのは難しいこともあります。試してみてください。フローが完成したら、見栄えのするカスタムパターンを追加してください。. 実験中 これが私がカスタムパターンで遊ぶ方法です: 9×9ピクセル、3×3ピクセル、8×8ピクセルなどの小さなキャンバスを作成します。. その上にいくつかのパターンを描く. 「cp.gif」と言う簡単なファイル名で保存してください。 メモ帳を起動し、次のコードを挿入します. cp.gif"> HTMLとしてそれを保存し、test-cp.htmlを言う...