MENU

Home
My Blog
About
Community
Works
Contact

Aichan Web Design Blog

Home
My Blog
About
Community
Works
Contact

ホーム
My Blog

My Blog

HTML&CSS

パソコンの基礎知識パスについて解説！

2024年6月18日
HTML&CSS

もう迷わない！paddingとmarginの違いについて

2024年6月18日
HTML&CSS

よく使うプロパティ～オブジェクトや要素に対するCSS編～

2024年6月17日
HTML&CSS

よく使うプロパティ～背景周りのCSS編～

2024年6月16日
HTML&CSS

Webサイトにおけるフォルダとファイルの違い

2024年6月16日
その他

Web制作に必須！デベロッパーツールとは

2024年6月16日

1...9 101112 13...26

Photoshop

初心者でも簡単！Photoshopの2倍書き出し完全ガイド

2024年10月5日
Photoshop

画像の保存と書き出し方法について

2024年6月7日
Figma

Figmaのデータ共有について徹底解説！

2024年5月22日
Figma

Figmaについて初心者にもわかりやすく徹底解説！

2024年5月7日
Figma

インストールしたフォントをFigmaで使うための完全ガイド

2024年7月31日
Illustrator

Illustrator 便利な「スクリプト」の入れ方

2024年9月3日

検索

関口愛里

株式会社iris代表取締役

■Web制作会社を経営
■女性の自立をサポートするWebデザインスクール運営
■現在250名超えの女性限定のWebデザインチームを運営
■Webデザイナーを目指したい方に向けてWebデザイナーになるために必要な勉強方法〜現場のリアルを発信していきます。

カテゴリ一覧

デザイン (104)
フリーランス (3)
プログラミング (49)
未分類 (8)

タグ一覧

adobe Figma Google Chrome HTML&CSS Illustrator Photoshop VS Code Webデザイナー Webデザイン Web制作コーディングデザイン基礎バナーフォントフリーランスフリー素材ポートフォリオ制作実績

instagram

aichan_webdesign

＼すぐ使えるWebデザインの知識を毎日配信／
⁡
◇250名超webデザイナー無料コミュニティ『リスコミュ』運営
⁡
◇webデザイナー育成スクール『リスラボ』運営
⁡
◇webデザイナー歴16年
⁡
◇株式会社iris代表取締役
⁡
◇ママだって輝ける
⁡
Webデザイナー目指すなら必須👇

@aichan_webdesign ←豪華52大特典はハイラ

@aichan_webdesign ←豪華52大特典はハイライトをチェック🎁

今日のリールは
⁡
Webデザイナーが知っておくべき
重要なことをお話ししてます！

と言うか知らないとまずいので必ず最後までチェックしてね！

⁡
-—————————————
AIRI SEKIGUCHI
⁡
お役立ち情報を発信するので
フォローしてね♡
" @aichan_webdesign "
⁡
⁡
ーやってることー
■現在260名を超える無料女性限定コミュニティ
（リスコミュ）を運営中
・女性限定の駆け出しデザイナーからベテランデザイナーの方までいます。
・勉強会や懇親会を月1.2回で開いてます
・興味ある方はお気軽に参加してね♡
→参加条件は最初にzoomで顔合わせ出来る方、女性、頑張りたい方、輪を乱さない方
⁡
⁡
参加方法は
①プロフィールに移動
②プロフィールのURL（LINE公式）をタップ
⁡
↓ ↓ ↓
ライン公式から友達追加して
『リスコミュ』と送ってね✨
⁡
もしくはInstagramのDMに
『リスコミュ』とメッセージしてね☺️
⁡
⁡
■ iris mama creative labo
リスラボ運営・代表
デザイン〜コーディングまで一貫して出来る強者ママを育成
⁡
⁡
■株式会社iris（Web制作会社）代表取締役
<サービス内容>
・ホームページ、LP制作
（デザイン〜コーディング）、Webサイト全般、システム開発
・印刷物（名刺、チラシ、パンフレット、
メニュー、ポスター等）
・映像編集
⁡
お問い合わせはDMからお願いします📩
⁡
⁡
-—————————————
⁡
#webデザイン
#webデザイナー
#ママwebデザイナー

💡知らなきゃやばい！セクショニン

💡知らなきゃやばい！
セクショニングタグ使い分け方
を実践しよう！
⁡
①セクショニングタグとは？
②<nav>タグ
③<section>タグ
④<article>タグ
⑤<aside>タグ
⑥<div>タグ
⑦使い方のまとめ
⁡
この投稿を保存して、何度も見返せるようにしてね✨
⁡
——————————————————————
・無料の女性限定コミュニティ「リスコミュ」を運営中
・Webデザインスクール「リスラボ」では自立するママを育成中！
・株式会社iris（Web制作会社）代表取締役
・初心者向けに超有益なWebデザインブログ（デザイン〜コーディング、WordPress化）を運営中
⁡
詳しくはプロフィールをチェックしてね！
@aichan_webdesign
⁡
#webデザイン
#webデザイナー
#ママWebデザイナー
#コーディング

💡これは凄い！一部が透明な文字の作り方
をPhotoshopで作成しよう！
⁡
①背景の上に画像を乗せ複製する
②写真の背景を削除する
③テキストを入力し複製する
④テキストの塗りを設定する
⑤テキストに枠線をつける
⑥テキストをリンクさせる
⑦一部分だけが透明な文字の完成
⁡
この投稿を保存して、何度も見返せるようにしてね✨
⁡
——————————————————————
・無料の女性限定コミュニティ「リスコミュ」を運営中
・Webデザインスクール「リスラボ」では自立するママを育成中！
・株式会社iris（Web制作会社）代表取締役
・初心者向けに超有益なWebデザインブログ（デザイン〜コーディング、WordPress化）を運営中
⁡
詳しくはプロフィールをチェックしてね！
@aichan_webdesign
⁡
#webデザイン
#webデザイナー
#ママWebデザイナー
#Photoshop
#画像加工

@aichan_webdesign ←「好きな絵文字」をコメントで🎁

⁡
「好きな絵文字」をコメントすると
紹介したグリッターのテクスチャが入ったpsdデータをプレゼント🎁
フォントにも、ロゴにも使いまわせるから絶対受け取ってね✨️

①暗い色の背景を用意する
②調整レイヤーから「ベタ塗り」を選択し白い背景にする
③「フィルター」→「ノイズ」→「ノイズを加える」を選択する
④「フィルター」→「ピクセレート」→「水晶」を選択する
⑤④のレイヤーを複製し、描画モードを乗算にしてから「パターンを定義」する
⑥⑤までに作成したレイヤーを非表示にしてテキストを入力する
⑦テキストに→「パターンオーバーレイ」にて⑤で定義したパターンを適用する
⑧「カラーオーバーレイ」で好みの色に変更して描画モードを焼き込み（リニア）に設定する
⑨テンプレ化できたラメ入り文字の完成

グリッターの色を変えたり、ロゴにも適用できるから
色々な素材でチャレンジしてみてね🙌

※ご自身の環境にプレゼントしたデータと同じグリッターのパターンを追加したい場合は、
プレゼントデータを開き「Glitter」の文字レイヤーを選択して
「レイヤースタイル」→「パターンオーバーレイ」を開き
データ内に添付している画像赤枠部分の「＋マーク」をクリックしてパターンを追加してね！
⁡
⁡
-—————————————
AIRI SEKIGUCHI
⁡
お役立ち情報を発信するので
フォローしてね♡
" @aichan_webdesign "
⁡
⁡
ーやってることー
■現在260名を超える無料女性限定コミュニティ
（リスコミュ）を運営中
・女性限定の駆け出しデザイナーからベテランデザイナーの方までいます。
・勉強会や懇親会を月1.2回で開いてます
・興味ある方はお気軽に参加してね♡
→参加条件は最初にzoomで顔合わせ出来る方、女性、頑張りたい方、輪を乱さない方
⁡
⁡
参加方法は
①プロフィールに移動
②プロフィールのURL（LINE公式）をタップ
⁡
↓ ↓ ↓
ライン公式から友達追加して
『リスコミュ』と送ってね✨
⁡
もしくはInstagramのDMに
『リスコミュ』とメッセージしてね☺️
⁡
⁡
■ iris mama creative labo
リスラボ運営・代表
デザイン〜コーディングまで一貫して出来る強者ママを育成
⁡
⁡
■株式会社iris（Web制作会社）代表取締役
<サービス内容>
・ホームページ、LP制作
（デザイン〜コーディング）、Webサイト全般、システム開発
・印刷物（名刺、チラシ、パンフレット、
メニュー、ポスター等）
・映像編集
⁡
お問い合わせはDMからお願いします📩
⁡
⁡
-—————————————
⁡
#webデザイン
#webデザイナー
#Adobe
#AdobePhotoshop
#Photoshop

💡これは凄い！ページが重なる本の作り方
をIllustratorで作成しよう！
⁡
①使用する３つの色を用意し
　ページにする図形を作成する
②コピー→「前面にペースト」し色を変更する
③ 「自由変形ツール」で
　前面の図形をずらし湾曲させる
④「ブレンドオプション」でステップ数を設定する
⑤ 「変形」→「リフレクト」で
　コピーし反対のページを作る
⑥一番上のページの色をスポイトで変える
⑦ページが重なった立体的な本の完成
⁡
この投稿を保存して、何度も見返せるようにしてね✨
⁡
——————————————————————
・無料の女性限定コミュニティ「リスコミュ」を運営中
・Webデザインスクール「リスラボ」では自立するママを育成中！
・株式会社iris（Web制作会社）代表取締役
・初心者向けに超有益なWebデザインブログ（デザイン〜コーディング、WordPress化）を運営中
⁡
詳しくはプロフィールをチェックしてね！
@aichan_webdesign
⁡
#webデザイン
#webデザイナー
#ママWebデザイナー
#Illustrator

💡超簡単！立体感のあるエンボス文字
をPhotoshopで作成しよう！
⁡
①画像を用意する
②文字を打ち込む
③テキストレイヤーの描画モードを｢乗算｣にする
④ベベルとエンボスの数値を調整する
⑤ドロップシャドウの数値を調整する
⑥立体感のあるエンボス加工の文字が完成
⁡
この投稿を保存して、何度も見返せるようにしてね✨
⁡
——————————————————————
・無料の女性限定コミュニティ「リスコミュ」を運営中
・Webデザインスクール「リスラボ」では自立するママを育成中！
・株式会社iris（Web制作会社）代表取締役
・初心者向けに超有益なWebデザインブログ（デザイン〜コーディング、WordPress化）を運営中
⁡
詳しくはプロフィールをチェックしてね！
@aichan_webdesign
⁡
#webデザイン
#webデザイナー
#ママWebデザイナー
#Photoshop
#画像加工

@aichan_webdesign ←好きな「ポケモン」をコメントで教えてね🎁

今日のリールは
⁡
「HTML&CSSで動くモンスターボールを作る方法」について
解説してみたよ！

①border-radiusで赤い半円を作る
②ボールの境目の部分を作る
③擬似要素のbeforeを使って丸を重ね、ボールのボタンを作る
④border-radiusで白い半円を作る
⑤box-shadowを使って立体的な影を付ける
⑥@keyframesを使ってアニメーションを付ける
⑦動くモンスターボールの完成

簡単にCSSだけでアニメーションが付けられるよ！

今だけ、好きな「ポケモン」をコメントするだけで
動くモンスターボールのコードを全て記載したブログ記事を
🎁しちゃうよ✨

受け取って、活用してね！
⁡
-—————————————
AIRI SEKIGUCHI
⁡
お役立ち情報を発信するので
フォローしてね♡
" @aichan_webdesign "
⁡
⁡
ーやってることー
■現在260名を超える無料女性限定コミュニティ
（リスコミュ）を運営中
・女性限定の駆け出しデザイナーからベテランデザイナーの方までいます。
・勉強会や懇親会を月1.2回で開いてます
・興味ある方はお気軽に参加してね♡
→参加条件は最初にzoomで顔合わせ出来る方、女性、頑張りたい方、輪を乱さない方
⁡
⁡
参加方法は
①プロフィールに移動
②プロフィールのURL（LINE公式）をタップ
⁡
↓ ↓ ↓
ライン公式から友達追加して
『リスコミュ』と送ってね✨
⁡
もしくはInstagramのDMに
『リスコミュ』とメッセージしてね☺️
⁡
⁡
■ iris mama creative labo
リスラボ運営・代表
デザイン〜コーディングまで一貫して出来る強者ママを育成
⁡
⁡
■株式会社iris（Web制作会社）代表取締役
<サービス内容>
・ホームページ、LP制作
（デザイン〜コーディング）、Webサイト全般、システム開発
・印刷物（名刺、チラシ、パンフレット、
メニュー、ポスター等）
・映像編集
⁡
お問い合わせはDMからお願いします📩
⁡
⁡
-—————————————
⁡
#webデザイン
#webデザイナー
#ママwebデザイナー
#プログラミング

💡初心者必見！クラス名の命名ルール
を実践しよう！
⁡
①クラス名に使う文字について
②クラス名の頭文字に数字や記号を使わない
③クラスの命名規則は統一する
④単語を繋げない
⑤クラス名は分かりやすく
⁡
この投稿を保存して、何度も見返せるようにしてね✨
⁡
——————————————————————
・無料の女性限定コミュニティ「リスコミュ」を運営中
・Webデザインスクール「リスラボ」では自立するママを育成中！
・株式会社iris（Web制作会社）代表取締役
・初心者向けに超有益なWebデザインブログ（デザイン〜コーディング、WordPress化）を運営中
⁡
詳しくはプロフィールをチェックしてね！
@aichan_webdesign
⁡
#webデザイン
#webデザイナー
#ママWebデザイナー
#コーディング

💡超簡単！雑誌風の文字の入れ方を

💡超簡単！雑誌風の文字の入れ方
をPhotoshopで実践しよう！
⁡
①左右に余白のある画像を用意する
② ペンツールで文字を入れるスペースを作成
③横書き文字ツールを選択→
　パスの内側をクリック
④文字を入力する
⑤新規レイヤーを追加し、
　ブラシツールを選択する
⑥文章の視認性を上げるための
　下地を作成していく
⑦雑誌風に文字入れした画像の完成
⁡
この投稿を保存して、何度も見返せるようにしてね✨
⁡
——————————————————————
・無料の女性限定コミュニティ「リスコミュ」を運営中
・Webデザインスクール「リスラボ」では自立するママを育成中！
・株式会社iris（Web制作会社）代表取締役
・初心者向けに超有益なWebデザインブログ（デザイン〜コーディング、WordPress化）を運営中
⁡
詳しくはプロフィールをチェックしてね！
@aichan_webdesign
⁡
#webデザイン
#webデザイナー
#ママWebデザイナー
#Photoshop
#画像加工

さらに読み込む Instagram でフォロー

X

Tweets by mama_beyourself

関口愛里

株式会社iris代表取締役

■Web制作会社を経営
■女性の自立をサポートするWebデザインスクール運営
■現在250名超えの女性限定のWebデザインチームを運営
■Webデザイナーを目指したい方に向けてWebデザイナーになるために必要な勉強方法〜現場のリアルを発信していきます。

instagram

aichan_webdesign

＼すぐ使えるWebデザインの知識を毎日配信／
⁡
◇250名超webデザイナー無料コミュニティ『リスコミュ』運営
⁡
◇webデザイナー育成スクール『リスラボ』運営
⁡
◇webデザイナー歴16年
⁡
◇株式会社iris代表取締役
⁡
◇ママだって輝ける
⁡
Webデザイナー目指すなら必須👇

@aichan_webdesign ←豪華52大特典はハイラ

@aichan_webdesign ←豪華52大特典はハイライトをチェック🎁

今日のリールは
⁡
Webデザイナーが知っておくべき
重要なことをお話ししてます！

と言うか知らないとまずいので必ず最後までチェックしてね！

⁡
-—————————————
AIRI SEKIGUCHI
⁡
お役立ち情報を発信するので
フォローしてね♡
" @aichan_webdesign "
⁡
⁡
ーやってることー
■現在260名を超える無料女性限定コミュニティ
（リスコミュ）を運営中
・女性限定の駆け出しデザイナーからベテランデザイナーの方までいます。
・勉強会や懇親会を月1.2回で開いてます
・興味ある方はお気軽に参加してね♡
→参加条件は最初にzoomで顔合わせ出来る方、女性、頑張りたい方、輪を乱さない方
⁡
⁡
参加方法は
①プロフィールに移動
②プロフィールのURL（LINE公式）をタップ
⁡
↓ ↓ ↓
ライン公式から友達追加して
『リスコミュ』と送ってね✨
⁡
もしくはInstagramのDMに
『リスコミュ』とメッセージしてね☺️
⁡
⁡
■ iris mama creative labo
リスラボ運営・代表
デザイン〜コーディングまで一貫して出来る強者ママを育成
⁡
⁡
■株式会社iris（Web制作会社）代表取締役
<サービス内容>
・ホームページ、LP制作
（デザイン〜コーディング）、Webサイト全般、システム開発
・印刷物（名刺、チラシ、パンフレット、
メニュー、ポスター等）
・映像編集
⁡
お問い合わせはDMからお願いします📩
⁡
⁡
-—————————————
⁡
#webデザイン
#webデザイナー
#ママwebデザイナー

💡知らなきゃやばい！セクショニン

💡知らなきゃやばい！
セクショニングタグ使い分け方
を実践しよう！
⁡
①セクショニングタグとは？
②<nav>タグ
③<section>タグ
④<article>タグ
⑤<aside>タグ
⑥<div>タグ
⑦使い方のまとめ
⁡
この投稿を保存して、何度も見返せるようにしてね✨
⁡
——————————————————————
・無料の女性限定コミュニティ「リスコミュ」を運営中
・Webデザインスクール「リスラボ」では自立するママを育成中！
・株式会社iris（Web制作会社）代表取締役
・初心者向けに超有益なWebデザインブログ（デザイン〜コーディング、WordPress化）を運営中
⁡
詳しくはプロフィールをチェックしてね！
@aichan_webdesign
⁡
#webデザイン
#webデザイナー
#ママWebデザイナー
#コーディング

💡これは凄い！一部が透明な文字の作り方
をPhotoshopで作成しよう！
⁡
①背景の上に画像を乗せ複製する
②写真の背景を削除する
③テキストを入力し複製する
④テキストの塗りを設定する
⑤テキストに枠線をつける
⑥テキストをリンクさせる
⑦一部分だけが透明な文字の完成
⁡
この投稿を保存して、何度も見返せるようにしてね✨
⁡
——————————————————————
・無料の女性限定コミュニティ「リスコミュ」を運営中
・Webデザインスクール「リスラボ」では自立するママを育成中！
・株式会社iris（Web制作会社）代表取締役
・初心者向けに超有益なWebデザインブログ（デザイン〜コーディング、WordPress化）を運営中
⁡
詳しくはプロフィールをチェックしてね！
@aichan_webdesign
⁡
#webデザイン
#webデザイナー
#ママWebデザイナー
#Photoshop
#画像加工

@aichan_webdesign ←「好きな絵文字」をコメントで🎁

⁡
「好きな絵文字」をコメントすると
紹介したグリッターのテクスチャが入ったpsdデータをプレゼント🎁
フォントにも、ロゴにも使いまわせるから絶対受け取ってね✨️

①暗い色の背景を用意する
②調整レイヤーから「ベタ塗り」を選択し白い背景にする
③「フィルター」→「ノイズ」→「ノイズを加える」を選択する
④「フィルター」→「ピクセレート」→「水晶」を選択する
⑤④のレイヤーを複製し、描画モードを乗算にしてから「パターンを定義」する
⑥⑤までに作成したレイヤーを非表示にしてテキストを入力する
⑦テキストに→「パターンオーバーレイ」にて⑤で定義したパターンを適用する
⑧「カラーオーバーレイ」で好みの色に変更して描画モードを焼き込み（リニア）に設定する
⑨テンプレ化できたラメ入り文字の完成

グリッターの色を変えたり、ロゴにも適用できるから
色々な素材でチャレンジしてみてね🙌

※ご自身の環境にプレゼントしたデータと同じグリッターのパターンを追加したい場合は、
プレゼントデータを開き「Glitter」の文字レイヤーを選択して
「レイヤースタイル」→「パターンオーバーレイ」を開き
データ内に添付している画像赤枠部分の「＋マーク」をクリックしてパターンを追加してね！
⁡
⁡
-—————————————
AIRI SEKIGUCHI
⁡
お役立ち情報を発信するので
フォローしてね♡
" @aichan_webdesign "
⁡
⁡
ーやってることー
■現在260名を超える無料女性限定コミュニティ
（リスコミュ）を運営中
・女性限定の駆け出しデザイナーからベテランデザイナーの方までいます。
・勉強会や懇親会を月1.2回で開いてます
・興味ある方はお気軽に参加してね♡
→参加条件は最初にzoomで顔合わせ出来る方、女性、頑張りたい方、輪を乱さない方
⁡
⁡
参加方法は
①プロフィールに移動
②プロフィールのURL（LINE公式）をタップ
⁡
↓ ↓ ↓
ライン公式から友達追加して
『リスコミュ』と送ってね✨
⁡
もしくはInstagramのDMに
『リスコミュ』とメッセージしてね☺️
⁡
⁡
■ iris mama creative labo
リスラボ運営・代表
デザイン〜コーディングまで一貫して出来る強者ママを育成
⁡
⁡
■株式会社iris（Web制作会社）代表取締役
<サービス内容>
・ホームページ、LP制作
（デザイン〜コーディング）、Webサイト全般、システム開発
・印刷物（名刺、チラシ、パンフレット、
メニュー、ポスター等）
・映像編集
⁡
お問い合わせはDMからお願いします📩
⁡
⁡
-—————————————
⁡
#webデザイン
#webデザイナー
#Adobe
#AdobePhotoshop
#Photoshop

💡これは凄い！ページが重なる本の作り方
をIllustratorで作成しよう！
⁡
①使用する３つの色を用意し
　ページにする図形を作成する
②コピー→「前面にペースト」し色を変更する
③ 「自由変形ツール」で
　前面の図形をずらし湾曲させる
④「ブレンドオプション」でステップ数を設定する
⑤ 「変形」→「リフレクト」で
　コピーし反対のページを作る
⑥一番上のページの色をスポイトで変える
⑦ページが重なった立体的な本の完成
⁡
この投稿を保存して、何度も見返せるようにしてね✨
⁡
——————————————————————
・無料の女性限定コミュニティ「リスコミュ」を運営中
・Webデザインスクール「リスラボ」では自立するママを育成中！
・株式会社iris（Web制作会社）代表取締役
・初心者向けに超有益なWebデザインブログ（デザイン〜コーディング、WordPress化）を運営中
⁡
詳しくはプロフィールをチェックしてね！
@aichan_webdesign
⁡
#webデザイン
#webデザイナー
#ママWebデザイナー
#Illustrator

💡超簡単！立体感のあるエンボス文字
をPhotoshopで作成しよう！
⁡
①画像を用意する
②文字を打ち込む
③テキストレイヤーの描画モードを｢乗算｣にする
④ベベルとエンボスの数値を調整する
⑤ドロップシャドウの数値を調整する
⑥立体感のあるエンボス加工の文字が完成
⁡
この投稿を保存して、何度も見返せるようにしてね✨
⁡
——————————————————————
・無料の女性限定コミュニティ「リスコミュ」を運営中
・Webデザインスクール「リスラボ」では自立するママを育成中！
・株式会社iris（Web制作会社）代表取締役
・初心者向けに超有益なWebデザインブログ（デザイン〜コーディング、WordPress化）を運営中
⁡
詳しくはプロフィールをチェックしてね！
@aichan_webdesign
⁡
#webデザイン
#webデザイナー
#ママWebデザイナー
#Photoshop
#画像加工

@aichan_webdesign ←好きな「ポケモン」をコメントで教えてね🎁

今日のリールは
⁡
「HTML&CSSで動くモンスターボールを作る方法」について
解説してみたよ！

①border-radiusで赤い半円を作る
②ボールの境目の部分を作る
③擬似要素のbeforeを使って丸を重ね、ボールのボタンを作る
④border-radiusで白い半円を作る
⑤box-shadowを使って立体的な影を付ける
⑥@keyframesを使ってアニメーションを付ける
⑦動くモンスターボールの完成

簡単にCSSだけでアニメーションが付けられるよ！

今だけ、好きな「ポケモン」をコメントするだけで
動くモンスターボールのコードを全て記載したブログ記事を
🎁しちゃうよ✨

受け取って、活用してね！
⁡
-—————————————
AIRI SEKIGUCHI
⁡
お役立ち情報を発信するので
フォローしてね♡
" @aichan_webdesign "
⁡
⁡
ーやってることー
■現在260名を超える無料女性限定コミュニティ
（リスコミュ）を運営中
・女性限定の駆け出しデザイナーからベテランデザイナーの方までいます。
・勉強会や懇親会を月1.2回で開いてます
・興味ある方はお気軽に参加してね♡
→参加条件は最初にzoomで顔合わせ出来る方、女性、頑張りたい方、輪を乱さない方
⁡
⁡
参加方法は
①プロフィールに移動
②プロフィールのURL（LINE公式）をタップ
⁡
↓ ↓ ↓
ライン公式から友達追加して
『リスコミュ』と送ってね✨
⁡
もしくはInstagramのDMに
『リスコミュ』とメッセージしてね☺️
⁡
⁡
■ iris mama creative labo
リスラボ運営・代表
デザイン〜コーディングまで一貫して出来る強者ママを育成
⁡
⁡
■株式会社iris（Web制作会社）代表取締役
<サービス内容>
・ホームページ、LP制作
（デザイン〜コーディング）、Webサイト全般、システム開発
・印刷物（名刺、チラシ、パンフレット、
メニュー、ポスター等）
・映像編集
⁡
お問い合わせはDMからお願いします📩
⁡
⁡
-—————————————
⁡
#webデザイン
#webデザイナー
#ママwebデザイナー
#プログラミング

💡初心者必見！クラス名の命名ルール
を実践しよう！
⁡
①クラス名に使う文字について
②クラス名の頭文字に数字や記号を使わない
③クラスの命名規則は統一する
④単語を繋げない
⑤クラス名は分かりやすく
⁡
この投稿を保存して、何度も見返せるようにしてね✨
⁡
——————————————————————
・無料の女性限定コミュニティ「リスコミュ」を運営中
・Webデザインスクール「リスラボ」では自立するママを育成中！
・株式会社iris（Web制作会社）代表取締役
・初心者向けに超有益なWebデザインブログ（デザイン〜コーディング、WordPress化）を運営中
⁡
詳しくはプロフィールをチェックしてね！
@aichan_webdesign
⁡
#webデザイン
#webデザイナー
#ママWebデザイナー
#コーディング

💡超簡単！雑誌風の文字の入れ方を

💡超簡単！雑誌風の文字の入れ方
をPhotoshopで実践しよう！
⁡
①左右に余白のある画像を用意する
② ペンツールで文字を入れるスペースを作成
③横書き文字ツールを選択→
　パスの内側をクリック
④文字を入力する
⑤新規レイヤーを追加し、
　ブラシツールを選択する
⑥文章の視認性を上げるための
　下地を作成していく
⑦雑誌風に文字入れした画像の完成
⁡
この投稿を保存して、何度も見返せるようにしてね✨
⁡
——————————————————————
・無料の女性限定コミュニティ「リスコミュ」を運営中
・Webデザインスクール「リスラボ」では自立するママを育成中！
・株式会社iris（Web制作会社）代表取締役
・初心者向けに超有益なWebデザインブログ（デザイン〜コーディング、WordPress化）を運営中
⁡
詳しくはプロフィールをチェックしてね！
@aichan_webdesign
⁡
#webデザイン
#webデザイナー
#ママWebデザイナー
#Photoshop
#画像加工

さらに読み込む Instagram でフォロー

カテゴリ一覧

デザイン (104)
フリーランス (3)
プログラミング (49)
未分類 (8)

タグ一覧

adobe Figma Google Chrome HTML&CSS Illustrator Photoshop VS Code Webデザイナー Webデザイン Web制作コーディングデザイン基礎バナーフォントフリーランスフリー素材ポートフォリオ制作実績

Home
プライバシーポリシー

© 2024 iris inc.