デザイナーが確認しておきたい、デザインリソース完全ガイド 2016年度
オンラインホームページ作成ツール Webydo で働いている現役デザイナー達が、普段からよく利用している、作業を楽にするオンラインツールやリソース75個をまとめています。 ウェブサイトでよく利用する写真の見つけ方や最適化方法から、アイコンやフォント、配色などデザイナーが一度は困ったことのある問題を解決してくれる凄腕ツールが揃っています。現在の制作フローに活用し、より快適な作業を実現しましょう。 コンテンツ目次 イメージ画像・ビデオ動画の関連ツール アイコン関連ツール 書体、フォント関連ツール 配色カラーツール モックアップ＆プロトタイプツール ウェブサイト制作ツール コラボレーション、作業効率ツール デザインコミュニティーサイト オンライン・ラーニング、スクール イメージ画像・ビデオ動画 ShowBox – ブラウザ上からスタジオ制作されたような、高品質なビデオ動画を作成できます。 Cov
制作技術は見て盗め？オンラインで作業中の様子を公開している動画サイト
2015年8月10日 Webサイト制作, 便利ツール 以前、すでにWeb制作者として就職している方から「まわりの同僚のように早く作業ができない」「作業の効率のいい進め方がわからない」という悩みを受けたことがあります。作業の効率化について紹介しているWebサイトや書籍も多く見つけられるかと思いますが、実際に手を動かしているところを見るのもひとつの方法です。他の人がどう作業を進めているか、見てみましょう！ ↑私が10年以上利用している会計ソフト！ 人がコーディングしているところを盗み見 「盗み見」なんてあまりいい響きではありませんが、賛否はどうあれ「技術は見て盗め！」という昔からの教育方針も存在します。会社の先輩、学校やコワーキングスペースの凄そうなオーラを醸し出している人の作業を見てみるといいかも。もちろん、絶対に作業の邪魔はしないようにしましょう！ 「技術を見て盗む」メリット 作業の新しい
超簡単にシネマグラフ（一部分だけが動いているgif画像）を作成できるアプリ「Cinemagram」が凄い！
Cinemagram – create fun, short videos. アプリを開くと簡単なチュートリアルが。 仕組みとしては、まず短い動画を撮影→アニメーションにする部分を選択→書き出し、と言う感じ。って言うかそれだけ。 渋谷のスクランブル交差点で実際にやってみました。まずは2秒ほどの動画を撮影します。手ブレしないように注意。 すると、自動でアプリが動いている部分を判断して勝手にシネマグラフを作ってくれます。エフェクトを加えれば取りあえず完成しちゃいます。 これでも十分凄いのですが、動いている部分を調整したい時は「EDIT」をタップしましょう。 こちらがマスクの編集画面。適宜、画像の動かしたい部分にマスクをかけてあげましょう。マスク部分は黒く半透明で表示されます。 一番右「loop」をオンにすると、逆再生の動画を付け加えたgif画像が作成されます:) PLAYボタンで画像のできを確
2014年のWebデザイントレンド｜背景に動画を取り入れた印象的なサイトまとめ | ピクスタアンテナ
こんにちは。PIXTAスタッフのmariです。 最近、動画を活用しているWebサイトをよく見かけますね。 サービスや製品、ハウツーをわかりやすく伝えるために、動画が多用されています。 2013年は、Photoshopなどのソフトやツール、スマートフォンの新しいアプリの使い方など、 動画で、ハウツーをわかりやすく見せる使い方が多用されました。 また、採用・求人ページなどでは、社内の雰囲気やスタッフの仲の良さを動画で収め、 文字だけでは伝わらない空気やニュアンスを伝える、といった活用も見受けられましたね。 そんな動画のサイト活用ですが、 2014年のWebデザイントレンドとして注目されているのは、コンテンツとして用いるだけでなく、 背景イメージとして動画を用いる手法です。 背景イメージとして動画を取り入れることで、いちいち再生ボタンを押さずとも サイトへアクセスすると同時に動画がはじまり、瞬く
背景に動画を使ったWebサイトの作り方
2023年5月12日 jQuery, Webサイト制作, Webデザイン 2012年後半あたりから少しずつ目にする機会が増え、今では海外サイトを中心に世界中に広まった、背景に動画を用いたWebサイト。サイトの雰囲気や、サービスの具体的な内容を背景に流すことで、よりユーザーの視点をスクリーンに注目させることができます。今回はそんな背景動画の実装方法を、実例サイトと共に紹介していこうと思います。 ↑私が10年以上利用している会計ソフト！ KINS WITH 動物病院のWebサイトでは、かわいいわんちゃんの動画とともに院内の様子がよくわかる動画を掲載しています。 AquallのWebサイトでは画面全体ではなく、動画の一部をくり抜いたような形で動画を掲載。背景の装飾としてよく溶け込んでいます。 動画を用意する まずは背景に表示したい動画を用意します。動画を用意する方法は大きく分けて4通り。 自分で
iPhone/Androidなどあらゆる機器向けに動画変換できる「Hamster Free Video Converter」 | フリーソフト,Windows PC活用情報局
Hamster Free Video Converter 「Hamster Free Video Converter」は、iPhoneやiPad、Android、PSPなどをはじめ、あらゆるデバイスやフォーマット向けに動画をドラッグ＆ドロップだけの簡単な操作で高速変換できる、シンプルで分かりやすいユーザーインターフェースと高い性能を兼ね備えた動画変換ソフトです。 動画を再生したいデバイスを200以上のメーカーや機種の中から直接指定して、音声コーデックや画素数などそのデバイスにぴったりのフォーマット形式に変換できるため、ややこしい知識が一切なくても画面を一目見れば誰にでもすぐに使いこなせる点や、多数の動画形式に対応しているという万能性が最大の特徴。 もちろん、各デバイス向けの形式だけでなく、AVIやMPEGなど変換したいフォーマットを任意に選んだりビットレートを詳細にカスタマイズすることもで
TechCrunch | Startup and Technology News
Small operations can lose customers by not offering financing, something the Berlin-based startup wants to change.
動画をあらゆるフォーマットに変換できる「Hamster Free Video Converter」が便利 : ライフハッカー［日本版］
「Hamster Free Video Converter」は、動画をあらゆるフォーマットに変換できるフリーソフトです。たとえば、iPhone用やPSP用などに変換できます。いろんな機種が揃っているのでとっても便利。 また、拡張子を指定して変換することもできます。対応フォーマットは、Complete list of supported conversionsをご覧ください。日本語も対応しているので、使いやすいです。 以下に使ってみた様子を載せておきます。 まず、Hamster Free Video Converterのサイトにアクセスし、ダウンロードしましょう。ダウンロード後、インストールします。 Hamster Free Video Converterを起動すると、このような画面になります。 「Setting」より、日本語に設定することができます。 動画をドラッグ＆ドロップで読み込みます
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
