Photoshopであっという間に芝生を型抜きしたような文字を作る方法 | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
こんにちは。デザイナーの白浜です。 今回は芝生を型抜きしたような文字をあっという間に作る方法をご紹介します。 切り抜きたい文字を配置します。 お好きなフォントで。太めのフォントのほうがいいかも。 マスクにフィルターをかけてギザギザにする。 この手順が重要！ここで文字をギザギザに加工することで、より自然な感じに仕上がります。 文字の形にマスクをかけます。 次に、マスクを選択した状態で、「フィルタ」→「フィルターギャラリー」→「ブラシストローク（スプレー）」をかけます。 数値はお好みで。マスクの方にかけるのがポイントです。 文字がこんな感じになりました。 マスクの方にギザギザ加工を施すので、テキストはラスタライズ化しなくて大丈夫です。 文字をちょっと手書き風にしたい時などこの方法を覚えておくと、文章が変わった時にも対応しやすいですよ！ ギザギザになった文字にテクスチャを重ねる こんな感じの芝生
リッチに見せるデザインテクニック。Appleのデザインのように美しい金属調の質感を表現する方法。 (フェンリル | デベロッパーズブログ)
こんにちは、イメージ担当の長谷川です。 今回は Apple がデザインしている iCloud アイコンのような美しい金属調の質感を Fireworks で表現してみました。 アレンジ次第で水平のエッチングやブラスト加工のようなイメージも簡単に作ることができます。 ぜひ Web や UI デザインの参考にしていただければと思います。 1. ベースのテクスチャを設定する まずグラデーションの設定をします。 長方形ツールで作成するボタンなどのサイズより少し大きいサイズの四角を描き、グラデーションの塗りを円錐にします。 以下のように白とグレーを交互に設定します。右端と左端を同じ色にしないとグラデーションに線が出来てしまいますのでご注意ください。 ここでは濃いグレーを #666666、両端の薄いグレーを #999999 に設定しています。 次にノイズを適用量：10で追加します。これが同心円状のヘアラ
第13回 マスクとトーンカーブで光と影をコントロールする | レタッチの基本ワザ | Shuffle by COMMERCIAL PHOTO
今回は光のコントラストや影をマスクとトーンカーブを使ってコントロールすることで、独自の空間表現を行なうためのテクニックを解説する。 Photo：片岡竜一 ST：松下静 Make：中山夏子 Hair：野元洋 Model：Kalina 衣装協力：エミリーテンプルキュート ラフォーレ原宿店 TEL 03-3404-7766 非日常的な空間を表現するために自然光をデフォルメする 今回の作例のイメージは童話の世界のワンシーンをモチーフにしている。そのため、日常空間とは違う世界を感じるような絵作りを目指した。写真という自然画像の素材をどのように処理すれば「不思議の国のアリス」に出てくるような異空間を表現できるのか？ そのレタッチは光と影をデフォルメすることがポイントとなる。 まず背景には、広がりと奥行きを出すために複数枚の写真を使いPhotoshopの「Photomerge」機能でパノラマ写真を作った
日本語で読めるPhotoshopチュートリアル集 まとめ | 日刊ウェブログ式
Photoshopのチュートリアルというと英語が多いですが、日本語の方がサクサク読める（私の場合）ので、日本語で解説してくれているチュートリアル集をまとめてみました。 フォトショップでつくるキラキラに輝く人物の作り方 フォトショップでリアルな炎を出しながら走るバイクの作り方 フォトショップで夕日に輝く幻想的なライティング効果を作る方法 映画のタイトルロゴのような光と文字を描画するPhotoshopチュートリアル フォトショップでキラキラに輝く背景画像を作る方法 布地テクスチャーにペイント フォトショップでキラキラに輝くライティングエフェクトをつくるチュートリアル Photoshopで六角形のキラキラに輝く背景画像をつくる方法 フォトショップでオーロラが輝く地平線に太陽が沈む様子を描く方法 基本的な光の作り方2 基本的な光の作り方3 Photoshopで美女の画像に効果を入れる方法 フォトシ
Photoshop Archive » グリッドデザインをする時に便利なphotoshopプラグイン2選
photoshopでグリッドデザインをする時に便利なプラグインを2つ紹介します。 参考サイト：Establishing Your Grid In Photoshop – Smashing Magazine GuideGuide グリッドガイドを作成するプラグインです。 photoshopCS4〜対応です。 プラグインのインストール Cameron McEfee | New Media Designerより「Download GuideGuide 1.0」ボタンをクリックして ファイルをダウンロードします。 ダウンロードしたzipファイルを解凍し以下の階層にフォルダ毎入れます。 Windows (32 bit): \Program Files (x86)\Adobe Photoshop \Plug-Ins\Panels\ Windows (64 bit): \Program Fi
Lesson 08 光沢のあるポップなイメージのアイコン - Webデザイン表現&技法の新・スタンダード・デザインパーツ編 - MdN Design Interactive
Photoshopで[解像度：72dpi][カラーモード：RGB]の新規ファイルを作成する。ここではサイズを500×500ピクセルとした。アイコンのベースとなる角丸長方形を描画するが、このような幾何学的なパーツはIllustratorのほうが手軽に描画できる。Illustrator上で[ツール]から[角丸長方形ツール]を選び、[幅：300px][高さ：300 px][角丸の半径：40px]の角丸長方形を描画する。このパスをコピーし、Photoshopのファイルに[ペースト形式：パス]でペーストする【1-1】。ペーストしたパスは、パスパレットで「作業用パス」となっているので、名前を変えて保存しておく。パスが選択された状態でレイヤーメニュー→"新規塗りつぶしレイヤー"→" べた塗り..." を実行して、適当な色を設定する【1-2】。 【1-1】パスのみ使用するので、「パス」を選択 【1-2】#
人物を切り抜かずに背景の色を変える - by StudioGraphics
●髪の毛を切り抜くのは至難の業 右のビフォー／アフターは、一見すると単に背景の色が違うだけで、何が特別なテクニックなのかがわかりにくいかもしれません。そこでもう一度、画像を拡大してじっくりとビフォー／アフターを見比べてみてください。わかりますか？ 髪の毛の一本一本はそのままで、背景の色が変っているんです。しかも、よーく見ると、髪の毛や人物の輪郭に、背景の色が映りこんでいるのがわかるかと思います。あなたなら、このビフォーの写真をどうやって、アフターの写真のようにレタッチしますか？ 背景が白一色なので、 [ 自動選択ツール ] を使って背景を選択して、背景だけ切り抜いた後に、背景を別の色で塗りつぶしますか？ でも、一度でも右の写真のような髪の毛を切り抜いたことがある読者なら、その操作手順がどれだけ大変なことかを理解していると思います。そして、どれだけ綺麗に切り抜いたとしても、アフターの写真のよ
壮観な印象を与えてくれる50のフォトショップチュートリアル ｜ Topick(トピック)
ウェブデザイナーのためのフォトショップチュートリアル集です。 使いこなせたら、大きくデザインの幅が広がりそうです。 How to Create a Realistic IES Lighting Effect in Photoshop：Psdtuts+ Unusual Christmas Card：Alforart Making of a Scary Mental Hospital Scene：10Steps How to Create an Ice Text Effect with Photoshop：Psdtuts+ How to Create Stunning and Bold 3D Text：Six Revisions Create a Shiny Earth with Photoshop 3D Layers：Psdtuts+ Creating ‘Broken Link’：PSDF
Photoshop a Paper Texture from Scratch then Create a Grungy Web Design with it! | Envato Tuts+
This year has seen a big increase in grungey / textured / hand-drawn styled website designs. By nature I tend to design a cleaner look myself, but I thought I'd try my hand at grunge today and write up a tutorial on creating a simple paper texture from scratch in Photoshop then marrying it with a web layout to create a neat design. Then later this week we'll take this same web design and I'll show
思わず押してみたくなる、いとも簡単なボタンの作り方 | 楽してプロっぽいデザイン | Forty-N-FiveBlog
思わず押してみたくなるボタンってありますよね。細かい部分ですが、こういったボタンのデザインにもこだわっていきたいですね。そんな訳で、フォトショップで非常に簡単に思わず押してみたくなるボタンを作ってみましたので、その方法をメモしておきます。 思わず押してみたくなる、ボタンの作り方 角丸長方形ツールでボタンの大きさ・形を決めます レイヤーにドロップシャドウで効果をつけます まず、基準となる色を決めておきましょう。ここでは、青にしています。次にレイヤー様々な効果をつけていきます。まずはドロップシャドウから… 続いて、光彩（内側）で効果をつけます 続いて、グラデーションオーバーレイで効果をつけます 続いて、境界線で効果をつけます 色はボタンと同じような色にします。最後の仕上げ ポイントは２でしょうか！既に取っている選択範囲に、Altキーを押しながら新たに選択範囲を取ると、その部分の選択範囲が削除さ
20 New Photoshop Tutorials in January 2011
Text Effect, Manipulation, Abstract, Illustration or 3D using Photoshop are popular technique often used by designers. Tutorial roundups are very popular as it sometimes can be hard to find all the quality tutorials when you need them. This time we’ve collected a fresh bunch of Photoshop tutorials that you can use to practice your skills a bit. All of these tutorials have been posted in January 20
Creating a page curl in Photoshop | Veerle's blog
You are looking at archived content. The hot new stuff is happening at Veerle's blog 3.0. You should check it out! Today’s tutorial was a request by Kirk from Smallest Photo. As you all know, the way I do or show it isn’t the ‘only’ way, it’s just my way and I’m open for any other tips or suggestions. As always I had fun doing this and I’m always happy to share stuff like this. So here it goes… St
フォトショップ 使い方マニュアル 切手風のエッジ
カテゴリーリスト テクニック (14) 素材(画像) (10) 基本 (7) 素材(ブラシ) (7) 素材(スタイル) (4) 参考サイト (3) 素材（カスタムシェイプ） (3) 素材（ＥＰＳ） (2) 素材（パターン) (1) 素材(PSD) (1) 最近の記事 キラキラ光る星効果 人気のキラキラお星様★ 星のようなキラキラブラシ デコレ文字風加工 高解像度のblur画像20点 高品質ひだ付き布（シルク調） ビジネスマンのシルエットシェイプ 光沢感のあるボタン２１個 メタル テクスチャ ハートと翼のベクターファイル 最近のコメント 美麗なプリーツ付きカーテン素材！？ Aldon Smith Jersey 2013年01月29日 16時07分 キラキラ光る星効果 Aldon Smith Jersey 2013年01月29日 16時07分 床に反射するテキスト Torrey Smith J
Photoshop Elements SFX:スタンプ文字
■使用Photoshopバージョン：Photoshop Elements 4.0 作成：03.22.2008 改訂：MM.DD.YYYY ベースになる写真を用意します。 文字ツール（）をで、文字を入力します。ここではカラーに黒っぽい茶色（#362f2d）を選択しています。 レイヤーパレットで、テキストレイヤーを右クリックしし、表示されるメニューから［レイヤーのラスタライズ］を選択します。この操作で、文字は再編集できなくなりますので注意してください。 消しゴムツール（）を選びます。 オプションバーでブラシに「ドライブラシ」を選択します。 文字のレイヤー上を適当にドラッグして、できあがりです。
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
写真がめくれた感じを表現する | DesignWalker
新着記事