並び順

ブックマーク数

期間指定

  • から
  • まで

41 - 80 件 / 2123件

新着順 人気順

illustratorの検索結果41 - 80 件 / 2123件

  • 「色」に課金…Adobe上のPantoneの色、月15ドルで阿鼻叫喚

    「色」に課金…Adobe上のPantoneの色、月15ドルで阿鼻叫喚2022.11.07 12:0051,753 Jody Serrano - Gizmodo US [原文] ( 福田ミホ ) 当たり前だったものがまたひとつ、当たり前じゃなくなった。 Adobeのデザイン系ソフトウェアを使ってる方々には今、困ったことが起きてます。Adobe Creative Suite、つまりPhotoshopやIllustrator、InDesignといったソフトウェアの中で、ある種の「色」が有料になり、月15ドル(約2,200円)かかることになったんです(年間だと90ドル≒約1万3000円に割り引かれますが、それにしても)。しかもその「色」というのは、特殊な色とかじゃなくて、業界標準になってるPantoneのライブラリで指定した色、なんです。 色ってたとえば「赤」といってもいろんな色味がありますが、P

      「色」に課金…Adobe上のPantoneの色、月15ドルで阿鼻叫喚
    • 両親が不仲だった自分語り

      02/13 23:36 追記ちょこっとしました。 床屋勤務だった父に、美容院勤務だった母はハワイ旅行中に出会い結婚したらしい。 物心がついたころにはもう父と母は不仲だった。父は仕事を休みがちで、私が小学生低学年の頃にはもう職場を転々としていたのを覚えている。 一つの職場に留まらず、職場を変えるものだからもちろん給料も上がらない。父と母は夜な夜な電話口や居間で喧嘩していた。 それは深夜だった時もあるし明け方の時もあった。長いことアパート住まいで横にも上にも寝ている家があるのに家に居る母は金切り声を上げていた。 でもほとんどがお金の問題で、まだ小学生の自分にはできることが無いことが分かっていたので家の手伝いをして、3歳年下の妹の面倒をよく見た。 父が仕事から帰ってくるとき帰りは母の車の迎えを頼んでいた。母はまだ小学生の私と幼い妹を乗せて車で最寄り駅まで父を迎えに行く。 その車の中でもお金の話で

        両親が不仲だった自分語り
      • ブラジル帰りの鬼才「Mika Pikazo」インタビュー 極彩色に血を通わす極意

        POPなポイントを3行で イラストレーター「Mika Pikazo」超ロングインタビュー ブラジル帰りという異色の経歴を持つ彼女の来歴や哲学に迫る 現在、「Mika Pikazo展 2020」も開催中 人気バーチャルYouTuber・輝夜月さんやピンキーポップヘップバーンさんのキャラクターデザイン、『Fate/Grand Order』清少納言サーヴァントのデザイン、「マジカルミライ2018」のメインビジュアルをてがける新進気鋭のイラストレーター・Mika Pikazoさんによる初の全国展覧会「Mika Pikazo展 2020」がスタートしている(関連記事)。 イラストレーターとしての活動もさることながら、輝夜月さんのアパレルブランド「Beyond The Moon」でのアパレルやグッズデザイン、ライブステージ演出を手がけているのに加え、原作・原案をてがけるプロジェクト「RE:BEL RO

          ブラジル帰りの鬼才「Mika Pikazo」インタビュー 極彩色に血を通わす極意
        • コーヒー屋を開業するにあたって作った書体の話|Koji Kimura

          デザインスタジオであるSTARRYWORKS inc.は、昨年秋からロースター・カフェを開業しました。そのお店の名前に合わせて「Hue」という欧文書体を開発することになった、そのプロセスや開発の裏側を紹介したいと思います。 1. お店のコンセプトは「色で選ぶコーヒー」お店の名前は「Hue Coffee Roaster」といいます。「Hue」(ヒュー)は色相や色味という意味の英語で、コーヒーのメニュー名を産地や豆の品種、焙煎度合などではなく、「色」の名前で表現することでより気軽にさまざまなコーヒーを楽しんでいただくことをコンセプトとしています。 お店のInstagram 私はコーヒーが好きで毎日飲みますが、豆の品種や産地などは詳しくなく覚えられずにいました。以前注文したものが美味しかったからまた飲みたいと思ったり、前回とは違うものに挑戦してみたいと思っても、ややこしい地名などで覚えられず、う

            コーヒー屋を開業するにあたって作った書体の話|Koji Kimura
          • 「ChatGPTの出現でプログラマーの需要はむしろ増えてくる」 ひろゆき氏が説く、これからのエンジニアリングのかたち

            技育祭は「技術者を育てる」ことを目的としたエンジニアを目指す学生のための日本最大のオンラインカンファレンスです。「技育祭2023【春】」に登壇したのは、元2ちゃんねる管理人のひろゆき氏。エンジニアを目指す学生からの質問に答えました。全5回。2回目は、「ChatGPT」がエンジニアに与える影響について。前回はこちら。 酒を飲んでコードを書ける気はしない ひろゆき氏(以下、ひろゆき):(コメントを見て)「飲酒しながらプログラミングしているんですけど、ひろゆきさんもされていますか?」ということなんですけど、僕、酒を飲んでプログラムを書いたことはたぶんないですね。 司会者:へぇ、意外ですね。なんでですか? ひろゆき:もともと、家であまり酒を飲まないのもあるんですけど、脳のバッファー量って超重要じゃないですか。 例えば、コードをバーッと書いている時に、話しかけられたり電話がかかってきたりすると、脳の

              「ChatGPTの出現でプログラマーの需要はむしろ増えてくる」 ひろゆき氏が説く、これからのエンジニアリングのかたち
            • ウェブデザインにおけるline-heightについて

              ウェブデザインにおけるline-heightってけっこう曲者で、CSSを理解してデザインしないと「空き」の設計が破綻したりコーディングで苦労することになります。FigmaやAdobe XD、Affinity Designerなどのグラフィックアプリでline heightの扱いが異なるので、使うツールの挙動を理解するのも大切です。 ということで、今回はCSSのline-heightについてまとめてみます。 実は調べれば調べるほど奥が深いCSSのline-heightの世界ですが、まずは基礎からまとめていこうと思います。 目次 以下はページ内のセクションへのリンクです。 CSSのline-heightでは文字の上下にスペースができる ウェブで使われるハーフ・レディングとは 印刷とウェブにおけるレディングの違い デザインツールでのline heightの扱いの違い 上下のハーフ・レディングを帳

                ウェブデザインにおけるline-heightについて
              • 【noteに直接確認しました】noteの正社員イラストレーター募集について、私が問題だと考えたこと・感じたこと|オオスキトモコ|note

                私はまず、この記事を読んで、上記記事の内容には、特に問題はないと思っていました。 【具体的な業務内容】 noteのサービス内外で使用するグラフィックの作成 具体的には・・・ ・noteのサービスを説明するイラストや、サービスのイメージを担うビジュアルなど幅広いグラフィックの作成 ・記事に必要なチャートなどの図版作成 ・ビジネスモデルを説明するインフォグラフィック制作等これ自体は、普通のグラフィックデザイナーの募集であり、昔からある、エディトリアルデザイン事務所でのダイアグラム、インフォグラフィックの仕事や、インフォグラフィックス系のデザイン事務所(チューブグラフィックスのような)、通信社(共同通信の「グラフィック記者」)・新聞社でのデザイナー(毎日新聞、朝日新聞、中日新聞等、各社に存在する)の職務内容に近いのではないかという印象を持っていました。noteとしては、NewsPicksの櫻田潤

                  【noteに直接確認しました】noteの正社員イラストレーター募集について、私が問題だと考えたこと・感じたこと|オオスキトモコ|note
                • 仕事は基本「つまらない」。だからこそ、ゲーム感覚と偶発性が大事|デザイナー・前田高志 - ミーツキャリアbyマイナビ転職

                  業界のトップを走るビジネスパーソンに仕事のこだわりやルールについて聞く連載「トップランナーの流儀」。 今回ご登場いただくのは、デザイナーの前田高志さんです。前田さんは、任天堂のグラフィックデザイナーとして約15年、広告販促用のグラフィックデザインに携わってきました。 独立後は、デザイン会社「NASU」の代表として、ポケモンセンターで販売されるグッズのアートデザインから、クリエイターのためのオンラインコミュニティ「前田デザイン室」 の設立、雑誌『マエボン』の創刊、グッドデザイン賞を受賞した粗ドットダウンロードサイト『DOTOWN(ドッタウン)』の立ち上げなど、デザイナーの枠にとらわれないユニークなプロジェクトを数多く手掛けてきました。 そんな前田さんは、ブログなどを通じて惜しみなくデザインのノウハウを発信し、SNSでもたびたび話題になります。ただ、自身について聞くと「デザイナーとしては本流で

                    仕事は基本「つまらない」。だからこそ、ゲーム感覚と偶発性が大事|デザイナー・前田高志 - ミーツキャリアbyマイナビ転職
                  • 数学ができなかった人間の残り滓が「文系」と呼ばれるのではないか。

                    高卒 インターネットで持続性のあるハンドルをもって情報を発信し続けている人は、大学卒業者以上である比率が高い。 ソースは……ない。 おれが二十年くらいネットをやってきた、電子肌感覚である。 「そんな電子肌なんてSFっぽい感覚などあてになるのか」と思うあなたは、やはり大学を出ていないだろうか? というわけで、おれは珍しいとはいかないまでも、少数派の高卒インターネット人である。 高卒が少数派なのは、たしかネットに限らずリアルな数だとしてそうだったと思う。 少し前、鳥貴族で飲んでいてそういう話題になって、おれは「まだ、大卒の方が少数派ですよ」と言って携帯端末で調べたら、違った、というのがソースだ。 そのときおれはビール的なもののアホみたいにでかいジョッキを一杯飲み干したあとだったので、正確かどうかはわからない。たしかちょっとだけ大卒の人が多かった。 したがって、ここでおれは高卒してすぐに働きに出

                      数学ができなかった人間の残り滓が「文系」と呼ばれるのではないか。
                    • 戦国時代だったテキストエディタ界をVisual Studio Codeが天下統一しつつある

                      テキスト編集だけでなく、表計算やイラスト作成など、何かの目的を達成しようとした際には「どのツールを選ぶのか」が問題になってきます。テキストエディタの世界でVisual Studio Codeがその地位を不動のものにしつつある点について、ロビン・クリーンさんがデータをまとめています。 The Era of Visual Studio Code | Roben Kleene https://blog.robenkleene.com/2020/09/21/the-era-of-visual-studio-code/ ツール選びの一つの考え方は、「一番寿命が長いツールを選ぶ」というものです。どんなに慣れ親しんだツールであっても、開発が終了してしまうと新たなツールの使い方をまた最初から学びなおす必要があり、そうした苦労を避けるには人気があって長く使われているツールを選びたいところ。表計算やイラスト作

                        戦国時代だったテキストエディタ界をVisual Studio Codeが天下統一しつつある
                      • アニメ制作会社の就職説明会で言われたこと「最低保証が月5万なので安定するまで生活費は親御さんに出してもらって」

                        ライブドアニュース @livedoornews 【技術継承進まず】アニメ制作、ベテランの高齢化進み現場は限界か news.livedoor.com/article/detail… 今やアニメ関連産業の売り上げは年間2.7兆円を超える。一方で、制作現場は「体力・気力の限界を“この仕事が好き”という作り手の思いで支えている状況であり、現場の疲弊は、破綻寸前」という。 pic.twitter.com/vriMGDWrX8 2023-07-09 11:35:00 リンク ライブドアニュース アニメ制作、ベテランの高齢化進み現場は限界 過酷な仕事量で技術継承進まず…「検定」で問題打開なるか - ライブドアニュース アニメ業界が抱える問題と解決策を、アニメプロデューサーらに聞いている。スキル不足の新人の絵を作画監督らが修正することもあるが、高齢化が進行。仕事を人海戦術でこなそうとすると破綻が起き、一部

                          アニメ制作会社の就職説明会で言われたこと「最低保証が月5万なので安定するまで生活費は親御さんに出してもらって」
                        • サーバーサイドエンジニアとして2020年に使った技術 | うなすけとあれこれ

                          2020年のフロントエンドエンジニアの技術スタックの一例 | potato4d D(iary) この記事と、TLで「これのバックエンド版が見たい」という発言に触発されたので書いてみます。口語体と文語体が入り乱れてるのは許してください。 冒頭のグラフはwakatimeで生成した今年1年間のプログラミング言語使用率です。2位はTypeScript、3位はTerraform、4位はYAMLでした。 立場 フリーランスで、主にRailsやAWSを使用しているサービスの運用、開発に関わっています。いくつもの会社を見てきた訳ではなく、数社に深く関わっている1都合上、視野が狭いかもしれません。 公開している成果としては クラウドゲーミング最新開発事例 - #CEDEC2020 - Speaker Deck があります。 長年RubyとRailsを書いてきたので、技術スタックがそのあたりに偏っています。

                            サーバーサイドエンジニアとして2020年に使った技術 | うなすけとあれこれ
                          • 自分の事業計画書をつくる。マルチに活躍するMEGUMIの仕事論 - りっすん by イーアイデム

                            近年、働き方改革の影響などもあり、本業とは別に副業やプライベートな活動を行っている人は増えているように思います。しかし一方で、いざ始めてみると、時間の捻出が難しかったり、うまく本業とバランスが取れなくなったり、思うようにいかないこともまた少なくないと思います。 俳優・タレントのMEGUMIさんは、いわゆる"芸能”のお仕事以外にも幅広く活動をおこなってきました。自身が編集長を務める『フリマガ』の制作を10年以上前から継続的に行ってきたほか、2016年にはパンケーキをメインにしたカフェ「Cafe たもん」を金沢にオープンし、2017年にはさまざまなクリエーターとコラボレーションするための個人サイト『+コラボレート』をローンチ。プロ・アマ問わず、さまざまな人たちと共同で作品をつくり続けています。 今回は、芸能界に身を置きながらも独自の活動の幅を広げてきたMEGUMIさんに、複数の場を持つことの大

                              自分の事業計画書をつくる。マルチに活躍するMEGUMIの仕事論 - りっすん by イーアイデム
                            • Adobeに税金を払うとき、解約する素振りを見せると減税される、という仕組みに賛否両論

                              をぢ @Woggieeee Adobe Creative Cloud更新時期になったので、また解約する振りしたら、今年も半額に値引きしてくれた。 pic.twitter.com/xFBcPmU49T 2022-06-02 11:52:16

                                Adobeに税金を払うとき、解約する素振りを見せると減税される、という仕組みに賛否両論
                              • もうこれでUI用のアイコンには困らない!商用でも完全無料で利用できる、SVG完備のアイコン素材 -iconsax

                                WebサイトやスマホアプリのさまざまなUIデザインに適した、シンプルなデザインのSVGアイコンが完全無料で利用できるiconsaxを紹介します。 ホーム・サーチ・アロー・カート・メールなど、Webページやスマホアプリでよく使用されるアイコンが揃っています。スタイルは6種類、フォーマットはSVGをはじめ、Adobe XD、Figma、Sketch、Illustratorとさまざまなアプリ用のファイルも用意されています。 iconsax iconsax -GitHub iconsaxの特徴 iconsaxのダウンロード iconsaxのアイコン iconsaxの特徴 iconsaxは、vue.jsのオープンソースのフレームワーク「vuesax」の公式アイコンです。個人でも商用プロジェクトでも完全無料で利用できますが、別の名前で販売および配布はできません。詳しくはライセンスをご覧ください。

                                  もうこれでUI用のアイコンには困らない!商用でも完全無料で利用できる、SVG完備のアイコン素材 -iconsax
                                • タグ[山路を登りながら]で検索するとデザイナーなら身がすくむような事故画像が次々と…

                                  ハイパーネイズ @Nayz_UKNF @maid_nobara 公益社団法人千代田区のばら山岳会 会報誌「山路を登りながら」7月号 巻頭特集 プレミアムメイドと登ろう首都圏の山々 好評!楽々トレーニング!脚力はお屋敷の階段で鍛える! 大人気袋とじ のばらの秘密 応募者全員サービス!撮り下ろしのばら太ももテレカ #山路を登りながら #永遠山路主義 pic.twitter.com/v0fMOvPGGA 2019-06-30 21:21:31

                                    タグ[山路を登りながら]で検索するとデザイナーなら身がすくむような事故画像が次々と…
                                  • 商用利用無料、おしゃれでかわいいフリーイラスト素材の総まとめ: 海外編

                                    商用でも無料で使用できる、かわいくてシンプルなおしゃれな海外のイラスト素材をまとめました。Webやアプリ、プレゼン、提案書、ポスター、同人誌など、さまざまなメディアで無料で利用できます。 イラスト素材の多くはオープンソースで利用でき、ほとんどはクレジット表記の必要が無しなので、使いやすいと思います。

                                      商用利用無料、おしゃれでかわいいフリーイラスト素材の総まとめ: 海外編
                                    • Photoshopで美しいゴールドにする、黄金エフェクトが簡単に作成できる無料のアクション

                                      Photoshopであらゆる被写体、画像全体を数クリックで金ピカのゴールドにする無料アクションを紹介します。 数クリックとしたのは被写体の選択操作で、金ピカにするのはわずか1クリック。 簡単に、目映いばかりの黄金エフェクトを楽しめます。 Free Photoshop Action to Turn Anything into Gold in Photoshop ダウンロードボタンをクリックすると、オーバーレイが表示され、それを閉じて、再度ダウンロードボタンをクリックすると、ダウンロードできます。 インストール方法は、Photoshopのアクションパネルで「アクションを読み込み」から、ダウンロードした「Spoon Graphics Gold Effect.atn」を指定するだけです。

                                        Photoshopで美しいゴールドにする、黄金エフェクトが簡単に作成できる無料のアクション
                                      • イラレの生成AIが凄いので Live - 2023/10/11 Adobe MAX 2023|CreativeEdge Vlog

                                        Adobe Illustraor 28.0に搭載された生成AI(ベクターグラフィックの生成)が衝撃的だったので、このページにまとめていきます。 イラレの生成AIの探求は以下の新しいページに掲載しています 新しいイラレ生成AI関連ページイラレの生成AIでハロウィンのイラストを描こう! イラレの生成AIでイラストを描くLive - 2023/10/14-15 Adobe Illustrator「イラレの生成AIを探求する」ライブ配信 イラレで生成したベクターグラフィック本日からロスアンゼルスでAdobe MAX 2023がスタートしましたが、遂にAdobe Illustrator(バージョン28.0)に「テキストからベクター生成 (Beta)」が実装されました。Adobe Fireflyのベータ版が登場した時から待機リストに掲載されていたので、いつ搭載されるのか注目していました。 参考:Ill

                                          イラレの生成AIが凄いので Live - 2023/10/11 Adobe MAX 2023|CreativeEdge Vlog
                                        • LO作家がH&M広告の「パロディ」をしたことに対しブルアカも手掛ける作家が寄稿を停止

                                          BuzzFeed Japan @BuzzFeedJapan 【抗議】H&M、制服姿の女児の広告を撤回 ⇒ 目立った抗議理由は「性的表現」よりも「ルッキズム助長」だった buzzfeed.com/jp/kenjiando/h… 「H&Mの新学期ファッションで注目を集めよう」という広告。「女児のルッキズム(外見至上主義)を助長する」と抗議を受けて中止に pic.twitter.com/8hrTBAn7VS 2024-02-20 11:50:00

                                            LO作家がH&M広告の「パロディ」をしたことに対しブルアカも手掛ける作家が寄稿を停止
                                          • 滝沢ガレソ⭐ on Twitter: "なお、古塔さんのアイコンは「清原果耶」さんという女優さんの再構築引用オマージュであり、サイン会などの各種イベントに古塔つみとして登場していたのも本人ではなく女性アシスタントであり、古塔さん自体は5ch特定班の捜査によって1976年… https://t.co/JFTjvZkQYi"

                                            なお、古塔さんのアイコンは「清原果耶」さんという女優さんの再構築引用オマージュであり、サイン会などの各種イベントに古塔つみとして登場していたのも本人ではなく女性アシスタントであり、古塔さん自体は5ch特定班の捜査によって1976年… https://t.co/JFTjvZkQYi

                                              滝沢ガレソ⭐ on Twitter: "なお、古塔さんのアイコンは「清原果耶」さんという女優さんの再構築引用オマージュであり、サイン会などの各種イベントに古塔つみとして登場していたのも本人ではなく女性アシスタントであり、古塔さん自体は5ch特定班の捜査によって1976年… https://t.co/JFTjvZkQYi"
                                            • 「あいつサボってないか?」の不安を解消 1分単位で作業を記録できる時間トラッキングサービス

                                              「あいつサボってないか?」の不安を解消 1分単位で作業を記録できる時間トラッキングサービス:新連載「リモートワーク時代のライフハック術」(1/2 ページ) 新型コロナウイルスの影響もあって、2020年は多くの現場で初めてリモートワークが導入された年になりました。 みなさんの中にも、これまで必要を感じなかったテレビ会議用のWebカメラを急きょ導入したり、慣れないZoomの操作に戸惑ったりした人もいることと思います。 リモートワークならではの困難にぶつかった人も多いはずです。対面なら円滑に進む会話や連絡がぎごちなくなり、どうすればリモートでも成果を出し、それをアピールできるのかを悩んでいる人もいるでしょう。 そこで、ちょっとマニアックなWebサービスやガジェットを使ってリモートワークを快適にする「リモートワークのライフハック」について何回かに分けてご紹介したいと思います。 今回はリモートワーク

                                                「あいつサボってないか?」の不安を解消 1分単位で作業を記録できる時間トラッキングサービス
                                              • これは便利!ありそうでなかった最新Web、オンラインツール36選

                                                この記事では、「それ、何使ってるの?」と思わず聞きたくなるような、最新のWeb、オンラインツールをまとめてご紹介します。 めずらしいだけでなく、面倒で手間のかかる作業がほんの数クリックで完成の時短アイテムや、今までなかったけどあると便利なツールや素材を中心にセレクト。 カテゴリごとに整理しているので、目的にあったお気に入りツールを探してみましょう。 コンテンツ目次 1. Web制作便利ツール 2. デザインコレクション 3. アイコンツール 4. 面白、クリエイティブツール Web制作の効率、生産性アップ!話題の最新オンラインツールまとめ Web制作便利ツール Make Way Grid Effect 一枚の画像を選択すると、他の画像が場所をゆずって、道を空けてくれるアニメーションエフェクト。 CSS Shadow Gradients 2色の配色によるグラデーションをつかった影、シャドウグ

                                                  これは便利!ありそうでなかった最新Web、オンラインツール36選
                                                • チーム安野のデザイナーが見た都知事選。選挙に必要な制作物まとめ【保存版】 #安野たかひろ|山根有紀也

                                                  安野たかひろ事務所 デザインチームリーダーの山根です。 都知事選から10日間が経ちました。残念ながら当選には至りませんでしたが、地盤看板のない無所属新人である安野たかひろが、マスコミが決めた「主要候補4人」に次いで5位/15万票超という得票をいただけたことは、一つの大きな意味ある成果だったと思っています。ご支援をいただいた皆様、ボランティアの皆様、本当にありがとうございました。 東京都知事選は、小池百合子さんに当確が出ました。 安野たかひろに投票してくださった方々、これまで応援してくださった方々、皆さまからのご期待に応えられず残念に思っております。… — 安野たかひろ@都知事選応援ありがとうございました (@takahiroanno) July 7, 2024 この記事では、記憶が薄れないうちにデザインチームが見た景色を記録しておきたいと思います。チーム安野は大方針として、政治や選挙をもっ

                                                    チーム安野のデザイナーが見た都知事選。選挙に必要な制作物まとめ【保存版】 #安野たかひろ|山根有紀也
                                                  • 自分で、自分の「仕事のできなさ」を解明してみる

                                                    おれは仕事ができない おれは仕事ができない。その根拠は、おれが稼げていないという一点にある。 おれが赤字人間であるという一点にある。これが結論である。 「で、具体的にどのように仕事ができないのか?」と問われた。 これは簡単な話だ。おれの仕事っぷりを、というか、仕事のできなさっぷりをありのままに書けばいい。 ぜんぜん楽勝じゃないか。 ……と、思ったのだが、これが書けない。 なぜ書けないのか。おれが「仕事」をわかっていないからだった。 あるいは「会社員」であるということをわかっていなかった。 だから、自分が、会社員としての理想や基準、平均と比べてどうなのか、どこが具体的にだめなのか。そういう比較がまったくできなかったのである。 そんな人間がいるの? いるのだからしかたない。 おれはおれが暮らしていくだけの賃金を会社員として得ていることも、また一方の確かな事実ではある。 とはいえ、おれは人生にお

                                                      自分で、自分の「仕事のできなさ」を解明してみる
                                                    • 君は使い分けられるか?CSS/SVG/Canvasのビジュアル表現でできること・できないこと - ICS MEDIA

                                                      ブラウザーで新たにインタラクションやアニメーションを作る時、皆さんはどのようにして使う技術を選んでいますか? 使い慣れたライブラリに機能がないかドキュメントを調べてみたり、流行りのキーワードであればGoogle等で検索してみることも多いでしょう。一方、独自のビジュアル表現やアニメーションの場合、そもそも検索するキーワードがわからないことも多いのではないでしょうか? この記事では、webのビジュアル表現・アニメーションを実現するベースの技術であるCSS・SVG・Canvas(WebGL)の3つについて、それぞれのできること・できないこと(得意・不得意)を作例とともに紹介します。 クイズ:どうやって実現する? webでできるさまざまな表現 下の図はこの記事で紹介する9つのサンプルを並べてみたものです。すべてのサンプルはCSS・SVG・Canvas(WebGL)のいずれかを中心に実装されています

                                                        君は使い分けられるか?CSS/SVG/Canvasのビジュアル表現でできること・できないこと - ICS MEDIA
                                                      • 続くAI大革命…イラストをベクター画像(線画データ)に変換する無料AIツールが高精度で凄い | オタク総研

                                                        ここ数ヶ月のAIの進展は凄まじく、毎日のように新たな魅力的なプロダクトが公開され世間をざわつかせているのはもはや言うまでもない。そんな中、最近よく耳にする音声AIやテキストAIとはまた違ったアプローチのAIツールが話題になっている。 それは通常の画像をラスター画像に高精度で変換してくれる「Vectorizer.AI」というもので、現在無料で利用することができる。 ベクター画像とは、フォントと同様に座標や数式で保存されており、それをもとに描画をするため、ラスター形式と呼ばれる通常のPNGやJPEGなどとは異なり「ぼけ」が生じず(理論上)無限に拡大することができることが特徴だ。本サービスはそんなベクター画像をAIを活用することでノイズやボケが含まれる低画質画像からでも生成することができるという。 [GDC_row] [GDC_column size=”half”] 今回は同じくAIを活用したキ

                                                          続くAI大革命…イラストをベクター画像(線画データ)に変換する無料AIツールが高精度で凄い | オタク総研
                                                        • 「文字として読めなくてもいい」-イワタによる"東亜重工フォント"制作プロセスと、グラフィックデザインにおけるフォントの在り方

                                                          TOP スペシャルコンテンツ 「文字として読めなくてもいい」-イワタによる"東亜重工フォント"制作プロセスと、グラフィックデザインにおけるフォントの在り方 2022/01/27 PR 「文字として読めなくてもいい」-イワタによる"東亜重工フォント"制作プロセスと、グラフィックデザインにおけるフォントの在り方 デザイン アニメ [PR] 『シドニアの騎士』や『BLAME!』など、弐瓶 勉作品をまたいで登場する架空企業・「東亜重工」。作中では詳しく語られることがないにもかかわらず、非常に大きな存在感を示している理由のひとつは、そこで使われる独特なフォントデザインにある。実際、作品を飛び出してこのフォントを使ったグッズも多数制作されている。そんななか、フォントデザインの老舗企業であるイワタが、改めてデザインした約7700文字の東亜重工製フォント『東亜重工』(以下、東亜重工フォント)を2020年1

                                                            「文字として読めなくてもいい」-イワタによる"東亜重工フォント"制作プロセスと、グラフィックデザインにおけるフォントの在り方
                                                          • HTMLコーディングの今。アンケート結果から分析する2023年のウェブ制作 - ICS MEDIA

                                                            ウェブ業界の当たり前だと思っていることでも、他社の人には違う常識があるかもしれません。自分が業界多数の傾向と違うところはどこなのか……。この連載ではアンケートデータから国内のウェブ業界の傾向を分析します。 連載9回目となる本記事では「2023年のHTMLコーディング」をテーマとしてアンケート結果を紹介します。 imgタグの属性はちゃんと書く? imgタグにwidth・height属性を書いているか質問しました。 4397票の回答があり「何が何でも絶対に記述する」が11.9%、「基本的に記述する(たまに記述しないことがある)」が33.2%、「面倒なので普段は記述しない(たまに記述する)」が21%、「記述しない!」が33.8%でした。 記事『【2020年夏】imgタグにはwidthとheight属性を書くのがいいらしい | Rriver』によると、レイアウトシフトの対策に有効であるためにwid

                                                              HTMLコーディングの今。アンケート結果から分析する2023年のウェブ制作 - ICS MEDIA
                                                            • 2022年、ロゴデザインのトレンド -最近のロゴに使われているデザインテクニックのまとめ

                                                              2022年のロゴデザインのトレンドはワードマークとタイポグラフィがより重要な役割を果たしています。特にジェンダーや環境配慮などはどのジャンルのデザインでも積極的に取り入れられています。 デザインの引き出しを増やすには、注目されているトレンドを押さえておくことが大切です。ロゴにはタイポグラフィ、カラー、形など、デザインの基本となる要素が詰まっており、最近のロゴデザインに使われているトレンド、デザインテクニックを紹介します。 2022 Logo Trend Report 下記は各ポイントを意訳したものです。 ※当ブログでの翻訳記事は、元サイト様にライセンスを得て翻訳しています。 2022年、ロゴデザインのトレンドの傾向 三角形を2つ使用したロゴ「BowTies: 蝶ネクタイ」 一滴の重要性がわかるロゴ「Uvula: 口蓋垂」 ライフラインを表現するロゴ「Rooters: 木の根」 圧力を反転さ

                                                                2022年、ロゴデザインのトレンド -最近のロゴに使われているデザインテクニックのまとめ
                                                              • Webデザイン制作をもっと楽に!便利な最新オンラインツール45個まとめ

                                                                この記事では、Webデザイン制作をもっと楽にする最新オンラインツール45個をまとめてご紹介します。 ウェブデザインに限らず、グラフィックなどあらゆるクリエイティブな案件、プロジェクトで活躍しそうな新しいツールを中心に揃えています。 これまで面倒だった作業をワンクリックで完了したり、人工知能が自動で行ってくれたりと、より快適にプロジェクトを進めることができる便利ツールが揃います。 自分のワークフローにうまくツールを導入することで、制作時間の短縮につながるだけでなく、ストレス少なく作業を行うことができます。 カテゴリごとに整理しているので、目的にあったお気に入りツールを探してみましょう。 コンテンツ目次 1. Web制作便利ツール 2. 配色ツール 3. デザインコレクション 4. イラスト系ライブラリ 5. プロトタイプツール 6. アイコンツール 7. コラボ、リモートワークツール 8.

                                                                  Webデザイン制作をもっと楽に!便利な最新オンラインツール45個まとめ
                                                                • 【総まとめ】2021年公開のすごいPhotoshopチュートリアル、作り方厳選まとめ

                                                                  当サイトでは、Photoshopの新しい機能テクニックをつかった最新チュートリアル、作り方を定期的にまとめて紹介しています。 この記事では、2021年のあいだに公開された、特に確認しておきたいPhotoshopのデザインチュートリアル、つくり方をまとめてご紹介します。 10月のアップデートで機能が大幅強化されるなど、進化が止まらないフォトショップ。 人気のレトロエフェクトにはじまり、ボタンひとつで完成のお手軽写真アクション、写真合成テクニックなど、デザイナーが覚えておくと便利なテクニックなどが多く公開された年となりました。 2021年公開のIllustratorチュートリアル、つくり方と一緒にいかがでしょう。 【総まとめ】2021年公開のすごいIllustratorチュートリアル、作り方厳選まとめ まずはAdobe公式サイトより、Photoshopを無料でダウンロードし、7日間のお試し期間

                                                                    【総まとめ】2021年公開のすごいPhotoshopチュートリアル、作り方厳選まとめ
                                                                  • 2023年、ロゴデザインのトレンド -最近のロゴに使われているデザインテクニックのまとめ

                                                                    デザインの引き出しを増やすためには、トレンドを押さえておくことは大切です。 デザインの基本となるタイポグラフィ、カラー、形などの要素が詰まった、最近のロゴデザインに使われているトレンド、デザインテクニックを紹介します。 2023 Logo Trend Report by BILL GARDNER 下記は各ポイントを意訳したものです。 ※元サイト様にライセンスを得て翻訳しています。 2023年、ロゴデザインのトレンドの傾向 花々を新しい解釈でデザイン「Wildflowers: ワイルドフラワー」 存在感のある流体の形状「Bloblend: ブロブレンド」 焦点の合った要素と合っていない要素をブレンド「Fades: フェード」 三次元の形を表現する「Foreshort: フォアショート」 上昇を表現する新しいデザイン「Thrust: スラスト」 自然界の神聖な数式から生まれた形「Spirals

                                                                      2023年、ロゴデザインのトレンド -最近のロゴに使われているデザインテクニックのまとめ
                                                                    • note株式会社はまず、自らの不誠実な態度を「カイゼン」せよ(9/1記事の続報)

                                                                      *これはあくまで私個人の考えであり、他に強制するものではありません。また、取引先等がnoteを利用することを否定したり、問題視するものではありません。 *この記事は、2020/09/01更新記事「なぜ私はnoteをやめたのか IPアドレス流出『3つの不誠実』」の続きです。 私は、上記記事にも書きましたが、今回のIPアドレスの件で、こういうトラブルが起きたときに、不誠実な態度を取る人は、まず人として信頼できないなーと思ったので、noteのサービス利用自体をやめることにしました。 noteにあった私の有料コンテンツは9月中にすべて引き揚げ、こちらのブログで読めるようになっています。(一部内容が古い有料noteは、削除しました。) noteにある無料コンテンツは、アーカイブとして残すことにし、その後アカウントは残しつつ、放置していました。その後は、noteからも何も説明がなかったので、「あ、この

                                                                        note株式会社はまず、自らの不誠実な態度を「カイゼン」せよ(9/1記事の続報)
                                                                      • Web制作を変える!2021年の便利オンラインツール・ベスト100選

                                                                        この記事では、2021年に公開された便利なWebオンラインツール・ベスト100個+をまとめてご紹介します。 定期的にリストアップしている最新オンラインツールまとめ記事では、2021年にかけて合計338個の新しいツールやサービスを紹介してきました。 その中でも、特にWebデザイン制作に便利なツールを選りすぐったコレクションで、「無料で利用できるツール」を揃えています。 これらのツールやサービスを活用すれば、Webデザイン制作をより快適に進めることができるでしょう。 カテゴリごとに整理しているので、目的にあったお気に入りツールを探してみましょう。 コンテンツ目次 1. CSSツール(11個) 2. パターンツール(3個) 3. イラスト系ツール(9個) 4. デザインツール(17個) 5. 配色ツール(7個) 6. グラデーションツール(12個) 7. SVGツール(9個) 8. スクリーンシ

                                                                          Web制作を変える!2021年の便利オンラインツール・ベスト100選
                                                                        • 商用チラシに使える!おすすめの無料イラスト素材サイト5選

                                                                          Tweet Pocket 「チラシを作るのでイラストを入れようと思うけれど、どうすれば効果的かな?」 「写真とイラスト、チラシに使うにはどっちがいいの?」 チラシを自作するとき、そんな疑問を抱いたことはありませんか? 実は一般的には、「広告にはイラストよりも写真の方が効果的」だと言われています。 が、もちろん中には「イラストの方が効果的」というケースがあるのです。 例えば、 まだ建築中で写真が存在しないマンションのチラシで、完成予想図をイラストにする 害虫駆除の広告で、虫の写真は不快感を与えるのでかわいいイラストにして印象をやわらげる などが考えられます。 また、イラストを使用する際には使い方にもコツがあり、 顔があるもの(人間や動物など)は小さく載せる リアルすぎるイラストは避ける などの点には注意が必要です。 そこでこの記事ではまず、 ◾️商用チラシにも使える無料イラスト素材サイト5選

                                                                            商用チラシに使える!おすすめの無料イラスト素材サイト5選
                                                                          • パパ・ママに知っておいてほしい「車の防災対策」。東日本大震災を経験した私の備え #くるまも - くるまも|三井住友海上

                                                                            こんにちは。イラストレーターで防災士のアベナオミです。宮城県多賀城市出身で、現在は杜の都・仙台で3人の子育てに奮闘しています。現在はイラストレーターとしての執筆活動の傍ら、子育て中のパパ・ママに向けて防災対策の大切さを伝えるのがライフワークとなっています。 最近の我が家の食器棚。一番下は空ペットボトルに入れた水道水です。飲料水ではなく「生活用水」の備蓄です。食器棚の一番下ってあんまり使わないですよね😊水を置いておけば重心も下がるので、食器棚の転倒防止にもなります。先月の地震でも、この食器棚はダメージゼロでした✨✨#1日1防災 pic.twitter.com/YGCliFNJ9b— Illustratorアベナオミ★防災士 (@abe_naomi_) 2021年3月9日 防災士の資格を取ったのは、2011年の東日本大震災での被災経験がきっかけです。当時も宮城県にいて、長男は1歳7ヵ月。幸い

                                                                              パパ・ママに知っておいてほしい「車の防災対策」。東日本大震災を経験した私の備え #くるまも - くるまも|三井住友海上
                                                                            • 無料で「.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

                                                                                無料で「.ai」ファイルをPNGなどの画像ファイルに変換しIllustratorなしで開くことができる「ShapeConverter」の使い方
                                                                              • 「Webデザイナーはコーディングできるべきか」という議論に対する私の考え

                                                                                過去にも何度か話題になっていましたが、ここ最近TwitterのWeb制作者界隈で過去最高に「Webデザイナーがコーディングできるべきかどうか」という議論が白熱しているように思います。 かなり悩んだのですが、私なりにお話しできることもあるかと思い、この件について私の考えを記事にまとめて公開することにしました。 コーディングとはどこまでを指すか 「コーディング」といっても、人によって指しているものが違うと思います。 ここでは4つの段階に分けてみます。 ごく基礎的なHTMLやCSSを書くことができるコーディングのトレンドなども抑えた上でモダンなHTMLやCSSを書くことができるHTMLやCSSに加え基礎的なJavaScriptを書くこともできるHTMLやCSSはもちろん、本格的なWebアプリケーションの開発もできる このうち1に関しては、私は「議論の余地なくWebデザイナーも書けるべき」だと思っ

                                                                                  「Webデザイナーはコーディングできるべきか」という議論に対する私の考え
                                                                                • タクティクスオウガとFFタクティクス、そんなにスタッフかぶってないのでは?→かぶってない

                                                                                  ちょっと調べてみたところ、やはりそうだった。具体的には『タクティクスオウガ』(1995)のスタッフで『ファイナルファンタジータクティクス』(1997)にも参加しているのは、松野、皆川、吉田という中核スタッフ3人と、外部のサウンドスタッフである岩田、崎元だけだった。 私がFFTから感じていた「タクティクスオウガ感」は、お話、絵、音楽という表層的なものだったのか(もちろんスクウェアのスタッフもタクティクスオウガに“寄せて”作ってただろうけれど)。 件の中核3人以外の『タクティクスオウガ』スタッフは、その後ニンテンドー64で任天堂より発売された『オウガバトル64』(1999)に参加している。 クエストはそこからGBAで『タクティクスオウガ外伝 The Knight of Lodis』(2001)をリリースするのだが、そこに『タクティクスオウガ』のスタッフはほぼ残っていない。 ここに至ってクエスト

                                                                                    タクティクスオウガとFFタクティクス、そんなにスタッフかぶってないのでは?→かぶってない