MENU

Home
My Blog
Community

rislabo Web Design Blog

Home
My Blog
Community

ホーム
My Blog

My Blog

Figma

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

2024年5月22日
Figma

Figmaのエクスポート機能について

2024年5月21日
Photoshop

初心者必見！Photoshopの始め方

2024年5月21日
Illustrator

Illustratorの操作画面「ワークスペース」について

2024年5月21日
Photoshop

よく使う！Photoshopのフィルター機能について

2024年5月21日
Figma

Figmaでプロトタイプを作ってみよう

2024年5月21日

1...19 202122 23...28

フリーランス

ギガファイル便を使いこなそう！初心者向けのわかりやすい解説

2024年8月21日
Figma

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

2024年7月31日
Illustrator

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

2024年9月3日
Photoshop

Photoshop「整列」「均等配置」を使いこなす方法

2024年11月24日
Illustrator

自由自在！「パス上文字ツール」の使い方

2024年11月27日
Figma

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

2024年5月22日

検索

関口愛里

株式会社iris代表取締役

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

カテゴリ一覧

デザイン (107)
フリーランス (9)
プログラミング (55)
未分類 (6)

タグ一覧

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

instagram

aichan_webdesign

誰でも分かるWebデザインの知識をInstagramでも毎日配信中↓ デザイン、コーディング、Webデザイナーに必要な知識etc

@aichan_webdesign ←
超本格的！簡単お洒落なデュオトーン加工
をPhotoshopで作成しよう！
⁡
1. 画像を用意する
2. コンテキストバーから被写体を選択する
3. レイヤーマスクをかける
4. ｢グラデーションマップ…｣を選択
5. プロパティパネルから
　グラデーションエディターを開く
6. 分岐点を追加する
7. ｢カラー分岐点｣をダブルクリックし
　カラーピッカーを開く
8. 好きな色に調整する
9. 中央と右端の｢カラー分岐点｣にも色を設定する
10. 本格的なデュオトーン加工の完成
⁡
この投稿を保存して、何度も見返せるようにしてね✨
⁡
——————————————————————
⁡
お役立ち情報を発信するので
フォローしてね♡
" @aichan_webdesign "
⁡
⁡
ーお知らせー
■女性限定Webデザイン無料コミュニティ
リニューアルしました！
すでに300名を突破
⁡
・初心者デザイナーから駆け出しデザイナーまで在籍
・勉強会やオンライン懇親会を月1.2回で開いてます
・コンペや案件募集、チャレンジ企画なども開催
⁡
興味ある方はプロフかハイライト固定ポストをチェックしてね✨
⁡
⁡
■Webデザインスクール
リスラボ運営・代表
デザイン〜コーディング、営業まで現場に必要なスキルが一貫して習得出来る
⁡
女性の自立をサポートし輝けるママを増やしていくために活動
⁡
⁡
■株式会社iris（Web制作会社）代表取締役
<サービス内容>
・ホームページ、LP制作
（デザイン〜コーディング）、Webサイト全般、システム開発
・印刷物（名刺、チラシ、パンフレット、
メニュー、ポスター等）
・SNS運用代行
・UTAGE構築代行
・LINE構築代行
⁡
お問い合わせはDMからお願いします📩
⁡
#Adobe
#AdobePhotoshop
#Photoshop
#webデザイン
#webデザイナー

@aichan_webdesign←あなたはチャンスを逃

@aichan_webdesign←あなたはチャンスを逃してない？

今日はチャンスはチャンスを逃さない方法を教えちゃいます🙋‍♀️

謙虚さも大事だけど時には図々しさも大切！
⁡
たった1人の出会いがあなたを変えるよ✨️

-—————————————
お役立ち情報を発信するので
フォローしてね♡
" @aichan_webdesign "
⁡
⁡
ーお知らせー
■女性限定Webデザイン無料コミュニティ
リニューアルしました！
すでに300名を突破

・初心者デザイナーから駆け出しデザイナーまで在籍
・勉強会やオンライン懇親会を月1.2回で開いてます
・コンペや案件募集、チャレンジ企画なども開催

興味ある方はプロフかハイライト固定ポストをチェックしてね✨⁡
⁡
⁡
■Webデザインスクール
リスラボ運営・代表
デザイン〜コーディング、営業まで現場に必要なスキルが一貫して習得出来る

女性の自立をサポートし輝けるママを増やしていくために活動
⁡
⁡
■株式会社iris（Web制作会社）代表取締役
<サービス内容>
・ホームページ、LP制作
（デザイン〜コーディング）、Webサイト全般、システム開発
・印刷物（名刺、チラシ、パンフレット、
メニュー、ポスター等）
・SNS運用代行
・UTAGE構築代行
⁡・LINE構築代行

お問い合わせはDMからお願いします📩

@aichan_webdesign ←
これは凄い！簡単お洒落な縁取り加工
をIllustratorで作成しよう！
⁡
1. 背景が透過された画像を用意する
2. 長方形ツールで作業用の背景を作成する
3. 画像をコピーし、前面に複製する
4. 「画像トレース」パネルを開く
5. 画像トレースパネル内で各種設定をする
6. ｢オブジェクト｣→｢パス｣→
　｢パスのオフセット｣を選択
7. パスのオフセットパネルで各種設定をする
8. シルエット画像を選択した状態で
　｢ウィンドウ｣→｢スウォッチ｣
9. スウォッチパネルで
　シルエットを好きな色に変更する
10.レイヤーパネル上でシルエット画像を
　複製元の画像の下へ移動させる
11. ｢効果｣→「スタイライズ」→
　「ドロップシャドウ」を選択
12.ドロップシャドウパネルで
　各種数値の設定をする
13. お洒落な縁取り加工の完成
⁡
この投稿を保存して、何度も見返せるようにしてね✨
⁡
-—————————————
お役立ち情報を発信するので
フォローしてね♡
" @aichan_webdesign "
⁡
⁡
ーお知らせー
■女性限定Webデザイン無料コミュニティ
リニューアルしました！
すでに300名を突破
⁡
・初心者デザイナーから駆け出しデザイナーまで在籍
・勉強会やオンライン懇親会を月1.2回で開いてます
・コンペや案件募集、チャレンジ企画なども開催
⁡
興味ある方はプロフかハイライト固定ポストをチェックしてね✨
⁡
⁡
■Webデザインスクール
リスラボ運営・代表
デザイン〜コーディング、営業まで現場に必要なスキルが一貫して習得出来る
⁡
女性の自立をサポートし輝けるママを増やしていくために活動
⁡
⁡
■株式会社iris（Web制作会社）代表取締役
<サービス内容>
・ホームページ、LP制作
（デザイン〜コーディング）、Webサイト全般、システム開発
・印刷物（名刺、チラシ、パンフレット、
メニュー、ポスター等）
・SNS運用代行
・UTAGE構築代行
・LINE構築代行
⁡
お問い合わせはDMからお願いします📩
-—————————————
⁡
#Adobe
#AdobeIllustrator
#Illustrator
#webデザイン
#webデザイナー

@aichan_webdesign ←
一瞬でクリスマス風に！
ブラシツールで簡単キラキラ加工
をPhotoshopで作成しよう！
⁡
1. キラキラさせたい画像を準備する
2. 新規レイヤーを追加する
3. ブラシプリセットピッカーを開き
　「星形（70pixel）」を選択する
4. ブラシの設定をする-part1
　(★を不揃いな並びにしていく)する
5. ブラシの設定をする-part2
　（「シェイプ」「散布」の設定）調整
6. 描画色を「白」に設定し
　画像の上にキラキラをのせる
7. キラキラに加工した画像の完成
⁡
この投稿を保存して、何度も見返せるようにしてね✨
⁡
——————————————————————
⁡
お役立ち情報を発信するので
フォローしてね♡
" @aichan_webdesign "
⁡
⁡
ーお知らせー
■女性限定Webデザイン無料コミュニティ
リニューアルしました！
すでに300名を突破
⁡
・初心者デザイナーから駆け出しデザイナーまで在籍
・勉強会やオンライン懇親会を月1.2回で開いてます
・コンペや案件募集、チャレンジ企画なども開催
⁡
興味ある方はプロフかハイライト固定ポストをチェックしてね✨
⁡
⁡
■Webデザインスクール
リスラボ運営・代表
デザイン〜コーディング、営業まで現場に必要なスキルが一貫して習得出来る
⁡
女性の自立をサポートし輝けるママを増やしていくために活動
⁡
⁡
■株式会社iris（Web制作会社）代表取締役
<サービス内容>
・ホームページ、LP制作
（デザイン〜コーディング）、Webサイト全般、システム開発
・印刷物（名刺、チラシ、パンフレット、
メニュー、ポスター等）
・SNS運用代行
・UTAGE構築代行
・LINE構築代行
⁡
お問い合わせはDMからお願いします📩
⁡
#Adobe
#AdobePhotoshop
#Photoshop
#webデザイン
#webデザイナー

あなたは言語化が「得意」か「苦手」か教えてねー！

⁡
ワイヤーフレームの前に絶対やるべきことは…

“目的の言語化”です。
これをやらないと、
どれだけ上手に作ってもズレたLP・サイト”になります！

やることはたった3つ👇
①誰に（ターゲット）
例）副業したい30代ママ、初心者Webデザイナーなど。
②何をさせたい（ゴール）
例）LINE登録、問い合わせ、購入、説明会予約。
なぜ必要なのか（課題）
例）時間がない／続かない／何を選べばいいかわからない。

この3つが決まれば、
ワイヤーフレームは“自動的に正しい形”になります。
⁡
⁡
-—————————————
お役立ち情報を発信するので
フォローしてね♡
" @aichan_webdesign "
⁡
⁡
ーお知らせー
■女性限定Webデザイン無料コミュニティ
リニューアルしました！
すでに300名を突破

・初心者デザイナーから駆け出しデザイナーまで在籍
・勉強会やオンライン懇親会を月1.2回で開いてます
・コンペや案件募集、チャレンジ企画なども開催

興味ある方はプロフかハイライト固定ポストをチェックしてね✨⁡
⁡
⁡
■Webデザインスクール
リスラボ運営・代表
デザイン〜コーディング、営業まで現場に必要なスキルが一貫して習得出来る

女性の自立をサポートし輝けるママを増やしていくために活動
⁡
⁡
■株式会社iris（Web制作会社）代表取締役
<サービス内容>
・ホームページ、LP制作
（デザイン〜コーディング）、Webサイト全般、システム開発
・印刷物（名刺、チラシ、パンフレット、
メニュー、ポスター等）
・SNS運用代行
・UTAGE構築代行
⁡・LINE構築代行

お問い合わせはDMからお願いします📩
-—————————————
⁡
#webデザイン
#webデザイナー

@aichan_webdesign ←
簡単面白い！文字に疾走感を与える加工
をIllustratorで作成しよう！
⁡
1. 好きな文字を打ち込む
2. アウトラインを作成する
3.｢変形詳細オプション」を開く
4.｢変形詳細オプション」内の
　シアーの数値を調整する
5. 長方形ツールで横長の長方形を作成する
6. 「アンカーの削除ツール」で
　長方形を三角形に変形させる
7. 三角形を複製し文字にくっつけていく
8. 疾走しているような文字の完成
⁡
この投稿を保存して、何度も見返せるようにしてね✨
⁡
-—————————————
お役立ち情報を発信するので
フォローしてね♡
" @aichan_webdesign "
⁡
⁡
ーお知らせー
■女性限定Webデザイン無料コミュニティ
リニューアルしました！
すでに300名を突破
⁡
・初心者デザイナーから駆け出しデザイナーまで在籍
・勉強会やオンライン懇親会を月1.2回で開いてます
・コンペや案件募集、チャレンジ企画なども開催
⁡
興味ある方はプロフかハイライト固定ポストをチェックしてね✨
⁡
⁡
■Webデザインスクール
リスラボ運営・代表
デザイン〜コーディング、営業まで現場に必要なスキルが一貫して習得出来る
⁡
女性の自立をサポートし輝けるママを増やしていくために活動
⁡
⁡
■株式会社iris（Web制作会社）代表取締役
<サービス内容>
・ホームページ、LP制作
（デザイン〜コーディング）、Webサイト全般、システム開発
・印刷物（名刺、チラシ、パンフレット、
メニュー、ポスター等）
・SNS運用代行
・UTAGE構築代行
・LINE構築代行
⁡
お問い合わせはDMからお願いします📩
-—————————————
⁡
#Adobe
#AdobeIllustrator
#Illustrator
#webデザイン
#webデザイナー

@aichan_webdesign ←
簡単便利！逆光の被写体を見やすく調整
をPhotoshopで作成しよう！
⁡
1. 画像を用意する
2. 画像をスマートオブジェクトに変換する
3. 「イメージ」→「色調補正」→
　「シャドウ・ハイライト」を選択
4. ｢詳細オプションを表示｣をチェックする
5. シャドウ・ハイライトパネルで
　各種数値を調整
6. コンテキストタスクバーから
　「被写体を選択」を選択
7. メニューバー→「選択範囲」→
　「選択範囲を反転」を選択
8. 「スマートフィルターマスク
　サムネイル」を選択する
9. ｢塗りつぶしツール｣を選択し
　描画色を黒色に設定する
10. 画像をクリックして選択範囲を塗りつぶす
11. 逆光の被写体を見やすく調整した画像の完成
⁡
この投稿を保存して、何度も見返せるようにしてね✨
⁡
——————————————————————
⁡
お役立ち情報を発信するので
フォローしてね♡
" @aichan_webdesign "
⁡
⁡
ーお知らせー
■女性限定Webデザイン無料コミュニティ
リニューアルしました！
すでに300名を突破
⁡
・初心者デザイナーから駆け出しデザイナーまで在籍
・勉強会やオンライン懇親会を月1.2回で開いてます
・コンペや案件募集、チャレンジ企画なども開催
⁡
興味ある方はプロフかハイライト固定ポストをチェックしてね✨
⁡
⁡
■Webデザインスクール
リスラボ運営・代表
デザイン〜コーディング、営業まで現場に必要なスキルが一貫して習得出来る
⁡
女性の自立をサポートし輝けるママを増やしていくために活動
⁡
⁡
■株式会社iris（Web制作会社）代表取締役
<サービス内容>
・ホームページ、LP制作
（デザイン〜コーディング）、Webサイト全般、システム開発
・印刷物（名刺、チラシ、パンフレット、
メニュー、ポスター等）
・SNS運用代行
・UTAGE構築代行
・LINE構築代行
⁡
お問い合わせはDMからお願いします📩
⁡
#Adobe
#AdobePhotoshop
#Photoshop
#webデザイン
#webデザイナー

@aichan_webdesign←AIうさんくさいって思ってる人損してる

AIはWebデザイナーの仕事を奪う

なんかうさんくさい

そう思ってる方は損します！

AIは正しい使い方をすれば
私たちの強い味方になるので最後まで見て
使いこなしてね✨
⁡

-—————————————
お役立ち情報を発信するので
フォローしてね♡
" @aichan_webdesign "
⁡
⁡
ーお知らせー
■女性限定Webデザイン無料コミュニティ
リニューアルしました！
すでに300名を突破

・初心者デザイナーから駆け出しデザイナーまで在籍
・勉強会やオンライン懇親会を月1.2回で開いてます
・コンペや案件募集、チャレンジ企画なども開催

興味ある方はプロフかハイライト固定ポストをチェックしてね✨⁡
⁡
⁡
■Webデザインスクール
リスラボ運営・代表
デザイン〜コーディング、営業まで現場に必要なスキルが一貫して習得出来る

女性の自立をサポートし輝けるママを増やしていくために活動
⁡
⁡
■株式会社iris（Web制作会社）代表取締役
<サービス内容>
・ホームページ、LP制作
（デザイン〜コーディング）、Webサイト全般、システム開発
・印刷物（名刺、チラシ、パンフレット、
メニュー、ポスター等）
・SNS運用代行
・UTAGE構築代行
⁡・LINE構築代行

お問い合わせはDMからお願いします📩
-—————————————
⁡
#webデザイン
#webデザイナー

@aichan_webdesign ←
とってもお洒落！すりガラス風背景の作り方
をIllustratorで作成しよう！
⁡
① 背景画像を用意し同じ位置に
　コピー＆ペーストする
② コピー＆ペーストした画像に
　｢ぼかし（ガウス）｣を適用
③ 画像の上に長方形を作成する
④ 作成した長方形をコピーする
⑤ ぼかした画像と長方形を
　クリッピングマスクする
⑥ 長方形をペーストし不透明度を調整する
⑦ 背景をすりガラス風にした画像の完成
⁡
この投稿を保存して、何度も見返せるようにしてね✨
⁡
-—————————————
お役立ち情報を発信するので
フォローしてね♡
" @aichan_webdesign "
⁡
⁡
ーお知らせー
■女性限定Webデザイン無料コミュニティ
リニューアルしました！
すでに300名を突破
⁡
・初心者デザイナーから駆け出しデザイナーまで在籍
・勉強会やオンライン懇親会を月1.2回で開いてます
・コンペや案件募集、チャレンジ企画なども開催
⁡
興味ある方はプロフかハイライト固定ポストをチェックしてね✨
⁡
⁡
■Webデザインスクール
リスラボ運営・代表
デザイン〜コーディング、営業まで現場に必要なスキルが一貫して習得出来る
⁡
女性の自立をサポートし輝けるママを増やしていくために活動
⁡
⁡
■株式会社iris（Web制作会社）代表取締役
<サービス内容>
・ホームページ、LP制作
（デザイン〜コーディング）、Webサイト全般、システム開発
・印刷物（名刺、チラシ、パンフレット、
メニュー、ポスター等）
・SNS運用代行
・UTAGE構築代行
・LINE構築代行
⁡
お問い合わせはDMからお願いします📩
-—————————————
⁡
#Adobe
#AdobeIllustrator
#Illustrator
#webデザイン
#webデザイナー

@aichan_webdesign ←
これは面白い！画像で文字を挟み込む加工
をPhotoshopで作成しよう！
⁡
① 画像を用意して被写体を選択する
② 範囲が選択されたレイヤーを複製する
③ 最初に配置した画像を非表示にする選択
④ 画像の上半分を選択し
　レイヤーマスクを追加する
⑤ 工程04のレイヤーを複製し
　レイヤーマスクを反転する
⑥ 画像上部を上方向へ移動させ文字を挟む
⑦ 文字を挟んだ画像の完成
⁡
この投稿を保存して、何度も見返せるようにしてね✨
⁡
——————————————————————
⁡
お役立ち情報を発信するので
フォローしてね♡
" @aichan_webdesign "
⁡
⁡
ーお知らせー
■女性限定Webデザイン無料コミュニティ
リニューアルしました！
すでに300名を突破
⁡
・初心者デザイナーから駆け出しデザイナーまで在籍
・勉強会やオンライン懇親会を月1.2回で開いてます
・コンペや案件募集、チャレンジ企画なども開催
⁡
興味ある方はプロフかハイライト固定ポストをチェックしてね✨
⁡
⁡
■Webデザインスクール
リスラボ運営・代表
デザイン〜コーディング、営業まで現場に必要なスキルが一貫して習得出来る
⁡
女性の自立をサポートし輝けるママを増やしていくために活動
⁡
⁡
■株式会社iris（Web制作会社）代表取締役
<サービス内容>
・ホームページ、LP制作
（デザイン〜コーディング）、Webサイト全般、システム開発
・印刷物（名刺、チラシ、パンフレット、
メニュー、ポスター等）
・SNS運用代行
・UTAGE構築代行
・LINE構築代行
⁡
お問い合わせはDMからお願いします📩
⁡
#Adobe
#AdobePhotoshop
#Photoshop
#webデザイン
#webデザイナー

@aichan_webdesign ←クリスマスバナーコンペ受賞者発表🎅🎄

リスコミュ限定で行ったバナーコンペの
受賞者発表です🎉

参加してくれた方の作品(1部)も載ってるので
ぜひ、見てあなたはどれが好みか考えてみてね✨

-————————
■女性限定Webデザイン無料コミュニティ
リニューアルしました！
すでに330名を突破

・初心者デザイナーから駆け出しデザイナーまで在籍
・勉強会やオンライン懇親会を月1.2回で開いてます
・コンペや案件募集、チャレンジ企画なども開催
-————————
#Webデザイン
#webデザイナー

@aichan_webdesign ←
すぐに真似できるめくれるような文字の作り方
をIllustratorで作成しよう！
⁡
① テキストを用意する
② 文字を斜め上から見たような角度に設定する
③ オブジェクトをコピーして
　背面に配置し、色を変更する
④ メッシュを適用する
⑤ エンべローブメッシュの数値を設定する
⑥ メッシュ部分を動かす
⑦ めくれているような文字の完成
⁡
この投稿を保存して、何度も見返せるようにしてね✨
⁡
-—————————————
お役立ち情報を発信するので
フォローしてね♡
" @aichan_webdesign "
⁡
⁡
ーお知らせー
■女性限定Webデザイン無料コミュニティ
リニューアルしました！
すでに300名を突破
⁡
・初心者デザイナーから駆け出しデザイナーまで在籍
・勉強会やオンライン懇親会を月1.2回で開いてます
・コンペや案件募集、チャレンジ企画なども開催
⁡
興味ある方はプロフかハイライト固定ポストをチェックしてね✨
⁡
⁡
■Webデザインスクール
リスラボ運営・代表
デザイン〜コーディング、営業まで現場に必要なスキルが一貫して習得出来る
⁡
女性の自立をサポートし輝けるママを増やしていくために活動
⁡
⁡
■株式会社iris（Web制作会社）代表取締役
<サービス内容>
・ホームページ、LP制作
（デザイン〜コーディング）、Webサイト全般、システム開発
・印刷物（名刺、チラシ、パンフレット、
メニュー、ポスター等）
・SNS運用代行
・UTAGE構築代行
・LINE構築代行
⁡
お問い合わせはDMからお願いします📩
-—————————————
⁡
#Adobe
#AdobeIllustrator
#Illustrator
#webデザイン
#webデザイナー

@aichan_webdesign ←
自由自在！秒で被写体を動かす方法
をPhotoshopで作成しよう！
⁡
① 画像を準備する
② レイヤーをラスタライズする
③ 「コンテンツに応じた移動ツール」で
　被写体を選択
④ 選択範囲の境界をぼかす
⑤ 移動させたい場所へドラッグで移動する
⑥ 被写体を移動させた画像の完成
⁡
この投稿を保存して、何度も見返せるようにしてね✨
⁡
——————————————————————
⁡
お役立ち情報を発信するので
フォローしてね♡
" @aichan_webdesign "
⁡
⁡
ーお知らせー
■女性限定Webデザイン無料コミュニティ
リニューアルしました！
すでに300名を突破
⁡
・初心者デザイナーから駆け出しデザイナーまで在籍
・勉強会やオンライン懇親会を月1.2回で開いてます
・コンペや案件募集、チャレンジ企画なども開催
⁡
興味ある方はプロフかハイライト固定ポストをチェックしてね✨
⁡
⁡
■Webデザインスクール
リスラボ運営・代表
デザイン〜コーディング、営業まで現場に必要なスキルが一貫して習得出来る
⁡
女性の自立をサポートし輝けるママを増やしていくために活動
⁡
⁡
■株式会社iris（Web制作会社）代表取締役
<サービス内容>
・ホームページ、LP制作
（デザイン〜コーディング）、Webサイト全般、システム開発
・印刷物（名刺、チラシ、パンフレット、
メニュー、ポスター等）
・SNS運用代行
・UTAGE構築代行
・LINE構築代行
⁡
お問い合わせはDMからお願いします📩
⁡
#Adobe
#AdobePhotoshop
#Photoshop
#webデザイン
#webデザイナー

@aichan_webdesign←CTA🎁

LPのCTAの配置で成約率が2倍変わるって知ってた？！

-—————————————
お役立ち情報を発信するので
フォローしてね♡
" @aichan_webdesign "
⁡
⁡
ーお知らせー
■女性限定Webデザイン無料コミュニティ
リニューアルしました！
すでに300名を突破

・初心者デザイナーから駆け出しデザイナーまで在籍
・勉強会やオンライン懇親会を月1.2回で開いてます
・コンペや案件募集、チャレンジ企画なども開催

興味ある方はプロフかハイライト固定ポストをチェックしてね✨⁡
⁡
⁡
■Webデザインスクール
リスラボ運営・代表
デザイン〜コーディング、営業まで現場に必要なスキルが一貫して習得出来る

女性の自立をサポートし輝けるママを増やしていくために活動
⁡
⁡
■株式会社iris（Web制作会社）代表取締役
<サービス内容>
・ホームページ、LP制作
（デザイン〜コーディング）、Webサイト全般、システム開発
・印刷物（名刺、チラシ、パンフレット、
メニュー、ポスター等）
・SNS運用代行
・UTAGE構築代行
⁡・LINE構築代行

お問い合わせはDMからお願いします📩
-—————————————
⁡
#webデザイン
#webデザイナー

@aichan_webdesign ←
これは凄い！テキストで作るクリスマスツリー
をIllustratorで作成しよう！
⁡
① テキストを一行ずつ打ち込み中央揃えにする
② ツリーの上部を三角形で
　下部を長方形で作成する
③ ｢ダイレクト選択ツール｣で
　三角形の頂点の角を面取りする
④ ｢消しゴムツール｣でツリーを分割する
⑤ ｢エンベロープ｣でテキストをツリーにはめ込む
⑥ 頂点に星を描きテキストの色を変更する
⑦ テキストで出来たクリスマスツリーの完成
⁡
この投稿を保存して、何度も見返せるようにしてね✨
⁡
-—————————————
お役立ち情報を発信するので
フォローしてね♡
" @aichan_webdesign "
⁡
⁡
ーお知らせー
■女性限定Webデザイン無料コミュニティ
リニューアルしました！
すでに300名を突破
⁡
・初心者デザイナーから駆け出しデザイナーまで在籍
・勉強会やオンライン懇親会を月1.2回で開いてます
・コンペや案件募集、チャレンジ企画なども開催
⁡
興味ある方はプロフかハイライト固定ポストをチェックしてね✨
⁡
⁡
■Webデザインスクール
リスラボ運営・代表
デザイン〜コーディング、営業まで現場に必要なスキルが一貫して習得出来る
⁡
女性の自立をサポートし輝けるママを増やしていくために活動
⁡
⁡
■株式会社iris（Web制作会社）代表取締役
<サービス内容>
・ホームページ、LP制作
（デザイン〜コーディング）、Webサイト全般、システム開発
・印刷物（名刺、チラシ、パンフレット、
メニュー、ポスター等）
・SNS運用代行
・UTAGE構築代行
・LINE構築代行
⁡
お問い合わせはDMからお願いします📩
-—————————————
⁡
#Adobe
#AdobeIllustrator
#Illustrator
#webデザイン
#webデザイナー

@aichan_webdesign 【完全攻略2】をコメントしてね！

挑戦しなければ、一生“安いデザイナー”のまま
売れるLPデザインマスター講座vol.2 ｜3DAYS CAMP

☑️単価の低い案件ばかりで、時間と労力に見合わない
☑️LPを作っても「見栄えは良いけど成果が出ない…」
☑️学んでも行動に移せず「自分にできるのかな…」と不安

こんなお悩みを抱えてる方はぜひご参加下さい！

＃Webデザイン

@aichan_webdesign ←
まるでホンモノ？文字の質感を背景に合わせる技
をPhotoshopで作成しよう！
⁡
① ベースとなる画像を準備する
② 文字を打ち込む
③ テキストレイヤーを選択しぼかしをかける
④ ブレンド条件で合成させる
⑤ 背景の質感に合わせた文字の完成
⁡
この投稿を保存して、何度も見返せるようにしてね✨
⁡
——————————————————————
⁡
お役立ち情報を発信するので
フォローしてね♡
" @aichan_webdesign "
⁡
⁡
ーお知らせー
■女性限定Webデザイン無料コミュニティ
リニューアルしました！
すでに300名を突破
⁡
・初心者デザイナーから駆け出しデザイナーまで在籍
・勉強会やオンライン懇親会を月1.2回で開いてます
・コンペや案件募集、チャレンジ企画なども開催
⁡
興味ある方はプロフかハイライト固定ポストをチェックしてね✨
⁡
⁡
■Webデザインスクール
リスラボ運営・代表
デザイン〜コーディング、営業まで現場に必要なスキルが一貫して習得出来る
⁡
女性の自立をサポートし輝けるママを増やしていくために活動
⁡
⁡
■株式会社iris（Web制作会社）代表取締役
<サービス内容>
・ホームページ、LP制作
（デザイン〜コーディング）、Webサイト全般、システム開発
・印刷物（名刺、チラシ、パンフレット、
メニュー、ポスター等）
・SNS運用代行
・UTAGE構築代行
・LINE構築代行
⁡
お問い合わせはDMからお願いします📩
⁡
#Adobe
#AdobePhotoshop
#Photoshop
#webデザイン
#webデザイナー

@aichan_webdesign←営業ゼロ？！案件が増

@aichan_webdesign←営業ゼロ？！案件が増えるInstagram戦略

Webデザイナーの多い悩みって
実はスキルじゃなくて"集客"なんだよね。

今日はWebデザイナーと相性が良い
Instagramに特化してお話しするね？

DMもしてないのに依頼が来る人は
何をしてるのか？🤔

発信＝営業のポイントをお話しするね！
⁡

-—————————————
お役立ち情報を発信するので
フォローしてね♡
" @aichan_webdesign "
⁡
⁡
ーお知らせー
■女性限定Webデザイン無料コミュニティ
リニューアルしました！
すでに300名を突破

・初心者デザイナーから駆け出しデザイナーまで在籍
・勉強会やオンライン懇親会を月1.2回で開いてます
・コンペや案件募集、チャレンジ企画なども開催

興味ある方はプロフかハイライト固定ポストをチェックしてね✨⁡
⁡
⁡
■Webデザインスクール
リスラボ運営・代表
デザイン〜コーディング、営業まで現場に必要なスキルが一貫して習得出来る

女性の自立をサポートし輝けるママを増やしていくために活動
⁡
⁡
■株式会社iris（Web制作会社）代表取締役
<サービス内容>
・ホームページ、LP制作
（デザイン〜コーディング）、Webサイト全般、システム開発
・印刷物（名刺、チラシ、パンフレット、
メニュー、ポスター等）
・SNS運用代行
・UTAGE構築代行
⁡・LINE構築代行

お問い合わせはDMからお願いします📩
-—————————————
⁡
#webデザイン
#webデザイナー

@aichan_webdesign ←
簡単お洒落！図形で文字の視認性を上げる
をIllustratorで作成しよう！
⁡
① 画像の上に文字を配置する
② 長方形を配置し背面へ移動させる
③ 長方形をぼかす
④ 長方形を背景に馴染ませる
⑤ 文字に光彩をつける
⑥ 光彩(外側)の調整をする
⑦ 図形で文字の視認性を上げる加工の完成
⁡
この投稿を保存して、何度も見返せるようにしてね✨
⁡
-—————————————
お役立ち情報を発信するので
フォローしてね♡
" @aichan_webdesign "
⁡
⁡
ーお知らせー
■女性限定Webデザイン無料コミュニティ
リニューアルしました！
すでに300名を突破
⁡
・初心者デザイナーから駆け出しデザイナーまで在籍
・勉強会やオンライン懇親会を月1.2回で開いてます
・コンペや案件募集、チャレンジ企画なども開催
⁡
興味ある方はプロフかハイライト固定ポストをチェックしてね✨
⁡
⁡
■Webデザインスクール
リスラボ運営・代表
デザイン〜コーディング、営業まで現場に必要なスキルが一貫して習得出来る
⁡
女性の自立をサポートし輝けるママを増やしていくために活動
⁡
⁡
■株式会社iris（Web制作会社）代表取締役
<サービス内容>
・ホームページ、LP制作
（デザイン〜コーディング）、Webサイト全般、システム開発
・印刷物（名刺、チラシ、パンフレット、
メニュー、ポスター等）
・SNS運用代行
・UTAGE構築代行
・LINE構築代行
⁡
お問い合わせはDMからお願いします📩
-—————————————
⁡
#Adobe
#AdobeIllustrator
#Illustrator
#webデザイン
#webデザイナー

@aichan_webdesign ←
すぐに真似できる！背景を落書きに変える方法
をPhotoshopで作成しよう！
⁡
① 画像を用意する
② 女性のレイヤーを選択し
　クイック選択ツールをクリック
③ ｢クラウド(詳細な結果)｣設定で
　｢被写体を選択｣をクリック
④ 被写体が選択されたらレイヤーを複製する
⑤ ｢落書き｣のレイヤーを移動する
⑥ 描画モードを｢オーバーレイ｣にする
⑦ 落書きが馴染んだ背景の完成
⁡
この投稿を保存して、何度も見返せるようにしてね✨
⁡
——————————————————————
⁡
お役立ち情報を発信するので
フォローしてね♡
" @aichan_webdesign "
⁡
⁡
ーお知らせー
■女性限定Webデザイン無料コミュニティ
リニューアルしました！
すでに300名を突破
⁡
・初心者デザイナーから駆け出しデザイナーまで在籍
・勉強会やオンライン懇親会を月1.2回で開いてます
・コンペや案件募集、チャレンジ企画なども開催
⁡
興味ある方はプロフかハイライト固定ポストをチェックしてね✨
⁡
⁡
■Webデザインスクール
リスラボ運営・代表
デザイン〜コーディング、営業まで現場に必要なスキルが一貫して習得出来る
⁡
女性の自立をサポートし輝けるママを増やしていくために活動
⁡
⁡
■株式会社iris（Web制作会社）代表取締役
<サービス内容>
・ホームページ、LP制作
（デザイン〜コーディング）、Webサイト全般、システム開発
・印刷物（名刺、チラシ、パンフレット、
メニュー、ポスター等）
・SNS運用代行
・UTAGE構築代行
・LINE構築代行
⁡
お問い合わせはDMからお願いします📩
⁡
#Adobe
#AdobePhotoshop
#Photoshop
#webデザイン
#webデザイナー

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

X

Tweets by mama_beyourself

関口愛里

株式会社iris代表取締役

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

instagram

aichan_webdesign

誰でも分かるWebデザインの知識をInstagramでも毎日配信中↓ デザイン、コーディング、Webデザイナーに必要な知識etc

@aichan_webdesign ←
超本格的！簡単お洒落なデュオトーン加工
をPhotoshopで作成しよう！
⁡
1. 画像を用意する
2. コンテキストバーから被写体を選択する
3. レイヤーマスクをかける
4. ｢グラデーションマップ…｣を選択
5. プロパティパネルから
　グラデーションエディターを開く
6. 分岐点を追加する
7. ｢カラー分岐点｣をダブルクリックし
　カラーピッカーを開く
8. 好きな色に調整する
9. 中央と右端の｢カラー分岐点｣にも色を設定する
10. 本格的なデュオトーン加工の完成
⁡
この投稿を保存して、何度も見返せるようにしてね✨
⁡
——————————————————————
⁡
お役立ち情報を発信するので
フォローしてね♡
" @aichan_webdesign "
⁡
⁡
ーお知らせー
■女性限定Webデザイン無料コミュニティ
リニューアルしました！
すでに300名を突破
⁡
・初心者デザイナーから駆け出しデザイナーまで在籍
・勉強会やオンライン懇親会を月1.2回で開いてます
・コンペや案件募集、チャレンジ企画なども開催
⁡
興味ある方はプロフかハイライト固定ポストをチェックしてね✨
⁡
⁡
■Webデザインスクール
リスラボ運営・代表
デザイン〜コーディング、営業まで現場に必要なスキルが一貫して習得出来る
⁡
女性の自立をサポートし輝けるママを増やしていくために活動
⁡
⁡
■株式会社iris（Web制作会社）代表取締役
<サービス内容>
・ホームページ、LP制作
（デザイン〜コーディング）、Webサイト全般、システム開発
・印刷物（名刺、チラシ、パンフレット、
メニュー、ポスター等）
・SNS運用代行
・UTAGE構築代行
・LINE構築代行
⁡
お問い合わせはDMからお願いします📩
⁡
#Adobe
#AdobePhotoshop
#Photoshop
#webデザイン
#webデザイナー

@aichan_webdesign←あなたはチャンスを逃

@aichan_webdesign←あなたはチャンスを逃してない？

今日はチャンスはチャンスを逃さない方法を教えちゃいます🙋‍♀️

謙虚さも大事だけど時には図々しさも大切！
⁡
たった1人の出会いがあなたを変えるよ✨️

-—————————————
お役立ち情報を発信するので
フォローしてね♡
" @aichan_webdesign "
⁡
⁡
ーお知らせー
■女性限定Webデザイン無料コミュニティ
リニューアルしました！
すでに300名を突破

・初心者デザイナーから駆け出しデザイナーまで在籍
・勉強会やオンライン懇親会を月1.2回で開いてます
・コンペや案件募集、チャレンジ企画なども開催

興味ある方はプロフかハイライト固定ポストをチェックしてね✨⁡
⁡
⁡
■Webデザインスクール
リスラボ運営・代表
デザイン〜コーディング、営業まで現場に必要なスキルが一貫して習得出来る

女性の自立をサポートし輝けるママを増やしていくために活動
⁡
⁡
■株式会社iris（Web制作会社）代表取締役
<サービス内容>
・ホームページ、LP制作
（デザイン〜コーディング）、Webサイト全般、システム開発
・印刷物（名刺、チラシ、パンフレット、
メニュー、ポスター等）
・SNS運用代行
・UTAGE構築代行
⁡・LINE構築代行

お問い合わせはDMからお願いします📩

@aichan_webdesign ←
これは凄い！簡単お洒落な縁取り加工
をIllustratorで作成しよう！
⁡
1. 背景が透過された画像を用意する
2. 長方形ツールで作業用の背景を作成する
3. 画像をコピーし、前面に複製する
4. 「画像トレース」パネルを開く
5. 画像トレースパネル内で各種設定をする
6. ｢オブジェクト｣→｢パス｣→
　｢パスのオフセット｣を選択
7. パスのオフセットパネルで各種設定をする
8. シルエット画像を選択した状態で
　｢ウィンドウ｣→｢スウォッチ｣
9. スウォッチパネルで
　シルエットを好きな色に変更する
10.レイヤーパネル上でシルエット画像を
　複製元の画像の下へ移動させる
11. ｢効果｣→「スタイライズ」→
　「ドロップシャドウ」を選択
12.ドロップシャドウパネルで
　各種数値の設定をする
13. お洒落な縁取り加工の完成
⁡
この投稿を保存して、何度も見返せるようにしてね✨
⁡
-—————————————
お役立ち情報を発信するので
フォローしてね♡
" @aichan_webdesign "
⁡
⁡
ーお知らせー
■女性限定Webデザイン無料コミュニティ
リニューアルしました！
すでに300名を突破
⁡
・初心者デザイナーから駆け出しデザイナーまで在籍
・勉強会やオンライン懇親会を月1.2回で開いてます
・コンペや案件募集、チャレンジ企画なども開催
⁡
興味ある方はプロフかハイライト固定ポストをチェックしてね✨
⁡
⁡
■Webデザインスクール
リスラボ運営・代表
デザイン〜コーディング、営業まで現場に必要なスキルが一貫して習得出来る
⁡
女性の自立をサポートし輝けるママを増やしていくために活動
⁡
⁡
■株式会社iris（Web制作会社）代表取締役
<サービス内容>
・ホームページ、LP制作
（デザイン〜コーディング）、Webサイト全般、システム開発
・印刷物（名刺、チラシ、パンフレット、
メニュー、ポスター等）
・SNS運用代行
・UTAGE構築代行
・LINE構築代行
⁡
お問い合わせはDMからお願いします📩
-—————————————
⁡
#Adobe
#AdobeIllustrator
#Illustrator
#webデザイン
#webデザイナー

@aichan_webdesign ←
一瞬でクリスマス風に！
ブラシツールで簡単キラキラ加工
をPhotoshopで作成しよう！
⁡
1. キラキラさせたい画像を準備する
2. 新規レイヤーを追加する
3. ブラシプリセットピッカーを開き
　「星形（70pixel）」を選択する
4. ブラシの設定をする-part1
　(★を不揃いな並びにしていく)する
5. ブラシの設定をする-part2
　（「シェイプ」「散布」の設定）調整
6. 描画色を「白」に設定し
　画像の上にキラキラをのせる
7. キラキラに加工した画像の完成
⁡
この投稿を保存して、何度も見返せるようにしてね✨
⁡
——————————————————————
⁡
お役立ち情報を発信するので
フォローしてね♡
" @aichan_webdesign "
⁡
⁡
ーお知らせー
■女性限定Webデザイン無料コミュニティ
リニューアルしました！
すでに300名を突破
⁡
・初心者デザイナーから駆け出しデザイナーまで在籍
・勉強会やオンライン懇親会を月1.2回で開いてます
・コンペや案件募集、チャレンジ企画なども開催
⁡
興味ある方はプロフかハイライト固定ポストをチェックしてね✨
⁡
⁡
■Webデザインスクール
リスラボ運営・代表
デザイン〜コーディング、営業まで現場に必要なスキルが一貫して習得出来る
⁡
女性の自立をサポートし輝けるママを増やしていくために活動
⁡
⁡
■株式会社iris（Web制作会社）代表取締役
<サービス内容>
・ホームページ、LP制作
（デザイン〜コーディング）、Webサイト全般、システム開発
・印刷物（名刺、チラシ、パンフレット、
メニュー、ポスター等）
・SNS運用代行
・UTAGE構築代行
・LINE構築代行
⁡
お問い合わせはDMからお願いします📩
⁡
#Adobe
#AdobePhotoshop
#Photoshop
#webデザイン
#webデザイナー

あなたは言語化が「得意」か「苦手」か教えてねー！

⁡
ワイヤーフレームの前に絶対やるべきことは…

“目的の言語化”です。
これをやらないと、
どれだけ上手に作ってもズレたLP・サイト”になります！

やることはたった3つ👇
①誰に（ターゲット）
例）副業したい30代ママ、初心者Webデザイナーなど。
②何をさせたい（ゴール）
例）LINE登録、問い合わせ、購入、説明会予約。
なぜ必要なのか（課題）
例）時間がない／続かない／何を選べばいいかわからない。

この3つが決まれば、
ワイヤーフレームは“自動的に正しい形”になります。
⁡
⁡
-—————————————
お役立ち情報を発信するので
フォローしてね♡
" @aichan_webdesign "
⁡
⁡
ーお知らせー
■女性限定Webデザイン無料コミュニティ
リニューアルしました！
すでに300名を突破

・初心者デザイナーから駆け出しデザイナーまで在籍
・勉強会やオンライン懇親会を月1.2回で開いてます
・コンペや案件募集、チャレンジ企画なども開催

興味ある方はプロフかハイライト固定ポストをチェックしてね✨⁡
⁡
⁡
■Webデザインスクール
リスラボ運営・代表
デザイン〜コーディング、営業まで現場に必要なスキルが一貫して習得出来る

女性の自立をサポートし輝けるママを増やしていくために活動
⁡
⁡
■株式会社iris（Web制作会社）代表取締役
<サービス内容>
・ホームページ、LP制作
（デザイン〜コーディング）、Webサイト全般、システム開発
・印刷物（名刺、チラシ、パンフレット、
メニュー、ポスター等）
・SNS運用代行
・UTAGE構築代行
⁡・LINE構築代行

お問い合わせはDMからお願いします📩
-—————————————
⁡
#webデザイン
#webデザイナー

@aichan_webdesign ←
簡単面白い！文字に疾走感を与える加工
をIllustratorで作成しよう！
⁡
1. 好きな文字を打ち込む
2. アウトラインを作成する
3.｢変形詳細オプション」を開く
4.｢変形詳細オプション」内の
　シアーの数値を調整する
5. 長方形ツールで横長の長方形を作成する
6. 「アンカーの削除ツール」で
　長方形を三角形に変形させる
7. 三角形を複製し文字にくっつけていく
8. 疾走しているような文字の完成
⁡
この投稿を保存して、何度も見返せるようにしてね✨
⁡
-—————————————
お役立ち情報を発信するので
フォローしてね♡
" @aichan_webdesign "
⁡
⁡
ーお知らせー
■女性限定Webデザイン無料コミュニティ
リニューアルしました！
すでに300名を突破
⁡
・初心者デザイナーから駆け出しデザイナーまで在籍
・勉強会やオンライン懇親会を月1.2回で開いてます
・コンペや案件募集、チャレンジ企画なども開催
⁡
興味ある方はプロフかハイライト固定ポストをチェックしてね✨
⁡
⁡
■Webデザインスクール
リスラボ運営・代表
デザイン〜コーディング、営業まで現場に必要なスキルが一貫して習得出来る
⁡
女性の自立をサポートし輝けるママを増やしていくために活動
⁡
⁡
■株式会社iris（Web制作会社）代表取締役
<サービス内容>
・ホームページ、LP制作
（デザイン〜コーディング）、Webサイト全般、システム開発
・印刷物（名刺、チラシ、パンフレット、
メニュー、ポスター等）
・SNS運用代行
・UTAGE構築代行
・LINE構築代行
⁡
お問い合わせはDMからお願いします📩
-—————————————
⁡
#Adobe
#AdobeIllustrator
#Illustrator
#webデザイン
#webデザイナー

@aichan_webdesign ←
簡単便利！逆光の被写体を見やすく調整
をPhotoshopで作成しよう！
⁡
1. 画像を用意する
2. 画像をスマートオブジェクトに変換する
3. 「イメージ」→「色調補正」→
　「シャドウ・ハイライト」を選択
4. ｢詳細オプションを表示｣をチェックする
5. シャドウ・ハイライトパネルで
　各種数値を調整
6. コンテキストタスクバーから
　「被写体を選択」を選択
7. メニューバー→「選択範囲」→
　「選択範囲を反転」を選択
8. 「スマートフィルターマスク
　サムネイル」を選択する
9. ｢塗りつぶしツール｣を選択し
　描画色を黒色に設定する
10. 画像をクリックして選択範囲を塗りつぶす
11. 逆光の被写体を見やすく調整した画像の完成
⁡
この投稿を保存して、何度も見返せるようにしてね✨
⁡
——————————————————————
⁡
お役立ち情報を発信するので
フォローしてね♡
" @aichan_webdesign "
⁡
⁡
ーお知らせー
■女性限定Webデザイン無料コミュニティ
リニューアルしました！
すでに300名を突破
⁡
・初心者デザイナーから駆け出しデザイナーまで在籍
・勉強会やオンライン懇親会を月1.2回で開いてます
・コンペや案件募集、チャレンジ企画なども開催
⁡
興味ある方はプロフかハイライト固定ポストをチェックしてね✨
⁡
⁡
■Webデザインスクール
リスラボ運営・代表
デザイン〜コーディング、営業まで現場に必要なスキルが一貫して習得出来る
⁡
女性の自立をサポートし輝けるママを増やしていくために活動
⁡
⁡
■株式会社iris（Web制作会社）代表取締役
<サービス内容>
・ホームページ、LP制作
（デザイン〜コーディング）、Webサイト全般、システム開発
・印刷物（名刺、チラシ、パンフレット、
メニュー、ポスター等）
・SNS運用代行
・UTAGE構築代行
・LINE構築代行
⁡
お問い合わせはDMからお願いします📩
⁡
#Adobe
#AdobePhotoshop
#Photoshop
#webデザイン
#webデザイナー

@aichan_webdesign←AIうさんくさいって思ってる人損してる

AIはWebデザイナーの仕事を奪う

なんかうさんくさい

そう思ってる方は損します！

AIは正しい使い方をすれば
私たちの強い味方になるので最後まで見て
使いこなしてね✨
⁡

-—————————————
お役立ち情報を発信するので
フォローしてね♡
" @aichan_webdesign "
⁡
⁡
ーお知らせー
■女性限定Webデザイン無料コミュニティ
リニューアルしました！
すでに300名を突破

・初心者デザイナーから駆け出しデザイナーまで在籍
・勉強会やオンライン懇親会を月1.2回で開いてます
・コンペや案件募集、チャレンジ企画なども開催

興味ある方はプロフかハイライト固定ポストをチェックしてね✨⁡
⁡
⁡
■Webデザインスクール
リスラボ運営・代表
デザイン〜コーディング、営業まで現場に必要なスキルが一貫して習得出来る

女性の自立をサポートし輝けるママを増やしていくために活動
⁡
⁡
■株式会社iris（Web制作会社）代表取締役
<サービス内容>
・ホームページ、LP制作
（デザイン〜コーディング）、Webサイト全般、システム開発
・印刷物（名刺、チラシ、パンフレット、
メニュー、ポスター等）
・SNS運用代行
・UTAGE構築代行
⁡・LINE構築代行

お問い合わせはDMからお願いします📩
-—————————————
⁡
#webデザイン
#webデザイナー

@aichan_webdesign ←
とってもお洒落！すりガラス風背景の作り方
をIllustratorで作成しよう！
⁡
① 背景画像を用意し同じ位置に
　コピー＆ペーストする
② コピー＆ペーストした画像に
　｢ぼかし（ガウス）｣を適用
③ 画像の上に長方形を作成する
④ 作成した長方形をコピーする
⑤ ぼかした画像と長方形を
　クリッピングマスクする
⑥ 長方形をペーストし不透明度を調整する
⑦ 背景をすりガラス風にした画像の完成
⁡
この投稿を保存して、何度も見返せるようにしてね✨
⁡
-—————————————
お役立ち情報を発信するので
フォローしてね♡
" @aichan_webdesign "
⁡
⁡
ーお知らせー
■女性限定Webデザイン無料コミュニティ
リニューアルしました！
すでに300名を突破
⁡
・初心者デザイナーから駆け出しデザイナーまで在籍
・勉強会やオンライン懇親会を月1.2回で開いてます
・コンペや案件募集、チャレンジ企画なども開催
⁡
興味ある方はプロフかハイライト固定ポストをチェックしてね✨
⁡
⁡
■Webデザインスクール
リスラボ運営・代表
デザイン〜コーディング、営業まで現場に必要なスキルが一貫して習得出来る
⁡
女性の自立をサポートし輝けるママを増やしていくために活動
⁡
⁡
■株式会社iris（Web制作会社）代表取締役
<サービス内容>
・ホームページ、LP制作
（デザイン〜コーディング）、Webサイト全般、システム開発
・印刷物（名刺、チラシ、パンフレット、
メニュー、ポスター等）
・SNS運用代行
・UTAGE構築代行
・LINE構築代行
⁡
お問い合わせはDMからお願いします📩
-—————————————
⁡
#Adobe
#AdobeIllustrator
#Illustrator
#webデザイン
#webデザイナー

Instagram でフォロー

カテゴリ一覧

デザイン (107)
フリーランス (9)
プログラミング (55)
未分類 (6)

タグ一覧

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

Home
プライバシーポリシー

© 2024 iris inc.