技術系解説記事– category –

【グラデーションマスクとは】 グラデーションマスクを活用すると、2枚の画像がふわっと交差して合成する写真が作れる 【まずはおさらい！レイヤーマスクとは？】 「マスク」とは「隠す」という意味のことばです。レイヤーマスクとは文字通り、画像（レイ...

【そもそもレイヤーマスクとは？】 「マスク」とは「隠す」という意味のことばです。レイヤーマスクとは文字通り、画像（レイヤー）の一部を隠したい場合に使用します。 「画像を切り抜く型紙」をイメージすると分かりやすいかな？ 【超簡単！レイヤーマス...

ご自分のパソコンで作成しているWebサイト、サーバーにアップロードしたらどんなURLになるか想像できていますか？ https://webtan.tech/と、https://webtan.tech/index.htmlは全く同じ画面になるってことなんですね。 そう、そして一番外側のフォルダ以外...

本記事をご覧いただきありがとうございます！コーディング経験３ヶ月、新米実習生Sと申します。前回の記事「初心者必見！positionの使い方（具体例付き）」に引き続き、今回はWeb制作に必須の相棒「box-sizing」について解説させていただきます。難しい専...

皆様はじめまして、実習生のOです。Webの分野にかねてより興味を持っており、Webデザイナーになるために日夜勉強中です。htmlにはいくつかのタグが存在しますが、今回は意外と使い所がある<span>タグについてご紹介します。 【spanタグとは】 <sp...

Web鍛をご覧の皆様、はじめまして！コーディング経験３ヶ月、新米実習生Sと申します。今回は、基礎の基礎では学ばないものの、コーディングにおいて必須の相棒、「position」について解説します。新米だからこそ、初心者の方と同じ目線に立った説明ができ...

【スマートオブジェクトとは？】 Adobeサイトの解説にはこのようにあります。 スマートオブジェクトは、Photoshop や Illustrator ファイルなどのラスター画像やベクトル画像からの画像データを含むレイヤーです。スマートオブジェクトでは、すべてのデー...

みなさま初めまして、実習生のFです。以前から興味のあったWebデザイナーになりたいと思い職業訓練に通い勉強を始めました。実制作・企業実習を経験するうちに気になり始めたwidthとmax-widthの使い分けについて簡単に解説したいと思います。max-width・mi...

はじめまして、実習生のKです。職業訓練校に通い、Webデザインを学び始めて3ヶ月経ちました。初心者からのスタートで、まだまだ勉強中に苦労することはありますが、今回は私の経験が誰かの助けになれたら嬉しいなと思い、こちらの記事を書かせていただきま...

Photoshopのみをを利用している場合、まとまった素材のダウンロード後、どうやって使うんだろう？と迷われる方が多いので解説します。 イラストACというサイトがあります。いろんな画像素材を無料でもダウンロード可能な素材サイトです。 イラストAC：http...

職業訓練校やスクールに通ったら、就職活動を行うことでしょう。 未経験でウェブ業界に漕ぎ出すとすれば、必要なのは「私はここまで勉強しており、こんなことができます」というのを可視化したもの、つまりポートフォリオサイトが必要です。就職活動のポー...

Photoshopでバナーを作りはじめた初心者の方へ、バナー制作の基礎操作を網羅できるチュートリアルをお届けします。各種素材へのリンクも用意しているので、記事を見ながら、ぜひ一緒にPhotoshopでバナーを作ってみてください。 ＼ 今回作成するバナーの完...