MENU

Home
My Blog
Community

rislabo Web Design Blog

Home
My Blog
Community

ホーム
Webデザイナー

Webデザイナー– tag –

デザイン

デザイン

2024年4月24日

1...22 2324

検索

関口愛里

株式会社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

💡 超簡単！可愛いキラキラ素材の作

💡 超簡単！可愛いキラキラ素材の作り方
を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

💡 これは面白い！ドーナツみたいな

💡 これは面白い！ドーナツみたいな文字の作り方
を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 【おすすめのお弁当のおかず】をコメントしてね！

お仕事が取れないには “原因”はここにある
Webデザイナーのため営業完全攻略1DAYCAMPの詳細がDMに届きます✨️

☑️スクール卒業したけどお仕事の取り方が分からない。・・
☑️お仕事取れても低単価＆継続に繋がらない
☑️そもそも自分にあった営業法が分からない

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

＃Webデザイン

💡 超お洒落！何層も重なる文字加工

💡 超お洒落！何層も重なる文字加工
をIllustratorで作成しよう！
⁡
① テキストを打ち込み一番上になる色に設定する
② 「新規塗りを追加｣し２番目になる色を設定する
③ 「新規効果を追加｣→「変形｣を選択する
④ 「変形効果｣で数値を設定する
⑤ ２番目の色に「変形｣の効果を
加えたものを複製する
⑥ 複製した｢塗り｣の色を変更し
｢変形｣の｢コピー｣数を変更する
⑦ 何層にも重なる文字の完成
⁡
この投稿を保存して、何度も見返せるようにしてね✨
⁡
——————————————————————
・無料の女性限定コミュニティ「リスコミュ」を運営中
・Webデザインスクール「リスラボ」では自立するママを育成中！
・株式会社iris（Web制作会社）代表取締役
・初心者向けに超有益なWebデザインブログ（デザイン〜コーディング、WordPress化）を運営中
⁡
詳しくはプロフィールをチェックしてね！
@aichan_webdesign
⁡
#Adobe
#AdobeIllustrator
#Illustrator
#webデザイン
#webデザイナー

💡 超簡単！リアルに沈む水飛沫加工

💡 超簡単！リアルに沈む水飛沫加工
をPhotoshopで作成しよう！
⁡
①水飛沫の画像を用意する
②オブジェクト選択ツールで
　手前の水飛沫を選択する
③工程02で作成した選択範囲を複製する
④水面に沈ませたい被写体の画像を開く
⑤工程04で開いた画像レイヤーを移動する
⑥工程03で複製したレイヤーの
　描画モードを乗算にする
⑦リアルに沈む水飛沫加工の完成
⁡
この投稿を保存して、何度も見返せるようにしてね✨
⁡
——————————————————————
・無料の女性限定コミュニティ「リスコミュ」を運営中
・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
#adobePhotoshop
#Photoshop

💡 保存必須！ドット加工文字の作り

💡 保存必須！ドット加工文字の作り方
をIllustratorで作成しよう！
⁡
①「テキストツール｣でテキストを入力する
② ｢オブジェクト｣→｢ラスタライズ｣を選択する
③ ｢オブジェクト｣→
｢モザイクオブジェクトを作成｣
④ ｢自動選択ツール｣で余分なタイルを削除する
⑤ ｢選択ツール｣でテキストの
　一部を選択して色を変更する
⑥ 工程05と同じように、他の部分の色も変更する
⑦ ドット加工された文字の完成
⁡
この投稿を保存して、何度も見返せるようにしてね✨
⁡
——————————————————————
・無料の女性限定コミュニティ「リスコミュ」を運営中
・Webデザインスクール「リスラボ」では自立するママを育成中！
・株式会社iris（Web制作会社）代表取締役
・初心者向けに超有益なWebデザインブログ（デザイン〜コーディング、WordPress化）を運営中
⁡
詳しくはプロフィールをチェックしてね！
@aichan_webdesign
⁡
#Adobe
#AdobeIllustrator
#Illustrator
#webデザイン
#webデザイナー

💡 超お洒落！雰囲気抜群なスプレー

💡 超お洒落！雰囲気抜群なスプレー加工
をPhotoshopで作成しよう！
⁡
① 背景にスプレー加工するイラストを重ねる
②レイヤースタイルからイラストの色を変更する
③ ｢フィルター｣→｢フィールドぼかし｣を選択
④任意の場所にピンを打ってぼかしを加工する
⑤04のレイヤーの描画モードを
　｢ディザ合成｣にする
⑥スプレー加工画像の完成
⁡
この投稿を保存して、何度も見返せるようにしてね✨
⁡
——————————————————————
・無料の女性限定コミュニティ「リスコミュ」を運営中
・Webデザインスクール「リスラボ」では自立するママを育成中！
・株式会社iris（Web制作会社）代表取締役
・初心者向けに超有益なWebデザインブログ（デザイン〜コーディング、WordPress化）を運営中
⁡
詳しくはプロフィールをチェックしてね！
@aichan_webdesign
⁡
#Adobe
#AdobePhotoshop
#Photoshop
#webデザイン
#webデザイナー

@aichan_webdesign ←静止画を動かす方法知ってる？

今日のリールは
⁡静止画を動かす方法を紹介します！

①背景画像と、水滴の画像を用意する
②水滴の使いたい部分を複製して背景画像の上に重ねる
③「移動ツール」で位置や角度を調整します
③水滴の画像のレイヤーを「スマートオブジェクトに変換」にする
④「ビデオタイムラインを作成」をクリック
⑤タイムラインの水滴のレイヤーを開き、変形の横にある時計アイコンをクリックして
再生スライダーを右端までドラッグする
⑥Command(Ctl) +Tで、水滴が下に伸びているように変形してenterを押す
⑦「ファイル」→「書き出し」→「Web用に保存（従来）」をクリックする
⑧ファイル形式を「gif」にして、保存する
⑨噴水の水が流れているような、動画の完成

大きい画像サイズの場合は、書き出しに時間がかかるので画像サイズを小さくすることをオススメします！

保存しておいて、
みんなも活用してみてね✨
⁡
⁡
-—————————————
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デザイナー

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

X

Tweets by mama_beyourself

関口愛里

株式会社iris代表取締役

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

instagram

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)
フリーランス (9)
プログラミング (55)
未分類 (6)

タグ一覧

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

Home
プライバシーポリシー

© 2024 iris inc.