追記 2010年8月末に仕様が変更されました。一部内容に変化が……というか具体的に言うとgifアニメとgif画像の扱いが変わりました。また表題の点についても改善されています。末尾に追記があります。 Twitterではユーザーアカウントに英数字が使われていますが、そうした文字列だけではなかなか個人を認識しにくいですよね。ブログやサイトであれば、ページデザインやレイアウトなどで特徴をつけられますが、140字しか投稿できないサービスであるためにそれぞれの投稿で、個性を印象つけるのは難しいです。 そうしたサービス上の特性から、Twitterではアイコン画像のイメージが、ユーザーの特徴を示す大きな要素になっています。 で、 そのユーザーアイコン画像なんですが、色々と独特の仕組みがあったりするので、アイコン周りの情報を備忘録としてまとめてみました。 はじめに Twitterには、他のウェブサービスには
「学校では教えてくれない、89の時短テクニック」「自己流で時間をムダにしていませんか?ウェブデザインをもっとラクに、もっとすばやく」ということで、かなり実践寄りの効率的なテクニックばかりを集めたのが「神速Photoshop [Webデザイン編]」です。ちょうどPhotoshop CC+Lightroom 5が月額980円で使える「Photoshop 写真家向けプログラム」を使い始めたところだったので、しげしげと読んでみてお役立ちっぽいのがないかどうか探してみました。 まず以下が神速デザイン五カ条、「ショートカットを活用しよう」「最新機能を使いこなそう」「目的によってツールを使い分けよう」「「直し」に強いデータを作ろう」「面倒な作業は自動化しよう」ということで、どれもこれもごもっともな感じ。人は放っておくと今までの慣れ親しんだやり方が非効率的であっても「慣れているから」というただそれだけの理
2014年03月06日 13:08 話題 コメント( 65 ) 【ね、簡単でしょう?】水面の描き方を分かりやすく解説する画像 Tweet 簡易水面 pic.twitter.com/kw0buBMjRO— ほし (@HOSHIBACKYARD) 2014, 3月 5 すごく分かりやすくて、勉強になります。 ■関連記事 ・絵うまくなりたきゃ描け!死ぬまで描け!吐いても描け! ほんとこれ ・【画像】 マンガ家・村田雄介の子供(7歳)の描いた絵がヤバイ これが才能か・・・ ・「人生、どうなるか分からない」 41歳で単行本デビューした主婦…出発点はお絵かき掲示板、原稿料は愛猫の医療費に ■他の絵の描き方など @HOSHIBACKYARD 簡易眼球 #絵の書き方 pic.twitter.com/mTMkDdwOlO— 舞夜師まうよし (@shomakinosita) 2014, 3月 5 簡易羽 #絵
Macのプレビュー(Preview.app)で、画像ファイルの形式を変換する方法です。 現在開いている画像のフォーマットを変更する方法 複数の画像のフォーマットを同時に変更する方法 を紹介します。 プレビューで写真のフォーマットを変更 プレビュー.appでは、12種類の画像フォーマットを表示したり、変換したりすることができます。 GIF JPG JP2(JPG 2000) BMP OpenEXR(EXR) PDF Photoshop(PSD) PICT PNG SGI TGA TIFFなどのさまざまな種類のファイルに変換することができます。 現在開いている画像ファイルのフォーマットを変更する方法 現在開いている画像ファイルを変換するには、「別名で保存」コマンドを実行します。 「保存」ダイアログの「フォーマット」の欄を変更し、そのまま保存すれば自動的に変換されます。 また、フォーマットごとに
WordPressで作られたブログでは必ずといっていいほど使われているサムネイル画像。記事の一覧やランキングなど、サムネイルがあるのとないのでは、目の引き具合がだいぶ変わりますが、このサムネイルが微妙なところでトリミングされていると、かなり残念なことになりますよね。 そこでトリミングの範囲を手動設定できるプラグインの出番です。 このプラグインをインストールすると、記事の編集画面にある「アイキャッチ画像」のところに「Post Thumbnail Editor」ってリンクが、あるいはメディアライブラリの各画像には「Thumbnails」というリンクが追加されます。 このリンクをクリックすると、サムネイルの設定範囲編集画面へ進みます。 まずは、サムネイルサイズを選択し、続いて画像をドラッグで範囲選択します。そして最後にCropをクリックしましょう。そうすると範囲選択したサムネイルのプレビュー画面
creative memomemo Webデザインtips,Photoshoptips,クリエイティブでステキなものをまとめているブログ。 こんにちは。 Adobeのソフト一個だけあげるよと言われたら、迷わずPhotoshopを選びます。井畑です。 そんなPhotoshopラブの僕ですが、昔は正直苦手でした。 なぜなら、PhotoshopはIllustratorと違って、調整しているうちにデータが劣化(どんどん汚く)なってしまうと思っていたからです。 正しく言うと、データが劣化しない方法を知らなかっただけなんですけどね、当時は大変でした。 画像も一回小さくしてしまうと、次に大きくした時に荒れてまいますし、トーンカーブ等の画像補正も一回かけると二度と修正できませんでした。何回もトーンカーブかけてるとどんどん画像が汚くなっていくし… よく、サイズを間違えてて2,3時間の作業を一からやり直しして
「Facebook 写真の載せ方」で検索されてホームページを訪れてくれる方 が多いので載せ方をわかりやすく説明したいと思います。 ^_^ 文字だけで記事を書くパターンはすでに説明したので、今回は写真と一緒に記事を投稿する方法を説明します。書き込む欄は、文字だけで記事を書く箇所と同じです。 今回は単体の写真、画像のアップの方法をご紹介します。個人的には自分が今していることに関係あるもの、見ているもの、みんなに見てほしいものをアップするときに使っています。 写真をアップする場合は、書き込み欄の上部の 写真 をクリックします。すると 写真/動画をアップロード と 写真アルバムを作成 と選択肢が2つでてきますので左の 写真/動画をアップロード を選択。選択後、自分がアップしたい写真を選択します。 写真を選択したら、小さな写真、サムネイルで選択した写真が表示されます。その上部にコメント記入欄が表示さ
写真を細かく補正しようと思ったら面倒かもしれませんが、「超簡単」で「すばやく」補正できる『Photoshop』のテクがありました。その画像補正テクには、Photoshopに限らず画像編集ソフトによくある「ハイパスフィルタ」を使います。冒頭のデモビデオを見るといかに簡単かが分かっていただけると思います。 手順は以下の通りです。 詳しくは記事冒頭の動画を参照してください。 補正したい写真をPhotoshopで開き、写真のレイヤー(ふつうは背景レイヤー)を複製します。そして、複製したレイヤーの名前を付けます。今回は「ハイパスレイヤー」としています。 「フィルタ > その他 > ハイパス...」を選びます。 半径を5.0ピクセルに設定し(もちろんお好きな数値で構いません)、OKをクリック。 レイヤーのモードで「オーバーレイ」、「ハードライト」、「ビビッドライト」の中から選びます。モード間の違いは分
大量の画像を書き出す場面に遭遇して( ꒪⌓꒪)ってなるのはWEB屋の宿命のようなものですが そんな書き出しを一瞬でもはやくやっつけたい。 むしろやりたくない。なにもかも機械に任せたい。 機械がやってくれてる間にはとサブレ食いながら優雅にFaceBookをたしなみたい。 そんなめんどくさ効率を追求するために調べたまとめです。 なにかお役に立つものがみつかればうれしいです。 書き出しをとにかく速くしたい スライスチップ作成パレット スライスチップ作成パネル-CS4用 | Dearps スライスがFireworksみたいになるエクステンション。ほんとうに助かってます。 ワンクリックでスライスができるのでガイドつくってちまちまやるより数倍速いです。 Flash Helper Scripts Flash Helper Scripts:JavaScriptで「Flash+Photoshop」連携をパワ
200を超える非常に美しいPhotoshopのパターンがまとまったエントリが公開されています。 deviantARTなどに掲載されているもののピックアップで、紹介されているパターンは以下のように非常に美しいです。 リンク先は以下のエントリを参考にしてください。 200 free beautiful Photoshop patterns hand-picked from DeviantArt - FrancescoMugnai.com ためしに使ってみました。 次のような背景をパターンで簡単に定義できてしまいます。 素晴らしい! 関連エントリ サイトデザインをオシャレにする背景画像パターン集 サイトのレイアウト時に役立ちそうなレイアウトパターン集「12 Standard Screen Patterns」 背景画像に使えるレトロなPhotoshopパターン集 PhotoShopのブラシやパター
2006-04-28T23:23:04+09:00 favicon (ファビコン)はウェブブラウザのアドレスバーや、ブックマークした URL の横に表示される小さなアイコンです。いまやもうサイトのアイデンティティを明示するツールとしてほとんどサイトでみることができますが、小さいファイルであると共に、ファイルを扱えるソフトェアがそれほど多くは無いため、なかなか想い通りにデザインできない。という悩みを持っていました。できれば背景を透過にして、マットの少ない美しいものを作りたいと考えていて、使い慣れたソフトウェアである Adobe Photoshop で作れれば幸せだなあ。と思ってました。 これまでは、FavIcon from Pics という Web 上のツールを利用して作っていましたが、これは背景を透過にできなかったり、元の画像から変換される際に大きく画像の質が落ちてしまうという欠点がありま
Opera で DOM Mutation Event を使用するコードを追記しました。 まとめを追加しました。 Opera パート2に取得できないケースが見つかったため、パート3 を追加しました。 rhino.jpg(幅:300px, 高さ:227px) を、 <img id="rhino" src="rhino.jpg" width="100" height="75" /> と、100 x 75 で表示している場合を例に、画像本来のサイズを取得する方法をご紹介します。 Firefox, Safari, Google Chrome なら image.naturalWidth と image.naturalHeight を利用します。 image.naturalWidth と image.naturalHeight の初期値は 0 です。画像の読み込みが完了した時点で適切な値に更新されます。
スクリーンショットをプロダクトの写真などと一緒に300dpiで出力する際にぼやけてしまう場合、スクリーンショットがシャープになるようにする方法をTurbo Photoから紹介します。 ビフォーとアフター Step 1: Capture the screen スクリーンをキャプチャします [Ctrl]キーを押しながら、[PrtSc](プリントスクリーン)キーを押します。 アクティブなウインドウだけをキャプチャしたい場合は、[Ctrl]+[Alt]と[PrtSc]キーを押します。 Step 2: Paste in Photoshop Photoshopにペーストします Photoshopを起動し、新規ドキュメントを開きます([Ctrl]+[N])。Photoshopはキャプチャに合わせたサイズで開きます。 スクリーンショットをペースト([Ctrl]+[V])します。 Step 3: Chang
一般的なプリントで200dpiで印刷する場合、L版サイズに必要な画素数は、70万画素です。A4印刷でも、400万画素あれば十分ということがわかります。A3印刷でも800万画素でいけます。 さて、ここで質問です。 今まで一番大きく印刷した用紙のサイズは何ですか? よくある写真のサイズと言えば、L版サイズで、この大きさでしかプリントしたことがない人も多いのではないでしょうか。そういう人であれば、わずか70万画素のデジカメで十分ということになります。 家庭用プリンターで一般的なものは、A4サイズまでの印刷に対応しています(A3プリンターはやや高価です)。よって、最大A4サイズまで印刷する人はけっこういます。そういう人なら、400万画素のデジカメで十分ということになります。多少トリミングしたいのであれば、600万画素くらいのデジカメで撮影していると余裕があります。 A3以上のサイズで印刷する場合は
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く