斜線やドットで書かれたような画像を作る方法

このQ&Aのポイント
  • 斜線やドットのフィルムをかけて画像を加工する方法について教えてください。
  • 画像を加工する際に斜線やドットのフィルムを使う方法を知りたいです。
  • PhotoShopを使用して斜線やドットで画像を加工する方法について教えてください。
回答を見る
  • ベストアンサー

斜線やドットで書かれたような画像を作るには?

こんばんは、はじめまして! 最近HPを作成しようとしていて画像などを自作しているため、いろいろのサイトを見て回っているのですが。 画像の上に斜線やドットのフィルムをかけて画像を加工しているものなどをよく見かけます。(分かりにくいですね^ ^;) 一応参考程度に画像加工をしているサイトののっけておきますが。 このように画像を加工するのはどのようにすればよいのでしょうか?? ご存知の方は教えてください>_< ※PhotoShopCSを購入予定ですので、それでできるようでしたらPhotoShopでのやり方でもかまいません!! http://sakura.ragheart.info/main.html http://ag5.net/~yuki891/

noname#15260
noname#15260

質問者が選んだベストアンサー

  • ベストアンサー
  • hikaly
  • ベストアンサー率39% (47/119)
回答No.1

正攻法かどうか知りません。独学の私の方法です。 (1) PhotoShopで、まず加工したい画像を読み込む。 (2) 新規レイヤーを重ね、ドットや線を描く。または、そのようなテクスチャを貼る。 (3) レイヤーの不透明度や適用方法(通常、乗算、スクリーンなど)を調整する。 (4) できあがり。 こんな感じで作っています。

noname#15260
質問者

補足

こんばんは。お答えありがとうございます。 あの、やはりPhotoShopを使用しないとあのようなものはできないのでしょうか??

その他の回答 (1)

noname#35109
noname#35109
回答No.2

下の方のURLはよくわかりませんでしたが,結局,レイヤーですよ。 レイヤー機能を持った画像ソフトなら,だいたいできます(上の方のURLの話です。) でも,実はよくよく作業手順を考えるとレイヤー機能を持っていないソフトでもできるんですよ。 結局,どんな画像ソフトでもできると思います。 無能だとされているMSペイントでも↓(参考URL)。

参考URL:
http://www5a.biglobe.ne.jp/~color2/lesson/paint/p_lay2.html

関連するQ&A

  • photoshopで斜線を引く方法(斜線のスタイルを作る)を教えてください。

    はじめまして。 現在、photoshop勉強中のものなのですが、以下のサイトに所どころに見られる斜線をphotoshopで作成したいと考えています。 http://www.e-yamatoya.com/ このようなデザインをかなり多く見かけるのですが、おそらくphotoshopのスタイルのような感じで、ボタン一つで作成する方法がありそうなのですが、まだまだ勉強中のためわからずじまいです。 イラストレーターで斜線の画像を作れば小さなボタンなどは、大丈夫なのですが、背景や長いバーなどはスタイルのようなものでないととても大変のような気がします。 どなたか、これらの解決方法を教えていただけないでしょうか?

  • Flashサイトなどでみかける画像の加工方法

    Flashのサイトなどで、ドットのフィルターがかかったような画像(うまく説明できないのですが・・)をみかけるのですが、これはPhotoshopで加工したものをとりこんでいるのでしょうか? いろいろフィルターなど試してはみたのですが、なかなかうまくいきません。 このような画像加工の方法を教えていただければ助かります。 宜しくお願いいたします。 参照HP http://www.bymarcus.com/ http://www.60uniteforchildren.com/flash/index.htm?lang=en

  • ドット絵エディターのドットの大きさ (AS2.0)

    AS2.0で、ドット絵エディターを作りたいのですが お絵かきエディターはあっても、ドット絵エディターの作り方が見つからず質問させて頂きます。 近い感じで下のサイトがあったのですが ドットの1マス1マスをもっと大きくはできないのでしょうか?? http://hakuhin.hp.infoseek.co.jp/main/as/bitmap_data.html#BITMAP_DATA_06 AS2.0で↓のような事がやりたいのでアドバイスお願いします。 http://hakuhin.hp.infoseek.co.jp/main/as3/bitmap.html#BITMAP_06

    • ベストアンサー
    • Flash
  • photoshopでの画像加工について

    訳あって画像の加工をしなければならない者です。 やりたいことは、画像のskew(歪度)を変形することなのですが、photoshopでそのような加工は可能でしょうか? 調べてみたら、どうもphotoshopCS4でスタックというのを作成したらできるようなのですが、その作り方が分からずにいます。 ご存知の方いましたら、教えていただけないでしょうか。

  • 画像の減色方法

    ネット出版社の募集要項の一部に、 PhotoShop、ImageReady、FireWorks で、減色程度の画像加工ができる方。 と、ありました。 わたくしPhotoShopCSを持っているのですが、画像の減色のやり方を教えていただけないでしょうか?? おそらく写真を加工するものではないかと思うんですが、みなさんのお知恵をお貸しください。 どうぞよろしくお願いします。

  • 画像をイラスト化したい

    撮影した画像を↓のページのようにイラスト化したいのですが、Photoshopでどういう手順でイラスト化できるでしょうか? http://chesty.tv/brand/main.html トレースして書くことも考えたのですが、Photoshopで加工が可能ならと思って質問いたします。 ファイアーワークスばかり使っているので、Photoshopのことがよくわかりません。お分かりになる方教えていただけますか?

  • ドット模様の作り方

    現在PhotoshopCS3を使用して、WEBデザインの練習をしています。 そこで、 http://lopan.jp/how-to-make-website-supplement/ こちらのサイトを練習の参考にしているのですが、その中のドット模様の作り方がどうしてもわかりません。 (「修正案を制作する」に貼り付けてあるトップページのサンプルを参考にしています) ここのTOPメニューのドット模様や、中央のパンの写真に縁取られているドット模様、 サイトメニューに使われているドット模様の作り方を教えていただきたいです。 (添付画像の赤丸の部分です) ドット模様の3箇所は一つのパターンを作り、そのパターンをもとにそれぞれ作成していると思っているのですが、 その解釈であっていますでしょうか? 【試してみたこと】 1)http://news.mynavi.jp/articles/2013/02/27/pl7/index.html こちらを参考にカラーハーフトーンでドットのパターンを作り、レイヤー効果でパターンオーバーレイ でパターンを反映させたのですが、ドットの大きさが作りたいものより大きいものしかできませんでした。 (最大半径は4pxで作成) 2)http://www.webdesignlibrary.jp/2008/09/stylish-patterns.php こちらを参考に5ピクセル×5ピクセルでパターンを作り、レイヤー効果でパターンオーバーレイ、 カラーオーバーレイを使って試行錯誤してみましたがうまくいきません。 もしパターンを使って作成しているのでしたら、そのパターンの作り方とTOPメニューのドット模様、 パンの写真の縁取りのドット模様にするやり方も教えていただきたいです。 それとももっと簡単に作成できる方法があればそれも教えていただきたいです。 よろしくお願い致します。

  • このような画像(光の粒)をphotoshopで作りたいのですが…

    このような画像(光の粒)をphotoshopで作りたいのですが… http://amanaimages.com/info/infoRF.aspx?SearchKey=10138000643&GroupCD=0&no=6&aid= http://amanaimages.com/info/infoRF.aspx?SearchKey=10143000567&GroupCD=2281755&no=28&aid= http://amanaimages.com/info/infoRF.aspx?SearchKey=10143000522&GroupCD=2281742&no=29&aid= 上記URLのようなデザイン背景をよく見かけますが、これをphotoshopで作る方法はありますか? (ふんわりとした光の粒の部分です) 調べたところ「ぼかし(レンズ)」を使う方法があると知りました。 しかし、元となる写真素材がないと、うまくいかないです…。 そこで、何も無い状態から、このような画像を造るにはどうすればいいか教えていただけませんか? 当方、photoshopCSになります。よろしくお願いいたします。

  • jpegの中の画像をアイコン表示で見えるようにする方法

    Finderをアイコン表示したときに、jpegの中身がすぐわかるように画像が自動的にアイコンとして見えるように戻すにはどうすればいいんでしょうか? Photoshopである画像をjpegに加工したときに、情報画面でAdobe PhotoshopCSをデフォルトのアプリケーションにして「すべてを変更」をクリックしてから、元にもどせなくなりました。 OSXです。よろしくお願いします。

    • ベストアンサー
    • Mac
  • 画像の差し替えはどうすればできますか

    http://www.hotel-ichii.co.jp/のサイトにスムーズに画像が差し替わっている 部分があると思いますがこれはどういう技術を使って行われているのでしょうか FLASHやjavascriptが利用されているのでしょうか。またこのような写真は photoshop等で画像を加工しているのでしょうか。 flashやphotoshopといったソフトを利用したことがないのでわかりません。 ご存知の方は教えてください。

    • 締切済み
    • CSS