スズショー|デザイン Profile Banner
スズショー|デザイン Profile
スズショー|デザイン

@suzusho1115

Followers
30,591
Following
26,129
Media
1,402
Statuses
3,476

【毎日投稿】デザインの「なるほど」をわかりやすく|フリーランス4年目(グラフィックデザイナー10年)|経歴:新聞記者→インハウス→職業訓練→デザイン事務所→開業|屋号︰GRAMU|画像制作のご相談はDMで^^

大阪市
Joined September 2016
Don't wanna be here? Send us removal request.
Explore trending content on Musk Viewer
Pinned Tweet
@suzusho1115
スズショー|デザイン
1 year
【フォトショで、そんなバナナ】 10年間フォトショさわってますが、そんなバナナが出現するなんて知らなかったですww何の機能もありませんが、話のネタにはなるかもしれませんね。そもそも、誰が何の目的でこんな機能を作ったんでしょうか?ウッキッキー🤣グッナイ🌙 #web デザイナー #web デザイン
Tweet media one
Tweet media two
Tweet media three
Tweet media four
13
2K
4K
@suzusho1115
スズショー|デザイン
10 months
【もうマジでやばいんですけど】 このクオリティでなぜ無料で商用可なのかww上段の素材は「オーバーレイ」で重ねるだけでおしゃれ感倍増。ほかにも手書きのあしらい100個セットやテクスチャ素材がてんこもり。素材の多くは背景が透明なpngファイルなので使いやすい。URLはコメントらん😊グッナイ🌙
Tweet media one
Tweet media two
Tweet media three
Tweet media four
12
5K
28K
@suzusho1115
スズショー|デザイン
1 year
【もう紙は神素材】 と言っても過言ではないほど何にでも使えます。こちらのサイトでは紙、布、木などのテクスチャ素材を無料ダウンロードできます(商用可)。拡大イメージで質感も分かりやすい!さりげにグレードアップする作戦でいきましょう。URLはコメントらんです😊グッナイ🌙 #web デザイン
Tweet media one
Tweet media two
Tweet media three
Tweet media four
2
1K
6K
@suzusho1115
スズショー|デザイン
1 year
【背景が透明なフリー素材】 をゲットできるサイト4選!形式はピング(png)です。右下以外はPNG特化。水系素材の探し方→しぶき系は「スプラッシュ」、ぶくぶくは「バブル」、しずくが落ちて王冠みたいになるのは「ミルククラウン」です。サイトURLはコメントらんで😊グッナイ🌙 #web デザイン
Tweet media one
Tweet media two
Tweet media three
Tweet media four
2
762
5K
@suzusho1115
スズショー|デザイン
1 year
【もう世界最大級のフリーフォントサイト】 と言っても過言ではないほど。特徴は①約17,000のフォントが商用可②ワード入力でイメージ表示③「commercial-use(商用可)」ボタンで絞れる。「123」と入力してイケてる数字のフォントを選んだりもできます。URLはコメントらんで😊グッナイ🌙 #web デザイン
Tweet media one
Tweet media two
Tweet media three
Tweet media four
2
875
5K
@suzusho1115
スズショー|デザイン
6 months
【もう水に特化した素材サイトなんてあるわけ】 ないと思っていたら、きょう発見しましたww商用可のフリー素材で、左上のカッコ内がカテゴリ別の素材数。背景透明のpngなので使いやすい。右上の画像はダウンロードした水しぶきを重ねてジューシーに仕上げました。URLはコメントらんで😊グッナイ🌙
Tweet media one
Tweet media two
Tweet media three
Tweet media four
2
944
5K
@suzusho1115
スズショー|デザイン
1 year
【もうカロリナさん神やん】 3万枚の高品質なフリー素材がそろう「Kaboompics」の驚くべき点は、すべての写真をカロリナさんというたった1人の女性が撮影してるということ!しかも商用可。約1800のコンセプト別やカラー指定で選べます。陰影や構図のセンスが抜群です。URLはコメントらんで😊グッナイ🌙
Tweet media one
Tweet media two
Tweet media three
Tweet media four
2
831
5K
@suzusho1115
スズショー|デザイン
1 year
【もうふつーのグラデには戻れない】 複雑なグラデは「gradient abstract」で検索し、Redなどと入力するとカラーで絞れます。素材サイト「freepik」で数万点ほど無料ダウンロードできます。URLはコメントらんで。ちなみに「abstract(アブストラクト)」は抽象的って意味です😊グッナイ🌙 #web デザイン
Tweet media one
Tweet media two
Tweet media three
Tweet media four
2
561
5K
@suzusho1115
スズショー|デザイン
5 months
【もうテクスチャの神々が降臨しました】 「FREEJECT」というフリー素材サイトでは、ちょうどいい紙やテクスチャが充実しています。すべて商用可&高解像度。右上に待ち受け画面用のかわいい動物たちもいます。横長サイズなのでそのままレイアウトの背景にも使えます。URLはコメントらん😊グッナイ🌙
Tweet media one
Tweet media two
Tweet media three
Tweet media four
2
682
4K
@suzusho1115
スズショー|デザイン
11 months
【もう向かって左が前向きです】 デザインの参考書にそう書いてあったし、何より感覚的に向かって左が「前向き」と感じます。前向きとは「未来」「希望」「楽観的」で、反対は「過去」「反省」「深刻」です。向かって左に余白が多いと未来が明るくなり、向かって右に余白が無いと絶望です😆グッナイ🌙
Tweet media one
Tweet media two
Tweet media three
30
525
3K
@suzusho1115
スズショー|デザイン
1 year
【もうグラデは作りません】 フォトショで使えるグラデセットを無料ダウンロードできるサイトです。GRDファイルという見慣れないファイルですが、フォトショで「ウィンドウ→グラデーション→グラデーションを読み込み」ですぐ使えます。URLはコメントらんで。お疲れさまです😊グッナイ🌙 #web デザイン
Tweet media one
Tweet media two
Tweet media three
Tweet media four
2
473
3K
@suzusho1115
スズショー|デザイン
1 year
【もう文字加工もしません】 グラフィックバーガーというサイトにフリーの文字加工素材があります。文字を打ち替えるだけで加工をまるパクリできるので便利。どれもフォトショで編集できるデータです。サイトのロゴがかわいいwwURLはコメントらんで。お疲れさまでした😊グッナイ🌙 #web デザイン
Tweet media one
Tweet media two
Tweet media three
Tweet media four
1
377
3K
@suzusho1115
スズショー|デザイン
10 months
【もうフチ文字はグラフィックスタイルで】 「塗りと線をどんだけ重ねるねん!」系のフチ文字もグラフィックスタイルなら一瞬です。例えばイラストACで「グラフィックスタイル 立体文字」とか検索すると選び放題。再利用できるように、イラレのグラフィックスタイルにどんどんストック😊グッナイ🌙
Tweet media one
Tweet media two
Tweet media three
0
327
3K
@suzusho1115
スズショー|デザイン
5 months
【もうWEBデザインの教科書やん】 「デザコレ」というギャラリーサイトでは、掲載されている4000以上のWEBサイトすべてに詳しいデザイン解説が付いてます!業種、テイストやカラーなど分類タグも豊富。解説はプロのデザイナーがじっくりサイトを見ないと書けないレベル感。URLはコメントで😊グッナイ🌙
Tweet media one
Tweet media two
Tweet media three
Tweet media four
3
356
3K
@suzusho1115
スズショー|デザイン
1 year
【もうカラーさえ決まれば無限インスピレーション】 「Designspiration」というサイトで、5色までのカラーを指定するとアイデアがどんどん見れます!何となく色の感じは浮かんだけどなーって時に使えそう。配色はもちろん、フォントや構図まで一網打尽ですね。URLはコメントらんで😊グッナイ🌙
Tweet media one
Tweet media two
Tweet media three
Tweet media four
1
412
3K
@suzusho1115
スズショー|デザイン
1 year
【もうちょっとなに言ってるか分かんない】 36のフォントの詰め合わせが無料ってどういうことwwしかもすべて商用可。インストールしてみたけどちゃんと使えました。もうすぐ活躍しそうな夏っぽいフォントもあります。URLはコメントらんで。サイトでもっと作例が見れます😊グッナイ🌙 #web デザイン
Tweet media one
Tweet media two
Tweet media three
Tweet media four
3
599
3K
@suzusho1115
スズショー|デザイン
1 year
【もう何でも線画にできるやん】 こちらのサイトで写真や画像をアップしたらワンクリックで線画に!設定も色々あって、背景を透明にしたり、線の太さを調整したり、イラレで編集できるベクター形式にもできます。さり気なくデザインを追加したい時に。URLはコメントらんで😊グッナイ🌙 #web デザイン
Tweet media one
Tweet media two
Tweet media three
Tweet media four
2
293
2K
@suzusho1115
スズショー|デザイン
1 year
【もう明らかにレべチなフリー素材】 「picography」では一流カメラマンが撮ったようなフリー素材を無料ダウンロードできます。すべて商用可で高解像度。ここぞって時に主役になれる写真ですね。右上のカテゴリーで22分類されてます。URLはコメントらんで。お猿さん、待ち受けにしよっかな🤣グッナイ🌙
Tweet media one
Tweet media two
Tweet media three
Tweet media four
1
291
2K
@suzusho1115
スズショー|デザイン
1 year
【もうフリー素材というか映画やん】 カメラマンのジェイさんも商用化のフリー素材を提供してくれます。それほど枚数は多くないですが、まるで映画を観ているかのようなクオリティです。プロの写真家が何時間も待ったシャッターチャンスを一瞬でもらえるなんて最高っ😆URLはコメントらんで。グッナイ🌙
Tweet media one
Tweet media two
Tweet media three
Tweet media four
1
343
2K
@suzusho1115
スズショー|デザイン
2 years
【そもそもPCで見るん?】 タイトル長いのがマイブームw本日はヘアアイロンのLPですが、PCサイトの横幅がスマホ仕様になってます。TOPに「スマホで見る」というQRもあります。レスポンシブは時間もお金をかかるので、必要なければこんな感じでOKってことです😊グッナイ🌙 #web デザイン #web デザイナー
Tweet media one
Tweet media two
Tweet media three
Tweet media four
6
131
2K
@suzusho1115
スズショー|デザイン
1 year
【もうテクスチャも使わなくっちゃ】 「Pexels」にテクスチャのフリー素材が約25,000枚あります。背景に使う時、イラレなら右下の画像のようにオーバーレイなどの透明効果を付けて単色背景にかぶせたりします。テクスチャは色よりも質感で選びますね。URLはコメントらんで😊グッナイ🌙 #web デザイン
Tweet media one
Tweet media two
Tweet media three
Tweet media four
1
273
2K
@suzusho1115
スズショー|デザイン
27 days
【もうフチはフォトショで10秒です】 切り抜き画像になめらかなフチをつけるなら、フォトショの「境界線を描く」で一発OK。右上のように、ざっくりなフチならイラレのパスツールですね。デザインのテイストによって使い分けましょう。お疲れさまでした😊グッナイ🌙
Tweet media one
Tweet media two
Tweet media three
Tweet media four
0
171
2K
@suzusho1115
スズショー|デザイン
1 year
【もうたまらんですフォント】 1枚目は以前紹介した世界一イケてるフォントですが、その会社が提供してるほかのフリーフォントもたまらんです。海外の会社ですが、電通さんやソニーさんとも取引あるようでさすがっす。URLはコメントらんで。メアド入力でダウンロードできます😊グッナイ🌙 #web デザイン
Tweet media one
Tweet media two
Tweet media three
Tweet media four
1
194
2K
@suzusho1115
スズショー|デザイン
9 months
【もうグラデのグランデやで】 美しいグラデ180種の3点セットをゲットできる無料サイト!セット内容は①カラーコード②CSSのコピー③PNG画像。「JUICY PEACH(ジューシー・ピーチ)」みたいに英語で名前も付いてます。下段の一番左の「ニューヨーク」はおしゃれすぎる。URLはコメントらん😊グッナイ🌙
Tweet media one
Tweet media two
Tweet media three
Tweet media four
1
201
2K
@suzusho1115
スズショー|デザイン
19 days
【もうディバイダ―で区切るのだー】 ウェブでコンテンツを区切るところをディバイダ―と呼びます。フリー素材の検索はDividerで。左上のようにタイトルに合わせてもっこりしたり、右上のようにハチミツを垂らしたりと色々応用できます。何よりイキって言いたい「つけます?ディバイダ―」🤣グッナイ🌙
Tweet media one
Tweet media two
Tweet media three
Tweet media four
0
135
2K
@suzusho1115
スズショー|デザイン
1 year
【もう何パターンでも余裕です】 バナーの複数パターンを2000個ほど無料ダウンロードできます。形式はイラレデータやJEPGなど。テンプレとして活用するだけでなく、パターンを考える時の参考としても役立ちます。右下の画像は一つのバナーを16サイズ展開!URLはコメントらん😊グッナイ🌙 #web デザイン
Tweet media one
Tweet media two
Tweet media three
Tweet media four
1
170
2K
@suzusho1115
スズショー|デザイン
2 years
【3秒で整う表紙デザイン】 時短デザイン3選!どれもパワポのテンプレなのでが、WEBでもグラフィックでも何にでも使えますね。色んなデザインがあるように見えて、実は基本的なパターンから派生していくだけなので恐れるに足りずです。3秒でかっこよく😊グッナイ🌙 #web デザイン #web デザイナー
Tweet media one
Tweet media two
Tweet media three
Tweet media four
0
107
2K
@suzusho1115
スズショー|デザイン
2 years
【色を変えれるフリー素材サイト4選】 アメリカのサイトを検索してワンクリックで色を変えれるフリー素材サイト4つ発見しました!画像の順に①unDraw②manypixels③Vivid.js④Ira Design。④なんて服とか髪の色をチェンジできる!コメントにリンク貼ります😊グッナイ🌙 #web デザイン #web デザイナー
Tweet media one
Tweet media two
Tweet media three
Tweet media four
1
166
2K
@suzusho1115
スズショー|デザイン
2 years
【透明感の正体】 を探っていきましょう!①ホワイトスペースが多い②文字がグレー③境界線をぼかす④色調が淡い⑤柔らかい光⑥文字が細い⑦文字間が広いetc。色味はブルー系、グリーン系+白・グレーが鉄板ですね。つまり透明感の正体は「ふわぁ~」です🤣グッナイ🌙 #web デザイン #web デザイナー
Tweet media one
Tweet media two
Tweet media three
Tweet media four
1
106
2K
@suzusho1115
スズショー|デザイン
6 months
【もうデジタル数字はDSEGで】 左上のサイトのような電卓系フリーフォントは「DSEG」がオススメです。こういう系ではレアな商用可。以前、キッチンスケールの操作方法に関するデザインで使用しました。DSEGの英語を使えばデジタル系のサイトにもはまりそうですね。URLはコメントらんで😊グッナイ🌙
Tweet media one
Tweet media two
Tweet media three
Tweet media four
1
237
2K
@suzusho1115
スズショー|デザイン
9 months
【もう文字の一部を〇△☐にするだけ】 文字自体の加工ってうまくしないと変になりますが、一部を〇△☐にするだけでけっこうイイ感じ。画像左上の「海」のシズクみたいにシンボル化もGOOD。特に文字数の少ないタイトルの場合に効果抜群のテクニックですね。左下の台湾祭のお茶碗かわいい😊グッナイ🌙
Tweet media one
Tweet media two
Tweet media three
Tweet media four
0
134
2K
@suzusho1115
スズショー|デザイン
2 years
【知らんかった海外素材サイト4選】 海外サイトググって発見!画像の順に①Vecteezy:イラスト65万個②The Noun Project:アイコン300万個③Vector4Free:カテゴリ50以上のイラスト④Clipart:挿絵っぽいイラスト17万個。コメントにリンク貼っておきます😊グッナイ🌙 #web デザイン #web デザイナー
Tweet media one
Tweet media two
Tweet media three
Tweet media four
1
134
2K
@suzusho1115
スズショー|デザイン
1 year
【もうレイアウトも考えません】 「与えられた素材で良いレイアウトが思いつかない!」という時はこちらのレイアウト集をどうぞ。左の画像は「図形+テキスト+写真」のレイアウトが790パターン見れます。ほかにも右下の画像のようにジャンル別もあります。URLはコメントらんで😊グッナイ🌙 #web デザイン
Tweet media one
Tweet media two
Tweet media three
1
133
2K
@suzusho1115
スズショー|デザイン
2 years
【かっけー(≧▽≦)】 やばすぎる和色のサイトを発見!とにかく色の名前がかっこよすぎです!画像右下の「そひ」なんて誰が読めるん?wwほかにも「小豆(あずき)」「玉子(たまご)」とか美味しそうなのもあってテンションアゲアゲ!リンクはコメントらん😊グッナイ🌙 #web デザイン #web デザイナー
Tweet media one
Tweet media two
Tweet media three
Tweet media four
3
169
1K
@suzusho1115
スズショー|デザイン
2 years
【知らんくていいフリー素材サイト4選】 おとといのスピンオフ企画ですww画像の順に①スキマナース:絶対1%も需要ない②マッスルプラス:100%マッチョ③農民イラスト:シュール④ダ鳥獣ギ画:んー。誰も得しないけど、一応コメントにリンク貼っておきます🤣グッナイ🌙 #web デザイン #web デザイナー
Tweet media one
Tweet media two
Tweet media three
Tweet media four
2
174
1K
@suzusho1115
スズショー|デザイン
1 year
【もうクセになりそう】 「Coolors」は400万人のユーザーがいるパレット作成ツール。スペースを押すたびにパレットが変わり、好きな色を鍵マークでロックしてスペースを押すと、そのカラーに合うパレットを無限に提案してくれます。クセになりそう、ってゆうかなった🤣URLはコメントらん。グッナイ🌙
1
191
1K
@suzusho1115
スズショー|デザイン
6 months
【もう彫刻された文字は機能美です】 屋外で使用する看板は、耐久性を高めるために文字を彫刻する場合があります。そんな彫刻文字にインスパイされて生まれたのが「機械彫刻用標準書体」。なんと商用可のフリーフォント!何年も開発中のようですが2000文字以上使えます😆URLはコメントらん。グッナイ🌙
Tweet media one
Tweet media two
Tweet media three
Tweet media four
1
228
1K
@suzusho1115
スズショー|デザイン
8 months
【もう部分筆記はオシャレすぎる】 セリフ体と筆記体をMIXしてる粋なサイトを発見!筆記体のフォントは「Nautica」、セリフ体は「Romie」。線幅で統一感GOOD。「AN」とかつながってるのは合字で、イラレの「Opentype」というパネルで解除できます。NauticaのURLはコメントらんで😊グッナイ🌙
Tweet media one
Tweet media two
Tweet media three
Tweet media four
1
144
1K
@suzusho1115
スズショー|デザイン
1 year
【フォントーにやばいAI】 フォント名を入力したら、似てるフォントをマッピングして教えてくれるサイトを発見!似てるフォントほどお互いの位置が近いです。全体像を見ようとしたらアリの大群みたいになって超キモいwwAIはすごいですね。URLはコメントで😊グッナイ🌙 #web デザイナー #web デザイン
Tweet media one
Tweet media two
Tweet media three
Tweet media four
1
208
1K
@suzusho1115
スズショー|デザイン
1 year
【もうずーっと見ていられるフォントたち】 アドビさんのクリエイター向けSNS「Behance」には、世界中の腕利きデザイナーたちが作ったフリーフォントがけっこうあります。画像1枚目もこの完成度で商用可!フォントをどう使えばいいかも参考になります。URLはコメントらんで😊グッナイ🌙 #web デザイン
Tweet media one
Tweet media two
Tweet media three
Tweet media four
1
185
1K
@suzusho1115
スズショー|デザイン
2 years
【ホログラフィック】 左上の画像にさり気なくホログラフィック入っててナイスです!光の表現方法の一つとしてホログラフィック素材がオススメ。存在感があるので、白黒で引き締めるとコントラストついてGOOD。写真にかぶせて透過させるだけでエモくなったり😊グッナイ🌙 #web デザイン #web デザイナー
Tweet media one
Tweet media two
Tweet media three
Tweet media four
0
120
1K
@suzusho1115
スズショー|デザイン
2 years
【白囲みコピー】 白背景で囲んでいるイケてるキャッチコピーを集めてみました!ちょっとずらしたり、文字ギリギリに攻めたり色んなパターンがあります。背景ががちゃがちゃしてる時に映えます。ほかにもポップなデザインなら白背景を立体にするのもありです😊グッナイ🌙 #web デザイン #web デザイナー
Tweet media one
Tweet media two
Tweet media three
Tweet media four
0
80
1K
@suzusho1115
スズショー|デザイン
2 years
【世界一イケてるフォント】 と言っていいぐらい一目惚れ!ふつうっぽい文字とめちゃイケ文字がMIXされててヤバすぎ。数字も超COOL。1文字でもインパクト抜群。商用可のフリーフォントです。ダウンロードURLはコメントらんで。海外のYOUTUBEで見つけました😊グッナイ🌙 #web デザイン #web デザイナー
Tweet media one
Tweet media two
Tweet media three
Tweet media four
1
146
1K
@suzusho1115
スズショー|デザイン
2 years
【ズームイン&ズームアウト】 映画とかでもよく使われる手法で、景色から口元のアップのようにズームインとズームアウトを交互に見せることでドラマティックになります。リズムも生まれますね。人は比較してものを見るので、大小あるほうが印象アップップ🤣グッナイ🌙 #web デザイン #web デザイナー
Tweet media one
Tweet media two
Tweet media three
Tweet media four
1
93
1K
@suzusho1115
スズショー|デザイン
4 months
【もう反対色を足せば、くすみますカラー】 画像上段のサイトは、くすみピンクを背景色にしています。このくすみピンクは、ピンクの反対色である緑を足すと完成します(画像4枚目)。これはほかの色にもあてはまる法則です。反対色+ちがう色をさらに足すと深みのあるニュアンスカラーに😊グッナイ🌙
Tweet media one
Tweet media two
Tweet media three
Tweet media four
0
127
1K
@suzusho1115
スズショー|デザイン
6 months
【もうキリンさんが好きです。でもゾウさんのほうがもっと好きですっ】 「しろくまは冬眠したい」というサイトで、商用可の動物系フリーフォントを発見!キリンさんとゾウさんは力強いデザイン、しろくまさんとポメラニアンさんはかわいいデザインにぴったりですね。URLはコメントらんで😊グッナイ🌙
Tweet media one
Tweet media two
Tweet media three
Tweet media four
3
161
1K
@suzusho1115
スズショー|デザイン
2 years
【MELON】 メロンのタイポグラフィー!!メロンの図形だけ見ても一瞬で何かは分からないですが、MELONに入れるとすごく良い感じですwアルファベットのタイポってシンプルな図形が多いので、写真をトリミングしたり並べて模様にしたり色々アレンジできます😊グッナイ🌙 #web デザイン #web デザイナー
Tweet media one
Tweet media two
Tweet media three
Tweet media four
1
111
1K
@suzusho1115
スズショー|デザイン
9 months
【もう品しか無いやん】 上品なデザインはグレー基調で作れます。右上のグレーは赤みのグレーで、ほかは青みのグレー。グレーは無彩色と呼ばれる地味系なので、華やかな光沢とのコントラストがまぶすぎ&しぶすぎです。上品だけでなく、シルバーには先進性やハイテクのイメージもあります😊グッナイ🌙
Tweet media one
Tweet media two
Tweet media three
Tweet media four
2
100
1K
@suzusho1115
スズショー|デザイン
4 months
【もうハサミで切るしかないと思ってました】 けど、「破線」を使うことで途切れた線を作れると知りました。「破線」で均等な点線を作る以外の発想がなかったww左下は参考数値ですが、色々試してみてください。これを応用すれば、文字を線のみにして一部欠けたようにすることもできますね😊グッナイ🌙
Tweet media one
Tweet media two
Tweet media three
Tweet media four
1
122
1K
@suzusho1115
スズショー|デザイン
1 year
【優しいイケメンフォント】 イケてるデザイン事務所のHPを色々見てたら、「Brandon Grotesque」というアドビフォントがけっこう使われてました。ロゴですか?っていうほどイケメンで、ふちが丸いので優しさも兼ね備えています。URLはコメントらんで。お疲れさまでした😊グッナイ🌙 #web デザイン
Tweet media one
Tweet media two
Tweet media three
Tweet media four
1
103
1K
@suzusho1115
スズショー|デザイン
2 years
【どんな文字にすんの?】 って時に、文字を入力したらその文字でフォントをずらっと見せてくれるサイト集めました!「ためしがき」はフリーフォント、「アドビフォント」はアドビソフトを使ってる方にオススメです。メッセージらんにリンク掲載しておきます😊グッナイ🌙 #web デザイン #web デザイナー
Tweet media one
Tweet media two
Tweet media three
Tweet media four
1
147
1K
@suzusho1115
スズショー|デザイン
2 years
【 ニューモーフィズム 】 をうまく取り入れたLPを発見!立体感のあるイラストとも相性いいですね。文章の枠に使うのは意外と新鮮かも。ニューモーフィズムの作り方は、背景と同じ色で文字や図形を作って明度の異なる2つのドロップシャドウをつけるだけ😊グッナイ🌙 #web デザイナー #web デザイン
Tweet media one
Tweet media two
Tweet media three
Tweet media four
0
87
1K
@suzusho1115
スズショー|デザイン
1 year
【数字がかわいいフォント】 「Outfit」ってゆうGoogleFontsのフリーフォントがかわいい!右下のサイトで発見したのですが、0がまん丸なのは縦横比を変えてるっぽいですね。ウェートも細いのから太いのまでそろってて使いやすい。fとiの連結とかもかわいい😊グッナイ🌙 #web デザイナー #web デザイン
Tweet media one
Tweet media two
Tweet media three
1
108
1K
@suzusho1115
スズショー|デザイン
2 years
【品格漂うデザイン】 商品の品質を上品にアピールしたいなら、グレーのこっそりグラデが有効です。ベタ塗りよりもナチュラルな感じがするし、オーラみたいなのも感じます。スピリチュアルな話ではなくwwカメラマンは費用かかるのでフォトショで作ると手軽😊グッナイ🌙 #web デザイン #web デザイナー
Tweet media one
Tweet media two
Tweet media three
Tweet media four
0
113
1K
@suzusho1115
スズショー|デザイン
1 year
【もうすべての光はあなたのもの】 こちら7,000以上の光のフリー素材です。光線は英語で「light rays」や「light beam」って言いますが、右下の画像のように「light beam」で検索したほうがビームっぽいのがいっぱいwwデータの形式はEPSやJPEGなど。URLはコメントらんで😊グッナイ🌙 #web デザイン
Tweet media one
Tweet media two
Tweet media three
Tweet media four
1
116
1K
@suzusho1115
スズショー|デザイン
1 year
【もうデザイナーにちょうどええやん】 「Milanote」を使えばメモ、タスク、画像、URL、スケッチやカラーチップなどの情報を全て1個所にまとめられます。使ってみたらドラッグドロップですぐできました。「ボード」ごとに分類できるのでプロジェクト管理もできそう。URLはコメントらんで😊グッナイ🌙
Tweet media one
Tweet media two
Tweet media three
Tweet media four
1
122
1K
@suzusho1115
スズショー|デザイン
2 years
【すみのほうだけ暗くするやつ】 フォトショで「フィルター」→「レンズ補正」→「カスタム」→「周辺光量補正(適用量をスライド)」でOK!10秒で完了ww商品が真ん中にある時とか、バナーとか、とにかく色んな時に使えます。素材探すより時短できますよ😊グッナイ🌙 #web デザイン #web デザイナー
Tweet media one
Tweet media two
Tweet media three
Tweet media four
1
90
1K
@suzusho1115
スズショー|デザイン
5 months
【もうプロのカメラマン×プロのレタッチャー】 によって完成したような、超ハイクオリティ・フリー素材サイト「skuawk」です。商用可。数は少ないですが、どれも構図や色のトーンが最高すぎます。ちょっとでもデザインの気を抜くと、この素材に全部持っていかれますwwURLはコメントらんで😊グッナイ🌙
Tweet media one
Tweet media two
Tweet media three
Tweet media four
1
124
1K
@suzusho1115
スズショー|デザイン
5 months
【もう長体の明朝はエモすぎる】 キングヌー常田くんのCM見た時から、長体×斜体の明朝体に胸を焦がしてました。原則としてフォントの縦横比をいじるのはNGですが、明朝の横幅を狭くするだけでこんなにエモくなるとは。右上の画像は、エヴァンゲリオンにも使われてる「マティス」で作成😊グッナイ🌙
Tweet media one
Tweet media two
Tweet media three
Tweet media four
2
102
1K
@suzusho1115
スズショー|デザイン
2 years
【こっそりホワイト】 ちがいの分かるデザイナーでありたいですね。白色にも色んな白があります。あまり色の印象を目立たせたくない時や、ニュアンスでオシャレ感を出したい時などに使えます。1枚目のようにドロップシャドウをうすくかけると高級感が出ます😊グッナイ🌙 #web デザイン #web デザイナー
Tweet media one
Tweet media two
Tweet media three
Tweet media four
0
111
1K
@suzusho1115
スズショー|デザイン
3 months
【もうひらがなトロっとして美味しそう】 キリンビールさんの新商品を見て「このフォントはもしかして?」と思ったらビンゴでした。凛とした漢字×トロッとした平仮名の貂明朝(てんみんちょう)です。ビールのシズル感がよく伝わりますね。食品系に貂明朝はノーマークでしたが応用できそう😊グッナイ🌙
Tweet media one
Tweet media two
Tweet media three
Tweet media four
1
92
1K
@suzusho1115
スズショー|デザイン
4 years
【GRAMU】 自社のフライヤーを制作しました😄 社名はGraphicとMusicをかけ合わせた造語で、グラムと読みます👍 早速、スタジオ「P4」さんに置いてもらいまして、これから関西の音楽関係の各所に配布いたします! ツイッターのDMからもご相談お待ちしてまーす😆 #フライヤー #ジャケ写 #デザイン
Tweet media one
Tweet media two
16
69
1K
@suzusho1115
スズショー|デザイン
10 months
【もうハンマーでバランスとれるやん】 半分にドカッと置いて、残り半分にスラッと横長を置く。名付けてハンマー構図ww左右非対称なアシンメトリーな構造です。上段の画像のように、スラっとした横長を中央より少し下にすると重心が下がって安定しますね。コピーも余白多めで引き立ちます😊グッナイ🌙
Tweet media one
Tweet media two
Tweet media three
Tweet media four
1
107
1K
@suzusho1115
スズショー|デザイン
11 months
【もう図形だけでフィニッシュやん】 「slidesmania」ってサイトでジオメトリック(図形デザイン)のテンプレが30種ぐらいゲットできます。ファイルはパワポとグーグルスライド。そのままプレゼン資料に使ってもいいですし、レイアウトを参考にWEBや紙にも応用できそう。URLはコメントらん😊グッナイ🌙
Tweet media one
Tweet media two
Tweet media three
Tweet media four
1
115
1K
@suzusho1115
スズショー|デザイン
1 year
【ほぼフォトショップ】 無料で使えるほぼフォトショップなツール「Photopea(フォトピー)」を発見!右側に広告はあるけど、ほぼ同じ機能を使えます。アドビを購入する前に試したり、ノンデザイナーの方がちょっと画像編集したりするのに役立ちますね。URLはコメントらんで😊グッナイ🌙 #photoshop
Tweet media one
Tweet media two
Tweet media three
Tweet media four
3
157
1K
@suzusho1115
スズショー|デザイン
8 months
【もうワープの術式公開します】 柴犬のおしりがかわいすぎるサイトで、ワープの効いた文字が躍っていました。イラレの「効果」→「ワープ」で色々できるのですが、3つほど術式をまとめましたwwワープは適用してからでも何回も調整できるので便利。色々作って組み合わせるのもナイスです😊グッナイ🌙
Tweet media one
Tweet media two
Tweet media three
Tweet media four
0
90
1K
@suzusho1115
スズショー|デザイン
4 months
【もう文字組は透視でキマります】 使う写真の中で強いラインや形を見つけたら、それに従って文字を組むとキマります。画像の順に①商品の缶2つを文字で結ぶ②塔のたてライン×たて組み③屋根を結んだ延長線上にロゴ④女性のポーズと同じL字型の文字組み。見えざるラインは視線誘導にも😊グッナイ🌙
Tweet media one
Tweet media two
Tweet media three
Tweet media four
1
53
1K
@suzusho1115
スズショー|デザイン
1 year
【ベビーフェイスなフォント】 ZEN丸ゴシックは、やわらかくてやさしい赤ちゃんのようなフリーフォントです。歯医者さんのLP(右上)では「口」の感じが丸々していて治療も痛くなさそうです。フレンドリーになってもらいたい商品やサービスによく似合います😊グッナイ🌙 #web デザイナー #web デザイン
Tweet media one
Tweet media two
Tweet media three
Tweet media four
2
68
1K
@suzusho1115
スズショー|デザイン
1 year
【もうアドビフォントさん最高やん】 アドビフォントさんでテーマに沿ったフォントを一括インストールできるページを発見!組むだけで言葉がグラフィカルになるパック、新春初売り系パックや日本の夏をイメージしたパックなど、まとめ方がナイスです。URLはコメントらんで😊グッナイ🌙 #web デザイン
Tweet media one
Tweet media two
Tweet media three
Tweet media four
1
123
983
@suzusho1115
スズショー|デザイン
6 months
【もう切り抜かずにどんだけポップなん】 ほぼ写真の切り抜きを使わず、トリミングプラスアルファでここまでポップになるとは!ポイントは①太めの枠線②奇抜なトリミング③多くのイラスト④写真に要素をかぶせる⑤要素をちらす⑥色でアクセント⑦ベタ塗りでメリハリ。ロゴも効いてます😊グッナイ🌙
Tweet media one
Tweet media two
Tweet media three
Tweet media four
0
70
993
@suzusho1115
スズショー|デザイン
2 years
【グラデ on グラデ】 デニーズがこんなかわいいLP作るとは!(デニーズに失礼w)グラデonグラデは隣り合う色を補色など異なるように配置するのがポイント。淡い色が甘さを引き立てます。水滴もGOOD。そう言えば昔、男2人でパフェを食べた黒歴史が。。🤣グッナイ🌙 #web デザイン #web デザイナー
Tweet media one
Tweet media two
Tweet media three
Tweet media four
1
59
974
@suzusho1115
スズショー|デザイン
1 year
【ワンポイントなフリー素材】 海外デザイナーさんが56個のおしゃれなワンポイントデザインを無料公開してます!イラレやフォトショのデータなので文字も編集可。こういうミニマルなあしらいはグラフィックデザイナーにあやかりましょう。URLはコメントで😊グッナイ🌙 #web デザイナー #web デザイン
Tweet media one
Tweet media two
Tweet media three
Tweet media four
1
104
980
@suzusho1115
スズショー|デザイン
1 year
【もう自己満でデザインしたくなるレベル】 「Design4months」というサイトで約100個のテキストエフェクトを無料ダウンロードできます。すべて商用可。フォトショで開いてテキスト打ち替えるだけです。レイヤーが分かれているので、ほしいとこだけコピーするのもあり。URLはコメントらんで😊グッナイ🌙
Tweet media one
Tweet media two
Tweet media three
Tweet media four
1
109
971
@suzusho1115
スズショー|デザイン
10 months
【もうV字バランスに助けられっぱなし】 V字でバランスをとるレイアウトはめっちゃ頼れる基本テクです。Vの先端に注目が集まりやすいので、そこに重要なものを配置しましょう。逆V字ってのもありです。Vを構成しただけだと固いので、下の画像のように小さい要素を散らすとイイ感じに😊グッナイ🌙
Tweet media one
Tweet media two
Tweet media three
Tweet media four
0
84
958
@suzusho1115
スズショー|デザイン
2 years
【手書きするときー】 画像の順に①問いかけるときー②オリジナルワードを言いたいときー③ナチュラル系をアピりたいときー④ふつうの文章だけど決めゼリフっぽく言いたいときー。手書き文字を使うときのポイントは、いつもここからチョイスすればいいかも😊グッナイ🌙 #web デザイン #web デザイナー
Tweet media one
Tweet media two
Tweet media three
Tweet media four
0
73
934
@suzusho1115
スズショー|デザイン
1 year
【もう1枚1万円でもいいようなフリー素材】 「Pexels」には高品質な写真が何百万点もあります。眺めてるだけで目の保養になりそう。検索窓に「color : red」とするとレッド系の写真が出てくるように、カラーでも絞れます。もうあんまり言葉もなくて、ただただ美しい。URLはコメントらんで😊グッナイ🌙
Tweet media one
Tweet media two
Tweet media three
Tweet media four
1
106
931
@suzusho1115
スズショー|デザイン
3 months
【もう重ね重ね質感を加えております】 Behanceでチョーク風のフリー素材をゲットしました。色ベタにかぶせて「オーバーレイ」や「スクリーン」などの透明効果を変えれば質感オン。あとは画像4枚目のように好みの位置にずらすだけです。くまさんとウサギさんもワイルドにwwURLはコメントで😊グッナイ🌙
Tweet media one
Tweet media two
Tweet media three
Tweet media four
1
91
934
@suzusho1115
スズショー|デザイン
2 months
【もうメジャー級のフォントです】 重ねるだけでメジャー球団みたいなロゴが作れるおもしろいフォントを発見!アドビフォントの「CC Spills」です。小文字の後に数字を入れると下線のリボンが出現します。左下がロゴ作成の手順ですが、配色をミスって微妙な完成度🤣URLはコメントらんで。グッナイ🌙
Tweet media one
Tweet media two
Tweet media three
Tweet media four
1
76
914
@suzusho1115
スズショー|デザイン
1 year
【重ねるデザイン】 重ねるなら1個所ではなく、とことん重ねたほうが統一感でます。一番見てもらいたい要素は一番上のレイヤーに置くといいですね。配色のコントラストが低くても、重ねることで「のっぺり感」を解消できます。あんまり重ねすぎるとスマホ対応で悶絶しますのでご注意を🤣グッナイ🌙
Tweet media one
Tweet media two
Tweet media three
Tweet media four
0
82
897
@suzusho1115
スズショー|デザイン
5 months
【もう秒で質感メイク】 お手軽に質感をのせたいなら、写真やイラストにモノクロの水彩を「オーバーレイ」で重ねましょう。同じものを何枚も重ねればどんどん質感が濃くなります。さらにこだわるならフォトショの水彩ブラシでアレンジしたり。ベタ塗り背景にちょい質感がほしい時にもぜひ😊グッナイ🌙
Tweet media one
Tweet media two
Tweet media three
Tweet media four
0
67
902
@suzusho1115
スズショー|デザイン
10 months
【もう今日からアドビのAI新時代!!】 ついにアドビのAI「Firefly」がフォトショなどに組み込まれて商用利用OKに!1回の「生成」で3画像作成できて、CCプランなら毎月1000回、無料プランでも毎月25回「生成」できます。てことで、ベータ版で磨いた実践テク7選をどーぞ😊グッナイ🌙 #adobefirefly #pr
Tweet media one
Tweet media two
Tweet media three
Tweet media four
2
148
883
@suzusho1115
スズショー|デザイン
2 years
【立体デザイン】 立体感のあるデザインをする時は、スポットライトがどこから当たっているのかを想像してみましょう。そして光が強い面から順に暗くしていきます。「感謝祭」の「感」が一番明るいのはそこから読み始めてもらうためです。さぁ、6月に突入ー😊グッナイ🌙 #web デザイン #web デザイナー
Tweet media one
2
57
886
@suzusho1115
スズショー|デザイン
10 months
【もう写真まわりで差をつけます】 写真まわりのひと工夫4選!画像の順に①同じ写真をデュオトーンにして重ねる&一つの角だけ丸い②ふにゃトリミング&ふにゃ図形③同じシーンのイラストを重ねる④かすれブラシっぽいアウトライン。2ステップ、カット方法→端に何を重ねるか。おつです😊グッナイ🌙
Tweet media one
Tweet media two
Tweet media three
Tweet media four
0
69
883
@suzusho1115
スズショー|デザイン
1 year
【ワンクリック5秒で切り抜き】 そんな夢のようなツール「remove bg」を発見!無料でも十分使えて、画像をアップするだけで髪の毛まで切り抜いてくれます!同じようなサービスはいくつか試しましたが、こちらの精度はベリーGOOD。URLはコメントらんです😊グッナイ🌙 #web デザイナー #web デザイン
Tweet media one
Tweet media two
Tweet media three
Tweet media four
3
88
878
@suzusho1115
スズショー|デザイン
1 year
【図形ベクターのコピペ】 を無料でできるサイトを発見!ちょっと作るのに手こずりそうな120以上の図形をワンクリックでコピーしてイラレに貼れます。ファイル形式はSVGなので拡大しても劣化しません。奇抜すぎずちょうどいい感じの図形たちです。URLはコメントらんで😊 #web デザイナー #web デザイン
Tweet media one
Tweet media two
Tweet media three
Tweet media four
1
101
882
@suzusho1115
スズショー|デザイン
2 years
【くすませたらオシャレ優勝】 「ダルトーン」と言うのは、くすんだ色調のことです。スモーキーカラーとも呼ばれます。元気なビビッドカラーの反対で、ちょっと大人っぽくて落ち着いた印象。いくつも色を使う時はトーンをそろえると統一感でてナイスです😊グッナイ🌙 #web デザイン #web デザイナー
Tweet media one
Tweet media two
Tweet media three
Tweet media four
0
56
855
@suzusho1115
スズショー|デザイン
7 months
【もうフチグラデですねん】 文字のフチにぼかしたグラデをつけるとキレイですね。イラレでの作り方は、アピアランスで線と塗りを追加→線のレイヤーを塗りの下にする→線をグラデにする→線にガウス(ぼかし)を適用。応用編は下���の画像です。グラデ文字にしたらフチグラデを選択肢に😊グッナイ🌙
Tweet media one
Tweet media two
Tweet media three
Tweet media four
0
68
859
@suzusho1115
スズショー|デザイン
8 months
【もうすりガラスにします】 ぼかした文字や写真の上に半透明をかぶせたら、すりガラス風になります。左上の画像のように重層的にデザインしたり、右上の画像みたいに写真に文字を乗せたい時に便利です。ぼかすと境界があいまいになるのでグラデとの相性も良さそうですね。お疲れさまです😊グッナイ🌙
Tweet media one
Tweet media two
Tweet media three
Tweet media four
0
70
836
@suzusho1115
スズショー|デザイン
2 years
【イラストの置き方】 イラスト自体もめちゃイケなんですけど、配置も最高!視線の先にコピーや商品があって、さりげに視線誘導。人は人の見てるほうを見ちゃいますからね。よく見ると全員きょどってる?wwイラストはハーフトーンとか、かすれ感でオシャレ😊グッナイ🌙 #web デザイン #web デザイナー
Tweet media one
Tweet media two
Tweet media three
Tweet media four
0
75
819
@suzusho1115
スズショー|デザイン
2 years
【世界一シンプルな光】 グラフィックで光を表現する方法は色々ありますが、こちらが一番シンプル!同じトーンで斜めにスパッとすればいいだけですwリンクボタンとかでも見かけますね。自然界でこういう日差しと影をいっぱい見てるから連想するんでしょうね😊グッナイ🌙 #web デザイン #web デザイナー
Tweet media one
Tweet media two
Tweet media three
Tweet media four
0
57
819
@suzusho1115
スズショー|デザイン
1 year
【同じテイストのアイコンほしい】 って時に使えるサイト「ICONFINDER」を発見!「Free(無料)」で絞っても大量に出てきて、しかもそのテイストのアイコンをずらっと見れます。サイトでアイコン使う時って同じテイストで複数そろえるから役立ちそうです😊グッナイ🌙 #web デザイナー #web デザイン
Tweet media one
Tweet media two
Tweet media three
Tweet media four
4
80
799
@suzusho1115
スズショー|デザイン
7 months
【もうそれは流体シェイプですやん】 画像1枚目の背景のように、溶けてるような流れてるような素材を流体シェイプと呼びます。adobestockで調べると「Fluid gradient(流体グラデ)」の素材より「Liquid gradient(液体グラデ)」のほうがもっと溶けてる感じでした。リッチな背景にどーぞ😊グッナイ🌙
Tweet media one
Tweet media two
Tweet media three
Tweet media four
0
66
788
@suzusho1115
スズショー|デザイン
2 years
【ためしがき】 日本語のフリーフォント50種以上をまとめてプレビューできるサイトを発見!すべて商用利用可能で、プレビューされたフォントから配布元に飛べます。好きな言葉を入力して試せるのが良いですね。文字に個性出したい時におすすめ😊グッナイ🌙 #web デザイン #web デザイナー #フォント
Tweet media one
Tweet media two
1
131
782
@suzusho1115
スズショー|デザイン
2 years
【スマホの文字サイズ】 きょうコーダーさんとスマホでの文字サイズについて話し合いました。ぼくも色々なサイトを調べて、これぐらいがちょうど読みやすいのではないかと結論づけましたのでご参考に!ⓒや注釈は少しぐらい読みにくくてもいいかなと思います😊グッナイ🌙 #web デザイン #web デザイナー
Tweet media one
2
83
773
@suzusho1115
スズショー|デザイン
2 years
【禁断のWEBツール】 Wixみたいな無料のノーコードツールはいくつかあります。しかし、なんとnicepageはHTML出力とワードプレス出力もできちゃいます!!え?これは夢でしょうかwwこのやばさは140字では書ききれません。リンクはコメントらんです。やばーい🤣グッナイ🌙 #web デザイン #web デザイナー
Tweet media one
Tweet media two
Tweet media three
Tweet media four
1
66
771
@suzusho1115
スズショー|デザイン
4 months
【もう文字修正もへっちゃらです】 こちらテキストに合わせてフレームが伸びるあしらいです。作り方は知ってるけど作るの手間だなーと思っていたら、イラストACにたくさんありました。検索キーワードは「追従(ついしょう)」「伸縮」「アピアランス」など。編集できるデザインで修正力UP😊グッナイ🌙
Tweet media one
Tweet media two
Tweet media three
Tweet media four
0
60
780
@suzusho1115
スズショー|デザイン
18 days
【もうインラインで抜け感名人】 線みたいなフォントをインラインフォントと呼びます。抜け感があってオシャレに見えますね。アドビフォントの分類タグ(右上)でたくさん見つかります。右下のようなネオン系にも相性良し。上品なオシャレを表現したい時にどーぞ。URLはコメントらんで😊グッナイ🌙
Tweet media one
Tweet media two
Tweet media three
Tweet media four
1
40
775
@suzusho1115
スズショー|デザイン
2 years
【右と左】 左右で対比しているレイアウトを集めました!4枚目は探すの力尽きたと思ってくださいww2枚目は文字と中央のラインを斜めにすることで、ほかと比べてポップに見えますね。キービジュアルをこうして左右に配置するとワイドにどーんって迫力でます😊グッナイ🌙 #web デザイン #web デザイナー
Tweet media one
Tweet media two
Tweet media three
Tweet media four
0
46
749
@suzusho1115
スズショー|デザイン
1 year
【もう新聞のテンプレってレイアウトの教科書やん】 すべて海外の新聞のテンプレなんですが、よく見たら3カラムとかになっててWEBデザインにも応用できそう。新聞って短時間で見たいコンテンツをパッと読める最高峰のレイアウトなんです。コメントらんのURLでもっと見れます😊グッナイ🌙 #web デザイン
Tweet media one
Tweet media two
Tweet media three
Tweet media four
2
75
757