Photoshopで、1枚のレイヤーから線画だけ抽出する方法
MS Office カテゴリ MS Office (105) 関連タグ Access (44) Excel (92) OfficeScripts (2) PowerPoint (8) Python (2) VBA (91) YouTube (6) 入門 (38) Web カテゴリ Web (85) 関連タグ facebook (4) jQuery (10) linux (3) Photoshop (18) PHP (24) tips (22) twitter (10) WordPress (76) YouTube (6) アプリ (29) イラスト (43) デザイン (15) ブログ (39) 入門 (38) 分析 (20) Adobe カテゴリ Adobe (28) 関連タグ facebook (4) Fresco (2) Illustrator (8) JavaScript (7)
画像検索で著作権フリーの画像を見つける。Google検索の意外な機能
【保存必須】見とれてしまうほど高画質！デザイナー必見のフリー画像素材サイト10選 オススメのフォトストックサービス10選まとめてご紹介します。 本記事で使用している「著作権フリー」の定義について 本記事で使用している「著作権フリー」の定義について この記事で表記しています著作権フリーとは、商用利用や改変利用が可能なライセンスのことを指しています。再配布や再譲渡などの全ての行為がフリーというわけではありませんのでご注意ください。わかりやすさを重視し本記事ではこのように表記させていただきました。 また、Google画像検索の結果として表示される画像についても、必ずしも上記に当てはまるものではなく、Googleがそうみなした、というものですので、画像を使用される際は必ず掲載サイトのライセンス条件をご確認下さい。 なお、今回紹介する クリエイティブ・コモンズ・ライセンスについては、こちらで詳しく説
Xcode 6 時代のマルチデバイス対応 〜Size Classとベクター画像〜 - その後のその後
とあるお仕事で、iPad をサポート（＝ Universal 化）してほしいという要望があり、せっかくなので iPhone 6 / 6 Plus （4.7 / 5.5 inch スクリーン）もサポートしようってことで、新しい Xcode 6 の新しい仕組みである Size Class を使って複数画面対応を行ないました。あと、同じく Xcode 6 から Asset Catalog でベクター形式がサポートされるようになったので、こちらもトライしてみました。 で、そのときに学んだ諸々の断片的なメモです。勘違いもあるかもしれないのでその際は優しくご指摘いただけますと幸いです。 ※ちなみに Size Class やベクター形式画像の使用は iOS 8 以上縛りではありません。単に Xcode 6 の新機能というだけなので。 Size Class の前提知識をつける 「Size Classsとは
Dockerfile Best Practices
Dockerfiles provide a simple syntax for building images. The following are a few tips and tricks to help you get the most out of Dockerfiles. 1: Use the cache Each instruction in a Dockerfile commits the change into a new image which will then be used as the base of the next instruction. If an image exists with the same parent and instruction ( except for ADD ) docker will use the image instead of
これは便利！Googleの画像検索で透過画像を見つけ出す -Alpha Finder
Alpha Finder Alpha Finderのインストール Alpha Finderの使い方 Alpha Finderのインストール Alpha Finderのインストールは簡単で、下記ページにChromeでアクセスし機能拡張をインストールしてください。 Chrome ウェブストア - Alpha Finder インストールが完了したら、Googleの画像検索へアクセス！ Google 画像検索 「.com」にアクセスしてください。 「.co.jp」では利用できません。画像の検索自体はどちらも同じだと思います。 Alpha Finderの使い方 ChromeでGoogle 画像検索にアクセスします。 とりあえず、「alpha」で画像検索。 目的の画像をホバーすると、拡大表示されます。
JPG・PNG・GIFの違いのまとめ
どうやって使い分けるべきなのか。JPG・PNG・GIFの違いをまとめてみました。2010.10.27 18:00167,685 人間がデジタル技術を開発して以来、開発され続けてきた画像の保存形式。 開発過程には、それこそ色々な種類がありました。 しかし、現代のブラウザや、一般的な利用者のニーズに合わせて、現在ではJPG、 PNG、 GIFが3強です。 もちろん、それぞれ長所と短所がありますが、それぞれどこがどう違うのでしょうか。 JPG（Joint Photographic Experts Group） JPGはジョイント・フォトグラフィック・エキスパート・グループ（Joint Photographic Experts Group）がプロのカメラマンの標準となるべく開発したファイルのタイプです。 ファイル内の冗長性を見つけて圧縮するZIP形式のように、JPGは画像データをピクセルと呼ばれる
続：PNG画像をより美しく、より軽量に最適化するテクニック | コリス
上記のように半透明な箇所がある画像の場合、PNGで保存する前にモードをグレースケールにすることは非常に重要です。 グレースケールモード：[イメージ]-[モード]-[グレースケール] 2. 色数はより少なく 画像のカラーを減らす方法として、前回紹介したポスタリゼーションに代わる方法を紹介します。 この方法は256色限定で、カラーを最適化できます。 半透明の画像からイメージ箇所のみを抽出し（半透明は削除）、インデックスカラーに変換しマスクを適用します。 詳しい手順は下記の通り。 画像を開き、[イメージ]-[複製]で画像を複製します。 複製した画像に、[フィルタ]-[PhotoWiz]-[Remove Transparency]で透明箇所を取り除きます。 ※「PhotoWiz」はRemove Transparencyを参照ください。 [イメージ]-[モード]-[インデックスカラー]を選択し、イン
GIFアニメ生成にImageMagickはオワコン、情強は高速なGraphicsMagickを使う - 海峡
大した話ではないけれど、GIFアニメをコマンドラインから作るならGraphicsMagickが便利なので共有します。 MP4の動画ファイルからGIFアニメを作ろうとすると、まずffmpegで動画を画像に分割してそれからimagemagickでGIFに結合するという方法があります。 % ffmpeg -i hoge.mp4 -r 2 %04d.png % convert *.png hoge.gif複数枚の画像をimagemagickでGIFに結合するのが実は結構時間がかかるため煩わしいことが多いです。場合によっては、数十秒かかったりする。 ImageMagickのfork版であるGraphicsMagickを使うと高速にGIFアニメを生成することができます。 GraphicsMagickのほうが3~4倍速い GraphicsMagickを使えばImageMagickよりも3~4倍高速にGI
身につけておきたいWebサイト高速化テクニック #3｜画像形式の基礎知識 | DevelopersIO
こんにちは、ご無沙汰しています。 Web担当の野中です。 前回の第2回「検証ツールとそもそもHTTPって何だ編」から少し時間が経ってしまいました。 というのもテクニックを紹介するために予想以上の予備知識の説明と検証・調査が必要になり、さらにどう順序立てて解説すべきか悩み時間がかかってしまいました。 ちなみに第2回では、Webサイト高速化に関連してくるHTTPについて基本的なことを紹介しています。 より詳しくHTTPについて解説したCodezineさまに寄稿している連載も是非チェックしてみてください。 本題 さて、今回から実践編ということでフロントエンド側のWebサイト高速化対策の１つ、画像の最適化について紹介します。 初学者向けに細かく基本的なことまで解説しますので、記事を3つに分けます。 画像最適化1回目の本記事では、画像に関する基礎知識について紹介します。 未だにWebサイト高速化の具
デイリーポータルZ：昭和の写真を撮る
最近とった写真がものすごく父親に似ていた。 若い頃の父親の写真にそっくりだった。服をむかし風にして写真が色あせたらどっちがいまの写真か分からないかもしれない。 どっちが親でどっちが子供か。どっちが21世紀でどっちが20世紀か。ちょっとした細工で写真が一気に昭和の雰囲気になるのは興味深い。 むかしの父親コスプレを通じて昭和の写真をとってきました。けっこうどこの家のお父さんにも当てはまる雰囲気だと思いますよ。（林 雄司） 注） 茶色の文字で書かれたキャプションは創作です。 むかしの写真の特徴を考える 当サイトにもときどき古い写真が載っている（→これやこれ）。古くなったカラー写真の特徴として以下の点があげられると思う。 ・赤が鈍い色に ・全体に青かったり黄色かったり ・フチ＋日付がある ・ざらついている 全体に彩度が低い。これらを参考に画像加工ソフトで写真を加工してみた。
PNG画像をより美しく、より軽量に最適化するテクニック | コリス
先日、紹介した「JPEG画像の最適化テクニック」に続いてSmashingMagazineから、PNG画像をより美しく、より軽量に最適化するテクニックを紹介します。 追記：2009/07/27 本エントリには続きがあります。 続：PNG画像をより美しく、より軽量に最適化するテクニック Clever PNG Optimization Techniques 下記、各ポイントをピックアップして紹介します。 最後のはCS3向けで不明だったので、途中省略しています。 はじめに PNG画像フォーマットの概要 1. ポスタリゼーション 2. 手のはいってない透過 3. 透過による分離 4. マスクを活用 はじめに ウェブデザイナーとしてあなたは既にPNGのフォーマットに精通しているかもしれません。PNGは劣化のないフォーマットとして、GIFの非常に良い代わりとなります。 Photoshop（あるいは他の画
スマートフォンなどに対応したレスポンシブデザインに関するCSSスタイル（font size自動調整をきるなど） - くらげだらけ
前にも一度、同じような問題に直面して調べて解決したような気がしたのですが、今回もおそらくその時と同じくGoogleで調べて解決したので、メモって忘れないようにしておこう。 font size自動調整をきる 最近ではレスポンシブデザインでいろんなデバイスに対応したりしますが、私もそんな感じの仕事をしていたわけです。最初はPC Chromeでwindowを伸び縮みさせながら作っていたわけですが、ある程度できた所でiPhone Mobile Safariでチェックしていたのです。Portrait mode（縦向き）では問題なく閲覧していたのですが、Landscape mode（横向き）にしたときにどうも文字サイズが変になります。 最近はiPhoneもリモートでWeb inspectorで見れたりしますから、細かく調べてみても数値的には問題無さそう。おかしいなってことで調べた後に、iPhoneでは
JPEG画像をより美しく、より軽量に最適化するテクニック
JPEG画像をより美しく、より軽量に最適化するテクニックをSmashingMagazineから紹介します。 Clever JPEG Optimization Techniques 1. 「8ピクセル」のグリッド 2. カラーの最適化 3. JPEG最適化の一般的なTips 1. 「8ピクセル」のグリッド JPEG画像は、あなたが既に知っているように8x8のピクセルのブロックから成り立っています。画質を低くするとよく分かります。 この8x8ピクセルを利用して、JPEG画像を最適化します。 画質10で作成したサンプル 二つの正方形は同じ大きさ（8x8ピクセル）です。左上のはきれいに見え、右下のは汚く見えると思います。 これらは、それぞれ8x8のグリッドに並べたもので、左上はグリッドに揃えたもの、右下はグリッドに揃っていないものです。 保存する際に画像は、8x8ピクセルのブロックに分けられるため
こんなの見たら行きたくなっちゃうよ！一生に一度は行ってみたい、沖縄のステキすぎる風景いろいろ : らばQ
こんなの見たら行きたくなっちゃうよ！一生に一度は行ってみたい、沖縄のステキすぎる風景いろいろ 同じ日本でありながら、南国リゾートのような異国情緒たっぷりの沖縄は、一生に一度は行ってみたい場所の一つですよね。 一度行ったらその魅力に取り付かれてしまい、勢い余って引っ越してしまう人も後を絶たない沖縄。その隠れた魅力を、ANAのサイト 「OKINAHOURS」（オキナワーズ） からピックアップしてみました。 仕事に疲れている人には目の毒すぎる沖縄の情景をご覧下さい。 オキナワーズ は、ANAによる沖縄の隠された魅力を映像と文章で伝える特設サイト。10月11日より、秋の沖縄の魅力を伝える「Vol.2 秋号」が公開されています。秋の沖縄って、どんな感じなんだろう…？ オキナワーズ ｜ いつだって島は、ゆったり時間。 沖縄と言うと真っ先に浮かぶのはやはり海ですが…うおお！？なんという絶景…！これは日本
第９回 女性がキレイに見えるポーズとは 〜 林英吉の女性の撮りかた講座
講師 林英吉 フォトグラファー あくまでも「シューティング感覚」を大切にするフォトグラファー、林英吉氏。商品撮影や建築撮影もこなすが、最近は専らタレントや女優などの人物撮影で活躍中。
"プレビュー.app" の底力 - ザリガニが見ていた...。
（Leopard Preview.app's potential） アプリケーションの名前こそ「プレビュー」だが、すでに機能は「レタッチ」レベルなのであった！ The application's name is "Preview", but the function is "retouch" level! スクリーンショット（Screen capture） ウィンドウの影なし撮影ができる。（command-shift-4 & spaceの影あり撮影と使い分けると便利） "File >> Grab >> Window" is without shadow.(Properly, we can use that "command-shift-4 & space" is with shadow.) タイマー撮影ができる。 "File >> Grab >> Timed Screen" command
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
IDEA * IDEA