【スライス不要】Photoshop画像アセット生成の基本とつまずきがちな5つのコト | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
独学でつまずいていませんか？ Photoshopの使い方を効率的に学びたい、誰かに教えてもらいたい……という方は、「スクールでの勉強」もおすすめです。LIGではWebクリエイター育成スクール「デジタルハリウッドSTUDIO by LIG」を運営しております。詳細を知りたい方は、ぜひスクールの詳細をチェックしてみてください！ →スクールの魅力が分かる資料はこちら！（資料請求） スライスせずに書き出せるPhotoshopの「画像アセット生成」って？ 画像アセット生成とは、ファイルのレイヤーやレイヤーグループのコンテンツからJPEGやPNG等の画像アセットを生成するという、スライス作業を不要とする機能です。PhotoshopCCから実装されている機能で、CC2014以降は画像に加えてSVGの書き出しも可能となりました。 普段からコーディングもしているデザイナーさんは効率化のために早くから使ってい
WebP画像を作成できるアプリ「WebP画像を作る君」を公開 - ICS MEDIA
みなさんは次世代の画像形式「WebP(ウェッピー)」をご存知ですか？ 聞いたことはあるものの、作り方や採用したときのメリット、事例にピンとこない方が多いのではないでしょうか。「せめて手軽にWebPを作れるツールが欲しい」と思い、デスクトップアプリケーション「WebP画像を作る君」(英語名は「WebP Converter」)を開発し公開しました。本記事では、このアプリケーションでの使い方から、ウェブページにWebP画像を配置する方法を解説します。 ▲ オリジナルアプリケーション「WebP画像を作る君」。無料で配布しています ▲「WebP画像を作る君」の動作ビデオ WebP(ウェッピー)とは WebP画像形式は米Googleが開発している静止画フォーマットで、採用することでWebサイトの表示速度短縮やトラフィック量の節約が期待できます。具体的には従来のPNG/GIF/JPEG画像形式に比べて次
Social Media Image Resizing Tool | Landscape by Sprout Social
Salesforce + Sprout Gain a full 360-degree customer view with this global partnership.
飯塚里志 — ディープネットワークを用いた大域特徴と局所特徴の学習による白黒写真の自動色付け
概要： 本研究では，ディープネットワークを用いて白黒画像をカラー画像に自動変換する手法を提案する．提案手法では，画像の大域特徴と局所特徴を考慮した新たな畳込みネットワークモデルを用いることで，画像全体の構造を考慮した自然な色付けを行うことができる．提案モデルにおいて，大域特徴は画像全体から抽出され，局所特徴はより小さな画像領域から計算される．これらの特徴は“結合レイヤ”によって一つに統合され，色付けネットワークに入力される．このモデル構造は入力画像のサイズが固定されず，どんなサイズの画像でも入力として用いることができる．また，モデルの学習のために既存の大規模な画像分類のデータセットを利用し，それぞれの画像の色とラベルを同時に学習に用いることで，効果的に大域特徴を学習できるようにしている．提案手法により，100年前の白黒写真など，様々な画像において自然な色付けを実現できる．色付けの結果はユー
python のPILで画像処理を試してみる（インストール編） - "Diary" インターネットさんへの恩返し
Raspberry piのWebカメラで取得した情報を色分析とかしていろんなものの、判定できないかなぁと。 夕方になった～、朝になった～、花が咲いた～、花が散った～など。 でぐぐったらこんなありがたいページが。 ライブラリ：PIL Pythonの「PIL」というライブラリについてご紹介します。 ということで、Raspberry piに実装する前にWindows PCでテストした。環境は windows 7(x64) / python 2.7を使用しています。 以下 インストール履歴 (遠回りもしているのでスムーズに入れたい場合は、1,2,6をやってください。 1.パッケージインストーラの実装（一般的なところなの読飛し可） こちらのページを参考に setuptool と pip をインストールします。 setuptoolのインストール。こちらの「windows」の箇所から ez_setup.
Windows + Python 64bit版でPython Imaging Library (PIL)を使用する
Windows 7 64bitな環境に、Python 2.7の64bit版をインストールして使用してます。 ちょっと画像加工をするプログラムを書かなくてはいけなかったので、 Python Imaging Library (PIL)を http://www.pythonware.com/products/pil/ ここからダウンロードしてインストールしようとすると・・・ こんなエラーメッセージが表示され、インストールできません。困った。 Windows7, 64bitのPythonでPIL.Image.showを使えるようにする http://d.hatena.ne.jp/yatt/20110403/1301812432 Unofficial Windows Binaries for Python Extension Packagesというサイトがあるそうです。 Unofficial Win
Wikipedia:画像利用の方針 - Wikipedia
本文書はウィキペディア日本語版において画像を利用する際の方針を記述するものです。音声・動画など、画像以外のファイルにも適用できる部分もありますが、原則として画像を対象としています。 ウィキペディアにおける画像などのファイルに関しての概要については「Wikipedia:画像などのアップロードされたファイル」をご覧ください。 これは、画像を使う場合の簡易チェックリストです。以下のチェックリストに沿って、アップロードするにふさわしい画像であるかを確認してください。チェックリストの後には、もっと詳しくそうすべき理由などが書いてあります。音声ファイルのアップロードやページへの挿入に関する情報は、Help:音声・動画の作成と利用も参照してください。 画像をアップロードする際は、著作権に留意してください。 画像とその著作権情報を記載するために、ファイルページを使用してください。 ファイルページには、必ず
jQuery Face Detection Plugin - jQueryを使ったWebベースの顔認識ライブラリ
MOONGIFTはオープンソース・ソフトウェアを紹介するブログです。2021年07月16日で更新停止しました 最近のデジカメ、スマートフォンのカメラでは当たり前になっているのが顔認識機能です。その部分だけを明るく補正したり、画像を修正して遊ぶアプリもあります。こういった機能を実現するのにOpenCVというライブラリがよく使われています。 jQuery Face Detection Pluginはそんな顔認識機能をWeb上で手軽に実装できるライブラリになります。画像だけでなく動画からの検出も可能です。 jQuery Face Detection Pluginの使い方 jQuery Face Detection PluginはjQueryプラグインなので使い方は簡単です。 $('#picture').faceDetection({ complete: function (faces) { co
無料で自由に利用できる歴史的画像1400万枚を公開するプロジェクト
インターネット上のあらゆる情報を記録・保存するインターネット・アーカイブが所有するパブリックドメインの電子書籍200万冊から、1400万枚の画像を抽出して無料で公開するプロジェクトが開始されました。対象となった書籍は過去500年に発行されたもので、医療に関する資料から風刺画までジャンルはさまざま。全て無料でダウンロードでき、商用利用することも可能です。 Millions of historic images posted to Flickr | Internet Archive Blogs https://blog.archive.org/2014/08/29/millions-of-historic-images-posted-to-flickr/ 同プロジェクトのFlickrアカウントにはすでに260万以上の画像がアップロードされており、今後も1日に1000冊以上のペースでコレクション
【画像あり】一度は見てみたい！世界中の最も美しい樹木16選 【翻訳】 : 暇人＼(^o^)／速報
【画像あり】一度は見てみたい！世界中の最も美しい樹木16選 【翻訳】 Tweet 1： ：2014/08/04（月） カナダ 125歳のツツジの「木」 この125年物のツツジは正確に言うと木ではなく低木だが、そのサイズは圧巻だ This huge 125-year-oldold rhododendron is technically not a tree – most are considered to be shrubs. 翻訳元: http://www.boredpanda.com/most-beautiful-trees/ 2： ：2014/08/04（月） 日本 樹齢144歳の藤 1990㎡（およそ半エーカー）におよぶこの藤は、同種の中で日本において一番大きいことで知られる At 1,990 square meters (about half an acre), this huge
ほぼ劣化なしでJPG/GIF/PNG/SVG画像を超軽量化してくれる「Compressor.io」は要ブックマーク！｜男子ハック
Webサービスほぼ劣化なしでJPG/GIF/PNG/SVG画像を超軽量化してくれる「Compressor.io」は要ブックマーク！2014年6月13日1 @JUNP_Nです。オンラインで利用することができる無料のWebサービス「Compressor.io」はJPG、GIF、PNG、SVGの画像をビックリするほど軽量化してくれます。面倒なアカウント登録などもなしで、画像をドラッグ&ドロップだけで使えて超便利！ 無料で多様な画像ファイルに対応しているのが嬉しい画像軽量化サービス！Compressor.io - optimize and compress your images and photos オフラインではJPEGの画像軽量化には「JPEG mini」を利用、それ以外の画像については「ImageOptim」を利用していたのですが、これだけではGIF動画の軽量化がもの凄く難しい。 関連：1
[JS]サイズが不明な画像を指定したエリアにフィットさせたり、配置を調整できるスクリプト -Image Scale
画像の長い辺に合わせて、フィット Image Scaleの使い方 Step 1: 外部ファイル head内にjquery.jsと当スクリプトを外部ファイルとして記述します。 <head> ... <script src="jquery.js" type="text/javascript"></script> <script src="image-scale.js" type="text/javascript"></script> </head> Step 2: HTML 大きさを調整したい画像に「class=scale」を加えます。 <div class="image-container"> <img class="scale" src="img/example.jpg"> </div> さらに、画像の位置などを設定する場合はdata属性を加えます。 <div class="image-c
CSSスプライトについてあれこれ。
「CSS Sprites（CSSスプライト）」についてまとめます。 すでにいろんなサイトで紹介されてるので、検索すれば制作手順から何から何までたくさんヒットしますが、それ故、どの方法が一番ベストなのかってのがいまいち不確かだったので、個人的にまとめ直してみることにしました。 TwitterやFacebookのスプライト用画像 CSSスプライトは、サイトの読み込みを高速化する目的で使われているCSSの小技です。TwitterやFacebookなどでは、ちっこいアイコンとかマークを表示するのに使われてますね（2012.8現在）。 具体的には「サイト内で使用するたくさんの画像（パーツ）をなるべく一枚画像にまとめて、サーバへのリクエスト回数を少なくする」という事をやってます。 画像とCSSだけで高速化が実現できるので大変お手軽なのですが、CSSスプライト用の画像を用意するにはちょっとした工夫が必要
IllustratorとPhotoshopでの画像のいじりかた
元の絵を利用してシンボルマークみたいに加工したり それをパターン化したり、パターン化したものをバラしたり あとはPhotoshopのベタ塗りレイヤーなんかを使ってみたり デザイナーの井上のきあさんが色々解説してくださいました。 （色々わかりやすいように時系列を少し前後させています）
これぞ絶景…死ぬまでに行きたい世界30の大自然:らばQ
これぞ絶景…死ぬまでに行きたい世界30の大自然 これまでにも世界の名所や景色をご紹介してきましたが、まだまだ地球上には途方もない場所が、数多く存在します。 美しさに圧倒される30の絶景をご覧ください。 1. オデレイテ川 以前に写真だけご紹介したことがある、「ブルードラゴン」と形容される景色。ポルトガル南部のオデレイテ川を機上から撮影したものだそうです。 大きな地図で見る 2. セーシェルの波打ち際 セーシェル共和国は、アフリカ大陸から1300kmほど離れたインド洋に浮かぶ115の島々からなる国家で、イギリス連邦加盟国。（セーシェル - Wikipedia） （参照：行かずには死ねない…感動すること間違いなしの世界の絶景ポイント（PART1）26カ所） 3. マッターホルンの頂 スイスとイタリアの国境に位置する、標高4478mのアルプスの山。 4. レーニア山 アメリカ西海岸の北部ワシント
【保存版】これでもう迷わない！ コーヒーの違いがよくわかる図 | ロケットニュース24
せっかくコーヒーショップに言っても、「カフェ・ラテ」と「カプチーノ」の違いがわからずに困ってしまい、結局「本日のコーヒー」ばかりを飲んだりしていないだろうか？ そんな方に役立つ図解をご紹介しよう。以前同じような「コーヒーの特徴」を見極める図を紹介したのだが、今回のものはさらにわかり易い！ 一目瞭然で違いを判断できるぞ！ この図解を作成した米・メリーランド州のイラストレーターによると、シアトル系コーヒーショップ（スターバックスはその代表）が目立つようになってから、オーダーの仕方がわからなくて、お店に行き辛くなったそうだ。たしかに不慣れな人にとって、これらのショップは敷居が高く感じてしまう。 そこで彼は、コーヒーの中身がわかるように図解を作成したのである。以下はスタンダードなメニューとその違いだ。 エスプレッソ・マキアート： エスプレッソ ＋ ミルクフォーム エスプレッソ・コン・パンナ： エス
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
PlaceIMG
絵描きさん必須「描きたいファッションがあっても呼び方が分からず資料が探せない」時に便利な図鑑
WDCS Life size whale Das grte Banner der Welt
これ金環日食より凄いな…撮った本人は飛行機うぜぇって書き込んでたけど
