Private content!This content has been marked as private by the uploader.
Private Presentation
Private content!This content has been marked as private by the uploader.
大きな背景画像を使った魅力的なWebサイトを作ろう
2014年9月9日 CSS, Webデザイン 以前このブログで背景に動画を使ったWebサイトの作り方を紹介しましたが、やはり動画を準備するのは少しハードルが高いと感じる人もいますよね。そこで今回は導入しやすく印象に残りやすい、大きな背景画像を用いたWebサイトの作り方を紹介します！ ↑私が10年以上利用している会計ソフト！ 背景に大きな画像を使うメリット・デメリット 大きな背景画像のメリットは、なんといってもその迫力です。言葉を使わずとも、そのWebサイトを通じて伝えたいイメージをストレートに表現できます。その写真が高画質で、クオリティが高いほど印象にも残りやすいので、近年海外を中心に多くのサイトで用いられている手法です。 しかし、いくつかの注意点をおさえておかないと、どんなに素敵な写真であっても効果が半減してしまいます。ひとつは画像が大きければ大きいほど、ページの読み込みに時間がかかって
手軽にサンプル！ スマホやMacBookに指定した画像をはめこめるサイト「Frame」 | ライフハッカー・ジャパン
「Frame」はスマホやMacBookに指定した画像をはめこめるサイトです。自分が運営しているWebサービスやブログのスクリーンショットをスマートフォンやタブレット、MacBookなどにはめこんだ画像を作ることができます。 以下に使ってみた様子を載せておきます。まずFrameへアクセスしましょう。はめこみたい画像を用意してアップロードしましょう。 このようにスマホやタブレットなどの製品に、先ほどアップロードした画像がはめこまれた状態の画像を作成することができました。作成した画像はダウンロードすることができます。ぜひ製品にはめこんだ状態の画像を作りたいときにご活用ください。 Frame （カメきち）
「HTML5で冷気を表現したサイトがすごいな」を分解してみた！ / SQUEEZE - Web Design Studio -
「HTML5で冷気を表現したサイトがすごいな | IDEA*IDEA」で紹介されていた「メンソール系 氷冷エナジードリンク RAIZIN COOL」のリアルな冷気の表現がHTML5/Canvasで作成されているということで、どんな風に出来ているか気になったので分解してみました。 Canvasに透過pngを描画してループさせる (1)(2)(3)と、それぞれに<canvas>を配置します。そこに透過pngで作成されたリアルな冷気画像を、少しずつ動かして描画します。(1)は右から左へ、(2)は時計まわり、(3)は上から下へ。 スムーズなループアニメーション (1)の右から左へのアニメーションの場合、同じ位置に同じサイズで<canvas>を2つ配置して、それぞれに同じ透過pngを描画します。片方は透過pngの幅サイズ分、右にオフセットして画像の右端と左端が継ぎ目なく繋がるようになっています。 マ
人が去り、緑色のカーペットを手に入れた苔むした廃墟
植物の繁殖力があってこそ地球は存続していられると言うほどに、その生命力はあらゆる場所に発揮される。、ほかならぬ植物たちである。酸素を生み出す植物を人工的に飢えて行こうとする人類とは裏腹に、植物たちは人のいない場所でその生を謳歌しているのである。 ■1. この画像を大きなサイズで見る ■2. この画像を大きなサイズで見る ■3. この画像を大きなサイズで見る ■4. この画像を大きなサイズで見る ■5. この画像を大きなサイズで見る ■6. この画像を大きなサイズで見る ■7. この画像を大きなサイズで見る ■8. この画像を大きなサイズで見る ■9. この画像を大きなサイズで見る ■10. この画像を大きなサイズで見る ■11. この画像を大きなサイズで見る ■12. この画像を大きなサイズで見る ■13. この画像を大きなサイズで見る ■14. この画像を大きなサイズで見る ■15. こ
レンタルファッション比較サイト
ちょっと変な特技なんですけど、借りるを見つける嗅覚は鋭いと思います。借りるが流行するよりだいぶ前から、レンタルファッションのがなんとなく分かるんです。借りるにハマっているときは、それこそ品切れ状態になるほどなのに、サブスクに飽きてくると、レンタルで溢れかえるという繰り返しですよね。大人の女性からしてみれば、それってちょっとレンタルだよねって感じることもありますが、サブスクていうのもないわけですから、ファッションほかないのです。邪魔ではないけれど、役立たない特技ですね。 私が無人島に行くとして、ひとつだけ持っていくとしたら、サブスクは必携かなと思っています。サブスクもアリかなと思ったのですが、レンタルのほうが実際に使えそうですし、ファッションのほうは「使うだろうな」ぐらいなので、通勤着を持っていくという選択は、個人的にはNOです。サブスクを薦める人も多いでしょう。ただ、ファッションがあったほ
たった1枚に込められたクリエイティブすぎる17個の広告
こんにちは。 限られた中で表現された、圧倒的にインパクトを与える広告が世の中にはあります。 今日は日本が生み出した、クリエイティブすぎる様々な面白くてユニークな広告をご紹介します。 こくご、さんすう、りか、せかい。 刑事さん。俺がやりました。 新聞広告 ハウスバーモントカレー いま一度、身の回りをお確かめください。 宝くじ引き換えもれ防止キャンペーン 前略。僕は日本のどこかにいます。 青春18切符の広告 最初の晩餐。 味の素 好きは、片思い。似合うは、両想い。 ルミネの広告 かしこいばかになりましょう。 新潮社「新潮文庫」 一番、タフなやつ 。 BOSS ルーチョンキはプイタコエ。ちもがな！ キンチョール 最強の布陣。 王将 打てるものなら、打ってみろ。 発言広告の部・最高賞 悪いことは、作家が教えてくれる。 新潮社「新潮文庫」 大人がお手本。 小学館 どんな夢みてる。 日本航空〈企業広告
【スウォッチ】 綺麗だなと思った写真からカラーパレット化してストックしておく
エイプリル・フールですね。でもこの記事はネタじゃないので普通に読んでいただければと思います（笑）あ、そういえば今日はヒゲを剃りましたよ。ちょっと剃り残しちゃったけど、すぐ戻ります。 さて、Dribbbleとかってそれぞれの作品にカラーパレットが登録されていますよね。 それから検索できたり、便利。 Dribbbleのカラーパレット。.acoファイル(Color Swatches)もダウンロード出来る なんかキレイなカラーパレットって、見てると嬉しくなりませんか？ なりませんかそうですか 好きな写真からカラーパレットを作る 普段、綺麗だなーと思った写真から、メインの色を抽出してカラーパレットとして並べておくんです。 並んだカラーパレットには名前なんてつけてあげちゃって。 根暗でしょう？ でもけっこうデザインする時に役に立つんです。 色の組み合わせ、感情というかストーリーが出
Photoshop・これからのグレースケール画像のつくりかた
グレースケール変換の方法は多々ありますが、どうも「モード」→「グレー」がDisられる傾向があるようなのでそれは違うよ！というところから少し。 モード→グレーは結構優秀 （実際にはモードから変換するのではなくて、「編集」→「プロファイル変換」を勧めます。これだけは設定しておきたいPhotoshopショートカットキーの小ネタ） これを変換してみましょう。 (以下マウスオーバーでこの画像に変わります） モード変換グレー 他と比べると濃いのですが、色の濃度変換は最も感覚的に近いかと。PCの方はカーソル乗せたり外したりしてみてください。 参考：osakana.factory – グレースケールのひみつの３番目 どちらにしても、オフセット印刷向けに変換するのであればこの後の調整は「必須」です。これはどの方法でも同じです。 LabモードLチャンネル Lab変換後Lチャンネルのみ表示させ、そのままモード変
【これが150年前!?】幕末の浮世絵がクール過ぎて圧倒される【まさに神】 | 幕末ガイド
浮世絵といえば、東洲斎写楽や葛飾北斎を思い浮かべる方が多いかもしれませんが、その後幕末から明治にかけて、いま見ても新しい浮世絵作品がたくさん生まれました。今回はそんなクールな浮世絵作品を紹介します。 ※2019年に16作品を追加しました。 巨大な骸骨の妖怪 相馬の古内裏（1845年ごろ） 歌川国芳 非常に有名な1枚。描かれているのは、平将門が討ち取られたあと、その娘とされる滝夜叉姫が呼び出した骸骨の妖怪です。滝夜叉姫はこの妖怪で父亡き後、その遺志を果たそうとしました。※滝夜叉姫は伝説の人です。 作者は奇才・歌川国芳（うたがわくによし）。まずは彼の作品から紹介します。 とどめの一撃 甲越勇将伝 武田家廿四将 三討死之内 諸角豊後守昌清（1847年ごろ） 歌川国芳 ビカーッて漫画みたいになっています。150年前にすでにこんな表現が使われていたことに驚き。 対決 和漢準源氏 乙女 天羅国斑足王悪
【リンク集】無償写真・テンプレ集を山ほど集めたった (1/2)
「急に言われましても」に対応する フリー素材サイトいっぱいお盆だよスペシャル 気の早い話だが、もうすぐお正月だ。 夏コミあとの冬コミがすぐにやってくるように、夏から年末は一瞬。そして新年。新年といえば、年賀状だ。来年であれば巳年だから蛇のイラストの需要が高まるわけだが……そんなとき、知っておくと助かるのがフリー素材サイトだ。 個人利用であれば無料のものが多く、かつデザインがステキ。またビジネス用のテンプレートも豊富に存在しているので、普段からチェックしてけおけば、「急に言われましても」なイベントにも即対応できる。 ということで、お盆スペシャルとして編集部オススメの素材サイトを一挙に紹介していく。個別にブックマークするよりも、このページをブックマークしておくといいゾ。
Easy Ways to Reduce Noise in Your Images
2013年3月25日 Photoshop 暗い場所や室内で取った写真はノイズが入りやすいですよね。画像を補正する際、意外とやっかいだったりします。Photoshopには「ノイズを軽減」機能もありますが、なんだかあまり変化がなかったり…。そんなノイズを簡単に軽減する方法をいくつか紹介します。ビフォー・アフターの差にびっくりしちゃうと思いますよ！ ↑私が10年以上利用している会計ソフト！ Neat Image Neat Imageは画像のノイズ除去を自動で行なってくれるソフトです。Windows、Mac、Linuxで利用でき、Photoshop用のプラグインも使うことができます。無料版と有料版があり、無料版では大きなサイズと商用利用は不可です。今回は無料版を試してみました！
ハリウッド映画のポスターにありがちな13パターン Pouch［ポーチ］
映画の本場といえば、なんと言って米・ハリウッド。毎年数え切れたほどの作品が制作され、のちの作品に影響を与える名作も多数誕生しています。そのハリウッド映画のポスターには、実は決まったパターンがあるようです。過去のポスターのパターンを分類した画像が、海外のインターネットユーザーの間で話題を呼んでいます。以下がその13パターンです。 ・ ハリウッド映画のポスターでありがちな13パターン 1． 浜辺に立つ人々と、空に浮かぶ巨大な顔 感動的なドラマ映画に多く見られるパターン。浜辺に立つ人たちと、空に浮かぶ人物は、作中で別離（死別）する可能性が高いです。 2． セクシーな背中（多くは武器を持っている） アクション映画に多く見られるパターン。 3． 背中合わせ ラブコメディやアクション映画み見られるパターン。多くは男女が背中合わせで立ち、2人は本編で恋愛関係に陥るケースがあります。 4． ベッド ラブコ
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
結婚招待状のこだわりすぎな「出席します」の返信の写真が海外で話題に。 |
ウェブ初心者も安心して作成できる、無料HTMLテンプレート素材24個まとめ - PhotoshopVIP
新着記事
見栄えが良くなるPhotoshop簡単テク
http://antiadinc.tumblr.com/archive
岩が浮いている？！水草レイアウト会の世界の頂点が別世界すぎる - The International Aquatic Plants Layout Contest 2012 -
東京メトロの「マナーポスター」はユーモアがあっていいよね！ : ニュー速VIPブログ(`･ω･´)