Photoshopはもう使わない!? 場所を問わず画像編集できるCSSデザインフィルターの画像編集エフェクト9選
CSS3では、Photoshopのようなフィルター効果を再現するイメージフィルターという機能があります。 Photoshopを使用すれば画像加工を行うことができますが、外出先などで画像の編集が行えない……そのような経験、Photoshopを使用するデザイン関連の仕事をされている方なら一度や二度ありますよね。そんな時に、少しのコードをCSSに足すだけで画像編集できてしまう機能がイメージフィルターです。 今回は、画像の明度や彩度などを簡単に調整することができる、CSSイメージフィルターについてご紹介します。 とてもシンプルなコードばかりですので、使えそうなものがあれば、早速試してみてください。 CSSフィルターができること ～基本機能「９」～ 1. レンズで覗き込むようにぼかしを加える「blur」 filter: blur( ぼかしの長さ ); blurを指定すると、ガウシアンぼかしタイプのブ
縦に長い画像を1枚で印刷する際に自動分割してレイアウトするツール「Print1」 | WebNAUT by Beeworks
モバイルサイトのデザインデータなど、縦長の画像を自動分割して印刷用に1枚にまとめるツールを作成しました。 データのアップロード等も不要ですので、機密性の高いデータを印刷する場合でも安心して無料でお使いいただけます！ 明けましておめでとうございます。本年もWebNAUTをよろしくお願い致します。私の新年1本目の記事は特に正月らしい内容ではありませんが、Web制作の各場面で使える「痒い所に手が届く」ツールを紹介させていただきます。 デザイン確認時のよくあるやりとり ディレクター： ここでディレクターさんはデザインの確認と指示出しをどのように行うでしょうか？ デスクトップ上で修正指示を書き込むようなアプリも幾つかありますが、やはり見やすさや書き込みのしやすさでは紙に印刷して手書きで指示を書く事が多いと思います。 その際、縦に長い画像を印刷しようとすると一般的なアプリではこのようになってしまいます
無料の画像処理ソフトで映画パンフみたいな合成をするおすすめの方法
ブログのキャッチ画像を作るのに画像処理ソフトは不可欠ですよね。わたしはAzPainter2という無料のフリーソフトで毎回作っています。おすすめです。 こんにちは、レタッチ大好きカグア！です。AzPainter2を使ってもう何年にもなりますが、これがあるからWindowsを使っているといっても過言ではありません。 今日はAzPainter2を使った画像合成のテクニックをご紹介します。 関連記事 ＞＞1万4千個のスタンプを見てまとめた、簡単！LINEスタンプの作り方とリンク54本 ＞＞バナー作成！AzPainter2を使った影付け文字のメイキング動画 ＞＞4コマ漫画「Webアナリストすみれ」 ＞＞簡単イラスト上達法〜ZoomItを使った描き方講座 レタッチ作業の概要 TOP画像のような映画のパンフレットのような画像を作る工程はおもに以下です。 1.素材を探す 2.切り抜き 3.合成 切り抜きも
ガイドラインや指示書の作成が楽になる！エレメントやマージンのサイズを書き出してくれるPhotoshopのスクリプト -Size Marks | コリス
エレメントやマージンなど、指定した箇所のサイズを新規レイヤーに書き出すPhotoshopのスクリプトを紹介します。 個人でも商用でも無料で利用でき、ライセンスはMIT licenceです。 Size Marksを使ってるアニメーション（偶然両方とも173pxになってびっくり！） 以前紹介したInkも同様にサイズを書き出してくれますが、ベクターとテキストのデータのみです。エレメントがベクターならInk、ビットマップのエレメントやマージンならSize Marksが便利です。 Inkの特集記事：Photoshopの機能拡張 -Ink Size Marksのインストール Size MarksはPhotoshopのスクリプトで、当方の以下の日本語環境で動作しました。 Photoshop CC 2014 for OS X Photoshop CS 6 for Win7 ※配布ページにはCC 2014
ここまで教えてくれていいの？！WEB屋のテンションと底力を上げる厳選チュートリアル色々！ | バンクーバーのうぇぶ屋
WEB制作のチュートリアルって本当に多いですよね。 でも、本当に役に立っている、制作に生かせてるチュートリアルって少なくないですか？チュートリアルの過程が中途半端だったり、途中からついていけなくなったり。はたまた、続きは有料なんて物も今までありました。 しかし！僕の短いWEB屋人生ですが、年に2、3は『お、おぉぉ！マジテンション上がるWA！』と叫びたくなるチュートリアルに出会うことが稀にあります。そんな感銘を受けたチュートリアルは速攻でFacebookにアップしているのですが、今回は今日まで見てきた中で、余りにクオリティが高かったり、確実に自分や周りのスキル、そしてテンションを上げたチュートリアルを厳選してご紹介！ 英語記事メインですが、デザインよりならステップbyステップなのでなんとかなります！コードなら、Demoとか多いので見ながらついていけば理解できます！是非参考までに流し読みして見
Adobe製品の代わりに使える無料アプリ10+
2014年6月27日 Illustrator, Photoshop, 便利ツール PhotoshopやIllustratorなど、Adobeの製品はクリエイターの必需品のひとつとなっています。しかしその値段からなかなか手が出せない…という方も多いのではないでしょうか？今回はAdobe製品の代用として使える無料アプリをいくつか紹介します。金欠の学生さんや、様々な理由から脱Adobeを考えている方の参考になれば幸いです！ ↑私が10年以上利用している会計ソフト！ Photoshopの代わりに GIMP 長年Photoshopの代用として愛され続けているGIMP。Photoshopの拡張子であるpsdファイルが開けることはもちろん、Photoshop用のブラシなども利用可能。画像の編集・加工ツールとしてPhotoshopとほぼ同様の機能を備えています。日本語の公式チュートリアルも充実！私もお金の
【Photoshop】テクニックを習得！チュートリアルを集めました！ | バシャログ。
来月に発売されるMartynの新作にFour Tetが参加してるみたいなので、とても気になるokadaです。 今回は、Photoshopのチュートリアルを集めました。よろしくお願いします。 Amazing Water & Light Splash Effect in PhotoShop 水しぶきとライティングを用いたチュートリアル。イベントのフライヤー等に活用できそう。 Amazing Water & Light Splash Effect in PhotoShop Show me the light - Digital Art Tutorial こちらもライティングを用いたチュートリアル。光らせ方がとても参考になります。 Show me the light - Digital Art Tutorial Quick Tip: How to Create a Triangle Pixelat
エンジニアと険悪にならない！ステキなPSD、6つの約束｜株式会社アクトゼロ｜クリエイティブブログ
こんにちは。みなさん5月病になっていませんか？私は新人社員でもないのに半分陥りかけています。友達とぱーっと飲んだりしてストレス解消していますが、いい加減肝臓がやられてしまいそうなので自重気味です。。 さて、デザイン作業が平行すると、ついついPSD(Adobe Photoshop)ファイルの細かいところが疎かになりがちですよね。デザインプレビューのときは見えていない部分でも、コーディング作業をするエンジニアには「このデザインどうなってるの？」「ちゃんと考えて作ってよ！(当たり前ですが)」となんとなくでは作業出来ないことがたくさんです。今回はこれさえおさえておけばきっと大丈夫。エンジニアと険悪にならないPSDファイル作りについて書きます。基本中の基本ですが、忘れたりしてしまうんです…(すみません) その1.マウスオン画像はある？ 「すごく良いボタンを作れた！おしたくなるわこのボタン！」…で、こ
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
https://www.furimuke.com/2013/01/photoshop-pat.html
Flipsblog.jp
新着記事
新着記事