Illustrator、Photoshop、InDesignをはじめとしたDTP関連の情報サイト。2005年にスタート。 2020年のまとめとして、最近の案件でのスタディをまとめておきます。 文字校正・編集の具体的なポイント箇条書き「違う」冗長な表現Acrobatでのチェック表記揺れ強調の意味で使う記号企業での方針違い数字（半角、全角、漢数字、ひらく）丸カッコ前後の句点カタカナ語の語尾の音引き音引きと罫線半角のパーレン（丸カッコ）とその前後のスペース二重引用符読点チェック相対的な日付InDesign関連脚注・後注索引索引制作の前に索引の削除リンクチェックアポストロフィ音声によるチェックテキストエディタを活用しようオススメはJedit ΩJedit Ωの基本的な文字編集機能Jedit Ωの「複数一括置換」機能その他グラフィカルな台割まとめオンライン校正支援ツール 文字校正・編集の具体的なポイ
AIを利用して、紀元前27年から西暦285年までの間にローマ帝国を支配した皇帝54人の顔を、リアルに復元した肖像画が公開されています。 Photoreal Roman Emperor Project. 54 Machine-learning assisted portraits | by Daniel Voshart | Medium https://medium.com/@voshart/photoreal-roman-emperor-project-236be7f06c8f AI 'resurrects' 54 Roman emperors, in stunningly lifelike images | Live Science https://www.livescience.com/ai-roman-emperor-portraits.html カナダ出身のデザイナーであるDani
【Unity】【シェーダ】プロシージャルな髪の異方性ハイライト（天使の輪）表現を作る方法 - LIGHT11
Unityのシェーダでプロシージャルに髪のハイライトを作る方法です。 やりたいこと binormalを使ってハイライトを作る jitterテクスチャを使う 結果 関連 Unity2019.2.18 やりたいこと この記事では下図のような感じの髪のハイライト表現をシェーダで作ります。 ハイライト 適用したもの 制約として、処理負荷はモバイルでも使えるくらい軽いものを目指すものとします。 binormalを使ってハイライトを作る ブリンフォン鏡面反射モデルでは、ハーフベクトルと法線の内積を使ってスペキュラを表現します。 スペキュラ ここで、法線の代わりに従法線を使うと以下のような結果が得られます。 従法線を使う この性質を利用して、従法線をハーフベクトルの内積値を上手く加工してハイライト表現を作ってみます。 シェーダは以下のように書きます。 Shader "HairHighlight" { P
達人出版会
探検! Python Flask Robert Picard, 濱野 司(訳) BareMetalで遊ぶ Raspberry Pi 西永俊文 なるほどUnixプロセス ― Rubyで学ぶUnixの基礎 Jesse Storimer, 島田浩二(翻訳), 角谷信太郎(翻訳) 知る、読む、使う！ オープンソースライセンス 可知豊 きつねさんでもわかるLLVM 柏木餅子, 風薬 R／RStudioでやさしく学ぶプログラミングとデータ分析 掌田津耶乃 データサイエンティストのための特徴量エンジニアリング Soledad Galli(著), 松田晃一(訳) 実践力をアップする Pythonによるアルゴリズムの教科書 クジラ飛行机 スッキリわかるサーブレット＆JSP入門 第4版 国本 大悟(著), 株式会社フレアリンク(監修) 徹底攻略 基本情報技術者教科書 令和6年度 株式会社わくわくスタディワール
Webデザインツールはどれを使えばいいの？
この記事について この記事は、スマートフォン時代のWebデザインスクール や Web制作の基礎から学べる「Webコーディングスクール」 の資料制作をお手伝いして頂いているemiさんによる寄稿記事です。 emiと申します。USAGI DESIGN emi.というサイトでWebデザインやコーディング練習用のデザインデータを配布しています。普段はWebデザインやコーディング、メンターなどをしております。 Webデザインのためのツール（アプリ）はいくつもあるため、Webデザインを勉強し始めたばかりの方は何を使っていいのか迷うと思います。 この記事ではデザインツールの特徴だけでなく、「カード型UIデザイン」を例にWebサイトのデザイン制作に使用する機能の比較をしたり、アプリ間の連携についても触れていきます。 デザインツールの種類デザインツールそれぞれの特徴Webサイトのデザイン制作に使用する機能の比
初代Macのアイコンを生んだ伝説のデザイナー、スーザン・ケアを知ってるかい？ | POPEYE Web | ポパイウェブ
カルチャー スーザン・ケアを知ってるかい？ 初代Macのアイコンを生んだ伝説のデザイナーの仕事。 2021年6月16日 text: Kosuke Ide artwork designed by Susan Kare, kareprints.com coordination: Aya Muto edit: Yu Kokubu カリフォルニア州ロスアルトスでスティーブ・ジョブズら3人によってアップル社が創業した1976年から80年代にかけては、現代から見ればまさしく“神話の時代”という他ないけれど、そこに登場する伝説的な“神々”の一人が、今回紹介するスーザン・ケアだ。80年代初頭、初代MacintoshのGUI（グラフィカル・ユーザー・インターフェース）のためのグラフィックをデザインしたケアは、何とまだ20代の若者だった。 Photograph by Norman Seeff ・1984年、ア
2022年、Web制作・デザインに役立つ記事の総まとめ
2022年、当サイトで公開した記事の中からPocketにたくさん登録された記事やツイートされた記事をジャンル別にまとめました。今年を振り返りつつ、来年のWeb制作にも役立つオススメです。 Web制作全般 UI/UX関連 デザインのテクニック・インスピレーション Photoshop, XD, Figmaなどの使いこなし術 フォント・タイポグラフィ カラー HTML CSS: 基礎知識 CSS: 実装テクニック JavaScript フレームワーク・ライブラリ 無料素材 便利ツール・サービス 当サイトの購読は、RSS Feedを利用すると便利です。 コリスのRSS Feed ※旧Feedに登録されている人がまだ多いので変更をお願いします。 Web制作全般 2022年のもっとも大きなニュースは、IEのサポートが終了したことではないでしょうか。IEに苦しめられていたWeb制作者は非常に多いと思いま
ウェブには数多くの素晴らしい配色カラーツールがありますが、この記事では、UIデザインに便利なカラーツール7つをご紹介します。 ユーザーインターフェースの色を選択するには、グラフィックデザイン向けプロジェクトとは異なる用意が必要となることに注意しましょう。UIデザインには、さまざまなバリエーションと色を持つ包括的な配色セットが必要なだけでなく、色がユーザークエスペリエンスにどのように影響するのかも検討する必要があります。 デザインにおいてもっとも重要な要素のひとつである「配色」を、見栄えを良くするだけでなく、効果的に選ぶことができるカラーツールをまとめています。 【2021年版】もう配色デザインには迷わない！すごい無料カラーパレットツール83個まとめ UIデザインで重宝する配色カラーツール7個まとめ 1. Accessible color palette builder プロダクトデザインに
フォトショップでやりたいことでよく挙げられるのが、写真を手描きスケッチ風に加工する方法です。 AIで自動加工できたり、レトロなハーフトーン風に仕上げる方法なども紹介していますが、今回はより手軽に手描きスケッチ加工を表現できるデザイン素材をまとめています。 写真を放り込むだけで、プロのような仕上がりを手軽に実現できる、時短アイテムとしても便利です。 アクション素材の使い方もボタンひとつの簡単操作で、はじめての人でも簡単に利用することができますよ。 フォトショップで写真を水彩イラスト風に一発加工！おすすめ素材25選 フォトショップで漫画コミック風イラストに一発加工！おすすめ素材10選 フォトショップで写真にグリッチエフェクトをかけるオススメ素材20選 Adobe Creative Cloud をはじめよう フォトショップで写真を手描きスケッチ風に加工！おすすめ素材20選 Animated Ar
この記事では、「もっと早く知りたかった」と思ってしまう、便利な最新オンラインツールをまとめてご紹介します。 AIをフル活用した次世代ツールから、これまでの作業が嘘のように捗る便利なものまで、今後のワークフローを変えてくれそうなツールを中心に揃えています。 カテゴリごとに整理しているので、目的にあったお気に入りツールを探してみましょう。 コンテンツ目次 1. Webデザイン便利ツール 2. デザイン・配色ツール 3. モックアップ・アイコンツール 4. 面白・クリエイティブツール Web制作の効率、生産性アップ！話題の最新オンラインツールまとめ Webデザイン便利ツール 3D Perspective Glitch Hover Effect グリッチアニメーション中にピクセル化された画像を表示する、ユニークでたのしいホバーエフェクト。 Bike Demo Three.js マウススクロールに合
「私は会社員に向いていない」と思っていたけど、少しだけ自分に自信を持てた話（文・千野） - りっすん by イーアイデム
文 千野 留学先の大学を中退し、現在は会社員として働く千野さん。今の仕事に就くまでの間にアルバイトなどの経験もなく、身近な家族や親戚の中で「会社員」で働く方がいなかったため、自分が会社で働くイメージを持つことが難しかったとのこと。 ただ実際に会社員になってからは「自分はできない」と感じていたことが意外と性に合っていたり、徐々に克服できていったりしたそうです。「会社員として働くこと」に不安を覚えていた千野さんの体験談と合わせ、実際に働きはじめてどうだったのか、また、「働き始める前」と「後」で心境にどんな違いがあったのかを寄稿いただきました。 ＊＊＊2018年の夏、「大学を辞めて働く」と決断しイギリスの美大を中退してから今に至るまで、本当にあっという間だった。ロンドンで借りていた、あと何年かは住むつもりでいた小さな部屋を引き払って、バタバタと帰国して……。当時は精神的な重圧が体調に大きく影響す
生成AIグラビアをグラビアカメラマンが作るとどうなる？第十回：実在モデルからSDXL用顔LoRAを作る (西川和久) | テクノエッジ TechnoEdge
https://www.techno-edge.net/special/560/recent/%E7%94%9F%E6%88%90AI%E3%82%B0%E3%83%A9%E3%83%93%E3%82%A2%E3%82%92%E3%82%B0%E3%83%A9%E3%83%93%E3%82%A2%E3%82%AB%E3%83%A1%E3%83%A9%E3%83%9E%E3%83%B3%E3%81%8C%E4%BD%9C%E3%82%8B%E3%81%A8%E3%81%A9%E3%81%86%E3%81%AA%E3%82%8B%EF%BC%9F続きを読む » Modelに無い顔や彼女の顔を出したい！生成AIでポートレート写真やグラビアを作っていると、同じような雰囲気の顔ばかりが結構出るのに気付く。 もちろん何パターンもあるので、毎回同じでもないのだが、XやInstagramなどの生成AI画像
富野由悠季とは何者なのか？ー劇場版『Gレコ』や新企画の情報も飛び出した『富野由悠季の世界』オープニング記念トーク&展示会レポート - ユウキズ・ダイアリー
祇園山笠の準備でにわかに活気付く博多駅前ーそこから電車で15分とほど近い福岡市美術館にて、巡回展『富野由悠季の世界』が6月22日より始まった。幸運にも応募倍率6倍にもなったというオープニング記念トーク「富野由悠季とは何者なのか」に参加することもできたので、展示内容と併せてこちらの内容も紹介する。 『富野由悠季の世界』について まず『富野由悠季の世界』について紹介する。これは『機動戦士ガンダム』をはじめ、多くの作品を手掛けてきた日本を代表するアニメ監督・富野由悠季の担当作品を網羅した初の展示会である。福岡を皮切りに兵庫、島根、青森、富山、静岡と今年から来年秋にかけて日本各地での開催が予定されている（今のところ東京での開催予定はないので注意）。 ダイターン3がお出迎え（展示場内は撮影禁止） 代表作『機動戦士ガンダム』こそ『機動戦士ガンダム展』（2014～2015年に開催）にて現存する多くの資料
Photoshopで画像生成AIをサクッと使える無料プラグイン「Auto-Photoshop-StableDiffusion-Plugin」使い方まとめ
Stable Diffusionなどの画像生成AIは作品制作のアイデア出しや素材出力に非常に便利です。無料で公開されているPhotoshopプラグイン「Auto-Photoshop-StableDiffusion-Plugin」を使えば、Stable Diffusionで生成した画像を即座にPhotoshop上で編集できるとのことなので、実際にAuto-Photoshop-StableDiffusion-Pluginをインストールする手順や使い方を確認してみました。 GitHub - AbdullahAlfaraj/Auto-Photoshop-StableDiffusion-Plugin: A user-friendly plug-in that makes it easy to generate stable diffusion images inside Photoshop usin
スマートフォンで身の回りにあるものを撮影すると、AIで自動的に切り抜いてAR技術でコピペできるアプリが「ClipDrop」です。ClipDropは、iOSとAndroid向けのスマートフォンアプリとデスクトップアプリが配布されており、一部の機能を無料で使うことができます。 ClipDrop - AR Copy Paste on the App Store https://apps.apple.com/nz/app/clipdrop-ar-copy-paste/id1512594879 ClipDrop - AR Copy Paste - Pro - Apps on Google Play https://play.google.com/store/apps/details?id=app.arcopypaste 今回はiOS版をインストールします。App Storeのページで「入手」をタップ
2019年にブックマークしたページでよかったもの集めた - Really Saying Something（https://toya.hatenablog.com/entry/2020/01/02/100000） この記事経由で、 アイコンが太くなった在華坊です - 日毎に敵と懶惰に戦う（http://zaikabou.hatenablog.com/entry/20190529/1559117542） この記事を読んだ。 小さい画像をSNSのプロフィールなどに登録すると、拡大されてぼやけることがある。写真のような画像ならぼんやりするほうがましだが、パキッとしたドット絵はぼやけてほしくない。あらかじめペイントソフトで拡大してから登録するのがよさそうだ。ということでその方法を紹介します。 これを登録したとき こうならないようにしたい Photoshopなら、［イメージ］－［画像解像度］で解像度
#タモリ倶楽部 「最難関テロップゴールド」Photoshopで金文字をゴリゴリ作り、金の錬金術師達も動き出す。2023年2月3日放送テレビ朝日
リンク WEBザテレビジョン タモリ倶楽部 タモリ倶楽部「上手く出来たら一人前！輝け！最難関テロップ“ゴールド”!?」(バラエティー) | WEBザテレビジョン(5460-1018) 鈴木浩介、上出遼平、久保田直子アナウンサーが登場。バラエティー番組に欠かせない特殊技術「金のテロップ」に注目する企画を行う。テレビ番組のテロップ作りの中で最も難しいのが「ゴールド」の文字だという。そこでテレビ業界のテロップ事情をひもときながら、誰もが認める「ゴールド」の文字の作成に挑戦する。WEBザテレビジョンのテレビ番組情報は、全国のテレビ局の放送日時、出演者、あらすじ、最新ニュース、監督・脚本ほかスタッフ情報など、番組に関するあらゆる情報を紹介。独自のドラマ相関図も掲載しています。 55
優れたアーティストになるための効果的な7つの習慣 | デザインコラム・ブログ | デザイン作成依頼はASOBOAD
Blender カンファレンスより、Andrew Price 氏の素晴らしいプレゼンテーションを紹介します。「優れたアーティストになるための習慣」をまとめたものですが、私たちデザイナーは元よりあらゆる仕事においても非常に参考になる内容です。※以下翻訳内容です。 去年、僕は年下のいとこと1000ドルの賭けをしました。普通であれば、兄弟間で賭けをするのであれば、何か面白いことに賭けるものです。バイクで後ろ回転するとか…そういった狂った遊びのようなものとか。でも僕の場合は、純粋な芸術でした。 その賭けとは、 “ArtStation(ポートフォリオサイト)上で、僕が苦手な平面絵画やイラスト作品に6ヶ月以内に1000「いいね」をもらう” というものでした。 より面白い賭けにするために、もし実際に僕がその賭けに勝ったら、何の報酬もなしということにしました。条件は、もし僕が負けたらいとこに1000ドル支
鏡を使ってお手軽に「逆さ富士」を撮る
川や湖なんかに景色が映った「水鏡」。リフレクションともいって、写真を趣味にしている人なら、積極的に狙いたい要素のひとつだ。わかりやすくキレイなので、パッと見の印象もいい。 その王様ともいえるのが「逆さ富士」の構図である。お山が上下対称に映っていて、めちゃ美しい。 ただ、そういう水面を使った写真って、撮影条件が難しいらしい。 どうにか手軽に撮影できないか考えたところ、鏡を使うことを思いつきました。 まずはご覧ください！ 被写体となる山があって、大きな水面があって、波が立ってなくて、天気がよくて……。「水鏡」に映る逆さ富士を撮影しようと思うと、いくつもの条件が重なる日を選ばなければならない。 しかしこの構図、誰でも簡単に撮影できる方法を編み出しました！ まずは撮った写真からご確認ください。 これは絶景 これも絶景！ すみません富士山ではないんですが、どうですか、バッチリ撮れていると思いませんか
最近AIによる描画ソフトがかなり盛り上がっており、その中でも特に「Stable Diffusion」はWeb制作者にとってもインパクトが大きく、使い方によっては制作の役に立つかもしれないと思っています。 まずはStable Diffusionで制作した画像をご覧ください。 これらの画像は写真のように見えるかもしれませんが、どれもAI描画ソフトから出力されたものです。出力後に一切補正はしていません。 「こういう画像が欲しい」と頭で考えてから出力が完了するまでの時間は、約30分程度です。 以下のような、自分でつくるのはちょっと面倒なアイソメトリック風イラストや3DCG風の画像も制作できます。 建築イメージのような画像も制作できます。 自分で作るのは面倒な、タイリング画像（縦横に繰り返し表示できる画像）も制作できます。さらに合わせ技として、「アイソメトリック風のタイリング画像」の制作もできます。
Apple Special Event とかいう通販番組を見てたらテンションが高まってしまってうっかり 20 万円くらいの構成のやつを買ってしまったけど、全然後悔してない。 総評 M1 搭載マックのおもちゃ度まじで最高に高い、まともにうごく場面だと早すぎておもしろい、アーキテクチャ変わりすぎてるので細かいところで全く違う動きになってる場所がたくさんあるのもおもしろい、たまに動かないものがあるのもおもしろい— 12/5 #RTF_DJ 配信やりました (@polamjag) November 20, 2020 とりあえず 10 万円 (あるいは 10 万円台) で買えるパソコンのなかではウェブブラウザが世界最強レベルで快適に動くことはわかってて、それだけでも普通に価値ある— 12/5 #RTF_DJ 配信やりました (@polamjag) November 20, 2020 まだ matur
新しいスキルを1200円〜で学べるコスパ良すぎな動画学習サイトUdemy。活用方法とオススメのコース - 仮想サーファーの日常
2020年、プログラミングやWebデザイン、動画編集など、新しいスキルをつけたいと考えている方も多いのでは。 今回は、そんな方にオススメしたい動画学習サイト Udemy について紹介します。 （画像：Udemy ） 上の画像のように、プログラミング、ビジネススキル、デザインスキル、写真などなど、様々なスキルのカテゴリが用意されていて、そのそれぞれのカテゴリで様々なテーマの動画コースが提供されています。 たとえばプログラミングに関しては、初心者向けのWebアプリケーションの開発方法のコースや、機械学習を学びたい方向けの機械学習実践コースなど、プログラミングをこれから始める初心者の方向けにも、新しいスキルを増やしたい中級者向けのコースもあります。 動画で解説されているので、ながら作業で耳で聞くだけでも概要を学べますし、コースで説明されている内容を真似しながら手を動かすことで、実際に動くサービス
ソニーは3月28日、ミラーレスカメラ「α1」「α7S III」「α7 IV」で、画像や動画の真正性を証明する機能を提供すると発表した。同社は、この機能を「真正性ソリューション」として、報道機関を始めとするプロフェッショナル向けに展開する。「α9III」は、2024年4月以降での対応を予定している。 この機能は、国際標準規格「C2PA」に対応しており、来歴情報や該当のカメラで撮影されたことを証明する真正性情報が、撮影時にデジタル署名としてデータにリアルタイムで埋め込まれる。署名時には「デジタル出生証明書」が作成され、イメージ検証サイトであとから出自を検証することができる。 これにより報道機関では、C2PA準拠の編集ソフトウェアで画像の編集作業を重ねても、編集来歴情報と該当カメラで撮影されたという真正性情報を維持できるようになる。 また、ソニー独自のセンサー内技術により、3D深度情報を含むメタ
東京を舞台に描かれている映画『天気の子』。現実感を身近に感じさせる画づくりを支える「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、敵対的生成ネットワーク）を使い、画像を生成する
巨匠の作品にもダメだし!? 『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の多様性に対して技術的な正解がひとつではないことを示しています。 本書はフロントエンドの技術を俯瞰し，「エンジニアが共通して知っておくべき技術はなにか」，「（多種多様なエンジニアにと
"デザインシステム"の過度な一般化とその対応について - 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ペ
近年はソフトウェア開発の場の多くで人工知能(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は画像・映像の処理という専門
このブックマーク可能なガイドの目的は、最近CSSに追加されたばかりの新機能や使い方を分かりやすくまとめることです。 「CSSって、こんなこともできるの?!」と思ってしまうほど、多くの人が知らない新しいテクニックが中心です。 また、たとえ知っていたとしてもよく理解できておらず、「それって何?」「なんで気にする必要があるの？」「サンプルコードがあると助かるんだけど、」そんな人におすすめしたい記事となっています。 周りがあっと驚くテクニックを習得して、ウェブデザインでできる表現の幅をぐっと広げましょう。 コンテンツ目次これだけは知っておきたい最新モダンCSS（2024年春版）CSSコンテナクエリのインタラクティブガイドCSS sroll()とview()によるスクロール駆動アニメーション実践編CSS :has()のインタラクティブガイドCSS Nestingの具体的な使い方と使用例CSSコンテナ
高機能なカメラがスマートフォンで当たり前になった今、動画撮影の専用機材がなくても、だれでも気軽に美しい映像を撮影できる時代となりました。撮影した動画をより魅力的に見せるには、編集や加工といった作業が必要ですが、ゼロから作ると膨大な時間がかかることも。 After Effects や Premiere Pro、Final Cut Pro X などで利用でき、プロ級の本格的なエフェクトを手軽に実現する無料素材350種類が公開されていたので、今回はご紹介します。商用プロジェクトにも対応です。 まるでプロ！動画編集が捗る無料エフェクト素材まとめ 落書きしたようなハンドペイント21種類や、動画のアクセントになるモーショングラフィック集、映画のような壮大な雰囲気を演出するサウンドエフェクトなど、どれも実用的ですぐに使える素材が揃っています。素材を活用することで、動画のクオリティをアップさせるだけでなく
AI画像生成とワールド制作｜るら
自宅用に使えるワールドをBoothで販売してたりします。 ワールド制作の役に立つかなー、と思ってAI画像生成に手を出してみた、という次第です。 DALL·E 以前からAI画像生成自体、ワールド制作の何かに使えそうだなー、とうっすら考えていたところ、DALL·EというAI画像生成のサービスの噂を聞き、Waitlistに並んで3ヶ月ほどが経ちました。 そして先日、ついにアクセス権を手に入れた…！！ とりあえず試してみると… え……すご…（言葉を失う）いや、なにこれ、すご… もうなんにでも使えるじゃん。 よっし、いろいろ試すぞー！！！ …となっていたところだったのですが、ベータテストと方針が変わり、無料体験分を使い切ると15＄で115回分のチケットを購入する、という方式になっているようでした。 まー、そりゃそうだよねー。サーバー負荷とかすごそうだし… 凄い画像を生成できるならそれでも安いかー で
この記事の内容 この記事は、2019年7月19日に開催した「Affinity User Group JAPANミーティング」というイベントで私がお話しした内容をまとめた記事です。 以前話題になった PhotoshopとIllustratorのほぼ全機能を搭載したAdobe XD並みに軽いプロトタイピングツールが発売 という記事の続編のような内容です。 主に以下の内容について書いています。 Affinity PublisherによってWebデザインのワークフローがどのように改善するのか「Affinityは軽い」と言われるが、軽いと何が良いのかおすすめの環境設定脱Adobeへの第一歩 動画で観たい方は以下の動画をどうぞ。音声あり、約24分です。 ※他の登壇者の方の内容は、後日別の記事として投稿予定です。 Affinityが目指しているもの あくまでも私の個人的な私見ですが、AffinityはA
私は普段、家の脱衣所で仕事をしているのだが、デスクの隣にある縦型洗濯機がちょうどいい高さということもあり、そこにいつも仕事中に参照する本を積んでいる。洗濯機の蓋もまさか、漬物石みたいに本が置かれることになるなんて思ってもみなかっただろう。それらの本は主に、その時々の仕事に関係するものとか、読みかけのものだったりするから、頻繁に入れ替わっていくのだけど、ずっと置いているお気に入りが、いくつかある。そのうちの一つが、OOUI 本こと『オブジェクト指向 UI デザイン 使いやすいソフトウェアの原理』- ソシオメディア株式会社、上野 学、藤井 幸多（著） 上野 学（監修）だ。 出版されてから 3 年以上たっても、私は時折この本をふと、開いてみてはいつの間にか没頭し、そういえば私は仕事をしていたんだっけな、みたいになってしまう。端的に言って大好きだ。この 3 年間で読書会も 2 度主催したことがある
デザイナーがコーディングできるべきかという議論がSNS上で白熱していますが個人的にはあまり興味がなく、コーディング経験の有無に関係なくWebに適したデザインデータを作ってもらえたらあとはフロントエンドの領分であると思っています。 とはいえ、Webに適したデザインデータをつくれないデザイナーが多いのでああいった議論が白熱するのではないかとも思っています。 Webに適していないデザインデータとはどういったものかというと、古くから言われているものではPhotoshopの『乗算』を使うとCSSで表現できないためダメというものがあったりします。 CSSでもmix-blend-modeという機能で対応できるけどブラウザの対応状況を鑑みるに、よほどの理由がないかぎりPhotoshopの『乗算』を使っていはいけないのが今の現実です。 参考：mix-blend-mode - CSS: カスケーディングスタイ
「はてなブログ」でも使える無料デザインツール【Canva】このクオリティ使ってみるしかない！ | ワーキングノート
「Canva」とは そもそも、ボクは普段TOP画像は「illustrator」や「photoshop」で作成していますが、デザインをやっていない人にとってそういうデザインソフトは高く感じるし、ブログだけのためにわざわざデザインソフトを使うことはないと思います。 しかしながら、今回紹介する「Canva」は無料でブラウザ上やスマホアプリで簡単にオシャレなデザインができます。 これがあると誰でもデザイナーっぽいオシャレでカッコいいデザインが作れるという事で人気を集めています。 また、ポスターや名刺、インスタ用の画像など様々なサイズのデザインに対応しているので使い勝手もいいでしょう。 スポンサーリンク 「Canva」の使い方 それではボクも初めて使ってみたので、作りながら「Canva」の使い方を説明してしていきます。 （今回、諸事情でスマホで作ったのでスマホでの説明になります。PCでの利用はこちら
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
文字校正・編集のポイント 2020 | DTP Transit
AIで54人のローマ皇帝の顔を彫刻から復元した肖像画が超リアル
これ便利！Web、UIデザインの配色カラーパレットツール7個まとめ
フォトショップで写真を手描きスケッチ風に加工！おすすめ素材20選
もっと早く知りたかった！便利な最新Web、オンラインツール30選
スマホで撮影したものを高精度で瞬時に切り抜いてくれるARコピペアプリ「ClipDrop」
ドット絵をそのまま大きくできるペイントソフト - ただいま村
AI描画ソフト「Stable Diffusion」はWeb制作の役に立つか？
Apple Silicon 搭載 MacBook Pro 買った日記 - polamjaggy
「私が撮影しました」を証明できる機能、ソニーの一部「α」にアップデート提供 深度情報も活用
映画『天気の子』の画づくりを支える「Google Earth」の活用
写真家20名がつくったPhotoshop / Lightroom用プリセットを無料ダウンロード 風景やポートレート、夜景など様々なシチュエーション表現に
Engadget | Technology News & Reviews
「画像生成AIが新しい創作ツールだという感覚」と「QRコード」
フロントエンドの知識地図—— 一冊でHTML/CSS/JavaScriptの開発技術が学べる本
「Adobe Creative Cloud」値上げ、4月27日から 「新機能などの付加価値を反映したため」
「画像検索はここまで来たのか」とすさまじさを実感するAdobeのAI「Adobe Sensei」の秘密を開発者が解説
これだけは知っておきたい最新モダンCSSの書き方（2024年夏版）
まるでプロ！動画編集が捗る無料エフェクト素材350個まとめ【商用フリー】
Affinity Publisherを最強のプロトタイピングツールとして使うために知っておきたいこと
『オブジェクト指向 UI デザイン』 に書かれていないもの｜ai
もう、SP用のWebデザインを倍の解像度で作るのをやめよう