Figma これ便利プラグインシリーズ『Nisa Text』
家の郵便受けにやもりが住み着いてるatsushiです。Figma使い始めると、これができたらなぁと思うことってありませんか?自分が使っていてFigma上でこれが出来たらなぁと思うことを並べると・写真の加工 ↑いちいちPh…
【初心者向け】テキストエディタについてご紹介します!~Visual Studio Code編~
前回の「さくらエディタ」に続き、今回は「Visual Studio Code(以下VS Code)」の特徴や使用するメリットをご紹介します!こちらのVS Codeもサクラエディタ同様、とてもメジャーなテキストエディタです…
Photoshopの「被写体を選択」「背景を削除」の精度がいまいちな件
筋トレしすぎで右手首が壊れたatsushiです。Photoshopの便利機能「被写体を選択」「背景を削除」って使ったことありますか?すごく便利な機能で、写真の被写体を一発で選択してくれたり、逆に背景を一発で選択してくれる…
【初心者向け】テキストエディタについてご紹介します!~サクラエディタ編~
初めまして!今回からブログを書かせていただくことになりました、mimuraです!私もweb未経験から職業訓練校を通じ、この会社に入社したという経緯から、初心者の方向けの記事を多く書いて、お役に立てればと思っています!これ…
Photoshop 7月リリースの新機能「選択ブラシ」を使ってみる
イラガの幼虫駆除してたら無数に刺され腕がひどいことになったatsushiです。Photoshopがバージョンアップされましたね。(バージョン 25.11)今回も下記の新機能が追加されました。・選択ブラシ・調整ブラシ・文字…
【Photoshop】横幅がちょっと足りない画像は「生成塗りつぶし」で簡単補完!
この時期になると朝、家を出るとき必ず蜘蛛の巣にかかるatsushiです。WEBデザインをしていて、使いたい写真の横幅がちょっと足りなくて困ったことありませんか?そんな時は、コピースタンプツールなどを駆使し、誤魔化してたり…
Photoshop(Bate) 「画像全体の生成」機能を試してみる!
週末の草取りが始まったatsushiです。Photoshop(Bate)のアップデートが先週ありましたね。生成AIの機能が強化されたようなので、早速試してみます。今回試すのは、「画像全体の生成」機能です。Adobeの公式…
【Figma】Google スプレッドシートに書き込んだテキストをFigmaに反映する便利プラグイン
ロックガーデンにあこがれてアガベを育てはじめたatsushiです。Figmaの便利プラグインを紹介するシリーズをはじめていこうと思います。第1弾は、「Google スプレッドシートに書き込んだテキストをFigmaに反映す…
【Figma】カスタム カラー パレットをすばやく構築するプラグイン
Figmaにだいぶ慣れてきたatsushiです。Figmaでは、デザインに使用するカラーを「ローカルスタイル」に登録して使うというのが普通かと思います。でも結構、この作業が面倒だったりします。カラーコードを入力したりする…
大型二輪の免許取得のため、教習所に通い始めるatsushiです。Photoshop2023の新機能を紹介してから早いものでもう2024がリリースされました。毎年、新機能を紹介していますが、結局、使わず1年経過してたりしま…
Photoshop (Bate)の「生成塗りつぶし」は使えるか?
毎日1話ずつYOUTUBEで公開される「北斗の拳」を楽しみにしているatsushiです。以前、Photoshop(Bate)でAIの生成機能「ジェネレーティブ塗りつぶし」という機能を紹介しましたがどうやら名称が変更になり…
Photoshopのβ版にAIによる「生成」機能を試してみる
雹害で車が20箇所ぐらい凹んだatsushiです。Photoshopのβ版にAIによる生成機能が追加されました。Adobe Firefly AIによる「ジェネレーティブ塗りつぶし」をPhotoshopに実装したようです。…
マキタの電動草刈り機を買ったので草刈りが楽しみになったatsushiです。GoogleのPageSpeed Insightsの評価が厳しくなってきて画像の容量にも細心の注意が必要になってきてます。画像の大きさや容量に厳し…
指定したカラーから色の組み合わせが生成できる「ColorSpace」
庭のジューンベリーの花が咲き、春を感じるatsushiです。今回は、サイトのデザインで結構、悩みがちな配色に関する便利ツールのご紹介です。よく、ベースカラー、メインカラー、アクセントカラーの3色を決めるところから始めまし…
Photoshopの新機能!「選択範囲を削除して塗りつぶし」
目が覚めるといつの間にか猫が布団の中にいるatsushiです。Photoshop 2023で新機能として追加された「選択範囲を削除して塗りつぶし」を紹介します。たとえば、↓こんな画像があったとします。↑この画像で、「コー…
Photoshop2023 オブジェクト選択の精度が向上したようです。
飼い猫が腕枕じゃないと寝てくれないatsushiです。 気が付いたらPhotoshopがアップデートされてましたね。新機能もいくつかあるようですが、普段使っている範囲では、あんまり使わないかも。っていうものが多いです。 …
猫暖房の季節がやってきたYu-ichiですうちの猫はベッドまでは来てくれるのですが、布団に入らず足元で丸くなって寝ます。たまに足の間に入ってることがあるので、寝返りができません。さて今回は、タイトルで結論を言ってしまって…
毎週末、変な虫に刺されるatsushiです。Photoshopで、紙幣の画像を開くことってありますか?WEBデザインを行っていると「支払い」のイメージ画像とかで紙幣の映った写真を使ったりすることもあると思います。そんな方…
WebPよりも軽いAVIF形式の画像ってどうやってつくるの?
先日、電気虫に刺されたatsushiです。モバイルを中心にデザインを行う際、気を付けなければならないものの一つとして画像の容量があると思います。GoogleのPageSpeed Insightsでチェックすると『画像の容…
ネコに布団を占拠され、寝返りが打てないatsushiです。Bootstrapでカラーのテーマパレットを設定する際、カラーコードを調べたり、そこからコントラストを下げた色、コントラストを上げた色のカラーコードを調べたりする…
コスパいい? Adobeの代替アプリAffinity シリーズ
ここ数日、毎日、蜘蛛の巣にかかっているatsushiです。デザインに欠かせないAdobeのアプリですが、サブスク化され、仕事で利用するには良いですが、プライベートでちょっと使いたいといった方には、ちょっと高いですよね。個…
カスタムフィールドを簡単に設定できる、ACF(Advanced Custom Fields)ですが、フィールドタイプに「動画」という選択肢はありません。そのため、YouTubeなどの動画をiframeで出力するにはどうす…
家の中に入ってきたカメムシをネコが攻撃し、カメムシ臭が充満したatsushiです。※カメムシの臭いはパクチーと同じ成分らしいです。WEBデザイナーならきっとお世話になっているPhotoACさんに新しく「デザインツール」が…
管理者以外の権限で特定のhtmlタグを更新するとタグが消える問題
どうもsawayaです。先日、管理者(Administrator)以外のアカウントで特定の固定ページを更新できるようにした際に、テキストエディタの本文中に記述していた特定のタグ(scriptなど)が消えてしまうという問題…
自家菜園でスティックセニョールを育てているatsushiです。 WEBデザインの際、アイコンはFont Awesomeを使うことが多いと思いますが、Photoshopでデザインしていると困るのが、Font Awesome…
ブラウザから無料で使えるPhotoshop? Adobe Photoshop Express Editor
Amazonプライムでなつかしさのあまり、仮面ライダーBLACKを見始めたatsushiです。家でちょっと画像加工したい。なんてことありませんか?Photoshopを家で使いたいと思っても、Adobe製のソフトは今は、サ…
花粉症で死にそうなYu-ichiです毎年の事ですが、この時期はしんどいです。。。さて今回はPHPを使った簡易タイマーをご紹介します。仕組みは単純で、ページを開いた時間とセットしたタイマーの時間を比較して条件に当てはまった…
あったかくなってきて夜11時になると眠くなるatsushiです。さて、表題の件ですが、Photoshop2022になってから動作がもたつくってことないですか?最近になってどうも動作がもたつくことが増えて、作業効率が悪いな…
毎日、猫に半分布団を占領されるatsushiです。みなさん、和風のサイトをデザインされる時、テーマカラーをどのように決めてますか?私の場合、ザックリと希望の色をお客様からお聞かせいただき、そこから考えていくのですが、漠然…
自宅の窓をきれいにし過ぎたのか、鳥が窓に激突してきたatsushiです。WEBデザインを行う際、文章や画像の素材が無い場合、皆さんはどのように進めていますでしょうか私の場合は、割と文章もその場その場で考えながら作ったり、…
Photoshop2022 便利な新機能! Illustratorのレイヤーを保持したままPhotoshopに貼り付け可能に!
乾燥によるスネの痒さで季節を感じるatsushiです。前回もPhotoshop2022の新機能を紹介しましたが、引き続き、便利な新機能を紹介したいと思います。前回のオブジェクト選択ツールよりは地味ですが、Illustra…
DIYでベッドを作ったら全身筋肉痛になったatsushiです。10月27日にPhotoshop2022がリリースされました!全然気が付かなかったのですが、Photoshopを起動しようとしたら2022になってて気が付きま…
画質を落とさずにJPEG画像のサイズを最大80%縮小する JPEGminiを試してみた。
外出自粛で料理の腕前がどんどん上がってくatsushiです。WEBサイトもモバイルが主流になり、また、Googleがコアウエブバイタルをランキングに導入するということもあり、ますます、スピードが重要になってきています。そ…
【Photoshop】PSDからテキスト設定情報を抽出する便利なスクリプト
サッカーの試合を見るとウイイレがやりたくなるatsushiです。PhotoshopでWEBデザインしているとPSD上に書かれたテキストを抜き出してチェックしたいって思うことがあると思います。それが実現できるプラグイン・ス…
庭にヤスデが大量発生中のatsushiです。今回は、Photoshopの使ったことのない機能を使うシリーズでPhotoshop 2021の新機能『ニューラルフィルター』を使ってみたいと思います。まず、ニューラルフィルター…
自分好みの大きさや色で作れるとっても便利な「和柄の背景用フリー素材」
胡坐をかいて座っていると猫がそっとのっかてくるatsushiです。WEBサイトのデザインで、和風のデザインをすることがあると思います。そんな時に、雰囲気を出すために、和風な色やフォントを使って雰囲気を出したりすると思いま…
Adobe Creative Cloud で無料で使えるAdobe Fonts
ぎっくり腰を2日連続でやって座ってるのがしんどいatsushiです。PhotoshopやIllustratorを使う場合、Adobe Creative Cloudのサブスクプランを利用していると思います。Adobe Cr…
レスポンシブデザインは、 Photoshopのスマートオブジェクトと画像アセット機能が重要!
結構、ベテランのPhotoshop使いの人によくあることかもしれませんが、意外と新機能を理解してなかったり、知らなかったりすることありませんか?まさに自分がそんなことを感じています。なので、若手の作業を見ていて「へぇー」…
毎朝、必ず6時50分にネコに起こされるatsushiです。あと10分寝かせて~みなさんWebPという画像形式をご存じでしょうかWebP(ウェッピー)とは、Googleが開発している画像フォーマットのことです。圧縮率の高い…
Adobe Reader で「タグ付けされていない文書の読み上げ」が表示される件
今年は、マイ蕎麦打ちセットで年越しそばを打とうと思っているatsushiです。さて、タイトルにもありますように、2カ月ぐらい前からでしょうか?Adobe ReaderでPDFを開いた際、「タグ付けされていない文書の読み上…
【Photoshop】画像の切り抜きがめちゃくちゃ楽になってる件
朝、アラームの5分前に必ず目が覚めるatsushiです。先日、Photoshopを2021(v22)にアップデートしたのですが、起動時の画面がフラミンゴに変わったなぐらいしか変化に気づかず数日経過した時、人物の画像を切り…
庭の木の葉っぱが落ちてきて冬のはじまるを感じるatsushiです。ホームページのデザインをしているとWEBページ全体をスクリーンショットを取りたい時が結構あります。スクリーンショットを取るツールはいろいろありますが、いち…
WEBデザインを始める際に、意外と悩むサイトのカラー、どうやって決めていますか?私の場合は、クライアントから指定がある場合は、そのカラーを軸に合う色を考えていきます。指定がない場合は、作成するサイトの業容やターゲットに合…
数学が好きな人は聞いたことがあるかもしれませんが、「フィボナッチ数列」ってご存じでしょうかフィボナッチ数列とは?イタリアの数学者レオナルド・フィボナッチにちなんで名付けられた数列で「2つ前の項と1つ前の項を足し合わせてい…
梅雨に入ってから帰ると玄関にヤスデが2匹はいるatsushiです。WordPressで画像をアップロードしたら画像の向きがブラウザによって違う?なんてことありませんか?実はこれ「Exif」が原因です。Exifとは?デジカ…
自粛生活のおかけで週末は「庭いじり」になったatsushiです。WEBデザインをされている方ならページのデザインをする際、ワイヤーフレームを書いてからデザインを進めるという方も多いと思います。その際、どんなツールを使われ…
外出自粛で庭の草取りがはかどるatsushiです。デザインで使用しているPCが新しくなりました!やっと環境が整ってきて快適な動作に仕事がはかどります!以前使っていたPCのPhtoshop CCで起こる不思議な現象も起こら…
PhotoshopCCのレイヤーグループをまとめて一気にたたむ!
スタッドレスタイヤに履き替えると雪が降らないatsushiです。現在、PhotoshopCC2020を使ってWEBデザインを行っているのですが、いまだにCS6からの違いに戸惑うことがあります。一番は、拡大・縮小です。縦横…
Adobe Creative Cloudって実は便利なのかも
飼い猫に腕枕をせがまれるatushiです。Photoshopを使いつづけて何年たったでしょうか。基本的な事はほとんど知っているとおもっていても結構知らなかったことがあるんですよね。つい最近では、Photoshopにアート…
PhotoshopCC 2020が使っていると突然重くなる。
末端冷え性で爪が紫のatsushiです。PhotoshopCCを使い出してからだと思いますが、Photoshopを使いだして4~5時間ぐらいするとすごく重くなって作業にならないことが最近増えています。CS6では、そんなこ…