弊社へ資料請求のお問合せは、下記フォームよりお願いいたします。 必要事項をご入力のうえ確認画面へお進みください。 折り返し弊社より、メールまたはお電話にてご連絡差し上げます。 通常3営業日以内にはご連絡いたしますが、3営業日を経過しても連絡がない場合やお急ぎの場合は、お手数ですが下記電話番号までご連絡ください。 お電話でのお問合せ TEL0544-26-3121
資料請求 - 東京製紙株式会社
弊社へ資料請求のお問合せは、下記フォームよりお願いいたします。 必要事項をご入力のうえ確認画面へお進みください。 折り返し弊社より、メールまたはお電話にてご連絡差し上げます。 通常3営業日以内にはご連絡いたしますが、3営業日を経過しても連絡がない場合やお急ぎの場合は、お手数ですが下記電話番号までご連絡ください。 お電話でのお問合せ TEL0544-26-3121
レスポンシブ対応でjQuery不要の高機能スライダー「Swiper」 | Will Style Inc.｜神戸にあるウェブ制作会社
こんにちは、デザイナーの奥田です。 最近フロントエンドでは「脱jQuery」なんて言われていますね。 まだまだjQueryバリバリ書いてますって方もちょっとずつ「脱jQuery」していくとこの先もスキルが活かせると思います。 さて、今回は「もう最近の案件はこれしか使っていないんじゃないか？」というぐらい高機能で便利なスライダーをご紹介いたします。 Table of contentsSwiperの使い方カルーセル表示にするレスポンシブに対応するPC時はグリッド表示、スマホ時にスライドにするサムネイル付きカルーセル表示その他オプションまとめSwiperの使い方まずは普通に使ってみましょう。下記よりファイルをダウンロードするかCDNでの使用でも実装できます。 SwiperCDN CSSとJSを読み込みます。 <html> <head> <link rel="stylesheet" href="h
Photoshop/Illustrator の小技・Tips集
★トーンを極めよう★ 「02. グラデーションのかかった水玉模様」の中で「グレー」に対して「Filter > Pixelate > Color Halftone（カラー・ハーフトーン）」を「１～４チャンネル」すべて同じ数値で適用すると黒い水玉になることを理解しました。 ここでは更にその理解を深め、今後必要に応じて自在にそれを活用できるまでにしたいと思います。 前回は「グレーで均一に塗りつぶした」ものに「Color Halftone」を適用しましたが、今回は「黒から白へのグラデーション」でそれを行ってみます。その結果を通じて「Color Halftone」のメカニズムを完全に理解してしまいましょう。 「横 640 × 480 (pixels）、RGB」で新規書類を開きます。そして「グラデーション・ツール」を選び、「黒から白へ」のグラデーションをオプションで選びます。 下から上へ向けてグラデー
[After Effects CC] Illustratorで作成したパスに沿って線を描く最も簡単な方法 | bakuBLOG+
[AfterEffects] Illustratorで作成したパスに沿って線を描く最も簡単な方法 AfterEffects 2017.01.26 aiデータをAfterEffectsに読み込んで、線をなぞる動画をつくる簡単な方法をご紹介します。初心者向けに書いてますので、動かす部分だけを見たい方は[4. 読み込んだレイヤーを動かす]からご覧ください。作成データはbakuのロゴを変更しました。の記事に使用しています。 STEP1：完成をイメージする どのようなアニメーションにするかをイメージします。今回は[細い線を引く]→[太い線を引く]→[塗りつぶす]→[ロゴタイプ出現]のという流れのアニメーションをイメージしました。 STEP2：Illustratorデータの準備 次にIllustratorのデータを準備します。 AfterEffectsでは、aiデータのレイヤーを保持して読み込むことが
![[After Effects CC] Illustratorで作成したパスに沿って線を描く最も簡単な方法 | bakuBLOG+](https://cdn-ak-scissors.b.st-hatena.com/image/square/0d4912bdf51bbd45d2a609cad8231f57fff8fd2d/height=288;version=1;width=512/https%3A%2F%2Fbaku-blog.com%2Fwp-content%2Fuploads%2F2021%2F07%2Flogo_1200x1200_2.jpg)
デザイナーでもできる、 After Effects からのSVGアニメーション書き出し - LOGzeudon
このページは別のブログに移転しました。
gulp4.0に対応したgulpfile.jsの書き方はたった一箇所を変更するだけでOK！｜ネットのすき間でヤッテキュー！
gulpのバージョンが4.0となってから、これまでのコードではgulpは正常に動かなくなってしまいました。 色々と調べてみると、どうやらタスクは非同期ではなくて並列で実行される仕様に変更になったようです。 さらに大きな変更点は、gulp.taskの引数、gulp.watchの引数が変更になったこと。 [blogcard url=”https://satoyan419.com/gulp-v4/”] その影響もあり、今までどおりの書き方ではgulpが正常に動作することができません。 これ、けっこうハマってしまい困ってる方多いみたいですね・・・ gulp4.0にアップデートしたけど、急に使えなくなってしまってどうしようみたいな書き込みをわりとみかけました。 自分も3.9のまま頑張ろうか4.0にアップデートしようか迷いましたが、いとも簡単に対処できたので、その方法をご紹介します！ gulp4.0を
gulp4.0にしました。 - cidermitaina
大きい案件が始まるので、開発環境を整理したいと思っていたのですが、いろいろ考えた結果gulpのバージョンを4.0にしてみることにしました。 悩んでたこと ページ数の多い案件はgulp、ejsを使ってhtmlにコンパイルするっていう開発をしていました。 ですが、ページ数が多くなるとリロードが遅くなったり、何度もリロードされたり不安定な挙動でした。 原因はhtmlが変更されたらオートリロードが走るっていう記述のせいで、ejsでhtmlをたくさん吐き出すと毎回オートリロードが走ってしまい不安定な挙動になっていました。 そこで、htmlが変更されたタイミングではなくて、ejsが変更されてタスクが終わった後にオートリロードを走らせる処理に変更したいなあ、と考えていました。 やりたかったこと gulpのタスクの実行順を指定したかったのですが、いろいろ調べているみると、 ・ run-sequenceを使
gulp v4.0.0がプレリリース！ 移行方法と変更点まとめ
gulp v4.0.0がプレリリース！ 移行方法と変更点まとめ 2018年1月8日 ※この記事は2018年1月8日に公開しましたが、2020年9月14日に内容をメンテナンスしています。 gulp 2018年1月1日に、gulp v4.0.0がプレリリースされました。この記事では、gulp v4への移行方法と、主な変更点をいくつか紹介します。 gulp v4への移行方法 まず、gulp v3からv4への移行方法について説明します。 gulpのグローバルインストール グローバルインストールされているgulp v3を削除して、gulp v4をグローバルインストールします。 $ npm rm -g gulp $ npm install -g gulp-cli 参照：Quick Start | gulp.js gulpのローカルインストール ローカルインストールされているgulp v3を削除して、g
フリーランスになるまでの3カ月＋実働1カ月でやった20のこと｜鳩
もうすぐ1月が終わる。2019年2月で完全にフリーランスになって１カ月が経つ。前職在籍中の準備期間（だいたい３カ月）から現時点まで、やってきたこと20個くらいをまとめておく。 2018年10月（退職3カ月前）1.ぼんやりと目標を決める 会社辞めて、フリーランスになろうと決める。でも何から始めたらよいか分からなかったので、手帳に「尊敬する人や共感するミッションのために働く」「取材や書く仕事を細く長く続ける」など書いた。会社員の間、お金や数字を目標にしたら何のために続けているのかわからなくなったので抽象的なものがよかった。 2.やらないことを決める 目標以前に、コントロールのきかないことにふりまわされて今の生活を大切にできなくなるのを避けたかった。基本的には家事や休日の時間を切り詰めなくてはならない仕事は、引き受けない。 月の稼働もだいたい160時間くらいを目指すことにした。※後述するがもっと
動画をLive Photosに変換するアプリ「Live Studio」
『Live Studio 』は、動画からLive Photosを作ることができる、これまでありそうでなかったアプリです。 iPhone 6s・6s Plusで撮影できるLive Photosは、シャッターの前後の動画と音を写真と共に保存し、撮影時の臨場感をそのまま残すことができる機能。 そのLive Photosに関して、このアプリは次の3つのことができます： Live Photo > 動画 Live Photo > GIFアニメ 動画 > Live Photo 上の2つの変換が可能なアプリは他にもありますが、最後の「動画 > Live Photos」は、現時点でこのアプリだけの機能のようです。 「動画 > Live Photos」への変換 「Live Photo > 動画」および「Live Photo > GIF」はシンプルなので説明を省かせて頂き、注目の「動画 > Live Photo
ページ読み込み時に実行するjavascriptについてのTips | Tips Note
ページ読み込み時に実行するjavascriptは 指定方法がいくつも存在するため、 複雑になりやすく、度々エラーの原因になります。 【指定方法の種類】 ■onloadイベント ページ読み込み時に実行したい処理がある場合、 通常はjavascriptのonloadイベントを使用します。 BODY要素にonload属性を追加したり、 下記のようなjavascriptの指定を追加する方法がよく見られます。 window.onload = function(){ // ページ読み込み時に実行したい処理 } ■jQueryのreadyメソッド ライブラリとしてjQueryを使用している場合は、 readyメソッドを使用して、ページ読み込み時にjavascriptを実行することができます。 $(document).ready( function(){ // ページ読み込み時に実行したい処理 }); 【
公開期限付きの記事執筆に役立つWordPressプラグイン「Post Expirator」 – ワードプレステーマTCD
書いている記事によっては、長く残すことなく、ある一定の期間内でのみ記事を掲載しておきたい時もあるかもしれません。 かといってその都度、手動で一記事ずつ記事の公開設定を切り替えるのは少し手間がかかりますよね。そこで今回ご紹介するのは、公開期限付きの記事が執筆できるようになるWordPressプラグイン「Post Expirator」です。 これを使うことで、誰でも簡単に限定性のある記事執筆が可能となります。 期間限定で記事掲載ができる「Post Expirator」 「Post Expirator」は、WordPressサイトに掲載する記事の公開期限を設定できるプラグインです。これを使うことで、一時的に掲載しておきたいイベント情報や限定性のある記事執筆に役立ちます。 またSNSからの流入が多いサイトは、SNS上での煽り文句と組み合わせることで瞬発的なアクセス数を稼ぎ、使い方次第では読者にアク
Newton 4 - フラッシュバックジャパン
Newton 4はAfter Effectsでリアルな物理演算を実現し、2Dレイヤーを現実世界のオブジェクトのシミュレーションを実現するプラグインです。 Newton は2Dのコンポジションレイヤーを、現実の環境下で影響を及ぼし合う固定された物体として認識します。各レイヤーは、密度、摩擦、弾力、速度、そして重力などの設定が可能。テキスト、マスク、シェイプなどへの物理シミュレーションが行えます。 バージョン4のリリースでは Waterlike（オブジェクトの浮遊をシミュレート）とTriggers（オブジェクトが衝突とアニメーションをトリガー）、Teleportation（オブジェクトがポータルをすり抜けて指定したポイントにテレポート）、Comp Walls（コンポジションの境界をウォールに変換）、Grenade（オブジェクトをグレネードにしてプロジェクトに爆発的なダイナミクスを導入）などの新
photoshopでgifアニメの容量を縮小・リサイズする方法。
作成したgifアニメ動画の容量を縮小する方法をご紹介します。この方法は作成したgifアニメをPhotoshopに移してweb用に保存を使って縮小する方法です。 gifアニメの容量を小さくするアプリもあるにはありますが難しくて私はうまく使えないのと、自分で容量を調整するやり方の方が仕上がりに納得できるし様々な容量でデータを作成できるので用途が広がります。また、色数調整で思いもよらない効果が得られることもあります。 作成したgifアニメ 容量の単位について容量を現わす単位の大きさ一覧です。 1GB(ギガバイト)=1,000MB 1MB(メガバイト)=1,000KB（キロバイト） 1KB(キロバイト)=1,000Byte（バイト） ギガバイト＞メガバイト＞キロバイト＞バイトの順に大きさが変わります。 主なSNSの容量上限の一覧。Twitter・モバイルは５MB、ウエブは１５MBまで pixiv・
MOV GIF 変換 - ビデオファイルをオンラインで変換する
MOVをGIFに変換する方法： 1. 「FILE」或いは「URL」をクリックして、ローカルファイル或いはオンラインファイルに切り替えます。[ファイルの選択]ボタンをクリックして、コンピュータ上のファイルを選択するか、オンラインファイルのURLを入力します。ファイルサイズの制限が200 mです。ファイルアナライザを使用して、ビデオコーデック、継続時間、ビットレートなどのソースビデオの詳細情報を取得できます。 2. ターゲットのビデオフォーマット、サイズ、ビットレート、アスペクト比、フレームレートを設定します。ミュートオプションを選択すると、ビデオ内のすべてのオーディオ（サウンド）が削除されます。ターゲットフォーマットがMP4、AVI、FLV、MPG、MKV、WMV、M2TS、WEBM、ASF、MOV、M4V、RM、VOB、OGVまたはGIFなどでもいいです。 3. 「今すぐ変換」をクリックし
After Effects character animation workflow
My new motion design course is out now: https://motiondesign.school/products/motion-secrets-with-emanuele-colombo Instagram Page: https://www.instagram.com/ema_colombo/ AfterEffects Project Files: https://gumroad.com/emanuelecolombo FREE Motion Design Class: https://skillshare-ambassador.pxf.io/emanuele (Sign up to get 2 month free and search for my class typing my name in the search bar) Subscr
After Effects Style｜After Effectsを楽しむチュートリアルサイト
After Effects（アフターエフェクツ）について基本操作からTipsなどAfter Effectsの使い方を紹介するチュートリアルサイトです。
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Fabeee株式会社 | 伴走型DX推進(コンサルティング ✕ 実行支援)企業
CC Snow｜エフェクト全パラメーター徹底解説！
基礎から始めるAfter Effects 21-1 （パペットピンツール基本）
