リアルな水滴を作る方法｜Always Photoshop
水滴を作るときの注意点 水滴を作る際気をつけるべきポイントは光の反射です。水は光（ライティング）の影響を大きく受けますので、透過・反射・ゆがみなども計算して作っていきましょう。 使用画像はこちらからどうぞ。 01. 楕円形シェイプを使ってレイヤー『楕円形1』を作成する 元画となる画像を開いたら楕円ツールを使って適当な大きさのシェイプを作ります。 この時に、塗り・線ともに『なし』を選択し、透明なシェイプになるようにしておきます。 ここでは120px × 120pxにしています。 02. シェイプレイヤー『楕円形1』のレイヤースタイルを変える シェイプレイヤー『楕円形1』を選択し、 描画モードを『オーバーレイ』に 塗りの不当明度を『0%』にします。 03. レイヤースタイルを適用します レイヤー『楕円形』のサムネイル右側をダブルクリックして『レイヤースタイル』のウィンドウを開きます。 04.
Photoshop レンズフレアや色んな光のつくりかた - DESIGN TREKKER
はじめに 画像やグラフィックイメージに光やレンズフレアのアクセントを入れたいとき、Photoshopなら簡単につくることができます。 今回はPhotoshopを使って、画像やグラフィックイメージにはまる光（レンズフレア）の作り方を紹介していきます。 レンズフレアとは レンズフレア (lens flare) は、カメラによって写真・映像を撮影する際に、極めて明るい光源がレンズに向けて当てられている時や、画角内に極めて明るい光源が存在する場合に生じる、暗部への光の漏れである。 実写の映像で起きる現象をハレーションと呼ぶ事もあるが、ハレーションはフィルムのベース面で反射した光線が再び乳剤を感光させる現象であり、レンズフレアとは区別すべきである。 レンズ内面での再反射によっておこるフレアは、反射面の曲率や形状によりさまざまな形態のものが生じうる。特に凹面で強い光が再反射すると、光源から画面中心を基
【Photoshop】ガラスのような透明テキストの作り方
【Photoshop】レイヤースタイルだけで作るガラスのような透明テキスト 透明感のあるガラスのようなテキストを、レイヤースタイルのみで簡単に作るチュートリアルが「Photoshop Lady（http://www.photoshoplady.com/photoshop-tutorial/making-glossy-text-effect-simply/）」で公開されていましたので、ご紹介します。 完成イメージ １.背景画像を開く テキストがよりガラスらしく、透明感があるように見せるために、ぼけが大きい画像を選びます。少し光の入った画像にすると、いっそう透明感と輝きを感じられます。 今回使った画像はこれ。（提供元：ぱくたそ） 元の画像に強めのぼかしをかけました。 ２.テキストレイヤーを作る フォントは太めを選びます。 ここでは、「Stencil 180px」にしました。 さらにこのレイヤー
Photoshop/Illustrator の小技・Tips集
★トーンを極めよう★ 「02. グラデーションのかかった水玉模様」の中で「グレー」に対して「Filter > Pixelate > Color Halftone（カラー・ハーフトーン）」を「１～４チャンネル」すべて同じ数値で適用すると黒い水玉になることを理解しました。 ここでは更にその理解を深め、今後必要に応じて自在にそれを活用できるまでにしたいと思います。 前回は「グレーで均一に塗りつぶした」ものに「Color Halftone」を適用しましたが、今回は「黒から白へのグラデーション」でそれを行ってみます。その結果を通じて「Color Halftone」のメカニズムを完全に理解してしまいましょう。 「横 640 × 480 (pixels）、RGB」で新規書類を開きます。そして「グラデーション・ツール」を選び、「黒から白へ」のグラデーションをオプションで選びます。 下から上へ向けてグラデー
photoshopでgifアニメの容量を縮小・リサイズする方法。
作成したgifアニメ動画の容量を縮小する方法をご紹介します。この方法は作成したgifアニメをPhotoshopに移してweb用に保存を使って縮小する方法です。 gifアニメの容量を小さくするアプリもあるにはありますが難しくて私はうまく使えないのと、自分で容量を調整するやり方の方が仕上がりに納得できるし様々な容量でデータを作成できるので用途が広がります。また、色数調整で思いもよらない効果が得られることもあります。 作成したgifアニメ 容量の単位について容量を現わす単位の大きさ一覧です。 1GB(ギガバイト)=1,000MB 1MB(メガバイト)=1,000KB（キロバイト） 1KB(キロバイト)=1,000Byte（バイト） ギガバイト＞メガバイト＞キロバイト＞バイトの順に大きさが変わります。 主なSNSの容量上限の一覧。Twitter・モバイルは５MB、ウエブは１５MBまで pixiv・
How to Make an HDR Effect in Photoshop
by Diego Sanchez August 21, 2017 Blog, Tutorials Comments Diego prevents carpal tunnel syndrome in designers worldwide by making incredible time-saving Photoshop actions and mock-ups. easily get an HDR effect with one image When you are creating a High Dynamic Range picture, you need to have 3 or more images taken at different stops and then blend them to create 1 photo with the color and light as
2016年公開のすごいテキストエフェクト用チュートリアル、作り方50個まとめ（Photoshop、Illustrator対応）
2016年も残すところ1ヶ月をきったタイミングで、今年1年間のあいだに公開された魅力的なテキストエフェクトの作り方チュートリアルをまとめた総集編を今回はご紹介します。Photoshop と Illustrator で作成できるチュートリアルを一緒にまとめています。 ステップ順に進めていくことで実践的なツールの使い方を覚えながら、デザインを完成させることができるので、ますます進化するデザインテクニックを学んでみてはいかがでしょう。デザインスキルをアップさせたい、そんなひとにオススメしたいチュートリアルを揃えています。 コンテンツ目次 1. Photoshop チュートリアル 2. Illustrator チュートリアル 3. テキストエフェクト用プレミアム素材 Photoshop チュートリアル LED スクリーン風テキストエフェクトの作り方 電光掲示板に表示されているような風合いに仕上げる
ビックリマンシールのキラキラ加工をフォトショップで作成する方法！
フォトショップで作成する手順 １.フォトショップを起動させたら、ファイル＞新規ファイルから「幅100px 高さ100pxカラーモード：グレースケール」を選択し作成する。 2.新規レイヤーを追加し、レイヤー＞レイヤースタイル＞グラデーションオーバーレイを選択し”＞透明（虹）の効果をかける。 3.上記の画像のようにカラー、位置、不透明度などを調整する。 4.スタイル：角度 ＞角度：140°に修正する。続いてレイヤーの右上に向かってグラデーションをかける。 5.レイヤーの右上に向かってグラデーションをかけたら、イメージ＞モード ＞RGBカラーに変更し、レイヤーを結合しますか？の問いに「結合しない」を選択する。 ここまでの手順で下記のような画像が出来上がります。 6.新規レイヤーを追加し、レイヤー＞レイヤースタイル＞グラデーションオーバーレイを選択し＞スペクトルの効果をかける。 7.スタイル：角度
Photoshop キラキラシール風のイラストの作り方！！
こんにちは。雪乃です。 先日、コンビニにビックリマンが売っていました。ビックリマンって横浜F・マリノスや北斗の拳などいろいろコラボしてるんですねぇ！ ビックリしました。 さて今回は、そんなビックリマンのヘッドの様なキラキラしたシール風の背景をPhotoshop（フォトショップ）で表現する方法をご紹介します。
Photoshop用無料のレイヤースタイル1000+で作業時間を大幅短縮 | co-jin
Photoshopでの作業を劇的に効率化してくれる無料のレイヤースタイルをご紹介します。 これさえあれば、スタイルボタン１つ押すだけで、手の込んだレイヤースタイルをオブジェクトやテキストに適用することが可能になります。 こんな便利なものを使わない手はありません。 今回はそんな便利なPhotoshop用レイヤースタイルのうち、無料で利用できるレイヤースタイルを1000以上集めてみました。 これらのPhotoshop用レイヤースタイルで作業時間を大幅に短縮していただければ幸いです。 ダウンロードしたレイヤースタイルをPhotoshopで利用する方法 具体的にPhotoshop用のレイヤースタイルをご紹介するために、ダウンロードしたレイヤースタイルをPhotoshopで利用する方法をご紹介します。 まだ、使ったことがないという方は参考にしてみてください。 aslファイルをApplications
Photoshopで布に画像を張り付ける - 漫画の描き方研究ラボ
下地の画像の質感を反映させる 上画像に下画像を合成します。 上に乗せるレイヤーの描画モードを「乗算」にします。必ずしも乗算でなければならないわけではなく、上手くいかなければ他のモードを試してみます。 メニューの「フィルター」→「変形」→「置き換え」を選択します。 OKをクリックします。置き換えマップを選択するダイアログが表示されます。形式はPSDのみですから、事前に背景画像をPSD形式で保存しておいて下さい。 水平比率/垂直比率
【ロゴ】フォントでつくる！ガラスの破片文字【1】
Photoshopのフィルターには、特性がつかみにくいものもあります。解像度と深いつながりがあるビットマップ画像において、あらゆる場面を通して、その設定値に明確な答えを求めるのはナンセンス！としか言いようがありませんね。しかし、突破口はあります。それは、各フィルターの初期設定です。最適な結果をもたらす一般的な数値が当てはめられているのだ…という解釈のもと、いじくるのは設定値側ではなく、フィルターを適用するドキュメントサイズ側にあるという、いわば「逆転の発想」で挑んでみましょう。
写真をデュオトーン（Duo Tone）に加工する方法をご紹介しませうの回。 | WEB制作ブログ
最近の投稿 マーカーネットのNY研修のアルバム第一弾！ 良いデザインと悪いデザインの見分け方 スマホ編！です！ デザイナーの常識！？ いいデザインと悪いデザインの見分け方 スマホサイト編 要素がガクガクブルブル震える変わった動き！ 面白い動きや便利な機能をJSで実装！ その7：要素がガクガクブルブル震える変わった動き！ カテゴリー WEB制作 (283) android (7) CMS (44) Movale Type (4) WordPress (38) CSS (22) facebook (4) iPhone (12) javascript（jquery） (41) PHP (21) SEO (7) SNS (4) WEBサービス (34) WEBデザイン (113) Illustrator (20) photoshop (31) セキュリティ (3) タブレット (8) iPad (
Photoshopで文字や線をクレヨン風に加工する方法
文字や線を手書き風に加工する方法は沢山あります。手書きの種類にもいろいろありますが、今回は、クレヨン風に加工する方法をご紹介します。 Photoshopで文字をクレヨン風に加工する方法 文字や線をクレヨン風に加工する方法は幾つかありますが、今回はお手軽にレイヤースタイルのみで文字や線をクレヨン風に加工できる方法をご紹介します。 文字を描画する Photoshopで、テキストツールを使って、好きな文字を描画します。下の画像がテキストツールです。 今回は、フォントも手書風のものを選んで描画してみました。 レイヤースタイルから加工を加える テキストレイヤーをダブルクリックしてください。 レイヤースタイルのウインドウが表示されたら、光彩にチェックを入れて、光彩を選択して設定を調節していきます。色は、テキストの色と同じにしてください。 描画モードでディザ合成を選ぶことで、クレヨンで描いたようなボコボ
フォトショップで立体感たっぷりなネオン管ロゴをデザインする方法
↑ クリックすると原寸拡大表示されます。 今回は、フォトショップを使って本物そっくりなネオン管ロゴをデザインする方法をご紹介します。 テキストエフェクトだけでなく、ネオン管の骨組みも一緒にデザインするので、どんなデザインにも簡単にオリジナルのネオン管ロゴをレイアウトすることができます。 特に難しいステップもなく、レイヤーの描画モードを多用したお手軽なチュートリアルとなっていますよ。 詳細は以下から。 チュートリアル情報 プログラム : Photoshop バージョン : CS4で作成 （古いバージョンでも可能） 難易度 : 初級者から中級者 所要時間 : 30分から1時間ほど チュートリアルをはじめるまえに、今回使用するフォントをダウンロードしましょう。 今回は「見出し文やタイトルに使えるユニークなフリーフォント20個まとめ」で紹介した「Museo」フォントを使用しました。 つぎに使用する
無料で使えるPhotoshop用の鉛筆/ペンシルブラシ250+ | co-jin
無料で使えるPhotoshop用の鉛筆/ペンシルブラシをご紹介します。。 Photoshopで手書き風、あるいはイラストなどを描く場合には、もっておきたい鉛筆/ペンシルブラシ。 また最近では、写真や画像に、手描きで書いたようなコピーやアイコンなどをよく見かけますが、今回ご紹介しているブラシを利用すれば、簡単に制作できます。 デザインワークの一助になれば幸いです。 ダウンロードしたPhotoshop用ブラシファイルを利用する方法 ダウンロードしたPhotoshop用ブラシファイルを利用する方法をご紹介します。 Photoshopを開いている場合は終了させておきましょう。 Photoshop用ブラシファイルをダウンロードしたら、拡張子が.abrになっていると思います。 そのファイルを、/Applications/Adobe Photoshop/Presets/Brushesフォルダに入れれば準
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Create a Realistic Fire Text Effect in Photoshop - PSD Stack
吹き出し素材専門サイト「フキダシデザイン」
デジタルイラストに本気で取り組んでいる人向け、本格派のタッチで描けるPhotoshopのブラシ素材 -Kyle Brush Pack
Photoshopで画像の切り抜き、選択範囲を作成するのはこれが一番簡単で正確！CC 2021で進化した選択範囲とマスクの作成
