MENU
  • Home
  • My Blog
  • Community

rislabo Web Design Blog

  • Home
  • My Blog
  • Community
  • Figma

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

    2024年5月7日
  • Photoshop

    初心者必見!Photoshopでできること

    2024年5月13日
  • デザイン

    まずはここから始めよう!「Illustratorについて」

    2024年5月13日
  • HTML&CSS

    HTMLタグについて初心者向けに徹底解説!

    2024年5月17日
スクロールできます
  • Photoshop
    Photoshopのブラシファイルを読み込む方法
    2025年6月20日
  • Illustrator
    「シンボルツール」使い方と種類について
    2024年11月29日
  • デザイン
    まずはここから始めよう!「Illustratorについて」
    2024年5月13日
  • Photoshop
    Photoshopのブラシファイルを読み込む方法
    2025年6月20日
  • Photoshop

    Photoshopのブラシファイルを読み込む方法

    2025年6月20日
  • Illustrator

    「シンボルツール」使い方と種類について

    2024年11月29日
  • Illustrator

    最強タッグ!IllustratorとPhotoshopの連携

    2024年11月28日
  • Illustrator

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

    2024年11月27日
  • その他

    サイズ違いも自由自在!バナーのバリエーション作成

    2024年11月26日
  • その他

    Zoomをもっと使いこなす!便利機能について

    2024年11月24日
              もっとみる             
 もっと見る
  • Photoshop

    Photoshopのブラシファイルを読み込む方法

    2025年6月20日
  • Illustrator

    「シンボルツール」使い方と種類について

    2024年11月29日
  • Illustrator

    最強タッグ!IllustratorとPhotoshopの連携

    2024年11月28日
  • Illustrator

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

    2024年11月27日
  • その他

    サイズ違いも自由自在!バナーのバリエーション作成

    2024年11月26日
  • その他

    Zoomをもっと使いこなす!便利機能について

    2024年11月24日
  • Photoshop

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

    2024年11月24日
  • Photoshop

    Photoshopで人物写真をレタッチ(補正)する方法

    2024年11月24日
  • その他

    クラウド保存はこれで完璧!丸わかりガイド

    2024年11月23日
              もっとみる             
 もっと見る
  • JavaScript

    【実装編】jQueryでスライダーを作ってみよう

    2024年10月30日
  • JavaScript

    【実践編】JavaScriptでハンバーガーメニューを作ろう

    2024年10月28日
  • HTML&CSS

    保護中: \超有料級/ボタンやあしらいのCSSカスタマイズ手順徹底解説!

    2024年10月28日
              もっとみる             
 もっと見る
  • Photoshop

    Photoshopで人物写真をレタッチ(補正)する方法

    2024年11月24日
  • プログラミング

    知らなきゃやばい Webデザイナーに必要なコーディング知識5選

    2024年8月31日
  • フリーランス

    初心者でも安心!Chatworkの使い方や魅力を徹底解剖

    2024年8月24日
              もっとみる             
 もっと見る

記事が見つかりませんでした。

もっとみる
関口 愛里
株式会社iris代表取締役
■Web制作会社を経営
■女性の自立をサポートするWebデザインスクール運営
■現在250名超えの女性限定のWebデザインチームを運営
■Webデザイナーを目指したい方に向けてWebデザイナーになるために必要な勉強方法〜現場のリアルを発信していきます。
instagram
あいり|ママWebデザイナーを育成するプロ

aichan_webdesign

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

💡 超簡単!可愛いキラキラ素材の作 💡 超簡単!可愛いキラキラ素材の作り方
をIllustratorで作成しよう!
⁡
①「長方形ツール」で正方形を作成する
② 正方形を45度回転させる
③ 回転させた正方形をひし形にする
④ 「パンク・膨張」で「収縮」させる
⑤ 可愛いキラキラ素材の完成
⑥ 完成した素材のアレンジ
⑦おまけ
⁡
この投稿を保存して、何度も見返せるようにしてね✨
⁡
——————————————————————
・無料の女性限定コミュニティ「リスコミュ」を運営中
・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 ←画像が縮まない傾き補正知ってる?

Photoshopで画像の傾きを直したいけど、
切り取りツールを使うと
画像が縮んじゃう💦

という方必見✨

一瞬でできる画像が縮まない傾き補正を
ぜひやってみてね!
⁡
他にも「これ知らなかった!」と思えるようなテクニック、
たくさん載せてます✨

プロフィールからのぞいてみてね!
⁡
-—————————————
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で作成しよう!
⁡
①紙に文字や記号を書く
②書いた文字などを取り込み
 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 ""
⁡
⁡
ーやってることー
■現在280名を超える無料女性限定コミュニティ
(リスコミュ)を運営中
・女性限定の駆け出しデザイナーからベテランデザイナーの方までいます。
・勉強会や懇親会を月1.2回で開いてます
・興味ある方はお気軽に参加してね♡
→参加条件は最初にzoomで顔合わせ出来る方、女性、頑張りたい方、輪を乱さない方
⁡
⁡
参加方法は
①プロフィールに移動
②プロフィールのURL(LINE公式)をタップ
⁡
↓ ↓ ↓
ライン公式から友達追加して
『リスコミュ』と送ってね✨
⁡
もしくはInstagramのDMに
『リスコミュ』とメッセージしてね☺️
⁡
⁡
■ iris mama creative labo
リスラボ運営・代表
デザイン〜コーディングまで一貫して出来る強者ママを育成
⁡
⁡
■株式会社iris(Web制作会社)代表取締役
<サービス内容>
・ホームページ、LP制作
(デザイン〜コーディング)、Webサイト全般、システム開発
・印刷物(名刺、チラシ、パンフレット、
メニュー、ポスター等)
・映像編集
⁡
お問い合わせはDMからお願いします📩
⁡
⁡
-—————————————
⁡
#webデザイン 
#webデザイナー 
#Adobe
#Adobe Photoshop
#Photoshop
💡 これは使える!画像をモノクロに 💡 これは使える!画像をモノクロに加工する方法
をIllustratorで作成しよう!
⁡
① モノクロに加工したい画像を準備する
② 画像をラスタライズする
③ グレースケールに変換する
④ モノクロの画像の完成
⑤ おまけ1
⑥ おまけ2
⁡
この投稿を保存して、何度も見返せるようにしてね✨
⁡
——————————————————————
・無料の女性限定コミュニティ「リスコミュ」を運営中
・Webデザインスクール「リスラボ」では自立するママを育成中!
・株式会社iris(Web制作会社)代表取締役
・初心者向けに超有益なWebデザインブログ(デザイン〜コーディング、WordPress化)を運営中
⁡
詳しくはプロフィールをチェックしてね!
@aichan_webdesign
⁡
#Adobe
#AdobeIllustrator
#Illustrator
#webデザイン 
#webデザイナー
💡 CM風!ワンランク上の文字入れテク
をPhotoshopで作成しよう!
⁡
① 選択ツールで被写体を選択しレイヤーを複製
② 背景レイヤーのトーンカーブを調整①
③ 背景レイヤーのトーンカーブを調整②
④ 背景レイヤーの色相・彩度を調整
⑤ テキストボックスを作成して文章を入力
⑥ さらにテキストを追加
⑦ ワンランク上のCM風画像が完成
⁡
この投稿を保存して、何度も見返せるようにしてね✨
⁡
——————————————————————
・無料の女性限定コミュニティ「リスコミュ」を運営中
・Webデザインスクール「リスラボ」では自立するママを育成中!
・株式会社iris(Web制作会社)代表取締役
・初心者向けに超有益なWebデザインブログ(デザイン〜コーディング、WordPress化)を運営中
⁡
詳しくはプロフィールをチェックしてね!
@aichan_webdesign
⁡
#Adobe
#AdobePhotoshop
#Photoshop
#webデザイン 
#webデザイナー
@aichan_webdesign ←一瞬で作れる高級テクスチャを🎁

高級感のあるゴールド文字を毎回設定するのって大変💦

今回はそんな高級感のあるゴールド文字を
一瞬で作れるようになるプレゼント付きだよ🎁

ゴールド以外にも高級カラーが2色も入っているよ!

欲しい方は「好きな寿司ネタ」をコメントで教えてね☺️

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