MENU
  • Home
  • My Blog
  • Community
rislabo Web Design Blog
  • Home
  • My Blog
  • Community
  1. ホーム
  2. ポートフォリオ

ポートフォリオ– tag –

  • フリーランス

    Googleドキュメントについて徹底解説!

    2024年8月19日
  • Photoshop

    Photoshopのペイント系ツールについて

    2024年6月23日
  • Illustrator

    知っておきたい!DTPについて

    2024年6月22日
  • その他

    ドメインについて初心者にもわかりやすく徹底解説!

    2024年6月21日
  • その他

    知っておきたい!サイトのバックアップについて

    2024年6月21日
  • Illustrator

    Illustratorのツールの種類を知ろう!

    2024年6月20日
12345...12
検索
関口 愛里
株式会社iris代表取締役
■Web制作会社を経営
■女性の自立をサポートするWebデザインスクール運営
■現在140名超えの女性限定のWebデザインチームを運営
■Webデザイナーを目指したい方に向けてWebデザイナーになるために必要な勉強方法〜現場のリアルを発信していきます。
カテゴリ一覧
  • デザイン (107)
    • Figma (24)
    • Illustrator (34)
    • Photoshop (28)
    • その他 (7)
  • フリーランス (9)
  • プログラミング (55)
    • HTML&CSS (27)
    • JavaScript (7)
    • Sass (2)
    • WordPress (4)
    • その他 (9)
    • 環境構築 (5)
  • 未分類 (6)
タグ一覧
adobe Figma Google Chrome HTML&CSS Illustrator JavaScript Photoshop Sass VS Code Webデザイナー Webデザイン Web制作 WordPress コーディング デザイン基礎 バナー フォント フリーランス フリー素材 ポートフォリオ 制作実績
instagram
あいり|ママWebデザイナーを育成するプロ

aichan_webdesign

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

💡 使わなきゃ損!リストで使う「... 💡 使わなきゃ損!リストで使う「...」の揃え方
をIllustratorで作成しよう!
⁡
① 「...」を入れたい箇所で「タブキー」を押す
② 「タブルーラー」を出す
③ ルーラー上で「...」の終了箇所をクリックする
④ 「タブルーラー」の 「リーダー」に「.」を入力する
⑤ 「...」の間隔を調整する
⑥ 「...」と文字の揃ったリストの完成
⁡
この投稿を保存して、何度も見返せるようにしてね✨
⁡
——————————————————————
・無料の女性限定コミュニティ「リスコミュ」を運営中
・Webデザインスクール「リスラボ」では自立するママを育成中!
・株式会社iris(Web制作会社)代表取締役
・初心者向けに超有益なWebデザインブログ(デザイン〜コーディング、WordPress化)を運営中
⁡
詳しくはプロフィールをチェックしてね!
@aichan_webdesign
⁡
#Adobe
#AdobeIllustrator
#Illustrator
#webデザイン 
#webデザイナー
💡 超簡単!透明な物を切り抜く方法 💡 超簡単!透明な物を切り抜く方法
をPhotoshopで作成しよう!
⁡
①画像を用意する
②背景消しゴムツールを選択
③「背景消しゴムツール」の設定をする
④背景を削除する
⑤透明な物の切り抜きが完了
⁡
この投稿を保存して、何度も見返せるようにしてね✨
⁡
——————————————————————
・無料の女性限定コミュニティ「リスコミュ」を運営中
・Webデザインスクール「リスラボ」では自立するママを育成中!
・株式会社iris(Web制作会社)代表取締役
・初心者向けに超有益なWebデザインブログ(デザイン〜コーディング、WordPress化)を運営中
⁡
詳しくはプロフィールをチェックしてね!
@aichan_webdesign
⁡
#Adobe
#AdobePhotoshop
#Photoshop
#webデザイン 
#webデザイナー
@aichan_webdesign ←子どものイラスト、どうやって保管してる?

今日のリールは
「【永久保存!】思い出のイラストをデジタル化する方法」について解説しました!

グッズにプリントする時の入稿データにも使えるから、
保存するだけじゃなくて色々な場面で活用できちゃいます☺️

入稿先によって カラーモード(RGB,CMYK)、
解像度、ファイル形式など入稿方法に指定があるから
必ず確認してから入稿してね!

保存して大切なイラストをデジタル化してみてね✨
⁡
-—————————————
AIRI SEKIGUCHI
⁡
お役立ち情報を発信するので
フォローしてね♡ 
"" @aichan_webdesign ""
⁡
⁡
ーやってることー
■現在280名を超える無料女性限定コミュニティ
(リスコミュ)を運営中
・女性限定の初心者デザイナーからベテランデザイナーの方までいます。
・勉強会や懇親会を月1.2回で開いてます
・興味ある方はお気軽に参加してね♡
→参加条件は最初にzoomで顔合わせ出来る方、女性、頑張りたい方、輪を乱さない方
⁡
⁡
参加方法は
①プロフィールに移動
②プロフィールのURL(LINE公式)をタップ
⁡
↓ ↓ ↓
ライン公式から友達追加して
『リスコミュ』と送ってね✨
⁡
もしくはInstagramのDMに
『リスコミュ』とメッセージしてね☺️
⁡
⁡
■ iris mama creative labo
リスラボ運営・代表
デザイン〜コーディングまで一貫して出来る強者ママを育成
⁡
⁡
■株式会社iris(Web制作会社)代表取締役
<サービス内容>
・ホームページ、LP制作
(デザイン〜コーディング)、Webサイト全般、システム開発
・印刷物(名刺、チラシ、パンフレット、
メニュー、ポスター等)
・映像編集
⁡
お問い合わせはDMからお願いします📩
⁡
⁡
-—————————————
⁡
#webデザイン 
#webデザイナー 
#Adobe
#Adobe Photoshop
#Photoshop
💡 誰でも作れる!色とりどりな水滴 💡 誰でも作れる!色とりどりな水滴のあしらい
をIllustratorで作成しよう!
⁡
①水滴の画像を用意する
② 「画像を埋め込み」を選択する
③ 「カラーバランス調整」で好みの色に調整する
④工程03の画像を複製する
⑤工程04で複製した画像をぼかして配置する
⑥ 「楕円形ツール」で円を作成しぼかして
 位置を調整する
⑦水滴のあしらいの完成
⁡
この投稿を保存して、何度も見返せるようにしてね✨
⁡
——————————————————————
・無料の女性限定コミュニティ「リスコミュ」を運営中
・Webデザインスクール「リスラボ」では自立するママを育成中!
・株式会社iris(Web制作会社)代表取締役
・初心者向けに超有益なWebデザインブログ(デザイン〜コーディング、WordPress化)を運営中
⁡
詳しくはプロフィールをチェックしてね!
@aichan_webdesign
⁡
#Adobe
#AdobeIllustrator
#Illustrator
#webデザイン 
#webデザイナー
💡 これは凄い!白黒写真を蘇らせる 💡 これは凄い!白黒写真を蘇らせる方法
をPhotoshopで作成しよう!
⁡
①白黒写真を用意する
②ニューラルフィルター→「写真を復元」を選択
③「スクラッチの軽減」の数値を調整
④ニューラルフィルター→「カラー化」を選択
⑤写真の色味を調整
⑥なげなわツールで不要な部分を修正
⑦白黒写真がカラーに蘇った画像の完成
⁡
この投稿を保存して、何度も見返せるようにしてね✨
⁡
——————————————————————
・無料の女性限定コミュニティ「リスコミュ」を運営中
・Webデザインスクール「リスラボ」では自立するママを育成中!
・株式会社iris(Web制作会社)代表取締役
・初心者向けに超有益なWebデザインブログ(デザイン〜コーディング、WordPress化)を運営中
⁡
詳しくはプロフィールをチェックしてね!
@aichan_webdesign
⁡
#Adobe
#AdobePhotoshop
#Photoshop
#webデザイン 
#webデザイナー
@aichan_webdesign ←素材の活用の幅が広がる方法知ってる?

今日のリールは
「光の素材の活用幅UP法」について
解説してみたよ!

①半透明の素材の画像を用意
②背景消しゴムツールを選択&消し方を設定
③素材をドラッグして背景を消す
④合成したい画像に切り抜いた素材を重ねる
⑤描画モードを「スクリーン」に設定
⑥自然にフレア素材を重ねた画像の完成✨

黒背景を消しておくことで
描画モードを変えて他の画像に⁡簡単に重ねることができるから
色々な素材で試してみてね✨
⁡
⁡
-—————————————
AIRI SEKIGUCHI
⁡
お役立ち情報を発信するので
フォローしてね♡ 
" @aichan_webdesign "
⁡
⁡
ーやってることー
■現在280名を超える無料女性限定コミュニティ
(リスコミュ)を運営中
・女性限定の駆け出しデザイナーからベテランデザイナーの方までいます。
・勉強会や懇親会を月1.2回で開いてます
・興味ある方はお気軽に参加してね♡
→参加条件は最初にzoomで顔合わせ出来る方、女性、頑張りたい方、輪を乱さない方
⁡
⁡
参加方法は
①プロフィールに移動
②プロフィールのURL(LINE公式)をタップ
⁡
↓ ↓ ↓
ライン公式から友達追加して
『リスコミュ』と送ってね✨
⁡
もしくはInstagramのDMに
『リスコミュ』とメッセージしてね☺️
⁡
⁡
■ iris mama creative labo
リスラボ運営・代表
デザイン〜コーディングまで一貫して出来る強者ママを育成
⁡
⁡
■株式会社iris(Web制作会社)代表取締役
<サービス内容>
・ホームページ、LP制作
(デザイン〜コーディング)、Webサイト全般、システム開発
・印刷物(名刺、チラシ、パンフレット、
メニュー、ポスター等)
・映像編集
⁡
お問い合わせはDMからお願いします📩
⁡
⁡
-—————————————
⁡
#webデザイン 
#webデザイナー 
#Adobe
#Adobe Photoshop
#Photoshop
💡 超簡単!模様を等間隔に配置する 💡 超簡単!模様を等間隔に配置する方法
をIllustratorで作成しよう!
⁡
①等間隔に配置したい
 オブジェクトと背景を準備する
② 「楕円形ツール」で円形のパスを作成する
③オブジェクトを全選択する
④ 「パス上オブジェクト」
 ツールでパスをクリックする
⑤ 「線」の色を「なし」にする
⑥オブジェクトを等間隔に配置した画像の完成
⑦おまけ
⁡
この投稿を保存して、何度も見返せるようにしてね✨
⁡
——————————————————————
・無料の女性限定コミュニティ「リスコミュ」を運営中
・Webデザインスクール「リスラボ」では自立するママを育成中!
・株式会社iris(Web制作会社)代表取締役
・初心者向けに超有益なWebデザインブログ(デザイン〜コーディング、WordPress化)を運営中
⁡
詳しくはプロフィールをチェックしてね!
@aichan_webdesign
⁡
#Adobe
#AdobeIllustrator
#Illustrator
#webデザイン 
#webデザイナー
💡 簡単垢抜け!玉ボケ素材の作り方 💡 簡単垢抜け!玉ボケ素材の作り方
をPhotoshopで作成しよう!
⁡
①夜景の画像を用意する
②「ぼかしギャラリー」→「フィールドぼかし」を
 選択
③「フィールドぼかし」→「ぼかし」を設定
④「効果」→「光のボケ」、「ボケのカラー」を設定
⑤玉ボケ素材の描画モードを「スクリーン」に設定
⑥05で作成したレイヤーの下に
 玉ボケを重ねたい画像を開く
⑦玉ボケ加工された画像の完成
⁡
この投稿を保存して、何度も見返せるようにしてね✨
⁡
——————————————————————
・無料の女性限定コミュニティ「リスコミュ」を運営中
・Webデザインスクール「リスラボ」では自立するママを育成中!
・株式会社iris(Web制作会社)代表取締役
・初心者向けに超有益なWebデザインブログ(デザイン〜コーディング、WordPress化)を運営中
⁡
詳しくはプロフィールをチェックしてね!
@aichan_webdesign
⁡
#Adobe
#AdobePhotoshop
#Photoshop
#webデザイン 
#webデザイナー
@aichan_webdesign ←3Dのイラストを作る方法を知ってる?

今日のリールは
⁡3Dのイラストを作る方法を紹介します!

①長方形を2つ作って、command(Ctrl)+Gでグループ化する
②長方形を選択し、「ウィンドウ」→「3Dとマテリアル」→「回転体」を選択
③ダイレクト選択ツールで長方形の角を丸くする
④長方形を2つ作り、「全面オブジェクトを型抜き」する
⑤長方形を選択し、「ウィンドウ」→「3Dとマテリアル」→「押し出し」を選択する
⑥「奥行き」で長さを調節して、「レイトレーシング」→「レンダリング」し、回転させた長方形の上に移動する
⑦「シンボルパネル」の+ボタンをクリックし、ラベルを登録する
⑧「マテリアル」→「オブジェクト」→ラベルを選択して、大きさや位置を調節する
⑨最後に、「レイトレーシング」→「レンダリング」をクリック
⑩とっても簡単に3Dのイラストの完成

参考になったかな?
保存して試してみてね!✨

⁡
-—————————————
AIRI SEKIGUCHI
⁡
お役立ち情報を発信するので
フォローしてね♡ 
" @aichan_webdesign "
⁡
⁡
ーやってることー
■現在270名を超える無料女性限定コミュニティ
(リスコミュ)を運営中
・女性限定の駆け出しデザイナーからベテランデザイナーの方までいます。
・勉強会や懇親会を月1.2回で開いてます
・興味ある方はお気軽に参加してね♡
→参加条件は最初にzoomで顔合わせ出来る方、女性、頑張りたい方、輪を乱さない方
⁡
⁡
参加方法は
①プロフィールに移動
②プロフィールのURL(LINE公式)をタップ
⁡
↓ ↓ ↓
ライン公式から友達追加して
『リスコミュ』と送ってね✨
⁡
もしくはInstagramのDMに
『リスコミュ』とメッセージしてね☺️
⁡
⁡
■ iris mama creative labo
リスラボ運営・代表
デザイン〜コーディングまで一貫して出来る強者ママを育成
⁡
⁡
■株式会社iris(Web制作会社)代表取締役
<サービス内容>
・ホームページ、LP制作
(デザイン〜コーディング)、Webサイト全般、システム開発
・印刷物(名刺、チラシ、パンフレット、
メニュー、ポスター等)
・映像編集
⁡
お問い合わせはDMからお願いします📩
⁡
⁡
-—————————————
⁡
#webデザイン 
#webデザイナー 
#Adobe
#AdobeIllustrator
#Illustrator
💡誰でも作れる!ぷっくり可愛い3Dの文字
をIllustratorで作成しよう!
⁡
①テキストツールで文字を入力する
②文字を選択して線と塗りを無しにする
③新規塗りを追加する
④「3Dとマテリアル」→「膨張」を選択
⑤「変形効果」パネルで数値を設定する
⑥ライトの数や配置を調整する
⑦ぷっくり可愛い3Dの文字の完成
⁡
この投稿を保存して、何度も見返せるようにしてね✨
⁡
——————————————————————
・無料の女性限定コミュニティ「リスコミュ」を運営中
・Webデザインスクール「リスラボ」では自立するママを育成中!
・株式会社iris(Web制作会社)代表取締役
・初心者向けに超有益なWebデザインブログ(デザイン〜コーディング、WordPress化)を運営中
⁡
詳しくはプロフィールをチェックしてね!
@aichan_webdesign
⁡
#Adobe
#AdobeIllustrator
#Illustrator
#webデザイン 
#webデザイナー
💡これは凄い!シルエット風に加工する方法
をPhotoshopで作成しよう!
⁡
①背景の上に画像を乗せ、文字を打ち込む
②画像上の被写体を選択する
③境界線の調整をする
④レイヤーマスクをかける
⑤背景画像を載せ、描画モードを変更する
⑥色調補正をする
⑦シルエット風に加工した画像の完成
⁡
この投稿を保存して、何度も見返せるようにしてね✨
⁡
——————————————————————
・無料の女性限定コミュニティ「リスコミュ」を運営中
・Webデザインスクール「リスラボ」では自立するママを育成中!
・株式会社iris(Web制作会社)代表取締役
・初心者向けに超有益なWebデザインブログ(デザイン〜コーディング、WordPress化)を運営中
⁡
詳しくはプロフィールをチェックしてね!
@aichan_webdesign
⁡
#Adobe
#AdobePhotoshop
#Photoshop
#webデザイン 
#webデザイナー
【ひろみちゃん】とコメントすると対談動画が見れます✨️
⁡
@aichan_webdesign
⁡
————————————
⁡
今日はリスラボ1期性 
裕美ちゃんの卒業後実績を紹介するよ!
⁡
【裕美ちゃんの実績】
・グラフィック兼Webデザイナーへ
・卒業後半年で月収 6桁を達成
・一部ディレクション業務に就任

⁡
▪️Q&A

Q.リスラボに入る前は何をしていましたか?

  A. 専業主婦として育児をしながら別のWebデザインスクールで勉強していました。


Q.どんな事に悩んでいましたか?

  A. どのような方向で活動していくべきかわからなくなっていました。


Q.リスラボに入会しようと思った
きっかけはなんですか?

 A. 「リスコミュ」で無料のコミュニティとは思えないほど有益な勉強会が開催されており、現実を教えてくれた愛ちゃんの元で学びたいと思って入会を決めました。
⁡
⁡
Q.リスラボに実際入ってみてどうでしたか?

⁡ A. デザインからコーディングまで学べ、お客様との向き合い方やフリーランスとしてのあり方を教わり、最後までやり切れたことで自信に繋がりました。
⁡
————————————
⁡
なかなかうまくいかないあなた。
努力の方向性が間違ってないですか?
⁡
本気で頑張れば半年あれば人生は変わります。
⁡
1人で悩んでる方は遠慮なくDMで相談してください😌
⁡
————————————
・無料の女性限定コミュニティ「リスコミュ」を運営中
・Webデザインスクール「リスラボ」では自立するママを育成中!
・株式会社iris(Web制作会社)代表取締役
・初心者向けに超有益なWebデザインブログ(デザイン〜コーディング、WordPress化)を運営中
⁡
詳しくはプロフィールをチェックしてね!
@aichan_webdesign
⁡

#webデザイン 
#webデザイナー 
#ママWebデザイナー
💡 超簡単!回転する花模様の作り方 💡 超簡単!回転する花模様の作り方
をIllustratorで作成しよう!
⁡
① 「多角形ツール」で六角形を作成する
② 「線:なし」「塗り」にグラデーションを設定する
③ 「効果」の「パンク・膨張」を適用する
④「効果」→「パスの変形」→「変形」を選択する
⑤「変形効果」パネルで数値を設定する
⑥回転する花模様の完成
⑦おまけ
⁡
この投稿を保存して、何度も見返せるようにしてね✨
⁡
——————————————————————
・無料の女性限定コミュニティ「リスコミュ」を運営中
・Webデザインスクール「リスラボ」では自立するママを育成中!
・株式会社iris(Web制作会社)代表取締役
・初心者向けに超有益なWebデザインブログ(デザイン〜コーディング、WordPress化)を運営中
⁡
詳しくはプロフィールをチェックしてね!
@aichan_webdesign
⁡
#Adobe
#AdobeIllustrator
#Illustrator
#webデザイン 
#webデザイナー
💡これは便利!帽子の色だけ変える方法
をPhotoshopで作成しよう!
⁡
①加工する画像を配置して複製する
② 「オブジェクト選択ツール」で
 帽子部分を選択する
③帽子部分にレイヤーマスクをかける
④色相・彩度を開く
⑤色相・彩度のレイヤーを
 クリッピングマスクする
⑥色相・彩度のパネルで色味を変更する
⑦帽子の色だけが変わった画像の完成
⁡
この投稿を保存して、何度も見返せるようにしてね✨
⁡
——————————————————————
・無料の女性限定コミュニティ「リスコミュ」を運営中
・Webデザインスクール「リスラボ」では自立するママを育成中!
・株式会社iris(Web制作会社)代表取締役
・初心者向けに超有益なWebデザインブログ(デザイン〜コーディング、WordPress化)を運営中
⁡
詳しくはプロフィールをチェックしてね!
@aichan_webdesign
⁡
#Adobe
#AdobePhotoshop
#Photoshop
#webデザイン 
#webデザイナー
@aichan_webdesign ←おしゃれな氷アートが作れるって知った?

今日のリールは
「氷アートの作り方」について
解説してみたよ!

①氷を複製してぼかしを設定
②氷のテクスチャをpsdデータで保存
③お花の画像を開く
④③のレイヤーに「置き換え」を選択して②のテクスチャを設定
⑤③の描画モードを「ハードライト」に変更
⑥ブレンド条件を設定
⑦お花を凍らせた画像の完成

少しの手間でとっても綺麗にお花を氷に馴染ませることができたよ✨
お水の中やガラスに馴染ませることもできるから
色々な素材で試してみてね✨

⁡
-—————————————
AIRI SEKIGUCHI
⁡
お役立ち情報を発信するので
フォローしてね♡ 
" @aichan_webdesign "
⁡
⁡
ーやってることー
■現在280名を超える無料女性限定コミュニティ
(リスコミュ)を運営中
・女性限定の駆け出しデザイナーからベテランデザイナーの方までいます。
・勉強会や懇親会を月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
⁡
#Adobe
#AdobeIllustrator
#Illustrator
#webデザイン 
#webデザイナー
💡\超簡単!/ゴールド文字の作り方
をPhotoshopで作成しよう!
⁡
①背景の上に文字を打ち込む
②「グラデーションオーバーレイ」を選択する
③「グラデーションオーバーレイ」の設定をする
④グラデーションの色の設定をする
⑤背景に色をつける
⑥ゴールド文字の完成
⁡
この投稿を保存して、何度も見返せるようにしてね✨
⁡
——————————————————————
・無料の女性限定コミュニティ「リスコミュ」を運営中
・Webデザインスクール「リスラボ」では自立するママを育成中!
・株式会社iris(Web制作会社)代表取締役
・初心者向けに超有益なWebデザインブログ(デザイン〜コーディング、WordPress化)を運営中
⁡
詳しくはプロフィールをチェックしてね!
@aichan_webdesign
⁡
#Adobe
#AdobePhotoshop
#Photoshop
#webデザイン 
#webデザイナー
@aichan_webdesign ←禁断の単価交渉🤭

今日のリールは
⁡
低単価で悩んでるあなたに
禁断の単価交渉のコツを教えちゃいます✨️

必ず最後までチェックしてね!

⁡
-—————————————
AIRI SEKIGUCHI
⁡
お役立ち情報を発信するので
フォローしてね♡ 
" @aichan_webdesign "
⁡
⁡
ーやってることー
■現在270名を超える無料女性限定コミュニティ
(リスコミュ)を運営中
・女性限定の駆け出しデザイナーからベテランデザイナーの方までいます。
・勉強会や懇親会を月1.2回で開いてます
・興味ある方はお気軽に参加してね♡
→参加条件は最初にzoomで顔合わせ出来る方、女性、頑張りたい方、輪を乱さない方
⁡
⁡
参加方法は
①プロフィールに移動
②プロフィールのURL(LINE公式)をタップ
⁡
↓ ↓ ↓
ライン公式から友達追加して
『リスコミュ』と送ってね✨
⁡
もしくはInstagramのDMに
『リスコミュ』とメッセージしてね☺️
⁡
⁡
■ iris mama creative labo
リスラボ運営・代表
デザイン〜コーディングまで一貫して出来る強者ママを育成
⁡
⁡
■株式会社iris(Web制作会社)代表取締役
<サービス内容>
・ホームページ、LP制作
(デザイン〜コーディング)、Webサイト全般、システム開発
・印刷物(名刺、チラシ、パンフレット、
メニュー、ポスター等)
・映像編集
⁡
お問い合わせはDMからお願いします📩
⁡
⁡
-—————————————
⁡
#webデザイン 
#webデザイナー
💡 これ知ってる?爆速でできる小技 💡 これ知ってる?爆速でできる小技集
をIllustratorで作成しよう!
⁡
①<その1>一瞬で別のオブジェクトに変える小技
② 一瞬で別のオブジェクトに変える方法
③<その2>離れたパスを一瞬でつなげる小技
④ 離れたパスを一瞬でつなげる方法
⑤<その3>「角」の形状を一瞬で変える小技
⑥ 「角」の形状を一瞬で変更する方法
⑦まとめ
⁡
この投稿を保存して、何度も見返せるようにしてね✨
⁡
——————————————————————
・無料の女性限定コミュニティ「リスコミュ」を運営中
・Webデザインスクール「リスラボ」では自立するママを育成中!
・株式会社iris(Web制作会社)代表取締役
・初心者向けに超有益なWebデザインブログ(デザイン〜コーディング、WordPress化)を運営中
⁡
詳しくはプロフィールをチェックしてね!
@aichan_webdesign
⁡
#Adobe
#AdobeIllustrator
#Illustrator
#webデザイン 
#webデザイナー
💡 超便利!一番簡単な削除&生成法
をPhotoshopで作成しよう!
⁡
①不要な被写体を削除する方法
②なげなわツールで不要なものを囲う
③「生成塗りつぶし」を選択→空白のまま生成
④不要な被写体の削除が完了
⑤被写体を別の物に置き換える方法
⑥プロンプトを入力し生成する
⑦別の物への置き換え完了
⁡
この投稿を保存して、何度も見返せるようにしてね✨
⁡
——————————————————————
・無料の女性限定コミュニティ「リスコミュ」を運営中
・Webデザインスクール「リスラボ」では自立するママを育成中!
・株式会社iris(Web制作会社)代表取締役
・初心者向けに超有益なWebデザインブログ(デザイン〜コーディング、WordPress化)を運営中
⁡
詳しくはプロフィールをチェックしてね!
@aichan_webdesign
⁡
#Adobe
#AdobePhotoshop
#Photoshop
#webデザイン 
#webデザイナー
さらに読み込む Instagram でフォロー
X
Tweets by mama_beyourself
関口 愛里
株式会社iris代表取締役
■Web制作会社を経営
■女性の自立をサポートするWebデザインスクール運営
■現在250名超えの女性限定のWebデザインチームを運営
■Webデザイナーを目指したい方に向けてWebデザイナーになるために必要な勉強方法〜現場のリアルを発信していきます。
instagram
あいり|ママWebデザイナーを育成するプロ

aichan_webdesign

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

💡 使わなきゃ損!リストで使う「... 💡 使わなきゃ損!リストで使う「...」の揃え方
をIllustratorで作成しよう!
⁡
① 「...」を入れたい箇所で「タブキー」を押す
② 「タブルーラー」を出す
③ ルーラー上で「...」の終了箇所をクリックする
④ 「タブルーラー」の 「リーダー」に「.」を入力する
⑤ 「...」の間隔を調整する
⑥ 「...」と文字の揃ったリストの完成
⁡
この投稿を保存して、何度も見返せるようにしてね✨
⁡
——————————————————————
・無料の女性限定コミュニティ「リスコミュ」を運営中
・Webデザインスクール「リスラボ」では自立するママを育成中!
・株式会社iris(Web制作会社)代表取締役
・初心者向けに超有益なWebデザインブログ(デザイン〜コーディング、WordPress化)を運営中
⁡
詳しくはプロフィールをチェックしてね!
@aichan_webdesign
⁡
#Adobe
#AdobeIllustrator
#Illustrator
#webデザイン 
#webデザイナー
💡 超簡単!透明な物を切り抜く方法 💡 超簡単!透明な物を切り抜く方法
をPhotoshopで作成しよう!
⁡
①画像を用意する
②背景消しゴムツールを選択
③「背景消しゴムツール」の設定をする
④背景を削除する
⑤透明な物の切り抜きが完了
⁡
この投稿を保存して、何度も見返せるようにしてね✨
⁡
——————————————————————
・無料の女性限定コミュニティ「リスコミュ」を運営中
・Webデザインスクール「リスラボ」では自立するママを育成中!
・株式会社iris(Web制作会社)代表取締役
・初心者向けに超有益なWebデザインブログ(デザイン〜コーディング、WordPress化)を運営中
⁡
詳しくはプロフィールをチェックしてね!
@aichan_webdesign
⁡
#Adobe
#AdobePhotoshop
#Photoshop
#webデザイン 
#webデザイナー
@aichan_webdesign ←子どものイラスト、どうやって保管してる?

今日のリールは
「【永久保存!】思い出のイラストをデジタル化する方法」について解説しました!

グッズにプリントする時の入稿データにも使えるから、
保存するだけじゃなくて色々な場面で活用できちゃいます☺️

入稿先によって カラーモード(RGB,CMYK)、
解像度、ファイル形式など入稿方法に指定があるから
必ず確認してから入稿してね!

保存して大切なイラストをデジタル化してみてね✨
⁡
-—————————————
AIRI SEKIGUCHI
⁡
お役立ち情報を発信するので
フォローしてね♡ 
"" @aichan_webdesign ""
⁡
⁡
ーやってることー
■現在280名を超える無料女性限定コミュニティ
(リスコミュ)を運営中
・女性限定の初心者デザイナーからベテランデザイナーの方までいます。
・勉強会や懇親会を月1.2回で開いてます
・興味ある方はお気軽に参加してね♡
→参加条件は最初にzoomで顔合わせ出来る方、女性、頑張りたい方、輪を乱さない方
⁡
⁡
参加方法は
①プロフィールに移動
②プロフィールのURL(LINE公式)をタップ
⁡
↓ ↓ ↓
ライン公式から友達追加して
『リスコミュ』と送ってね✨
⁡
もしくはInstagramのDMに
『リスコミュ』とメッセージしてね☺️
⁡
⁡
■ iris mama creative labo
リスラボ運営・代表
デザイン〜コーディングまで一貫して出来る強者ママを育成
⁡
⁡
■株式会社iris(Web制作会社)代表取締役
<サービス内容>
・ホームページ、LP制作
(デザイン〜コーディング)、Webサイト全般、システム開発
・印刷物(名刺、チラシ、パンフレット、
メニュー、ポスター等)
・映像編集
⁡
お問い合わせはDMからお願いします📩
⁡
⁡
-—————————————
⁡
#webデザイン 
#webデザイナー 
#Adobe
#Adobe Photoshop
#Photoshop
💡 誰でも作れる!色とりどりな水滴 💡 誰でも作れる!色とりどりな水滴のあしらい
をIllustratorで作成しよう!
⁡
①水滴の画像を用意する
② 「画像を埋め込み」を選択する
③ 「カラーバランス調整」で好みの色に調整する
④工程03の画像を複製する
⑤工程04で複製した画像をぼかして配置する
⑥ 「楕円形ツール」で円を作成しぼかして
 位置を調整する
⑦水滴のあしらいの完成
⁡
この投稿を保存して、何度も見返せるようにしてね✨
⁡
——————————————————————
・無料の女性限定コミュニティ「リスコミュ」を運営中
・Webデザインスクール「リスラボ」では自立するママを育成中!
・株式会社iris(Web制作会社)代表取締役
・初心者向けに超有益なWebデザインブログ(デザイン〜コーディング、WordPress化)を運営中
⁡
詳しくはプロフィールをチェックしてね!
@aichan_webdesign
⁡
#Adobe
#AdobeIllustrator
#Illustrator
#webデザイン 
#webデザイナー
💡 これは凄い!白黒写真を蘇らせる 💡 これは凄い!白黒写真を蘇らせる方法
をPhotoshopで作成しよう!
⁡
①白黒写真を用意する
②ニューラルフィルター→「写真を復元」を選択
③「スクラッチの軽減」の数値を調整
④ニューラルフィルター→「カラー化」を選択
⑤写真の色味を調整
⑥なげなわツールで不要な部分を修正
⑦白黒写真がカラーに蘇った画像の完成
⁡
この投稿を保存して、何度も見返せるようにしてね✨
⁡
——————————————————————
・無料の女性限定コミュニティ「リスコミュ」を運営中
・Webデザインスクール「リスラボ」では自立するママを育成中!
・株式会社iris(Web制作会社)代表取締役
・初心者向けに超有益なWebデザインブログ(デザイン〜コーディング、WordPress化)を運営中
⁡
詳しくはプロフィールをチェックしてね!
@aichan_webdesign
⁡
#Adobe
#AdobePhotoshop
#Photoshop
#webデザイン 
#webデザイナー
@aichan_webdesign ←素材の活用の幅が広がる方法知ってる?

今日のリールは
「光の素材の活用幅UP法」について
解説してみたよ!

①半透明の素材の画像を用意
②背景消しゴムツールを選択&消し方を設定
③素材をドラッグして背景を消す
④合成したい画像に切り抜いた素材を重ねる
⑤描画モードを「スクリーン」に設定
⑥自然にフレア素材を重ねた画像の完成✨

黒背景を消しておくことで
描画モードを変えて他の画像に⁡簡単に重ねることができるから
色々な素材で試してみてね✨
⁡
⁡
-—————————————
AIRI SEKIGUCHI
⁡
お役立ち情報を発信するので
フォローしてね♡ 
" @aichan_webdesign "
⁡
⁡
ーやってることー
■現在280名を超える無料女性限定コミュニティ
(リスコミュ)を運営中
・女性限定の駆け出しデザイナーからベテランデザイナーの方までいます。
・勉強会や懇親会を月1.2回で開いてます
・興味ある方はお気軽に参加してね♡
→参加条件は最初にzoomで顔合わせ出来る方、女性、頑張りたい方、輪を乱さない方
⁡
⁡
参加方法は
①プロフィールに移動
②プロフィールのURL(LINE公式)をタップ
⁡
↓ ↓ ↓
ライン公式から友達追加して
『リスコミュ』と送ってね✨
⁡
もしくはInstagramのDMに
『リスコミュ』とメッセージしてね☺️
⁡
⁡
■ iris mama creative labo
リスラボ運営・代表
デザイン〜コーディングまで一貫して出来る強者ママを育成
⁡
⁡
■株式会社iris(Web制作会社)代表取締役
<サービス内容>
・ホームページ、LP制作
(デザイン〜コーディング)、Webサイト全般、システム開発
・印刷物(名刺、チラシ、パンフレット、
メニュー、ポスター等)
・映像編集
⁡
お問い合わせはDMからお願いします📩
⁡
⁡
-—————————————
⁡
#webデザイン 
#webデザイナー 
#Adobe
#Adobe Photoshop
#Photoshop
💡 超簡単!模様を等間隔に配置する 💡 超簡単!模様を等間隔に配置する方法
をIllustratorで作成しよう!
⁡
①等間隔に配置したい
 オブジェクトと背景を準備する
② 「楕円形ツール」で円形のパスを作成する
③オブジェクトを全選択する
④ 「パス上オブジェクト」
 ツールでパスをクリックする
⑤ 「線」の色を「なし」にする
⑥オブジェクトを等間隔に配置した画像の完成
⑦おまけ
⁡
この投稿を保存して、何度も見返せるようにしてね✨
⁡
——————————————————————
・無料の女性限定コミュニティ「リスコミュ」を運営中
・Webデザインスクール「リスラボ」では自立するママを育成中!
・株式会社iris(Web制作会社)代表取締役
・初心者向けに超有益なWebデザインブログ(デザイン〜コーディング、WordPress化)を運営中
⁡
詳しくはプロフィールをチェックしてね!
@aichan_webdesign
⁡
#Adobe
#AdobeIllustrator
#Illustrator
#webデザイン 
#webデザイナー
💡 簡単垢抜け!玉ボケ素材の作り方 💡 簡単垢抜け!玉ボケ素材の作り方
をPhotoshopで作成しよう!
⁡
①夜景の画像を用意する
②「ぼかしギャラリー」→「フィールドぼかし」を
 選択
③「フィールドぼかし」→「ぼかし」を設定
④「効果」→「光のボケ」、「ボケのカラー」を設定
⑤玉ボケ素材の描画モードを「スクリーン」に設定
⑥05で作成したレイヤーの下に
 玉ボケを重ねたい画像を開く
⑦玉ボケ加工された画像の完成
⁡
この投稿を保存して、何度も見返せるようにしてね✨
⁡
——————————————————————
・無料の女性限定コミュニティ「リスコミュ」を運営中
・Webデザインスクール「リスラボ」では自立するママを育成中!
・株式会社iris(Web制作会社)代表取締役
・初心者向けに超有益なWebデザインブログ(デザイン〜コーディング、WordPress化)を運営中
⁡
詳しくはプロフィールをチェックしてね!
@aichan_webdesign
⁡
#Adobe
#AdobePhotoshop
#Photoshop
#webデザイン 
#webデザイナー
@aichan_webdesign ←3Dのイラストを作る方法を知ってる?

今日のリールは
⁡3Dのイラストを作る方法を紹介します!

①長方形を2つ作って、command(Ctrl)+Gでグループ化する
②長方形を選択し、「ウィンドウ」→「3Dとマテリアル」→「回転体」を選択
③ダイレクト選択ツールで長方形の角を丸くする
④長方形を2つ作り、「全面オブジェクトを型抜き」する
⑤長方形を選択し、「ウィンドウ」→「3Dとマテリアル」→「押し出し」を選択する
⑥「奥行き」で長さを調節して、「レイトレーシング」→「レンダリング」し、回転させた長方形の上に移動する
⑦「シンボルパネル」の+ボタンをクリックし、ラベルを登録する
⑧「マテリアル」→「オブジェクト」→ラベルを選択して、大きさや位置を調節する
⑨最後に、「レイトレーシング」→「レンダリング」をクリック
⑩とっても簡単に3Dのイラストの完成

参考になったかな?
保存して試してみてね!✨

⁡
-—————————————
AIRI SEKIGUCHI
⁡
お役立ち情報を発信するので
フォローしてね♡ 
" @aichan_webdesign "
⁡
⁡
ーやってることー
■現在270名を超える無料女性限定コミュニティ
(リスコミュ)を運営中
・女性限定の駆け出しデザイナーからベテランデザイナーの方までいます。
・勉強会や懇親会を月1.2回で開いてます
・興味ある方はお気軽に参加してね♡
→参加条件は最初にzoomで顔合わせ出来る方、女性、頑張りたい方、輪を乱さない方
⁡
⁡
参加方法は
①プロフィールに移動
②プロフィールのURL(LINE公式)をタップ
⁡
↓ ↓ ↓
ライン公式から友達追加して
『リスコミュ』と送ってね✨
⁡
もしくはInstagramのDMに
『リスコミュ』とメッセージしてね☺️
⁡
⁡
■ iris mama creative labo
リスラボ運営・代表
デザイン〜コーディングまで一貫して出来る強者ママを育成
⁡
⁡
■株式会社iris(Web制作会社)代表取締役
<サービス内容>
・ホームページ、LP制作
(デザイン〜コーディング)、Webサイト全般、システム開発
・印刷物(名刺、チラシ、パンフレット、
メニュー、ポスター等)
・映像編集
⁡
お問い合わせはDMからお願いします📩
⁡
⁡
-—————————————
⁡
#webデザイン 
#webデザイナー 
#Adobe
#AdobeIllustrator
#Illustrator
Instagram でフォロー
カテゴリ一覧
  • デザイン (107)
    • Figma (24)
    • Illustrator (34)
    • Photoshop (28)
    • その他 (7)
  • フリーランス (9)
  • プログラミング (55)
    • HTML&CSS (27)
    • JavaScript (7)
    • Sass (2)
    • WordPress (4)
    • その他 (9)
    • 環境構築 (5)
  • 未分類 (6)
タグ一覧
adobe Figma Google Chrome HTML&CSS Illustrator JavaScript Photoshop Sass VS Code Webデザイナー Webデザイン Web制作 WordPress コーディング デザイン基礎 バナー フォント フリーランス フリー素材 ポートフォリオ 制作実績
  • Home
  • プライバシーポリシー

© 2024 iris inc.