雨の中 人工芝の上でフットサルをしていて、 転倒。 ボールを追いかけていた時から 転ぶ まであっという間だった。 転んだ時は、腕にものすごい衝撃があり これは折れたなと思った。
すべての人を Live Rich にするウェブメディア 『デザイニスト』。新しい社会を創造している人々・作品・プロダクトにフォーカスを当てたwebメディアで、世界中からお届けしています。
雨の中 人工芝の上でフットサルをしていて、 転倒。 ボールを追いかけていた時から 転ぶ まであっという間だった。 転んだ時は、腕にものすごい衝撃があり これは折れたなと思った。
display: block、inline-block、flex の違いや使い分け
🧱 1. display: block 特徴：縦に並ぶ。幅は親の幅いっぱい。
✅ セレクタの記法と意味セレクタ意味.btn-teikiクラスが btn-teiki のすべての要素に適用.teiki .btn-teikiクラス teiki の子孫要素の...
After Effects でアンカーポイント（レイヤーコントロール）が見えなくなるのは、誤って「レイヤーコントロールを非表示」にしてしまっているケースがほとんどです。以下のいずれかで元に戻してみてください。
タイトルタグ挿入確認 メディアクエリ数値確認 全てのリンク遷移を確認 基本外側のコンテナーからmargin-paddingを設定 パラメータ数値確認 PC表示確認 SP表示確認...
1. % の場合 基準：親要素の幅（width プロパティにおける場合） 例：.child { width: 50%; }→ 親要素の幅の 50% になる ポイント： 親コンテナの...
LOLIPOPにてテストサーバー運用時にアクセス制限をどのようにするべきかを解説したいです。まず、テストサーバーの運用のため、ドメイン取得はやらなくていいというのが自分の意見です。
iflameを利用すると、動画の読み込みやhtmlデータを取得することができる。
スマホ↔︎PCの間の部分で リコピンカラムの部分の画像がめちゃめちゃ大きくなってしまうバグがある場合。
よくある飛び出す系の文字。ワープとかでは、曲線になってしまうが、直線ならば自由変形ツールで作れます。
CINEMA4Dで作成したデータをfbxにすると、テクスチャズレる問題。原因① 属性タグのオフセットU オフセットVが0になってない。原因② 原稿の水平垂直が守られていない。
驚異の還元率3%!!!!最強カードを見逃すな！！マリオットボンヴォイ・アメックス・プレミアムカードの魅力とは？
この記事を読んだ方限定で4万5000円もらえちゃう豪華特典もあり（先着順）。ぜひ最後までご覧ください。
人より得意なものがあっても悪いところは平均以下であってはならない
先日新卒から6年間住んだマンションを退去することになった。驚くべきことにこの退去費用が37万円。
筆者はよくみずほ銀行しかメインバンクを持っていなかった際に、みずほのATMが止まって現金を引き出せないということが多発した時期があった。
インボイス事業者でない場合も請求書に消費税を入れるケースが無いとは言えませんが、基本的には「消費税を請求する資格がないため注意が必要」です。
https://designist.jp/jpgkakidashi/
イラレでのjpg書き出しでは、スクリーン用に書き出しを選択すべきだと思う。他の書き出し方式では、拡大するとなぜかノイズが出ていてガビガビになる。
最近Photoshopを利用していて、地味に不便だったのが、ベクトルマスク反転問題。PSのアップデートでいつからか出現するようになり、地味に不便なので修正方法を忘備録的に残しておきます。
背面追加コマンドエルで新規レイヤー 追加グループ解除長押しで全解除SIFT cLICK でグラデからもスポイトできる。
特許庁のサイト考えているペットネームをそのままいれてもだめ。コツはカタカナで全部いれる。ロゴに関しては、ロゴに関する直接的な文字情報に加えて業界などを加えると、出てきやすい。例えば、H ロゴみたいな感じ。
Tverの入稿規程がかなり複雑だったので、備忘録的なメモを残しておきたい。筆者は映像系の学校を卒業しているが、なかなか厳しかった。。。
コンタクト 20セット 財布 運転免許証 ETCカード 航空券PDF パンツ 6 靴下 6 ズボン替 3 Tシャツ 6 ビニール袋 4 ポケットティッシュ イヤホ...
気になるフォントを探す。 https://pepk.hatenablog.com/entry/2019/05/25/000939かなり高精度でフォントを出してくれて便利。
筆者は10年以上広告業に携わっているのだが、広告企画というものは本当に作るのが難しい。そんな中、このようにやればある程度納得される広告企画ができるよという、型をつくったので、参考にしてみて欲しい。
全てのデザイニストのための総合メディアです。 Total media for all designists.
下記のサイトが非常にわかりやすい。
Photoshopでwebを納品する際にピクセルはそのまま、 画像の容量を下げる方法。
ピクセルはそのままに、画像の要領容量時の操作方法web用に書き出しなどでは、そもそも大きなサイズの画像が選択できなかったり等があるため、jpgを単純にphotoshopで保存し直すという作業をするだけで、サイズを変更できる。
①ノイズを出さずに色を変更する元レイヤーの上に液色レイヤーを作成カラーバランス （ノイズがでないまま色を変えられる）もれた場所を消しゴムで消す②ムラがある場合反対側にも良いなと思った場所をコピペ反転してどこをぬってい...
効果が反転している箇所がないか確認。
▶︎スケーリングを考える。・見出しとボディの主従関係は適性なサイズ感になっているかが重要▶︎グルーピング・あしらいを考えるそれぞれで言いたいことがスケールをしただけだとそのまま置いてあるという感じになってしまっている。
Photoshopによるイラスト切り抜き手順 線画抽出 下地にグリーンをひく 下塗りはぼかしのついたブラシとバケツの組み合わせで行う ぼかしのついた消しゴムで余った場所を削除 イラレ に貼り付けて、モレ...
レンポジを利用していると、欲しい画像が出てこないので何時間もかかってしまい時間を無駄に使ってしまうことがよくある。そんな時には、まず何が欲しいかを明確に書くことが大事だ。
構成案を書くコツは得意先の気持ちになって書くこと。得意先のオリエン資料にあるようにここに何を入れていきたいという内容を髭だしして書いていくと良い。具体的に誌面内に文字を書かないことで、広い視点での話ができるようになる。
校閲依頼をする際には、まずスケジュールを確認すること 構成案とその戻しに関しては確認が多くなり煩雑になるため、基本的には見てもらわなくてOK。
校閲書類には、SRA3などスキャナーが効かないものもある。写真で撮影してデジタルデータにするか、スキャナーを使用するか迷うところだが、基本的には裁断してスキャナーを利用する。その際の注意点は以下。
選択オブジェクトに合わせてアートボードを作成する。これによって、トンボを選択した状態でアートボード を作れば、入稿データに、囲いケイを選択した状態でアートボード を作成すれば、断ち見本となる。
イラレ印刷アートボード すべて・範囲用紙サイズ SRA3拡大縮小 しないプリンター 給紙 手差しエクセル印刷ブックの数を確認用紙サイズA3方向拡大縮小 チェック...
FinderでGoogle Driveを利用している場合ファイルをコピー↓コピーしたファイルをzipファイルに圧縮↓ダウンロードして解答↓イラレを開く...
ロゴ制作やデザイン制作において、スピードは非常に重要だ。
☑︎最初に設定をキープしておいて、後で捨てる☑︎禁則は絶対いれる☑︎禁則調整方式 追い込み（スペースないとき）追い出し（スペースあるとき）☑︎禁則調整方式 ぶら下がり 「、」役物をテキストボックスの外に出...
・頭の位置をソロエル（デコボコ見えないように）・目線の位置をソロエル 目線が水平になるように・同じ向きでポンポンポンとあるのはそこまで気にならない（左向きの人が〜〜的なところ）...
ポイントにスナップを設定↓基本的な要素をぶちこむ↓グルーピングして要素のスペーシングを考えつつ、まずは垂直水平に綺麗に並べる。アピアランスなどの装飾をイレずにシンプルに組む。
コンタクト 4セット 財布 運転免許証 航空券PDF パンツ 2 シャツ 2 靴下 2 ズボン替 1 Tシャツ 1 ビニール袋 2 ポケットティッシュ イヤホン...
横9mなど、デザインをしているとかなり大きな印刷物をつくることも多い。そんな時、画像解像度が足りないなんてことはよくある話。大判印刷では100DPIと言われていますが、50DPIあれば問題ありません。
パスポート 現金 15000JPY 財布 航空券 コロナワクチン接種証明書コピー 下着3セット パンツ 2 シャツ 2 コンタクト 6セット 防寒具 1...
複数の画像やアイコン切り出しをPhotoshopで行う際のワークフロー
Photoshopで選択ツールを選択。
正しい判断には、どんな要素が必要か？正しい判断をするには迷う。デザインも迷う。例えば宗教じみた機械で、これを持っていれば不安は解消されるというメリットを謳っている商品があるとする。
何も考えずにデザインを作っていると、なんとなく文字文字しく説明書みたいになってくるということがある。今回は、誌面の最後にA社B社C社に、Q1、Q2、Q3という質問をそれぞれ投げかけた場面の原稿を想定した。
デザインをする上で一番重要なのが、構造をつくるということ。そしてこの構造をつくる上で重要なのが、・WHO・INSIGHT・WHAT・HOW・態度変容期待の5つだ。
Command + Shift + N...
デザイン作業をしていると、得意先の原稿が、見た目を整えるために余計な半角スペースが入っていることが多い。こういう場合では、イラレのツメ情報も効かず、一旦元の原稿の半角スペースを削除する必要がある。
アートボードごみ取り ドブ確認 ガイド削除 枠削除 いらないアートボード削除 レイヤー確認 いらないレイヤー削除 印字等確認...
支給素材が来ない時の対処法デザイン業をしていると、手前の素材があがって来ないなんてことはよくあること。今日締め切りなのに、イラストが全然あがってこない。。。オンスケで動けないのは広告業界のもはや常識だ。
色校の入稿データを作成する場合、得意先が見たいのは、商品の絵の出方のため、完璧な入稿データをつくる必要はない。というわけで、色校の場合は最低限必要なポイントを留意しつつ素早く仕事をこなす手順を紹介する。
得意先からの要望に対して、もっと提案！もっと提案を！という営業やプロデューサーがいる。こういった人達に共通するのは、得意先の声を聴けていないという点だ。
友人が岡本太郎好きだということを知り、久しぶりに「自分の中に毒を持て」という本を読んだ。
合成フォントでは上記のオレンジの箇所を基本的にいじることになります。
デザインをしていると、完成してから、何かそれっぽくないな。だとか、企画（表現手法）や構造（デザインの伝えたい要素の主従はしっかりできている）はできているのに、どうしてもこれじゃない感を感じてしまうみたいなことはよくあると思います。
制作職をしていると、「プロでしょ？なんかすごいのつくってよ？提案してよ？？」といった、漠然としたものを作らされる現象というものがあります。
良いデザイナーになるために、常に持っているべき信条というものを昔上司から教わったので、それについて書いていきたいと思います。
昨今でよく使われるぶよぶよした丸ですが、実際にいろんな種類のぶよぶよした丸をつくるとなると結構めんどくさい。そんな時に非常に便利なのがBlobmakerというサイトだ。
ベトナム人の後輩が今度日本に帰るという。聞いてみれば、親は今、韓国に住んでいるらしい。ベトナムでIT系の職業以外だと、賃金があまり増えない状況であり、多くの人は海外に出稼ぎに出るという。
3つのオブジェクトがある場合。中央のオブジェクトがずれている場合、オブジェクトの分布から中央を選択すると綺麗になる。 一旦つめてから幅を修正するのもあり。
photoshopで覆い焼きツールを使って仕事をしている人がいると思うが、こちらの設定が非常に便利なので、是非知ってもらいたい。こちらの中間調という設定。覆い焼きする箇所を写真の色の中間に限定してくれる機能だ。
①情報パネルを開き、パネルオプションから、第2色情報のモードをインキ総使用量に変更。
様々な方に人生を幸福に生きるための3つの要素という質問をよくするのですが、ある人は、「人から頼られること」が1番に来ていたり、またある人は、「良い部屋に住むこと」だったり、「高め会える友達」がファーストに来る人もいた...
イラストレーターを使用していると、入稿時に確認作業が必要になってくるのが、オーバープリントの設定。オーバープリントというのは、色を重ねて印刷することを言います。
まずテキストを用意します。シアーは12度がおすすめ。
矢印をつくる際に、毎度毎度アンカーポイントを中央に増やしている方、結構多いのはないでしょうか。普通に四角形を用意します。
文字の設定を塗り白に対して、線を0.1pt（外側）に設定属性パネルから線にオーバープリントK99に設定 この設定をすることで、他のCMYKのインクが文字の際に乗らずに、...
2日程の日程での持ち物チェックリストです。
環境設定で注釈 → ノートとポップアップを印刷にチェックをつける注釈の一覧をクリック ...
今回もイラレ時間短縮術を紹介していきます。どこの機能という訳ではなく、毎日使うような超重要な箇所をまとめているので、是非活用してください。
Webメディアの企画や広告制作を作っていたりすると、ターゲットやらインサイトやらと聞くことが増えると思います。しかし、教科書で読んだ知識が実際の現場でどのように使われているか、どこがミソなのかをわかる人は少ないはず。
顔のエラ張りについて悩んでいる方は男女共に多いと思います。そこで、今回はボトックス注射のコツを品川美容外科の方に聞いてきたので共有します。
文字だけでデザインとして成り立つように組み立てるまず、構造を出すことが大事。ということがデザイナーにはよく言われます。
旗を全てトル 01のキラキラをトル 02のバツはボツ before after 級上げ03 before after 級上げ04 before after 級上げ05 年間概算約をつまと同じ見...
ニュー新橋ビルというビルをご存知だろうか。新橋駅ビル駅前にある比較的大きな古いビルで、昭和の雰囲気満載なスポットなのですが、2階3階は、アジア系のマッサージ店が多く立ち並びます。
デザインにもう迷わない！！迷いがちな方必見な、素早く確実に企画案をつくる方法
デザインの企画をするときにまず最初に始めることは、イラレでデザインをつくる！！なんてことをしていると、後々自分たちの方向性を見失うどころか、得意先に詰められて千本ノックで朝まで仕事なんてことになりかねません。
イラレで画像を書き出すと1080px X 1080px の原稿をつくっていてもjpegやpng等の画像を書き出すと、1081 X 1081になってしまう。。 なんてことがありますよね。なんで書き出すと1px増えてしまうのか。
ファイルが出てきたら、そのファイルをCommand + クリックする。すると、そのファイルのある階層が下から表示される。
コンタクト PCセット 着替え上着 ズボン マスク 会社携帯 アクセサリ ...
デザイナーが素早く仕事を終わらせるコツという内容で、書いていきます。筆者の同期には優秀なデザイナーがおり、その方は完成度は80~85点ぐらいなのですが、スピードは人の30倍ぐらい早い。ありえない程はやい。
いろんな本を読んだけれど、デザイン企画ってどのように制作すればいいの？と思っている方は多いはず。中身をつくるデザインを企画する上で重要なのは、ギミックよりまず中身。
こちら、意外と知られていないのですが、イラレで拡大縮小ツールを使用する際に、わざわざマウスでダブルクリックしている方が多いと思います。しかし、この拡大縮小ツール結構頻出なので、毎回それをやっているのは時間の無駄。
デザイン業務を行う会社でよくみかけるルールが、『原稿の文字は絶対に手打ちしない』です。では、なぜ原稿の文字を手打ちしてはいけないのか。それには以下の理由があります。
最近思うのは、当たり前のことを当たり前にやる難しさ。
コンタクト PCセット 着替え上着 ズボン マスク 携帯 会社携帯 アクセサリ イヤホン 財布 ...
上がってきたデザインを確認する際の確認ポイントを紹介します。
Macからサーバーに接続する方法です。
イラストレーターを使ってデザインを進める上で、欧文と和文が混在する際に、下記の画像のようになったことはないだろうか。明らか、iがこより前に出ている。
内容理解 お伝えする内容の分量を出す・まとめられる箇所はないか・膨らませられるところはないか 内容把握（ここで何を話すか・どのように見せるか）・内容から逆算して一番目立たせるものは...
人を動かすというのは非常に難しいもの。特に社内ではスケジュールを平気で破る人や期限を守らない人など様々いますよね。
ダイビングといったらハワイとか沖縄とかを思い描いちゃうと思うんですが、熱海のダイビングもやばいんですって話をしようと思います。驚くのが、熱海に巨大な沈没船があってサンゴが見れるというところ。沈没船ってなんか夢あるよね。
結構旅行が好きなんだけど、今回は昔民泊でスウェーデンのオシャレな街に住んでたことがあって、その話をしていきたいな～と思ってます。
最近感じていることは、幸福感というのは、必ずしもその時々の状況に左右されるものではなく、作れるということ。幸福には段階があって、こんな図で表されるみたいです。
ここだけは押さえておきたい、デザイン納品前の確認事項CROS
最重要チェック項目です。納品前の確認に役立ちます。 Check：前の原稿との差分比較 Read：素読みをする Object：余分なオブジェクト、文字や線や色が入っていないか確認する。ポイントは際をよく見ること。
応募締め切りのデザイン検証です。
下着シャツ（普段着） パンツ（普段着） シャツ（普段着） ズボン（普段着） 靴下（普段着） 靴下（着替え） パンツ（着替え） ジャージ上 ジャージ下...
プレイ時間2500時間越えの筆者がVRCHATでまったりくつろげるワールドを紹介します！どれも超高クオリティですよ！！ATTO HOME -Usual-https://twitter....
VRCHATでみんなで遊べるワールドを筆者がよく遊んでいるゲームワールドの中から21個厳選してお届けします！どれもおすすめなので、行ったことのないワールドがあればぜひ行ってみてくださいね！！マーダーhtt...
「ブログリーダー」を活用して、designistjpさんをフォローしませんか？
雨の中 人工芝の上でフットサルをしていて、 転倒。 ボールを追いかけていた時から 転ぶ まであっという間だった。 転んだ時は、腕にものすごい衝撃があり これは折れたなと思った。
🧱 1. display: block 特徴：縦に並ぶ。幅は親の幅いっぱい。
✅ セレクタの記法と意味セレクタ意味.btn-teikiクラスが btn-teiki のすべての要素に適用.teiki .btn-teikiクラス teiki の子孫要素の...
After Effects でアンカーポイント（レイヤーコントロール）が見えなくなるのは、誤って「レイヤーコントロールを非表示」にしてしまっているケースがほとんどです。以下のいずれかで元に戻してみてください。
タイトルタグ挿入確認 メディアクエリ数値確認 全てのリンク遷移を確認 基本外側のコンテナーからmargin-paddingを設定 パラメータ数値確認 PC表示確認 SP表示確認...
1. % の場合 基準：親要素の幅（width プロパティにおける場合） 例：.child { width: 50%; }→ 親要素の幅の 50% になる ポイント： 親コンテナの...
LOLIPOPにてテストサーバー運用時にアクセス制限をどのようにするべきかを解説したいです。まず、テストサーバーの運用のため、ドメイン取得はやらなくていいというのが自分の意見です。
iflameを利用すると、動画の読み込みやhtmlデータを取得することができる。
スマホ↔︎PCの間の部分で リコピンカラムの部分の画像がめちゃめちゃ大きくなってしまうバグがある場合。
よくある飛び出す系の文字。ワープとかでは、曲線になってしまうが、直線ならば自由変形ツールで作れます。
CINEMA4Dで作成したデータをfbxにすると、テクスチャズレる問題。原因① 属性タグのオフセットU オフセットVが0になってない。原因② 原稿の水平垂直が守られていない。
この記事を読んだ方限定で4万5000円もらえちゃう豪華特典もあり（先着順）。ぜひ最後までご覧ください。
先日新卒から6年間住んだマンションを退去することになった。驚くべきことにこの退去費用が37万円。
筆者はよくみずほ銀行しかメインバンクを持っていなかった際に、みずほのATMが止まって現金を引き出せないということが多発した時期があった。
インボイス事業者でない場合も請求書に消費税を入れるケースが無いとは言えませんが、基本的には「消費税を請求する資格がないため注意が必要」です。
イラレでのjpg書き出しでは、スクリーン用に書き出しを選択すべきだと思う。他の書き出し方式では、拡大するとなぜかノイズが出ていてガビガビになる。
最近Photoshopを利用していて、地味に不便だったのが、ベクトルマスク反転問題。PSのアップデートでいつからか出現するようになり、地味に不便なので修正方法を忘備録的に残しておきます。
背面追加コマンドエルで新規レイヤー 追加グループ解除長押しで全解除SIFT cLICK でグラデからもスポイトできる。
特許庁のサイト考えているペットネームをそのままいれてもだめ。コツはカタカナで全部いれる。ロゴに関しては、ロゴに関する直接的な文字情報に加えて業界などを加えると、出てきやすい。例えば、H ロゴみたいな感じ。
Tverの入稿規程がかなり複雑だったので、備忘録的なメモを残しておきたい。筆者は映像系の学校を卒業しているが、なかなか厳しかった。。。
コンタクト 20セット 財布 運転免許証 ETCカード 航空券PDF パンツ 6 靴下 6 ズボン替 3 Tシャツ 6 ビニール袋 4 ポケットティッシュ イヤホ...
気になるフォントを探す。 https://pepk.hatenablog.com/entry/2019/05/25/000939かなり高精度でフォントを出してくれて便利。
全てのデザイニストのための総合メディアです。 Total media for all designists.
筆者は10年以上広告業に携わっているのだが、広告企画というものは本当に作るのが難しい。そんな中、このようにやればある程度納得される広告企画ができるよという、型をつくったので、参考にしてみて欲しい。
下記のサイトが非常にわかりやすい。
ピクセルはそのままに、画像の要領容量時の操作方法web用に書き出しなどでは、そもそも大きなサイズの画像が選択できなかったり等があるため、jpgを単純にphotoshopで保存し直すという作業をするだけで、サイズを変更できる。
①ノイズを出さずに色を変更する元レイヤーの上に液色レイヤーを作成カラーバランス （ノイズがでないまま色を変えられる）もれた場所を消しゴムで消す②ムラがある場合反対側にも良いなと思った場所をコピペ反転してどこをぬってい...
効果が反転している箇所がないか確認。
▶︎スケーリングを考える。・見出しとボディの主従関係は適性なサイズ感になっているかが重要▶︎グルーピング・あしらいを考えるそれぞれで言いたいことがスケールをしただけだとそのまま置いてあるという感じになってしまっている。
Photoshopによるイラスト切り抜き手順 線画抽出 下地にグリーンをひく 下塗りはぼかしのついたブラシとバケツの組み合わせで行う ぼかしのついた消しゴムで余った場所を削除 イラレ に貼り付けて、モレ...
