ブラウザーで新たにインタラクションやアニメーションを作る時、皆さんはどのようにして使う技術を選んでいますか？ 使い慣れたライブラリに機能がないかドキュメントを調べてみたり、流行りのキーワードであればGoogle等で検索してみることも多いでしょう。一方、独自のビジュアル表現やアニメーションの場合、そもそも検索するキーワードがわからないことも多いのではないでしょうか？ この記事では、webのビジュアル表現・アニメーションを実現するベースの技術であるCSS・SVG・Canvas（WebGL）の3つについて、それぞれのできること・できないこと（得意・不得意）を作例とともに紹介します。 クイズ：どうやって実現する？ webでできるさまざまな表現 下の図はこの記事で紹介する9つのサンプルを並べてみたものです。すべてのサンプルはCSS・SVG・Canvas（WebGL）のいずれかを中心に実装されています
ここ数ヶ月のAIの進展は凄まじく、毎日のように新たな魅力的なプロダクトが公開され世間をざわつかせているのはもはや言うまでもない。そんな中、最近よく耳にする音声AIやテキストAIとはまた違ったアプローチのAIツールが話題になっている。 それは通常の画像をラスター画像に高精度で変換してくれる「Vectorizer.AI」というもので、現在無料で利用することができる。 ベクター画像とは、フォントと同様に座標や数式で保存されており、それをもとに描画をするため、ラスター形式と呼ばれる通常のPNGやJPEGなどとは異なり「ぼけ」が生じず(理論上)無限に拡大することができることが特徴だ。本サービスはそんなベクター画像をAIを活用することでノイズやボケが含まれる低画質画像からでも生成することができるという。 [GDC_row] [GDC_column size=”half”] 今回は同じくAIを活用したキ
「文字として読めなくてもいい」－イワタによる"東亜重工フォント"制作プロセスと、グラフィックデザインにおけるフォントの在り方
TOP スペシャルコンテンツ 「文字として読めなくてもいい」－イワタによる"東亜重工フォント"制作プロセスと、グラフィックデザインにおけるフォントの在り方 2022/01/27 PR 「文字として読めなくてもいい」－イワタによる"東亜重工フォント"制作プロセスと、グラフィックデザインにおけるフォントの在り方 デザイン アニメ [PR] 『シドニアの騎士』や『BLAME!』など、弐瓶 勉作品をまたいで登場する架空企業・「東亜重工」。作中では詳しく語られることがないにもかかわらず、非常に大きな存在感を示している理由のひとつは、そこで使われる独特なフォントデザインにある。実際、作品を飛び出してこのフォントを使ったグッズも多数制作されている。そんななか、フォントデザインの老舗企業であるイワタが、改めてデザインした約7700文字の東亜重工製フォント『東亜重工』（以下、東亜重工フォント）を2020年1
ウェブ業界の当たり前だと思っていることでも、他社の人には違う常識があるかもしれません。自分が業界多数の傾向と違うところはどこなのか……。この連載ではアンケートデータから国内のウェブ業界の傾向を分析します。 連載9回目となる本記事では「2023年のHTMLコーディング」をテーマとしてアンケート結果を紹介します。 imgタグの属性はちゃんと書く？ imgタグにwidth・height属性を書いているか質問しました。 4397票の回答があり「何が何でも絶対に記述する」が11.9%、「基本的に記述する（たまに記述しないことがある）」が33.2%、「面倒なので普段は記述しない（たまに記述する）」が21%、「記述しない！」が33.8%でした。 記事『【2020年夏】imgタグにはwidthとheight属性を書くのがいいらしい | Rriver』によると、レイアウトシフトの対策に有効であるためにwid
この記事では、Webデザイン制作をもっと楽にする最新オンラインツール45個をまとめてご紹介します。 ウェブデザインに限らず、グラフィックなどあらゆるクリエイティブな案件、プロジェクトで活躍しそうな新しいツールを中心に揃えています。 これまで面倒だった作業をワンクリックで完了したり、人工知能が自動で行ってくれたりと、より快適にプロジェクトを進めることができる便利ツールが揃います。 自分のワークフローにうまくツールを導入することで、制作時間の短縮につながるだけでなく、ストレス少なく作業を行うことができます。 カテゴリごとに整理しているので、目的にあったお気に入りツールを探してみましょう。 コンテンツ目次 1. Web制作便利ツール 2. 配色ツール 3. デザインコレクション 4. イラスト系ライブラリ 5. プロトタイプツール 6. アイコンツール 7. コラボ、リモートワークツール 8.
当サイトでは、Photoshopの新しい機能テクニックをつかった最新チュートリアル、作り方を定期的にまとめて紹介しています。 この記事では、2021年のあいだに公開された、特に確認しておきたいPhotoshopのデザインチュートリアル、つくり方をまとめてご紹介します。 10月のアップデートで機能が大幅強化されるなど、進化が止まらないフォトショップ。 人気のレトロエフェクトにはじまり、ボタンひとつで完成のお手軽写真アクション、写真合成テクニックなど、デザイナーが覚えておくと便利なテクニックなどが多く公開された年となりました。 2021年公開のIllustratorチュートリアル、つくり方と一緒にいかがでしょう。 【総まとめ】2021年公開のすごいIllustratorチュートリアル、作り方厳選まとめ まずはAdobe公式サイトより、Photoshopを無料でダウンロードし、7日間のお試し期間
デザインの引き出しを増やすためには、トレンドを押さえておくことは大切です。 デザインの基本となるタイポグラフィ、カラー、形などの要素が詰まった、最近のロゴデザインに使われているトレンド、デザインテクニックを紹介します。 2023 Logo Trend Report by BILL GARDNER 下記は各ポイントを意訳したものです。 ※元サイト様にライセンスを得て翻訳しています。 2023年、ロゴデザインのトレンドの傾向 花々を新しい解釈でデザイン「Wildflowers: ワイルドフラワー」 存在感のある流体の形状「Bloblend: ブロブレンド」 焦点の合った要素と合っていない要素をブレンド「Fades: フェード」 三次元の形を表現する「Foreshort: フォアショート」 上昇を表現する新しいデザイン「Thrust: スラスト」 自然界の神聖な数式から生まれた形「Spirals
この記事では、2021年に公開された便利なWebオンラインツール・ベスト100個+をまとめてご紹介します。 定期的にリストアップしている最新オンラインツールまとめ記事では、2021年にかけて合計338個の新しいツールやサービスを紹介してきました。 その中でも、特にWebデザイン制作に便利なツールを選りすぐったコレクションで、「無料で利用できるツール」を揃えています。 これらのツールやサービスを活用すれば、Webデザイン制作をより快適に進めることができるでしょう。 カテゴリごとに整理しているので、目的にあったお気に入りツールを探してみましょう。 コンテンツ目次 1. CSSツール（11個） 2. パターンツール（3個） 3. イラスト系ツール（9個） 4. デザインツール（17個） 5. 配色ツール（7個） 6. グラデーションツール（12個） 7. SVGツール（9個） 8. スクリーンシ
無料で「.ai」ファイルをPNGなどの画像ファイルに変換しIllustratorなしで開くことができる「ShapeConverter」の使い方
WindowsでAdobe Illustratorの「.ai」ファイルを一発で簡単にPNG・JPEG・BMP・GIF・TIFF・EPS・ICO・SVG・SVGZファイルに変換できるオープンソースのフリーソフトが「ShapeConverter」です。使い方もめちゃくちゃ簡単で、「ダウンロード→起動→AIファイルを開く→変換して保存する」という超絶シンプルさなので激烈に使いやすいため、知っておいて損はありません。 まずは以下からダウンロード。 Releases · gomi42/ShapeConverter · GitHub https://github.com/gomi42/ShapeConverter/releases 最新版の「ShapeConverter.exe」をクリック ダウンロードした「ShapeConverter.exe」を起動 右上の「...」をクリックして変換したい「.ai
こんにちは。イラストレーターで防災士のアベナオミです。宮城県多賀城市出身で、現在は杜の都・仙台で3人の子育てに奮闘しています。現在はイラストレーターとしての執筆活動の傍ら、子育て中のパパ・ママに向けて防災対策の大切さを伝えるのがライフワークとなっています。 最近の我が家の食器棚。一番下は空ペットボトルに入れた水道水です。飲料水ではなく「生活用水」の備蓄です。食器棚の一番下ってあんまり使わないですよね😊水を置いておけば重心も下がるので、食器棚の転倒防止にもなります。先月の地震でも、この食器棚はダメージゼロでした✨✨#1日1防災 pic.twitter.com/YGCliFNJ9b— Illustratorアベナオミ★防災士 (@abe_naomi_) 2021年3月9日 防災士の資格を取ったのは、2011年の東日本大震災での被災経験がきっかけです。当時も宮城県にいて、長男は1歳7ヵ月。幸い
過去にも何度か話題になっていましたが、ここ最近TwitterのWeb制作者界隈で過去最高に「Webデザイナーがコーディングできるべきかどうか」という議論が白熱しているように思います。 かなり悩んだのですが、私なりにお話しできることもあるかと思い、この件について私の考えを記事にまとめて公開することにしました。 コーディングとはどこまでを指すか 「コーディング」といっても、人によって指しているものが違うと思います。 ここでは4つの段階に分けてみます。 ごく基礎的なHTMLやCSSを書くことができるコーディングのトレンドなども抑えた上でモダンなHTMLやCSSを書くことができるHTMLやCSSに加え基礎的なJavaScriptを書くこともできるHTMLやCSSはもちろん、本格的なWebアプリケーションの開発もできる このうち1に関しては、私は「議論の余地なくWebデザイナーも書けるべき」だと思っ
ちょっと調べてみたところ、やはりそうだった。具体的には『タクティクスオウガ』(1995)のスタッフで『ファイナルファンタジータクティクス』(1997)にも参加しているのは、松野、皆川、吉田という中核スタッフ3人と、外部のサウンドスタッフである岩田、崎元だけだった。 私がFFTから感じていた「タクティクスオウガ感」は、お話、絵、音楽という表層的なものだったのか（もちろんスクウェアのスタッフもタクティクスオウガに“寄せて”作ってただろうけれど）。 件の中核3人以外の『タクティクスオウガ』スタッフは、その後ニンテンドー64で任天堂より発売された『オウガバトル64』(1999)に参加している。 クエストはそこからGBAで『タクティクスオウガ外伝 The Knight of Lodis』(2001)をリリースするのだが、そこに『タクティクスオウガ』のスタッフはほぼ残っていない。 ここに至ってクエスト
Visual Studio Code時代の到来
この記事は、著者の許可を得て配信しています。 https://blog.robenkleene.com/2020/09/21/the-era-of-visual-studio-code// 使用するツールを選ぶときに私が最も重視しているのは寿命です。ソフトウェアの学習は投資であり、後で別のアプリケーションに切り替えなければならない場合は、今まで投資してきた資産の一部を失うと言っても過言ではありません。 ほとんどのソフトウェアのカテゴリにおいて、寿命の長いソフトウェアを選ぶのは簡単で、最も人気のあるツールは、通常、最も長く続いているものです。Microsoft ExcelとAdobe Illustrator は両方とも1987年にリリースされましたが、今でもそれぞれのカテゴリで最も人気のあるソフトウェアであり続けています。 一方、テキストエディタは、最も人気のあるオプションが一番古いものでは
Adobe MAX 2022「ベテランほど知らずに損してる☆IllustratorとPhotoshopの新常識」フォローアップ | DTP Transit
Adobe MAX 2022、10月19日[水] 15:00-15:30の「ベテランほど知らずに損してる☆IllustratorとPhotoshopの新常識 [S953]」セッションのフォローアップです。 この記事内の目次 アーカイブ アドビのサイトでの公開が終了したため、YouTubeチャンネルに移しました（2023年7月9日）。 セッション概要 2012年のCreative Cloud以降、いわゆるメジャーアップデート以外のタイミングでも新機能や機能強化が行われるようになりました。デモ映えするけど現場でニーズのなさそうな機能は控え目に、“地味だけど日々の仕事にすぐに役立つ”機能強化が増えています。 昔の使い方のままでも日々の仕事はこなせますが、「知っていたら早く終わる」「使えばキレイに仕上がる」機能を使わないのは「損」です。ここ10年で、ゆうに200以上はある新機能・機能強化の中から厳
AdobeのFigma買収とAdobe XDのこれから
2022年9月15日に、AdobeがUIザインツール「Figma」を買収する意向であることが発表されました。 これに関してWebデザイン勉強中の方などが「これからFigmaとAdobe XDのどちらを勉強するべき？」と困っているツイートを拝見したのでそれに対する私なりの回答と、 Webデザイナー・UIデザイナーたちの反応や温度感 Web業界の方が意外と見落としている事 脱Adobeしたい方のためのガイド などについてまとめてお話ししたいと思います。 なおこの記事に関しては事実だけでなく、私の予想や、私の周囲のWeb制作者の方の反応や予想なども含まれることをあらかじめご了承ください。 追記: Adobeの製品一覧からXDが消滅し、Adobe XD公式ページは消滅 「Adobeのすべての製品一覧」から #AdobeXD が消えました。「XD」で検索しても出てきません。 Dreamweaverで
※ CSS Animationに関してはWeb Animation APIを使うことでより簡単にJavaScriptからアニメーションを構築・制御できるようになります。2020年2月時点ではブラウザの実装が不十分でPolyfillを要するため、この記事では対象外としています。 専用ライブラリを使わずにアニメーションを作ろう 各ライブラリは特別な魔法を使っているわけではありません。 原理的にはCSS・SVG・WebGLといった各要素技術をしっかりと習得すれば、専用のライブラリと同等のことができるばかりか、より高い自由度を手に入れながら軽量化を実現できる可能性もあります。 また、専用のライブラリを利用する場合にも、基礎となる原理や各技術の得意不得意を知っていることは大きな武器となるでしょう。 Vue.jsを使ってCSSやSVGのアニメーションを書く とは言え、これらのアニメーションを土台の技術
どうもイラストレーターのみえです。 実は靴デザイナーもやっています。 仕事柄わりと常に靴を観察し、絵型なんかも描いているので、靴のイラストにはこだわりがあって、それなりに描ける自信もあります。 プライベートでイラストを描いていたり、色んなイラストレーターさんの絵を見たりする機会も多いのですが、「あぁっ、この靴は構造的にこうはならないんだけどな…」とか「なんか靴だけバランスがヘンだな…」みたいな違和感を感じることがあって、皆さん結構靴を描くのって苦戦しているんじゃないか、と思い、今回はイラストレーターとしてではなく、靴デザイナーとしての視点から「靴のイラスト」の描き方を解説していきます👠👟👞 （靴の絵柄は基本的に左足の外側を描くため爪先が右を向いていることが多いので、絵文字だと全部右足に見えるのが違和感です、笑） ●こんな人の役に立つかも・「靴って描くのむずくね？」って人 ・「ちゃんと
「Photoshop」と「Illustrator」にWebブラウザ版 まずはβ版、データ閲覧までなら非会員にも開放
Webブラウザ上で動作するため、ダウンロード不要で使えるのが特徴。Creative CloudのメンバーでなくてもWeb版のツールを開いてデータを閲覧することは可能。有料会員であれば、レイヤー内のオブジェクトの移動や削除、文字入れ、「画像の映り込みの修正」といった簡単な編集ができる。 対応ファイルはアドビのクラウド専用ファイル形式である「クラウドドキュメント」のみだが、Photoshopで使われているPSDデータ、IllustratorのAiデータともに、一度Webブラウザ版で読み込むことでクラウドドキュメントに変換されるという。 Webブラウザ版は、同日に発表したチーム管理サービス「Adobe Creative Cloud Web」にも組み込まれている。プロジェクトの初期から制作物などアウトプットまでをオンラインで完結するよう設計されたもので、チームでのデータ管理やコミュニケーションなど
創作物を投稿すると稀に海外の人から届く｢Delete this｣とか｢酷｣などの言葉にはこういう意味がある→これを知らなくて創作やめた人もいるから広まって欲しい
ReL@たまにお絵描き解説するよ @rel_illustrator 絵を投稿すると稀に海外ニキから届く 「Delete this」とか「Oh f○ck」とかの 一見攻撃とも受け取れる言葉は、日本でいうところの 「ハァァァァァァーーー尊すぎる！無理！」っていう 海外版限界オタクの言動だから、 ニッコリ笑って「Have a nice day!😁」とか返しておけばいい ここテストに出ます👨🏫 2024-05-19 18:32:00
「Ameba」アイコン刷新 一貫性と再現性追求のための設計術 | CyberAgent Developers Blog
GUIにおけるアイコンとは、プロダクトを触れるユーザーに対して、機能や動作を抽象化してシンプルかつ直感的に伝達させる、文字情報に頼らない記号です。 基本的に、記号が内包する意味には受け手によって解釈の余地があるような状態であってはなりません。しかし、ユーザーに対して、シンプルに正しい意味を伝えることが出来るという前提さえ踏まえれば、それを成すスタイリングは作り手やプロダクトによって様々な表現が可能な余地が残されています。 つまり、アイコンは、記号としての機能性に加えて、装飾としての役割も抱く、プロダクトGUIにおけるスタイリング定義の標本となり得るということです。 前段 「Ameba」について 「Amebaらしい」アイコンとは何か 塗りと線のルール 「Amebaらしい」形状 「Ameba Sans」の形状分析と曲率定義 線の太さのルール 命名規則を決める Library化 リプレイス まと
「Adobeユーザーは定期課金を喜ばしく思っていない」 フォトショ・イラレ競合の「Affinity」はサブスク牙城にどう挑むか
Sherifは9日、写真加工ソフト「Affinity Photo」、デザインソフト「Affinity Designer」、DTPソフト「Affinity Publisher」をそれぞれアップデートした。順にAdobeの「Photoshop」「Illustrator」「InDesign」に似た機能を持った製品だ。旧バージョン同様、いずれもサブスクリプションではなく買い切り型で提供している。 価格はどれもWindows／Mac版が1万800円、iPad版が3200円。旧バージョンのWindows／Mac版は6000円台だったので、4000円程度値上げしている。月々払いの場合、Illustratorなど多くのプランは月額3828円なので、3カ月分の利用料金より少し安くなる計算だ。3ツール全てを使える「ユニバーサルライセンス」も2万6800円で発売した。 Adobe製品については価格に不満を持つユ
駅の構内図は全国の主婦の皆さんの力で生み出されている
1975年宮城県生まれ。元SEでフリーライターというインドア経歴だが、人前でしゃべる場面で緊張しない生態を持つ。主な賞罰はケータイ大喜利レジェンド。路線図が好き。（動画インタビュー） 前の記事：職場を抜け出して生ガキを食べる～伝説の社員を教えてください ＞ 個人サイト 右脳TV 駅構内図の最大の目的とは 駅の構内図ってどんなのだっけ？という人もいるかもしれない。でも絶対見たことあると思うんですよ。こういうやつです。 こんな感じで、立体的に駅の構造を教えてくれる図があるじゃないですか。ちなみにこれは小田急電鉄の参宮橋駅。 この駅構内図を、JR各社はじめ東京メトロに都営地下鉄、小田急、京王、西武、東武、京成、名鉄、近鉄、南海ほかもろもろ手がけているのが株式会社ナビットである。 取締役の岡崎さん（右）、デザイナー課 課長の田中さん（左）にお話をうかがいました。 僕は路線図が好きで、鉄道会社のサイ
「ディスコード」→「ヅァシヶョデ」などすごい誤植だらけで1月発売の書籍が発売延期に 著者「確認段階では問題なかった」
あさ出版から2023年1月10日に発売予定だった書籍『言語オタクが友だちに700日間語り続けて引きずり込んだ 言語沼』が、「ふじわらのふひと」→「びざろょぬびばて」など多数の誤植により1月24日発売に延期になりました。意味が分からなすぎる誤植ですが、著者は謝罪するとともに「発売前の確認段階ではなかった誤植」だったことを動画で説明しています。 言語オタクが友だちに700日間語り続けて引きずり込んだ 言語沼（出典：Amazon.co.jp） あさ出版のサイトに掲載されている正誤表によると、確認された誤植は以下の通り。どれもふりがなに誤植が発生しています（正→誤の順）。 相好（そうごう）→相好（そうこう） 本居宣長（もとおりのりなが）→本居宣長（むてえよぬよとか） Pepper（ペッパー）→ Pepper（ペッパーくん） 角回（かくかい）→角回（ぉきぉあ） 白鵬（はくほう）→白鵬（ねきぺい） 稀
サナダシン＠絵仕事中 @Sanada_Shin Illustrator in Nagoya Japan. おもに児童さん&ファミリー向けの愉快イラスト描いてます。イラストレーションファイル i.fileweb.jp/sanadashin/ やイラストレーターズ通信 illustrators.jp Tumblr等で作品を公開しています。よろしくお願いします sanadashin.tumblr.com サナダシン＠絵仕事中 @Sanada_Shin 僕は海外のクリエイターさんが考えた「日本人から見るとすこし違和感のある日本名」はわりと好きです。ハイヤト・ダイクタとかマツオ・ツラヤバとか。微妙な違和感って、いいフックになるんですよね 2023-10-13 09:15:30 サナダシン＠絵仕事中 @Sanada_Shin ってか、コミックを中心としたフィクションでは、外国人は誇張して描かれるものな
こんにちは、Autify CEOの近澤（@chikathreesix）です。 先日会社の紹介資料を公開しました。大変嬉しいことに多くの反響を頂いているのですが、会社の紹介資料には自動化に賭ける僕の熱い想いは詰め込めきれませんでした。そこで、なぜ我々が今テスト自動化に取り組んでいるのか、なぜテスト自動化がこれからの社会において重要なのか、改めてブログにまとめました。 テストの大半が未だに人手ソフトウェアテストとは、開発したソフトウェアが正しく動作するか検証する作業のことです。ですのでソフトウェアを開発するあらゆる組織において、テストを実施する必要があります。市場は非常に大きく、IT予算の1/3をテストに使っていると言われ、その額は130兆円にも登ります。 この作業ですが、未だにグローバルで見てもおよそ75%の企業が人手に大きく依存しています。人手のテストは当然人件費と時間が多くかかるわけです
SVG形式のファビコンを設置しよう
2022年4月27日 SVG, Webサイト制作 つ・い・に！ファビコンもSVG形式が対応されるようになりました！SVGを使えばこれまで使われてきたPNGなどのビットマップ形式とは違い、拡大縮小しても画質が劣化しません。つまり、過去記事「クリエイティブなファビコンを設置しよう」で紹介したように多くのサイズを用意する必要はありません！やったね！少し工夫すればダークモードにも対応できますよ！さっそくみていきましょう！ ↑私が10年以上利用している会計ソフト！ SVGファビコン設置方法 1. SVG形式のファビコン用画像を用意 グラフィックツールでファビコンにしたい画像を用意します。サイズは特に気にしなくてもOK。正方形であればどのサイズでもきれいに表示されます。今回はIllustratorを使って32x32pxのものを用意しました。 SVG形式で保存します。 2. HTMLファイルに記述 あと
amo on Twitter: "アイドルの写真集でこのレイアウトする奴ブックデザイナーの適正1ミリもねーから今すぐに廃業しろ！ https://t.co/ktTY5THQwJ"
アイドルの写真集でこのレイアウトする奴ブックデザイナーの適正1ミリもねーから今すぐに廃業しろ！ https://t.co/ktTY5THQwJ
ご無沙汰しています。前記事から 3 年ぶりに note を更新しました。本稿では、芳文社の発行する「まんがタイムきらら」やその姉妹誌に掲載された作品の写植（吹き出し）に注目し、使用されている書体や、その書体が読者に与える印象に関して考察を行います。 「ぼっち・ざ・ろっく！」観てますか？？図 1：｢ぼっち・ざ・ろっく！」の単行本（筆者撮影）アニメを観てから完全に難民になってしまったので、原作を無限に読んでいます。アニメよりもテンポが早く、4 コマの起承転結を通じて 1 つのストーリーが構成されている点が（ぼざろに限った話ではないですが）素晴しいです。未確認ライオット編よかった…… さて、アニメでは数多の声優さんの演技によって、登場人物の描き分けや感情表現が行われていますが、漫画においては写植、すなわち吹き出しの部分が登場人物の喜怒哀楽の表現に一役買っています。 印刷物のデザインでは「1 ペー
みなさんは日本語の文字の並べ方に「ベタ組」「ツメ組」という言葉があることをご存じでしょうか？ 実は日本語の文章は、読み手を意識して読みやすい間隔で文字が並べられています。 今回はそんな日本語の文字の並べ方をご紹介します。 ベタ組とツメ組「ベタ」という言葉の意味は「隙間なく物が並んでいること」だそうです。そういえば印刷用の絵や漫画の黒一色で隙間なく塗った部分を「ベタ」とも言っていますね。他にも「ベタ」は建築業界の⽤語にもあるようです。 まずは日本語組版にもある「ベタ」を説明する前に、文字の設計についてお話しします。 日本語で使われる漢字やひらがな、カタカナは一般的に正方形に収まるように設計されており、この正方形に相当するところを「仮想ボディ」と呼んでいます。そして「仮想ボディ」の中に実際の文字部分である「字面」が収まっています。 仮想ボディと字面。pt? 級? 号? 文字に関する単位の話より
「好きで始めたはずだろ」絵を描く苦しみを表現したイラストに胸が苦しくなる。そして、その絵の真意を知ったときに鳥肌が立つ。
らいす🌾 @rice01200120 ◆illustrator ◆ホームページ→okomenonaruki.com ◆落書き用アカウント→@ricerkgk0120 ◆skeb→skeb.jp/@rice01200120 ◆お仕事のご相談はHP、またはこちらまで→ricerenraku0120@gmail.com pixiv.net/users/8963212
献血ポスター批判Illustrator「自分が麻痺せずに済んだのは教育や異性に恵まれた為にこの種のコンテンツに触れる機会がなかったからで、もし自分が二次元に性欲をぶつけるしか選択肢のない人間なら当然麻痺しただろう」
TAKUMI™ @takumitoxin Graphic designer Illustrator 猫のミーチャと二人暮らし。週刊少年JUMP新人賞受賞 カードゲームXENOイラスト担当 MARVEL公式浮世絵師 試写、イラスト等のご依頼はDMでお願いします instagram.com/takumitoxin.tm リンク www.instagram.com TAKUMI™ (@takumitoxin.tm) • Instagram photos and videos 17.3k Followers, 120 Following, 57 Posts - See Instagram photos and videos from TAKUMI™ (@takumitoxin.tm) 73643386 TAKUMI™ @takumitoxin こういう事を説明されないとわからないぐらい麻痺してる人
射尾卓弥■Illustrator @io_takuya 絵かき、最近はイロイロデザイナー■絵は滅多に上げないので絵目当ての方はフォロー非推奨■仕事履歴、依頼等はリンク先で確認願います。※絵描きだけどF1、車、模型、TOYの話ばかり。F1TV観戦中はうるさい…F1、動物RT多し。上記嫌な人もフォローお勧めしません。永野護信者。頭文字D大好き(´・ω・`)うさぎまた飼いたい https://t.co/lOJnrLVwjC 射尾卓弥■Illustrator @io_takuya スマホゲーってすごい怖いなぁ コケたら本も何も出ないからタイトルとメインビジュアルとYou Tubeの動画くらいしか残らない・・・コンシューマーと違ってほんとに何も残らない・・・ほぼ歴史から抹消 コレは怖い やったデザインの90％は出なかったぞｗ 2019-09-14 19:22:44
SF作家ルーディー・ラッカー氏が、著作の日本語版の表紙のイラストレーター、横山えいじ氏を探してSFマガジン編集部まで届いたところ（多分、途中）
Rudy Rucker @rudytheelder Rudy Rucker is a cyberpunk writer with a checkered past. Ware Tetralogy, Complete Stories, and Juicy Ghosts. Paintings page is https://t.co/2lQEigEYyP rudyrucker.com/blog Rudy Rucker @rudytheelder While we're at it, here's some Japanese covers, for Soft, Wet, and Freeware, also for Hollow Earth. Please remind me again of this wonderful artist's name. Also I'll throw in a
Miroそのものは以前から利用していましたが、とある案件での利用を機会に掘り下げました。これからMiroに取り組む方のために、メモを残しておきます。 なお、Frameは「フレーム」と表記します。 ここ数日でMiroにむっちゃ詳しくなった。 ・URLをペーストしたらカード風のものができたり ・動画のURLは、そのまま埋め込まれたり ・Illustratorにはないオブジェクトの連結 ・表組みもイケて ただ、Miroも（PowerPointも）クリック操作が多くて疲れ方がハンパなく、そして時間がかかる。 — 鷹野 雅弘 Masahiro Takano (@swwwitch) December 7, 2021 Notion vs. Miro共同編集を前提としたデータのストックにはNotionだと思っていたけど、リニア（線形）なNotionに比べて、ジオメトリックに配置できるMiroに軍配が上がり
最近のウェブサイト制作では、アニメーションがますます重要になってきています。 この記事は、Lottieの使い方をまとめた基本ガイドです。Lottieの魅力はもちろん、After EffectsへのAiファイルの読み込みやアニメーション作成、プラグインを利用したJSONファイルの書き出し、Webサイトでのアニメーション表示まで一連の流れをまとめています。 Lottieを利用すれば、手軽にそして軽量に動画を貼り付けることができるので、これまでアニメーションを試したことのないひとにもオススメです。 コンテンツ目次 1. Lottie（ロッティー）って何？ 2. Lottieを利用するメリットは？ 3. Lottieアニメーション作成手順ガイド 4. After EffectsへのAiファイルの読み込み 5. After Effectsでアニメーション作成 6. Lottie JSONファイルでア
米Adobeは9月28日、β版として提供していた「Adobe Photoshop Web」の正式版をリリースした。インストール不要でブラウザからPhotoshopの機能にアクセスでき、同社の生成AI「Firefly」などの機能も利用可能。無料版はないものの、Photoshopを含む全てのCreative Cloudプランで使えるとしている。 Web版はインストールなしに、ブラウザ上でPhotoshopの機能が利用できるもので、ファイルの作成や編集だけでなく、デスクトップ版に移動しての作業もスムーズに行うことができる。デスクトップ版と機能は同一ではないものの、β版のリリース以降、よく使われる機能の大半をWeb版に搭載したとしている。 また、データの共有先がPhotoshopユーザーではない場合でも、共有時に生成したリンクからWeb版Photoshopを立ち上げることができ、ファイルの表示とコ
前回の記事から約4年3ヶ月ぶりの投稿です... 定期的に文章を書かないと書けなくなってしまうので何か書かなければ...と思っていたら、ちょうどタイミングよくアドベントカレンダーの季節だったので 防災アプリ Advent Calendar 2022の7日目として参加させていただきます。 現在、日本からオーストラリアにかけての上空に「みちびき（初号機〜4号機、初号機後継機）」と命名された準天頂衛星(quasi-zenith satellites)が4機（待機運用中の初号機も合わせると5機）飛んでいます。 この衛星を利用した準天頂衛星システムみちびき(QZSS)は既存のGPSやGLONASSといった衛星測位システムを補完し、常時1機は日本から高仰角で見通せる位置に滞空するように設計されています。 高層ビルの多い都市部や山間部において低仰角を飛んでいるGPSをうまく捕捉できない場合でも高仰角を飛ぶ
デザインがデジタルベースになったいま、デザインの強度、質感を高める手法としてカイシトモヤさんが取り入れているのが、デザインに“身体性を潜ませる”ということ。手を動かした痕跡、ズレやかすれのような動きを感じさせるテクスチャ……“身体性”を持たせる方法はさまざまですが、こうした処理を施すことでデザインにあたたかみ、親しみ、なじみやすさを与えているのです。 今回はAdobe CaptureとAdobe Illustratorを組み合わせて、紙に書いた手書きの文字をパスで取り込み、いくつものデザインを一気に調整して仕上げていくカイシさんの仕事術を紹介します。
今回は「異体字」についてお話しします。すこし専門的な部分もあるので、適宜不要な部分は読み飛ばすことをお勧めします。 こんな問題から始めてみましょう。世田谷区の区章とその説明文は以下のように書かれています。 外輪の円は区内の平和、中心は「世」の文字が三方に広がり、人びとの協力と区の発展を意味しています。（世田谷区の紋章、シンボル | 世田谷区ホームページより） 「中心は『世』の文字」とありますが、そうは見えません。なぜこのような形なのでしょうか。 前回の記事 本記事は連載形式で、前回の補足のような内容になっています。前回の記事もご参照ください。 shokaki.hatenablog.jp クリックで目次の表示／非表示 前回の記事 異体字とは 異体字の認識 異体字の使われ方 どこまでが同じ漢字か 誤字か異体字か 異体字はどうできるのか よく使う字は略字化する 画数の多い字は正確でなくても読める
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
君は使い分けられるか？CSS/SVG/Canvasのビジュアル表現でできること・できないこと - ICS MEDIA
続くAI大革命…イラストをベクター画像(線画データ)に変換する無料AIツールが高精度で凄い | オタク総研
HTMLコーディングの今。アンケート結果から分析する2023年のウェブ制作 - ICS MEDIA
Webデザイン制作をもっと楽に！便利な最新オンラインツール45個まとめ
【総まとめ】2021年公開のすごいPhotoshopチュートリアル、作り方厳選まとめ
2023年、ロゴデザインのトレンド -最近のロゴに使われているデザインテクニックのまとめ
Web制作を変える！2021年の便利オンラインツール・ベスト100選
パパ・ママに知っておいてほしい「車の防災対策」。東日本大震災を経験した私の備え #くるまも - くるまも｜三井住友海上
「Webデザイナーはコーディングできるべきか」という議論に対する私の考え
タクティクスオウガとFFタクティクス、そんなにスタッフかぶってないのでは？→かぶってない
CSS・SVGとVue.jsでのアニメーション作成入門 - ライブラリに頼らない表現力を身に付けよう - ICS MEDIA
靴デザイナーが解説！靴イラストの描き方｜みえ👠靴Illustrator
海外クリエイターの考えた “日本人からすると少し違和感のある日本名” のこの味わい深さよ「情緒あるよね」
なぜ今ソフトウェアテスト自動化に賭けるのか | chikathreesix
まんがタイムきららの「写植」を読む――吹き出しにみる漫画書体の使い分け｜いなにわうどん
ベタ組とツメ組。日本語の文字の並べ方を押さえよう｜モリサワ note編集部
サービス終了と共にほぼ歴史から抹消されてしまうスマホゲーはデザイナー泣かせ？
【Mac Info】 Illustrator代替アプリの筆頭！「Affinity Designer」を使おう
オンラインホワイトボード「Miro」をガッツリ使うヒント｜鷹野 雅弘
WebアニメーションはLottieがオススメ！基本の使い方完全ガイド【2020年版】
ブラウザ版「Photoshop」正式リリース インストール不要、非CCユーザーによるデータ確認にも使える
みちびき災危通報を受信するためにGNSS受信機を作った話
アナログとデジタルをつなぎ、 ディテールと全体を同時にデザイン
ゼロから始める異体字の世界【レトロデザインのための近代日本語講座〈2〉】 - マチポンブログ