使うだけで時短になるWeb、デザイン制作の新ツール・フリー素材50選
「日頃の作業をどうにか楽にしたい、できることならだれかやってほしい」と思ってしまうほど自分にあまい筆者が、制作時間の短縮や効率化アップにつかえる新ツールやデザイン素材をまとめました。 すべて手作業だと時間のかかるCSSスタイリングや、スキルも必要な手描きイラストを用意したり、「このツール、早く知りたかった」と思った素材やツールが揃っています。 日頃のワークフローに活用して、デザイン制作の新ルールを一緒に見つけてみませんか。 コンテンツ目次Web便利ツールデザインツールFigma・アイコンツールユニーク・面白ツール Web便利ツール The good colors – Full spectrum – OKLCH 注目の色「OKLCH色空間」によるカラーパレット作成ができるツール。一般的なLCHとOKLCH色の比較の通り、より「いい感じの色合い」で、明度と彩度のトーンがあった美しい配色を生成し
無料で使えるロゴなし編集ソフト7選！選び方も解説| デジタルハリウッドSTUDIO by LIG
こんにちは！ デジタルハリウッドSTUDIO by LIG（通称：デジLIG）運営スタッフのショウタです。 個人・企業ともに動画の使用シーンが増えていますが、無料の編集ソフトを利用すると、動画編集ソフトのロゴが完成した動画に入ってしまうことがありますよね。 「せっかく作った動画にロゴが入ってしまうのは嫌だな……」 「クライアントに見せる動画にロゴは入れたくない」 と感じる方に向けて、無料で使えるロゴなし動画編集ソフトを7つご紹介します。 ソフトの選び方も合わせてお伝えしますので、動画編集を始めてみたい！という方もぜひ参考にしてみてください。
アイキャッチデザインで参考になるWebメディア37選 | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
こんにちは！ インハウスデザイナーのぱんちゃんです。 入社して一年、LIGブログのアイキャッチ画像をひたすらに作ってきました。これまでのLIGのアイキャッチは、記事の魅力が最大限伝わればトンマナはなんでもOK！ ユニーク万歳！ でしたが、CIが変わりちょっぴり大人なLIGになった今、より信頼感やプロフェッショナルさが伝わるアイキャッチに変えていこうと試行錯誤をしています。 新たなLIGらしいアイキャッチはなんだろうと考えたときに「まずは世の中にある素晴らしいアイキャッチを知ることから始めよう！」と思い、他企業・他メディアのアイキャッチの分析を始めました。 今回はクオリティの高いアイキャッチのWebメディアを37個紹介します。 アイキャッチを制作するデザイナーの方、メディアサイトを制作されている方、アイキャッチのディレクションをする方にとって参考になれば幸いです！ 紹介したいWebメディアが
SAMUNE｜良質なデザインのサムネイルを集めたギャラリーサイト
目を惹かれる良質なデザインのYouTubeサムネイルを集めたギャラリーサイト。思わずクリックしてしまうような事例をデザイナー目線で紹介しています。サムネイルに興味を持つ人すべてに、クリエイティブな刺激を与えられますように。
フロント学習の最高の教材集 - Qiita
はじめに 今回はフロント学習で重宝できる教材をまとめました。 軽く自己紹介として、自分は新卒でフロントエンジニアとして入社し2022年で2年目になります。 実際に実務を通す中で「この教材のおかげで実装がスムーズにできた」「この教材をやってたおかげで理解ができた」といったような場面が2年の間で多々ありました。 今回紹介する教材は自分自身が実際に使ってよかったものかつ、そのほとんどが無料で学べるor低価格の教材になっています。 「フロントエンドを網羅的に学べかつ実務の基礎作り」という目的で教材を紹介します。 この記事の主な対象者 フロントエンドの学習をこれからしていきたい人 何を学べばよいのかがわからない人 HTMLとCSSはある程度かける人 この記事の目標 フロント学習の指針が立てられる 実務現場でも活用できるスキルを学べる教材を知れる JavaScript ドットインストールのJavaSc
Webページやアプリの実装に、知っておくと便利なHTMLの属性のまとめ
Webページやアプリの実装に役立つ、知っておくと便利なHTMLの属性を紹介します。すでに使用されているものあると思いますが、いくつはこんな属性もあったのか、と発見があるかもしれません。 24 Lesser-Known HTML Attributes You May Want to Use ✨📚 by Madza (@madzadev) 下記は各ポイントを意訳したものです。 ※当ブログでの翻訳記事は、元サイト様にライセンスを得て翻訳しています。 はじめに 私は少し前に、HTMLのタグについての記事を公開しました。今回はその続編として、知っておくと便利なHTMLの属性を紹介したいと思います。 この記事で紹介する属性はすべて簡単に使用でき、外部ライブラリを使用しなければできないようなタスクを実現するのに役立ちます。 HTMLで特に便利な各属性の使用例と構文を理解しやすいように、コードスニペット
動画編集がうまくなるテクニック6選【初心者から上級者へ】 | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
こんにちは！ 「デジタルハリウッドSTUDIO by LIG」運営スタッフです！ 動画を形にすることはできるようになったけど、「何かパッとしないなあ……」と悩んでいる方も多いのではないでしょうか？ そこで今回は動画編集スクール運営スタッフの目線から、動画編集を上達させるためのテクニック6選をまとめました！ すぐに使えるテクニックが満載なので、悩んでいる方はぜひ参考にして素敵な動画を作ってください！ 3ヶ月でプロになりませんか？ 動画編集を仕事にしたい、プロに教わってしっかりスキルを学びたい……という方は「スクールでの勉強」もおすすめです。 未経験から3ヶ月で「現場レベル」の動画クリエイターに。スクールでどんな内容が学べるのか、ぜひ一度詳細をチェックしてみてください！ 👉「デジタルハリウッドSTUDIO by LIG」詳細へ おすすめの動画編集スクールを徹底的に比較したい場合は、こちらの記
オウンドメディアに人を集めるには？7つの集客方法とポイントを解説 | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
こんにちは。外部メディアコンテンツ制作チームのモッチーです。 オウンドメディアの立ち上げや運営において、継続的に集客していくことはとても難しいことです。特に現在は様々なメディアが世の中に存在し、日々膨大なコンテンツが世の中に発信されていることから、集客に繋げることがいっそう難しくなっていると感じます。 今回は、そんななかでも成果を出すためのオウンドメディアの集客方法ついて、日頃から意識することやチャネルの選択、設計ポイントを紹介していきます。 「オウンドメディアを運営してるけどなかなか成果がでない」「どう施策を立てるかわからない」などでお困りではありませんか？ ・SEO対策で自然流入が14倍。うち10位以内は0％→7％に ・認知拡大を目的とするオウンドメディアで、コンテンツ企画〜制作までを継続的に支援し、月間40万PVまで成長 など、15年近くオウンドメディアの運営・支援をおこない実績をだ
初心者でもできる動画編集のやり方！無料のおすすめソフトもご紹介！ | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
こんにちは！ デジタルエデュケーション部のペイです！ 近年簡単に動画の撮影や記録ができるようになりました。YouTubeやInstagram、TikTokなど、動画を使用した媒体も増えてきており、初心者の方でも動画編集をしたいという方も増えているのではないでしょうか？ 今回は動画編集の初心者の方が、最低限知っておくべき内容や、必要なものをまとめました！ 動画編集の前に揃えておくべきものは？ 動画編集を実際に行う前に、お手元に準備しておくものがありますので、ひとつずつ見ていきましょう。 素材 素材は、実際に動画編集にする前に撮影をした動画データや、画像データ、音声データなどのことを指します。動画をスマホで撮影する人が多いと思いますが、最近では一眼レフやミラーレスカメラでの撮影を行う人も多いです。手元にあるカメラを利用して、まずは撮影をしていきながら、編集に必要な素材を集めましょう。 画像デー
無料と有料のおすすめ動画編集ソフト・アプリ8選！選び方のポイントも | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
こんにちは、みおです！ 今回の記事では、これから動画編集にチャレンジしたいけれども、たくさんありすぎでどのソフトがいいのか分からない！とお悩みの方に向けて、動画編集ソフトを選ぶポイントやおすすめの編集ソフトを紹介していきます。 初心者〜プロ向けのソフトまで無料と有料に分けて幅広く紹介していきますが、どちらかと言えば動画編集ソフトを触ったことが無い初心者の方向けの記事となっています。ぜひ自分に合うソフトを探してみてください！ 動画編集ソフトを選ぶ前に 動画編集ソフトといっても初心者の方に優しいものからプロ仕様のものまでたくさんあります。まずは、自分に合うソフトを選ぶために選ぶポイントを把握することが大事です。 PCのOS（WindowsかMacか)やスペックは？ 自分のPCがWindowsかMacか、そしてスペックを確認しましょう。 自分のPCのOSやスペックによって使える動画編集ソフトは変
【HTML】知っておくと便利！短いHTMLコードで実装できる小技テク17選
この記事では、あまり知られていないHTMLの小技20個を実例サンプルと一緒にご紹介します。 CSSやJavaScriptなども使わずに、わずかなHTMLコードだけで実装可能な便利テクニックで、手軽に利用できるのもポイントです。 先日紹介したCSS小技テクと一緒に活用してみてはいかがでしょう。 【CSS】知っておくと便利！短いコードで実装できるCSS小技20選 たった1行のCSS！よく見かけるWebレイアウトを実現する凄技テクニック10個 そもそもHTMLってなに？ HTML（Hypertext Markup Language）は、Webブラウザで表示するための基本となる標準的なマークアップ言語です。また、CSS（Cascading Style Sheets）などの技術や、JavaScriptなどのスクリプト言語によってサポートされることもあります。 ホームページを作るときは、まずHTMLを
Facebook, Twitter, Instagram, TikTokなど、各ソーシャルメディアで最適な画像・動画サイズのまとめ -SocialSizes
Facebook, Twitter, LinkedIn, Instagram, Pinterest, TikTok, YouTube, AppStoreなど、各ソーシャルメディアで最適な画像のサイズ、最低限必要なサイズ、動画の長さなどをまとめてダウンロードできるSocialSizesを紹介します。 Adobe XD, Figma, Sketch, Photoshop用のファイルが用意されており、個別でも一括まとめてダウンロードもできるので非常に便利です。 SocialSizesでサポートされているソーシャルメディア Facebook Instagram LinkedIn Twitter Snapchat YouTube Pinterest Twitch Whatsapp AppStore TikTok ProductHunt Vk PlayStore 各ソーシャルメディアで最適な画像・動画
まるでプロ！動画編集が捗る無料エフェクト素材350個まとめ【商用フリー】
高機能なカメラがスマートフォンで当たり前になった今、動画撮影の専用機材がなくても、だれでも気軽に美しい映像を撮影できる時代となりました。撮影した動画をより魅力的に見せるには、編集や加工といった作業が必要ですが、ゼロから作ると膨大な時間がかかることも。 After Effects や Premiere Pro、Final Cut Pro X などで利用でき、プロ級の本格的なエフェクトを手軽に実現する無料素材350種類が公開されていたので、今回はご紹介します。商用プロジェクトにも対応です。 まるでプロ！動画編集が捗る無料エフェクト素材まとめ 落書きしたようなハンドペイント21種類や、動画のアクセントになるモーショングラフィック集、映画のような壮大な雰囲気を演出するサウンドエフェクトなど、どれも実用的ですぐに使える素材が揃っています。素材を活用することで、動画のクオリティをアップさせるだけでなく
The Best Free Stock Video Sites - 1stWebDesigner
Free stock videos are an insanely valuable resource for web designers and video editors. A sweeping landscape shot can set the scene for a website’s animated background, or nicely fill a transition in a video. But of course, most people can’t afford the equipment to record such footage. Stock videos are a quick and easy way to find short, high quality clips when you need them. But videography isn’
動画がアツい！After Effectsで使える無料テンプレート厳選65個カテゴリ別まとめ【完全版】
これまでAdobe After Effects（アフターエフェクト）と言えば、プロの動画クリエイター向きツールというイメージでしたが、動画をつかったコミュニケーションが普及したことで、After Effectsを活用するシーンがますます増えています。 最先端のビジュアルエフェクトとモーショングラフィックスを実現でき、柔軟にカスタマイズできますが、ゼロから制作すると時間がかかることもしばしば。そんなときは、After Effectsのテンプレートを利用して、作業を効率化してみましょう。 ここでは、無料ダウンロードできるAfter Effects用テンプレート素材厳選65個を、カテゴリーに分けてご紹介します。 コンテンツ目次 0. After Effectsとは？ 1. タイポグラフィー用テンプレート（6個） 2. ローワーサード用テンプレート（7個） 3. イントロ用テンプレート（7個） 4
高品質な映像でデザインに可能性を与えるフリービデオ素材サイトまとめ「5 Sources of Free High-Definition Stock Video」
TOP > Design , WebDesign > 高品質な映像でデザインに可能性を与えるフリービデオ素材サイトまとめ「5 Sources of Free High-Definition Stock Video」 美しく高品質な映像をウェブサイトのヘッダーに使用すれば、新たなデザインの可能性が広がります。そんな中今回は、高品質な映像でデザインに可能性を与えるフリービデオ素材サイトまとめ「5 Sources of Free High-Definition Stock Video」を紹介します。 Videvo フルHDや4Kといった高画質な映像と、目的に合ったファイル形式に対応できるフリー動画サイトがまとめられています。気になったものをいくつかピックアップして紹介します。 詳しくは以下 Stock Footage For Free アカウントを作成するだけで誰でも利用することができま
動画、映像作品がグンと良くなる！制作に役立つ無料エフェクト素材191個 - PhotoshopVIP
SNSなどソーシャルメディアをつかった共有、シェアが当たり前になっているいま、プロモーション用の映像やムービー動画などのコンテンツが増えています。先日のAdobe Maxでは、初心者でも簡単にできる動画編集アプリ Premium Rush が発表され、YouTube向け動画などを簡単に作成できるようにもなりました。 After Effects や Premiere Pro、Final Cut Pro X などで手軽に利用でき、プロ級の本格的なエフェクトを実現できる、無料素材191種類が公開されていたので、今回はご紹介します。 完全無料で使える！映像制作に役立つフリー動画素材サイト16個まとめ 動画、映像作品がグッと良くなる！制作に役立つ無料エフェクト素材まとめ キラリと光るレンズフレア17種類や、壮大な宇宙をテーマにしたテクスチャ素材、写真ギャラリーなどの切り替えに便利なモーショングラフィ
初心者必見！プロっぽい動画の作り方って？「動画クリエイティブ体験」イベントレポート | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
お初にお目にかかります！ デジタルハリウッドSTUDIO by LIGのペイです。 デジタルハリウッドSTUDIO by LIGとは 株式会社LIGとデジタルハリウッド株式会社が業務提携をしてはじめたクリエイター養成スクールのこと。現在、上野と池袋にて受講生を募集しています！ 突然ですがみなさま、普段から動画を撮影したりしますか？ 実は私、最近動画撮影にハマっておりまして。日々の出来事を動画で記録したりしているんですよ。 でも自分が撮影した動画を見ていてよく思うのは…… なんかダサい。 なんかかっこよくない。 なんか……うん。 そんな私の心の声が届いたのでしょうか。 先日、デジタルハリウッドSTUDIO by LIGの10月のイベント第4段として「動画クリエイティブ体験」が開催されました。
「動画クリエイティブ体験 〜撮影から編集、ロゴアニメーションまで作ってみよう〜」を開催します！※10/21(日)11時〜＠LIG本社 | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
「動画クリエイティブ体験 〜撮影から編集、ロゴアニメーションまで作ってみよう〜」を開催します！※10/21(日)11時〜＠LIG本社 こんにちは！ STUDIO by LIGの運営を担当しております天です！ STUDIO by LIGでは今月もたくさんのイベントを企画しております！ そんな10月のイベント第四弾は、初心者向け動画講座を開催いたします！ LIGが運営するクリエイタースクールSTUDIO by LIGには、WebデザインやWebプログラミングといったカリキュラムのほかにも動画編集やアニメーション制作が学べるカリキュラムがあります。 デジタルハリウッドSTUDIO by LIGとは 株式会社LIGとデジタルハリウッド株式会社（通称：デジハリ）が業務提携をしてはじめたクリエイター養成スクールのこと。現在、上野と池袋にて受講生を募集しています！ 「でも、動画を学ぶっていってもハードル
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Engadget | Technology News & Reviews
