理系にも分かるイラストの描き方
ちょっとしたイラストが描けたらなぁ。なんて思うこと多いですが、デジタルならではの方法で簡単に描く方法が公開されていたので、簡単ですが訳したいと思います。詳細はオリジナル記事であるHow to Draw Cute Thingsを御覧ください。 最初に好きなネコとかハムスターとかナマケモノなどの動物の画像を用意する。基本的に何でも良いけど、慣れるまではモフモフ系がやりやすいみたい。トカゲとか蛇はむずい。 選んだ動物を円の集合にする 円じゃなく三角や四角を使ってもよい。動物をシンプルにする工程。画像ソフトのシェイプから選んでね。 できた形の輪郭を描く 必要のない線を消す。余裕あったら脇の下を細めたり足の重なりを上手に書いたりしてみる。 全体のバランスを変形してかわいくする 頭大きくしたり、胴体縮めたり、太らせたりしてかわいくする。ここはセンス。 可愛さは目に宿る 目が一番大事。サンプルを参考に。
「那珂ちゃんはあなたの資材じゃない」――「動物はあなたのごはんじゃない」のパロディが続々発生してる件
「動物はあなたのごはんじゃない」――動物たちのシルエットとともにこんなキャッチコピーが添えられたイラストがネットで話題になっています。この画像はNPO法人アニマルライツセンターが運営するWebページに掲載されているもの。同団体はファミリーマートがフォアグラ入りの弁当を発売することに反対したことでネット上の注目を集めました。この際に、「動物はあなたのごはんじゃない」のイラストが多くのユーザーの印象に残ったようで、多種多様なパロディ画像がネット上に投稿される事態となりました。 元ネタが…… 華麗にパロディ化 「町田は神奈川の領土じゃない」「那珂ちゃんはあなたの資材じゃない」といった面白おかしいパロディから、「僕らはみんなだれかのごはん」といったちょっと考えさせられるものまで、さまざまな画像が作られています。 advertisement 関連記事 こまけぇこたぁいいんだよ ざっくり描いた“よくわ
SVGMagic
div要素の背景画像としてSVGを使用します。 SVGMagicの使い方 Step 1: 外部ファイル jquery.jsと当スクリプトを外部ファイルとしてhead内に記述します。 <head> ... <script src="http://code.jquery.com/jquery-1.10.1.min.js"></script> <script src="http://code.jquery.com/jquery-migrate-1.2.1.min.js"></script> <script src="SVGMagic.min.js"></script> </head> SVG画像をPNG画像に変換するのには、PHPを使用しています。 converter.php（ダウンロードファイル一式に含まれています） SVGMagic.min.js内では、配布元のサーバーのファイルを参照してい
FINDJOB!終了のお知らせ | FINDJOB!
FINDJOB! 終了のお知らせ 2023年9月29日にFINDJOB!を終了いたしました。 これまでFINDJOB!をご利用いただいた企業様、求職者様、様々なご関係者様。 大変長らくFINDJOB!をご愛顧いただき、誠にありがとうございました。 IT/Web系の仕事や求人がまだ広く普及していない頃にFind Job!をリリースしてから 約26年間、多くの方々に支えていただき、運営を続けてまいりました。 転職成功のお声、採用成功のお声など、嬉しい言葉もたくさんいただきました。 またFINDJOB!経由で入社された方が人事担当になり、 FINDJOB!を通じて、新たな人材に出会うことができたなど、 たくさんのご縁をつくることができたのではないかと思っております。 2023年9月29日をもって、FINDJOB!はその歴史の幕を下ろすこととなりましたが、 今後も、IT/Web業界やクリエイティブ
今年こそついにSVG元年？まだ間に合う！SVGの学習に役立つサイト紹介 - 聴く耳を持たない(片方しか)
先日AdobeからこのようなJavaScriptライブラリが公開されました Snap.svg http://plus.adobe-adc.jp/post-4817/ 以前から人気の高かった、IE6でもSVGを表示できるJavaScriptライブラリRaphaelの作者 Dmitry Baranovskiy氏による新たなライブラリで、Raphaelとの違いはSnap.svgではIEなら9以上対応とモダンブラウザを対象にしたこと。さらに自由度と表現力の高いことができるようになっているのが大きな特徴です。 こうしたJavaScriptライブラリがオープンソースで、そしてAdobeから公開されたのは大きなことでこれからSVGもどんどん普及していくのではないでしょうか。 まさに2013年こそついにSVG元年と言えるかもしれません*1。 ……とは言え、そもそもSVGってなに？という人もまだまだ少なくな
JPGとPNGとGIFの違いを理解できるときれいで軽い画像が作れる！
WEBデザイナーの仕事をしてまして、職業柄様々な拡張子の画像を扱いますので使い分けについて分かってるのですが、ブログをやってる方はそこまで気を使ってない人が多いように見受けられます。 特にJPGとPNGは全然違ったフォーマットなので、画像の性質に合わせて使うべきです。
himarin.net - himarin リソースおよび情報
This webpage was generated by the domain owner using Sedo Domain Parking. Disclaimer: Sedo maintains no relationship with third party advertisers. Reference to any specific service or trade mark is not controlled by Sedo nor does it constitute or imply its association, endorsement or recommendation.
SMPRO
SMPRO user’s works #Apple #AppleWatch #AppleWatchUltra #watchOS #watchOS9 #watchOS10 #Music Apple in watchOS10 introduces a new Music player which do you prefer between watchOS 9 and watchOS 10? pic.twitter.com/OZQtiMX4kH — AR7 (@AR72014) June 11, 2023 iPhone and Android users, what is the last song you listened to? 🎧 pic.twitter.com/KrjS8epCwj — Joe (@RealJoseph123) April 20, 2023 We're thrilled
Twitterで、画像の透過を使った「クリック推奨イラスト」が流行中 ポチッてビックリ
「クリックしてみて」「クリック推奨」――ダースベイダーごっこやハリー・ポッターごっこなど、いろんな写真遊びが流行してきたTwitterで、新たな画像の遊びが流行しています。今回紹介する“クリック推奨イラスト”は、創作界隈のユーザーがハマりそうなちょっと凝った遊びです。投稿されたイラストをクリックすると……あれれ、元の絵になかった背景が浮かび上がってきたぞ？ 不思議だーっ！！ 実はこれ、画像の透過機能を活用した遊び。Twitterに投稿できる写真形式の1つである「PNG」は、何も塗っていない箇所を「白」ではなく「無色透明」にできます。この透明な部分には、写真の後ろの色がそのまま透けて現れます。バックグラウンドが白なら白で、黒なら黒で表示されるわけです。 Twitterのタイムラインの背景は白ですが、写真の拡大表示画面の背景は黒。なので、投稿したPNG写真に「白く塗られた」箇所と「透明」な箇所
制作途中にお世話になる、ダミーテキスト・ダミー画像のジェネレーターいろいろ
2021年10月21日 便利ツール Webサイトや印刷物の制作中には、とりあえずで入れておく「ダミー」を使用する事が多々あるかと思います。日本ではアタリ・アテなどとも呼ばれますね。それらのダミーテキストやダミー画像を便利に生成してくれるジェネレーターをいくつか紹介します。いろんな種類のジェネレーターやサービスがあるので、うまく利用して時間短縮しちゃいましょう！ ↑私が10年以上利用している会計ソフト！ ダミーテキスト（英文） Lorem Ipsum ダミーテキストの大本命、Lorem Ipsum。Photoshopでも採用されている、「Lorem Ipsum…」から始まる有名なダミーテキストを生成できます。 Dummy HTML snippets for webdesigners HTMLタグ付きのダミーテキストのジェネレーター。左の要素を右側にドラッグ＆ドロップでカスタマイズできます。類
日本でも海外でも、新しいMac Pro 2013に何かを入れたくてしょうがない人達のツイートまとめ
Mac ProMac Pro 2013に何か入れたくてしょうがない人達のツイートまとめ。詳細は以下から。 動物系 –@paseri_d くまー http://t.co/LhTD4Fza9M #macpro 2013/06/11 16:03:42 –@sistervivienne まっくふろできたよー ( ´ ▽ ` )ﾉ http://t.co/RjljyqYHIO 2013/06/11 16:15:41 –@coro_oyakata MacPro 2013. http://t.co/IiR7zbEpJg 2013/06/11 18:01:28 –@Takuri_east 俺だって… http://t.co/ZZi8KVG9TH #macpro RT @tomozh: お腹が空いてきた…＞日本でも海外でも、新しいMac Pro 2013に何かを入れたくてしょうがない人達のツイートまとめ h
Webサイト高速化に必要な画像形式の基礎知識 (1/3)：CodeZine（コードジン）
はじめに こんにちは、クラスメソッド株式会社でWebを担当している野中です。前回はWebサイトの高速化を行うにあたり知っておきたい「HTTPの仕組み」について紹介しました。 HTTPの仕組みについて何となく理解できたでしょうか？ この連載で紹介していく高速化テクニックの解説を理解するために必要ですので、都合の良い時に読んでおいてください。 「いつ読むか？ 今でしょ！」なんてね（笑） もう古いですね。 対象者 この記事では、特にWebデザイナーを対象としています。 フロントエンドエンジニアの方はWebデザイナーから受け取ったPSD（Adobe Photoshop Data）ファイルや、AI（Adobe Illustrator Data）ファイルから画像を書き出すこともあると思うので、その際の参考にしてください。 Webデザイナー フロントエンドエンジニア Webディレクター Web担当者 ビ
無料で誰でも簡単に画像から背景を消し去ることができる「ClippingMagic」
画像をドラッグ＆ドロップでアップロードし、手前にある残したいものを緑、逆に背景なので消したいものを赤で大ざっぱに塗って指定すると、自動的に判別して背景にある者を消し去ってくれるのが「ClippingMagic」です。 Easily Remove Image Backgrounds Online - ClippingMagic http://clippingmagic.com/ 今回は以下の画像を使って、右側に置いてあるかばんだけを残してみることに。 By laverrue まずはページに画像をドラッグ＆ドロップしてアップロードします するとこうなるので、左上から緑色を選んで、残したいものをぬりぬり さらに背景として消したいものを赤色でぬりぬりすると、自動的に黄色い線がリアルタイムでぐにゃぐにゃと動きまくって境界線を自動判別し始めます。今回の場合、背景にある監視カメラを塗ると、自動的に他の場
身につけておきたいWebサイト高速化テクニック #4｜最適な画像書き出しの基本 | DevelopersIO
みなさんこんにちは、クラスメソッドWeb担当の野中です。 昨日行われたAdobe MAXの発表でFireworksの新機能開発が終了 *1だそうですね。びっくりです。 さて、前回の身につけておきたいWebサイト高速化テクニック #3｜画像形式の基礎知識では、画像の品質を保ちながらファイルサイズを抑えるためにそれぞれの画像形式の特性について紹介しました。 第3回でリクエスト数の削減について先に解説すると記載していますが、文章の構成を考えると画像の書き出しについて先に説明した方が流れとしてわかりやすいので順番を変更しています。 本題 今回はPhotoshopやIllustrator、Fireworksを使った最適な画像書き出しの基本的な手法について紹介したいと思います。 前回の記事で得た知識を前提に解説しますので、まだ前回の記事を読んでいない方は必ず読んでおいてください。 この記事の対象者 W
レンタルファッション比較サイト
ちょっと変な特技なんですけど、借りるを見つける嗅覚は鋭いと思います。借りるが流行するよりだいぶ前から、レンタルファッションのがなんとなく分かるんです。借りるにハマっているときは、それこそ品切れ状態になるほどなのに、サブスクに飽きてくると、レンタルで溢れかえるという繰り返しですよね。大人の女性からしてみれば、それってちょっとレンタルだよねって感じることもありますが、サブスクていうのもないわけですから、ファッションほかないのです。邪魔ではないけれど、役立たない特技ですね。 私が無人島に行くとして、ひとつだけ持っていくとしたら、サブスクは必携かなと思っています。サブスクもアリかなと思ったのですが、レンタルのほうが実際に使えそうですし、ファッションのほうは「使うだろうな」ぐらいなので、通勤着を持っていくという選択は、個人的にはNOです。サブスクを薦める人も多いでしょう。ただ、ファッションがあったほ
身につけておきたいWebサイト高速化テクニック #3｜画像形式の基礎知識 | DevelopersIO
こんにちは、ご無沙汰しています。 Web担当の野中です。 前回の第2回「検証ツールとそもそもHTTPって何だ編」から少し時間が経ってしまいました。 というのもテクニックを紹介するために予想以上の予備知識の説明と検証・調査が必要になり、さらにどう順序立てて解説すべきか悩み時間がかかってしまいました。 ちなみに第2回では、Webサイト高速化に関連してくるHTTPについて基本的なことを紹介しています。 より詳しくHTTPについて解説したCodezineさまに寄稿している連載も是非チェックしてみてください。 本題 さて、今回から実践編ということでフロントエンド側のWebサイト高速化対策の１つ、画像の最適化について紹介します。 初学者向けに細かく基本的なことまで解説しますので、記事を3つに分けます。 画像最適化1回目の本記事では、画像に関する基礎知識について紹介します。 未だにWebサイト高速化の具
Placehold.jp
基本 以下の形式で、指定したサイズの画像を作成することができます。 https://placehold.jp/{幅}x{高さ}.png 例) <img src="https://placehold.jp/150x50.png"> 背景・文字の色サイズを変更する https://placehold.jp/{文字色}/150x100.png https://placehold.jp/{背景色}/{文字色}/150x100.png https://placehold.jp/{文字サイズ}/{背景色}/{文字色}/150x100.png ※背景色・文字色はRGBの16進数表記 例) <img src="https://placehold.jp/24/cc9999/993333/150x100.png"> ファイルフォーマットを変更する URL末尾の拡張子で、pngとjpgの2種類が指定可能です。
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
synclogue-navi.com
メーカーを問わずRAW画像を扱える多機能なRAW現像ソフト「RawTherapee」NOT SUPPORTED
ロゲ会長ジェネレータ
