東京を舞台に描かれている映画『天気の子』。現実感を身近に感じさせる画づくりを支える「Google Earth」の活用について紹介する。 ※本記事は月刊「CGWORLD + digital video」vol. 254（2019年10月号）からの転載となります。 TEXT＿草皆健太郎（BOW） EDIT＿斉藤美絵 / Mie Saito（CGWORLD）、山田桃子 / Momoko Yamada ■映画『天気の子』の関連記事はこちら 映画『天気の子』特集記念！ メインスタッフインタビュー～色彩設計篇～ 映画『天気の子』特集記念！ メインスタッフインタビュー～VFX篇～ 映画『天気の子』特集記念！ メインスタッフインタビュー～撮影篇～ 映画『天気の子』 原作・脚本・監督：新海 誠 音楽：RADWIMPS 声の出演：醍醐虎汰朗／森 七菜／本田 翼／吉柳咲良／平泉 成／梶 裕貴／倍賞千恵子／小栗
Apple’s big AI rollout at WWDC will reportedly focus on making Siri suck less
ベタ塗りがリアルな風景に──NVIDIAがAIイラストツールを無料公開 作ったデータはレイヤーごとPhotoshopへ引き継ぎ可
米NVIDIAは6月23日（現地時間）、簡単なベタ塗りを風景写真のようにAIが自動変換するツール「NVIDIA Canvas」の提供を始めた。公式サイトでβ版を無料公開している。 例えば「山」のペンで三角形を描くと、風景写真に写るようなリアルな山に変換。ペンは「雲」や「草」「岩」など15種類を用意し、これらを組み合わせて風景のイラストを作成する。光の当たり具合など、イラストの雰囲気を9種類から選べる機能も搭載。ファイルはPNGかPSD形式で出力できる。PSD形式の場合はレイヤー分けも可能で、「Photoshop」に編集作業を引き継ぐこともできる。 同社が2019年に公開したAI技術「GuGAN」を活用。現実の写真500万枚以上を学習した、ディープラーニングアルゴリズムの一種「Generative Adversive Networks」（GAN、敵対的生成ネットワーク）を使い、画像を生成する
remove.bgが神アップデートです！ 1クリックで画像から背景だけを切り抜くremove.bgが、6月のアップデートで動物や植物や物体などもサポートしました。 ネコや犬やアルパカや鳥やペンギン、花や植物、食料、家具、自転車、飛行機などの画像も1クリックで背景だけを切り抜きます。
巨匠の作品にもダメだし!? 『AKIRA』『カウボーイビバップ』『ゴールデンカムイ』などを手がけたデザイナーに訊く、「アニメとデザイン」の舞台裏 | 集英社オンライン | ニュースを本気で噛み砕け
――グラフィックデザイナーとはどんなお仕事なのでしょうか？ ロゴやポスター、DVD／BDのパッケージなどを作るのがグラフィックデザイナーの主な仕事です。 アニメのグラフィックデザインの場合、そのテーマとなる作品自体がそもそも視覚的な作品であるという特徴があるため、デザインの主役となるのは、必然的にキャラクターなどのイラストとなることが多いです。 また、アニメ関係者はビジュアルを扱うプロなので、デザインに要求するレベルも高いのですが、アニメ側の方もデザインのプロではないので、最終的なイメージはどこかモヤモヤしている。 そのモヤモヤにアイディアをプラスして具体化するのが僕らの仕事ですね。 ―― 実際にデザインを作る際に最も気をつけていることは？ やっぱり、主役となるイラストなど作品に関するビジュアルが、最も素晴らしく見えるようにしたいということです。 例えば、メイン要素となるイラストをいただい
Rootport💰🍹🍑 @rootport 画像生成AIで「LoRAを階層マージして自分の独自checkpointを作る」とか「ControlNetを駆使して実写映像をアニメ化する」とかやっているレベルの人なら、AIはPhotoshopやblenderに次ぐ「新しい創作ツール」だ……という感覚に納得できると思う。けれど、 2023-06-07 12:03:47 Rootport💰🍹🍑 @rootport そこまでAI沼に浸かっていない世間一般の認識は「馬に乗った宇宙飛行士と命じたら馬に乗った宇宙飛行士が描けた」という単純なtxt2imgの技術のレベルで止まっているんじゃないか。AIで画像を生成するのは、海辺で綺麗な流木を探すのと同じようなもの。創作活動とは呼べない……という感覚。 2023-06-07 12:06:02
2023年11月24日紙版発売 株式会社ICS 池田泰延，西原翼，松本ゆき 著 A5判／344ページ 定価2,860円（本体2,600円＋税10%） ISBN 978-4-297-13871-4 Gihyo Direct Amazon 楽天ブックス honto ヨドバシ.com 電子版 Amazon Kindle この本の概要 フロントエンド開発の範囲は広く，習得すべき技術は多種多様です。 HTML・CSS・JavaScriptはフロントエンドエンジニアにとって共通言語ではあるものの，Webサイトを制作するのか，Webアプリケーションを開発するのか，その違いによって採用すべき技術は全く異なります。それは，Webの多様性に対して技術的な正解がひとつではないことを示しています。 本書はフロントエンドの技術を俯瞰し，「エンジニアが共通して知っておくべき技術はなにか」，「（多種多様なエンジニアにと
高機能なカメラがスマートフォンで当たり前になった今、動画撮影の専用機材がなくても、だれでも気軽に美しい映像を撮影できる時代となりました。撮影した動画をより魅力的に見せるには、編集や加工といった作業が必要ですが、ゼロから作ると膨大な時間がかかることも。 After Effects や Premiere Pro、Final Cut Pro X などで利用でき、プロ級の本格的なエフェクトを手軽に実現する無料素材350種類が公開されていたので、今回はご紹介します。商用プロジェクトにも対応です。 まるでプロ！動画編集が捗る無料エフェクト素材まとめ 落書きしたようなハンドペイント21種類や、動画のアクセントになるモーショングラフィック集、映画のような壮大な雰囲気を演出するサウンドエフェクトなど、どれも実用的ですぐに使える素材が揃っています。素材を活用することで、動画のクオリティをアップさせるだけでなく
"デザインシステム"の過度な一般化とその対応について - Continuity is The Father of Success
デザインシステムという単語が、曖昧に、広い意味で使われているように感じるこの頃。 デザインシステムについて見聞きすることが増えてきました。 かくいう自分も、デザインシステムに関してブログを書いたり、参考にしたりしています。 モバイルアプリ業界に、デザインシステム導入や検討の流れが来ているようです。 ただ、デザインシステムの議論には話の筋がとっ散らかっているという印象が拭えません。 「デザインシステムで解決したいこと」や「デザインシステム導入のコスト」、そ「デザインシステムを誰が管理するか」あたりが、特に雑多な印象です。 デザインシステムとはナニで、どう適用されるモノなのか。 そして、特に起きがちなデザインシステムの過度な一般化について、扱ってみます。 デザインシステムの過度な一般化 試みたいこと デザインシステムのカバー範囲の分解 Level 0 Level 1 Level 2(広義のデザ
値上げの理由について同社は「新しいアプリ、サービス、機能、コンテンツを定期的に追加することにより、Creative Cloudを継続的に改善している」とした上で「それに伴い、メンバーシップへの付加価値を反映して、プランおよび価格を改定している」と説明。他に、各地域の税金の変更など、各マーケット状況に応じて価格を調整する場合もあるという。 「Creative Cloud 個人版コンプリートプラン」の前払いの年間支払いプランなど、一部のプランは値上げの対象外としている。アドビは3月28日から4月27日の間に、各ユーザーに価格改定のメールを送る予定。 関連記事 全ての都立校でAdobe導入 デザイン、Webページ、動画などの製作に活用 東京都教育委員会が、都立学校にAdobe Creative Cloud Expressを導入した。児童生徒16万人と教職員2万人が、学校や自宅でデザイン、Webペ
デザイナーがコーディングできるべきかという議論がSNS上で白熱していますが個人的にはあまり興味がなく、コーディング経験の有無に関係なくWebに適したデザインデータを作ってもらえたらあとはフロントエンドの領分であると思っています。 とはいえ、Webに適したデザインデータをつくれないデザイナーが多いのでああいった議論が白熱するのではないかとも思っています。 Webに適していないデザインデータとはどういったものかというと、古くから言われているものではPhotoshopの『乗算』を使うとCSSで表現できないためダメというものがあったりします。 CSSでもmix-blend-modeという機能で対応できるけどブラウザの対応状況を鑑みるに、よほどの理由がないかぎりPhotoshopの『乗算』を使っていはいけないのが今の現実です。 参考：mix-blend-mode - CSS: カスケーディングスタイ
近年はソフトウェア開発の場の多くで人工知能(AI)が利用されており、その活用の場は1日1000個のA/Bテストを行う「Booking.com」や配車アプリLyftのマーケティングを自動化までさまざまです。Photoshopの開発元であるAdobeのAI「Adobe Sensei」も機械学習を利用していますが、「他とは違う独特のデータ」を持っているがゆえに、画像検索や動画編集などのレベルがすさまじいことになっています。 Adobe Sensei https://www.adobe.com/jp/sensei.html 左側の男性がAdobe Senseiのエンジニアリング担当ヴァイスプレジデントであるスコット・プレボスト氏で、右側の男性がアメリカPRチームのクレッグ・カリーカ氏。 Adobe Senseiは、いわゆる「一般的なAI」とは目的が異なります。Adobeは画像・映像の処理という専門
AI画像生成とワールド制作｜るら
自宅用に使えるワールドをBoothで販売してたりします。 ワールド制作の役に立つかなー、と思ってAI画像生成に手を出してみた、という次第です。 DALL·E 以前からAI画像生成自体、ワールド制作の何かに使えそうだなー、とうっすら考えていたところ、DALL·EというAI画像生成のサービスの噂を聞き、Waitlistに並んで3ヶ月ほどが経ちました。 そして先日、ついにアクセス権を手に入れた…！！ とりあえず試してみると… え……すご…（言葉を失う）いや、なにこれ、すご… もうなんにでも使えるじゃん。 よっし、いろいろ試すぞー！！！ …となっていたところだったのですが、ベータテストと方針が変わり、無料体験分を使い切ると15＄で115回分のチケットを購入する、という方式になっているようでした。 まー、そりゃそうだよねー。サーバー負荷とかすごそうだし… 凄い画像を生成できるならそれでも安いかー で
おそらく多くのWebデザイナーが待ち望んだであろうiPad版のPhotoshopがリリースされました。 私はiPad Pro 9.7インチモデルでさっそく使用してみたのですが、なかなか驚きの完成度だったのでどのようなアプリか紹介したいと思います。 著者は 神速Photoshop [Webデザイン編] をはじめとしたPhotoshopやIllustratorの解説書を書いている @Stocker_jp です。 まずは写真補正から 一眼レフカメラで取り込んだ写真を現像しようとRAWデータを開こうとしても、Photoshopアプリでは開くことができません。 先にLightroomアプリで現像しJPEG形式で書き出す必要があります。 続いてPhotoshopアプリで明るさやコントラストの強さを微調整しようとトーンカーブ補正を探したのですが［調整レイヤー］一覧の中にありませんでした。 さすがに何かの
私は普段、家の脱衣所で仕事をしているのだが、デスクの隣にある縦型洗濯機がちょうどいい高さということもあり、そこにいつも仕事中に参照する本を積んでいる。洗濯機の蓋もまさか、漬物石みたいに本が置かれることになるなんて思ってもみなかっただろう。それらの本は主に、その時々の仕事に関係するものとか、読みかけのものだったりするから、頻繁に入れ替わっていくのだけど、ずっと置いているお気に入りが、いくつかある。そのうちの一つが、OOUI 本こと『オブジェクト指向 UI デザイン 使いやすいソフトウェアの原理』- ソシオメディア株式会社、上野 学、藤井 幸多（著） 上野 学（監修）だ。 出版されてから 3 年以上たっても、私は時折この本をふと、開いてみてはいつの間にか没頭し、そういえば私は仕事をしていたんだっけな、みたいになってしまう。端的に言って大好きだ。この 3 年間で読書会も 2 度主催したことがある
「はてなブログ」でも使える無料デザインツール【Canva】このクオリティ使ってみるしかない！ | ワーキングノート
「Canva」とは そもそも、ボクは普段TOP画像は「illustrator」や「photoshop」で作成していますが、デザインをやっていない人にとってそういうデザインソフトは高く感じるし、ブログだけのためにわざわざデザインソフトを使うことはないと思います。 しかしながら、今回紹介する「Canva」は無料でブラウザ上やスマホアプリで簡単にオシャレなデザインができます。 これがあると誰でもデザイナーっぽいオシャレでカッコいいデザインが作れるという事で人気を集めています。 また、ポスターや名刺、インスタ用の画像など様々なサイズのデザインに対応しているので使い勝手もいいでしょう。 スポンサーリンク 「Canva」の使い方 それではボクも初めて使ってみたので、作りながら「Canva」の使い方を説明してしていきます。 （今回、諸事情でスマホで作ったのでスマホでの説明になります。PCでの利用はこちら
目次＃ 前編 準備段階：計画と指標 パフォーマンスを重視する文化、Core Web Vitals、パフォーマンスのプロファイル、CrUX、Lighthouse、FID、TTI、CLS、端末。 現実的な目標の設定 パフォーマンスバジェット、パフォーマンス目標、RAILフレームワーク、170KB/30KBバジェット。 環境の定義 フレームワークの選択、パフォーマンスコストの基準設定、Webpack、依存関係、CDN、フロントエンドアーキテクチャ、CSR、SSR、CSR + SSR、静的レンダリング、プリレンダリング、PRPLパターン。 中編 アセットの最適化 Brotli、AVIF、WebP、レスポンシブ画像、AV1、アダプティブメディア読み込み、動画圧縮、Webフォント、Googleフォント。 ビルドの最適化 JavaScriptモジュール、モジュール/ノーモジュールのパターン、ツリーシェイ
運営管理人すしぱくです。('A')ﾉ ぱくたそでは、誰でも自由に利用できるフリー素材を配布しています。公開している写真は撮って出しもありますが、基本的にはレタッチを行いできるだけ雰囲気に合わせた仕上がりに加工しています。 そのレタッチの際に各カメラマンが使っている Photoshop / Lightroom / Brigde のプリセットを配布するサイトを作りました。 Photoshop / Lightroom 用 Camera Raw プリセットの「ぱくたそプリセット」 その名も「PAKUTASO PRESET」です。 PSはPhotoshopの略名とか、PAKUTASOの文字列から抜粋とか、色々と考えはありますが気にしないでください。読み方は「ピーエスプリセット」となります。 どのようなサイトなのか ぱくたそでは、日々多くの写真を追加し続けています。ポートレート、ネイチャー、ブツ撮り、
アドビは9月13日、同社の生成AI「Adobe Firefly」の一般提供を開始した。同社は6カ月間ほどβ版としてFireflyを提供してきたが、これまでは商用利用は不可となっていた。今回の正式提供により商用利用も可能となる。無料でも利用可能だが、後述の通り提供されるクレジットに差がある。 Adobe Fireflyは、画像生成、テキスト効果、ベクター用の生成AIモデルを基盤としており、日本語を含む100以上の言語のプロンプト入力をサポート。同社のストックフォト「Adobe Stock」にアップされている許諾済み写真や、一般に公開されているライセンスコンテンツ、著作権が執行しているパブリックドメインの画像などを中心に学習しており、同社では商用利用可能な点をアピールしている。 また、Fireflyで生成されるコンテンツには、コンテンツクレデンシャル機能が含まれている。コンテンツの名前、日付、
目次 1. 「バーチャル人格」と「バーチャルアバター」の比率を決めよう 2. TwitterとYouTubeは最低限きちんと準備しよう 3. VはVでも"Tuber"に違和感がある際に無理はしない 4. VTuberのはじめかた 4-1. 安定したインターネットとそれなりのPC 4-2. VRMを用意する 4-3. Luppetか3teneかVMagicMirror 4-4. 自己紹介動画→ゲーム配信→ゲーム配信のまとめ編集 4-5. 「スマホ1台で配信ができる」プラットフォームを順番に試す 5. さいごに 1. 「バーチャル人格」と「バーチャルアバター」の比率を決めよう まず「バーチャル人格」と「バーチャルアバター」のどちら寄りにするか真剣に考えよう。途中で変えていくのはうまくやれば問題ないが、自他で認識がずれるとトラブルの原因になりやすく、炎上→モチベの減少→引退へのコンボが決まってし
Adobe XDがSketchよりも優れている理由
最近、私の周りでもAdobe XDを使用する人が増えてきました。特に日本では、SketchユーザーよりAdobe XDユーザーの方が勢いがあるように感じます。 SketchとAdobe XDを長きに渡り使用し、その結果Adobe XDを使用することにしたUIデザイナーの比較記事を紹介します。海外だとSketchの方が多く感じてましたが、そういう流れなのでしょうか。 Why Adobe XD is better than Sketch. by Simon Fairhurst 下記は各ポイントを意訳したものです。 ※当ブログでの翻訳記事は、元サイト様にライセンスを得て翻訳しています。 はじめに Sketchの特徴 Adobe XDの特徴 はじめに 私の前回の記事では25,000を超える閲覧と共有があり、SketchとAdobe XDの2つのツールの比較について補足したいと思いました。 前回の記
フォトショップで漫画コミックのようなイラスト風に加工する方法は、人気エフェクトのひとつです。 画像を差し替えるだけのお手軽エフェクトやベクターイラスト風に仕上げる方法も紹介しましたが、今回はより手軽に漫画イラスト加工ができるデザイン素材をまとめてご紹介。 ワンクリックするだけでプロのような仕上がりを実現できる、他と差のつく便利デザインツールが揃います。 アクション素材の使い方もとてもシンプルなので、はじめての人でも簡単に利用することができます。 フォトショップで写真を水彩イラスト風に一発加工！おすすめ素材25選 まずはAdobe公式サイトより、Photoshopを無料でダウンロードし、7日間のお試しからはじめてみませんか。1087円/月からフォトショップが使える、フォトプランもおすすめです。 フォトショップで漫画コミック風イラストに一発加工！おすすめ素材10選 Urban Sketch –
プロのデザイナーが実際に現場でおこなっているやり方、Adobeソフトの作業工程が身につく解説書 -先輩に聞かずに9割解決できるグラフィックデザイン超基礎
プロのデザイナーとして最初にマスターしておきたい、グラフィックデザインの基本的な知識、プロのデザイナーが現場でおこなっているやり方をやさしくていねいに解説したデザイン書を紹介します。 Photoshop, Illustratorを中心に、InDesign, Bridge, Acrobatを含めたAdobeソフトの実務に役立つ基本操作から、グラフィックデザインにおけるさまざまな作業工程について幅広く身につけることができます。 本書は評判が高い「足し算デザイン＆引き算デザイン」「ふわっとしたデザインリクエストに応える本」でお馴染みのPower Design Inc.の新刊！ 今回はAdobeソフトの操作を中心にしたデザイン作業についての解説書です。グラフィックデザインの現場レベルの作業工程を学べます。
終末世界でも動作することを想定して作られたオペレーションシステム「Collapse OS」が、SF小説のような時代設定が興味深いと、静かに注目を集めています。 文明崩壊後でも使用できるよう設計（画像はCollapse OSの公開サイトより） 「2030年までに世界のサプライチェーンが崩壊する」として、文明が崩壊した後の世界でも最小限のスペックで動作するOSが開発されました。物資や人間、その他の生物が非常に少なくなった世界でもパソコンを使うことができるようです。 開発者とされるVirgil Duprasさんは海外メディア「Vice」のインタビューで、「現実的だと思われるリスクを軽減するために開発を行っている」と語っていて、真剣な動機で取り組んでいるようにも聞こえます。 開発は2019年から進めていたもので、2021年には安定版をリリース。「Collapse OS」はZ80、8086、6809
このブックマーク可能なガイドの目的は、最近CSSに追加されたばかりの新機能や使い方を分かりやすくまとめることです。 「CSSって、こんなこともできるの?!」と思ってしまうほど、多くの人が知らない新しいテクニックが中心です。 また、たとえ知っていたとしてもよく理解できておらず、「それって何?」「なんで気にする必要があるの？」「サンプルコードがあると助かるんだけど、」そんな人におすすめしたい記事となっています。 周りがあっと驚くテクニックを習得して、ウェブデザインでできる表現の幅をぐっと広げましょう。 コンテンツ目次これだけは知っておきたい最新モダンCSS（2024年春版）CSSコンテナクエリのインタラクティブガイドCSS sroll()とview()によるスクロール駆動アニメーション実践編CSS :has()のインタラクティブガイドCSS Nestingの具体的な使い方と使用例CSSコンテナ
直訳すると「模型」を意味するモックアップは、デザインの完成イメージをつかむサンプルのようなもの。 たとえば、作成したスマホアプリの画面や、商品のパッケージ、Tシャツのデザイン、文庫本や雑誌のカバー。 モックアップなしで商品を作成すると、「なんかイメージと違う」といったクレームに発展し、最悪のケースは最初から作り直しということも。 そんな事故を防ぐのはもちろん、完成した作品にほんの一手間を加えることで、まるで使っているようなイメージを湧かせやすいというメリットも。 今回は、高品質なモックアップ素材を無料ダウンローできる便利サイト17選をご紹介します。 本当は教えたくない、モックアップ素材の無料配布サイトまとめ Adobe Stock 無料で取得できるAdobe IDさえあれば、だれでも無料で利用できるAdobe Stock。7万点を超える素材をダウンロードでき、モックアップも多く揃います。
bimg (libvips Goバインディング) でサムネイル画像作成を高速化する - スタディサプリ Product Team Blog
はじめに こんにちは、Webエンジニアの濱田裕太 (@yuuta) です。 Quipperが開発・運用している スタディサプリ のプロダクトでは、バックエンドの一部をGoで実装しています。そのサムネイル画像作成で利用する画像処理ライブラリを imaging から bimg (libvips のGoバインディング) に変更したことで、高速化・省メモリ化を実現しました。本エントリでは、それによって得られた知見を共有します。 1. どのくらい高速化・省メモリ化したか 1-1. 検証コード 1-2. 処理時間 1-3. メモリ使用量 2. なぜ高速化・省メモリ化されるのか 2-1. libvipsの画像処理アーキテクチャ 2-2. SIMD対応 2-3. JPEGスケーリングデコード 3. 運用時の留意点 3-1. libvipsのパッケージサイズ 3-2. libvipsのオペレーションキャッシ
【Adobe MAX】砂漠が一瞬で緑化するニューラルフィルターや鬼滅の刃フォント追加、ブラウザ版illustratorなど話題の発表まとめ
リンク Adobe Adobe MAX 2022 | クリエイティブカンファレンス Adobe MAX 2022、無料のバーチャルクリエイティブカンファレンスに登録10月18日～20日に開催。グラフィックデザイン、写真、UI/UX、その他のスキルを磨きましょう。 3 users 369 アドビ クリエイティブ クラウド @creativecloudjp Adobe Creative Cloudのデスクトップ/モバイルアプリやその機能、サービス、クリエイティブ活動に役立つ情報をお届けするアドビ公式アカウントです。 製品に関するお問い合わせはこちら： https://t.co/FWMi3mcVqY サポートコミュニティはこちら： https://t.co/9kUVrb67xF https://t.co/KbnM0bV2Dj
Web apps are a mandatory part of every modern application nowadays, no matter how small or complex it is. From one-click apps that convert pictures to Photoshop, everyone wants fast and easy access to the app, and the web is one of the easiest ways to do that. At Serokell, we use TypeScript for writing web applications. But our main programming language is Haskell. And in this article, we want to
無料でAIがイラストを自動で色別レイヤーに分割してPhotoshopやクリスタで読み込めるようにしてくれる便利ツール「layerdivider」インストール＆使い方まとめ
AIによって1枚のイラストを色や明るさに応じて自動でレイヤーにわけてくれるツール「layerdivider」を、抹茶もなかさんが無償で公開しています。ブラウザのUIにイラストを読み込ませてボタンをクリックするだけでレイヤー分けしてくれるだけでなく、Adobe PhotoshopやCLIP STUDIO PAINTで読み込めるPSD形式のデータにも出力してくれるとのことで、実際にローカルPCにインストールして使う方法をまとめてみました。 GitHub - mattyamonaca/layerdivider: A tool to divide a single illustration into a layered structure. https://github.com/mattyamonaca/layerdivider ・目次 ◆1：Pythonのインストール ◆2：Gitのインストール
「いざデザインをしようとすると手が止まる」「使い方はある程度わかるけど、スタイルがいつも同じ」「機能がアップデートされすぎで迷子」、フォトショップをつかったことのある人なら、一度は感じたことがあるかもしれません。 今回は、現場で使えるフォトショップの実用テクニックを学ぶ最新チュートリアル、つくり方レシピをまとめてご紹介します。 知っておきたい便利な時短テクニックから、フォトショップの最新アップデートで追加された新機能の使い方など、実際に手を動かし手順どおり進めることで、どんな案件でも対応できるスキルを磨きましょう。 自然に身につくフォトショップ力 最新お役立ちレシピ、作り方37個まとめ シンプルなグリッドパターン柄のつくり方 フォトショップのグリッド機能を活用し、シンプルで印象に残る４種類のグリッドパターンを作成するチュートリアル。完成したパターンは保存し、Webサイトに活用することもでき
トレンドを押さえておくことは、デザインの引き出しを増やすために役立ちます。 最近のロゴのデザインに使用されているタイポグラフィ、カラー、形など、トレンド、デザインテクニックを紹介します。 ロゴのトレンドの最新版は、こちら。 2021年、ロゴデザインのトレンド -最近のロゴに使われているデザインテクニックのまとめ 2020 Logo Trend Report 下記は各ポイントを意訳したものです。 ※当ブログでの翻訳記事は、元サイト様にライセンスを得て翻訳しています。 トレンドの流れを見るのも面白いと思うので、過去分も。 2019年のロゴデザインのトレンド 2018年のロゴデザインのトレンド 2017年のロゴデザインのトレンド 2016年のロゴデザインのトレンド 2015年のロゴデザインのトレンド 2014年のロゴデザインのトレンド 2013年のロゴデザインのトレンド 2012年のロゴデザイン
目まぐるしい変化への対応を求められるウェブ従事者にとって、制作をより快適にする便利な最新オンラインツールをまとめてご紹介します。 いままで時間のかかっていた面倒な作業がワンクリックで完了の時短ツールから、そのまま使えるウェブテンプレート、シンプルで使いやすいアイコン素材など、ウェブ制作のお悩みをまとめて解決できる、無料のツールや素材を中心にセレクト。 さいごは、「こんなツール、あったんだ」と思える、クリエイティブ全開なツールが控えます。暇なときの時間つぶしにもいかがでしょう。 カテゴリごとに整理しているので、目的にあったお気に入りツールを探してみましょう。 コンテンツ目次 1. Webデザイン便利ツール 2. デザインツール 3. プロトタイプ・アイコンツール 4. クリエイティブ・面白ツール Web制作の効率、生産性アップ！話題の最新オンラインツールまとめ Webデザイン便利ツール Ho
私が最初にガジェットに関するブログを書き始めたのが2005年のこと。早いもので、今年2022年でガジェットブログ歴17年になります。これから新たに始めたい、作り方を教えてほしいという声を定期的に聞くので、今回改めて普段の記事作りの裏側まで全体像をまとめていこうと思います。 ガジェットブログの始め方と一口に言っても網羅すべき項目は多く、サーバーをセットアップしてブログを公開するというテクニカルな部分から、コンテンツ作り、集客、収益化など多岐に渡ります。 本記事では全体像を俯瞰しつつも、サーバーの設定方法といったマニュアル的な内容は最低限に留めつつ、ブログの中でも「ガジェットブログ」をやるにあたって特に重要な情報に焦点を当てて各項目について解説していきます。 以下が内容になります。 ガジェットブログとは このブログ、この記事を読んでいるという方であれば既に「ガジェットブログ」という言葉に馴染み
私が、タスク管理から時間管理に切り替えた理由
モノゴトを進めるには、タスク管理と時間管理、大きくわけて2つの方法がある。 タスク管理は、順番に作業を進めていく方法。To Doリストをイメージするとわかりやすい。 一方の時間管理は、設定時間内に作業をする方法で、学校の授業と同じだ。 たとえば晩ご飯を作るにしても、「今日はハンバーグにしよう！」と決め、まず玉ねぎとニンニクをみじん切り、そのあとひき肉をコネて、焼いているあいだにソースを……と順番に作業をこなしていくのが、タスク管理。 時間管理だと、「19時に食事だから、18時から料理を作り始めよう」と時間基準で献立を考え、1時間のあいだで作れるものを作っていく。こんな感じ。 最近なにかにつけ、「時間管理よりタスク管理がいい」と言われがちだ。 時間管理にするとダラダラとサボるけど、タスク管理なら効率よく働くし、結果を出した人が報われる、というように。 でも、本当にそうだろうか。 タスク管理っ
こんにちは。NovelAIDiffusionが公開されたことで良い方にも悪い方にも激震が起こっているイラスト界隈ですが、如何お過ごしでしょうか？ 私は「強くて便利な武器があるなら使え」主義なのでAIをイラスト製作に取り入れる方法も模索しており、ちょっとした背景や模様生成や、フォトリアル創作方面でAIを活用しています。ですがイラスト創作でのメイン利用となると、やはり「使い辛い」というのが現在の結論です。理由は細部描写の甘さや解像度の低さやレイヤー概念が無いことなど多々ありますが、個人的に大きいと感じるのは「塗りや絵柄が変わってしまう」ことです。長期的な活動を考えると、フォロワーに「お、これはあの人の絵だな？」と絵柄で認知してもらえないとイラストレーターは食いっぱぐれるのです。 なので今回は線画は人間が描いたものを使いつつ、img2imgを利用して「着色作業を爆速化する方法」をご紹介します。「
![AI画像生成を利用した着色高速化ワークフロー[NovelAI]｜abubu nounanka](https://cdn-ak-scissors.b.st-hatena.com/image/square/7dc2632f3871abca0d7b9756410be16d2053bd0e/height=288;version=1;width=512/https%3A%2F%2Fassets.st-note.com%2Fproduction%2Fuploads%2Fimages%2F89952324%2Frectangle_large_type_2_5fdd7e5c2c86590ee58ba10cd09bab3b.jpeg%3Ffit%3Dbounds%26quality%3D85%26width%3D1280)
【Webデザイナー必見】インスピレーションやデザインの学習にオススメなサイト19選 プログラミング学習 公開日 : 2019年11月14日 | [更新日] 2023年10月01日 これからデザイナー、フロントエンドエンジニアを目指す方必見！(もちろんすでにデザイナ、フロントエンドエンジニアの方も) デザインする上でのインスペレーションや、Web上での実装方法、注意点、お役立ちTipsなどなど。 デザインに関する情報を発信しているメディア、個人ブログをまとめました。 自分の興味関心にあったメディアを見つけてみてください。 1.Webクリエイターボックス Webクリエイターボックスは、デザイン系の情報の発信とデザイン系のツイートをまとめた記事を紹介してくれています。 デザイン系の記事では、CSSでの表の作り方や、デザインを学ぶ人にオススメの本を紹介してくれています。 デザイン関連のツイートをま
アドビは10月27日、同社のフォントライブラリ「Adobe Fonts」において、毛筆フォントメーカー「昭和書体」のフォント「黒龍爽」などを新たに追加したと発表した。 黒龍爽は、アニメ「鬼滅の刃」に登場するキャラクター「胡蝶しのぶ」に使われているフォント「黒龍」のカスレを少なくし容量を抑えたもの。カッティングや動画にも使いやすくしたという。 昭和書体からは「心龍」のカスレを少なくしたフォント「心龍爽」の他、アドビが3年かけて開発したオリジナル書体「ヒグミン」フォントをAdobe Fontsに追加。大日本印刷から2つ、Font1000から34のフォントも新たに加わった。 Adobe Fontsは、Adobe Creative Cloudアプリのユーザーなら追加料金なしで使用できるフォントライブラリサービス。Adobe製品以外にも、WordやExcelなどのビジネスアプリと、iPadやiPho
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
映画『天気の子』の画づくりを支える「Google Earth」の活用
写真家20名がつくったPhotoshop / Lightroom用プリセットを無料ダウンロード 風景やポートレート、夜景など様々なシチュエーション表現に
Engadget | Technology News & Reviews
remove.bg 神アップデート！ネコや犬もサポート、動物や植物や物体などの画像から背景を1クリックで切り抜き
「画像生成AIが新しい創作ツールだという感覚」と「QRコード」
フロントエンドの知識地図—— 一冊でHTML/CSS/JavaScriptの開発技術が学べる本
まるでプロ！動画編集が捗る無料エフェクト素材350個まとめ【商用フリー】
「Adobe Creative Cloud」値上げ、4月27日から 「新機能などの付加価値を反映したため」
もう、SP用のWebデザインを倍の解像度で作るのをやめよう
「画像検索はここまで来たのか」とすさまじさを実感するAdobeのAI「Adobe Sensei」の秘密を開発者が解説
Webデザイナー目線で見たiPad版Photoshopの驚きの完成度について
『オブジェクト指向 UI デザイン』 に書かれていないもの｜ai
フロントエンドパフォーマンスのチェックリスト2021年版（PDF、Apple Pages、MS Word）-中編 | POSTD
Adobe Camera Raw プリセットの配布サイト「ぱくたそプリセット」を公開しました｜フリー素材のぱくたそ
アドビの生成AI「Firefly」正式リリース、商用利用OK 無料でも利用可能
VTuberのはじめかた（2019.11）｜youten_redo
フォトショップで漫画コミック風イラストに一発加工！おすすめ素材10選
文明が崩壊しても動かせるOS「Collapse OS」 最小限のパーツで動作すると話題に
これだけは知っておきたい最新モダンCSSの書き方（2024年夏版）
【簡単なのにすごい! Photoshop 1分講座】 違う角度で撮られた物の角度を後から合わせる方法
本当は教えたくない、モックアップ素材の無料配布サイト17選【2023年版】
Functional Programming in TypeScript
自然に身につくフォトショップ力 最新お役立ちレシピ、作り方37個まとめ
2020年のロゴデザインのトレンド -2020 Logo Trend Report
Web制作の悩みを救う、最新オンラインツール39選 2022年8月編
ガジェットブログの始め方・集客方法・収入源を、17年以上書いてきた経験から2022年に解説してみる
AI画像生成を利用した着色高速化ワークフロー[NovelAI]｜abubu nounanka
【Webデザイナー必見】インスピレーションやデザインの学習にオススメなサイト19選 | コードラン
アニメ「鬼滅の刃」に使われたフォント、「Adobe Fonts」に追加