こういう抜けがあるけど洗練されててぴったりグリッドに沿ってるデザイン 自力で作れるようになったら素敵だなあ… ずぼらphotoshpより、デザインの作り方アイデア図鑑の作例やってるほうが いまの自分には合っていて学びになる気がする。 タイポグラフィーの…

すっげ〜時間かかった気がするけどなんとかできた… ! ちっこいイラストはスプーンとフォーク作っただけで力尽きたから お手本にあったお皿と箸は作らんかった（） このフォントすごいいいな〜。ほんとに手書きに見える - Duos Brush Pro あしらい作って線で…

適当に木はやすのが楽しかった〜 細っこい木をビルに沿わせて、クリッピングマスクで消すとツタっぽくなるなど アイデアと知識があればいろんなことできるんだなーと思った ただ、木を街になじませるのが難しかった。。（ぼかし入れてみたりしたけれど） な…

やりがちな間違ったデザイン勉強方法 pic.twitter.com/Qd1WMdiKPu— デザイン研究所 (デザ研) (@designkenkyujo) 2021年6月30日 うーむ。これ見ると トレースばっかやってるのも考えものだなー 金曜はオリジナル作ろう！！

←元画像 模写→ 今回からカラーパレットも添えることにした。。 制作時間 2.5hくらい フォント 和文 A-OTF 太ゴB101 Pr6N 欧文 (Shopping) ITC Giovanni Std / Bold Italic ★このフォント好き (Addict) Neue Haas Grotesk Text Pro / 76 Bold Italic (2021) …

イラレで文字をアウトライン化し、 ダイレクト選択ツールでパスを引っ張って文字を変形 手法は単純だけど、いい感じの見た目にするのがなかなか調整難しいかも…と思った あと画像の比率とか、文字の置き場とか 心地いい数値・位置がまだよくわからない‥ レイ…

平日模写して、土日オリジナル作るのどうかなー と思ったが 土日は時間つぶれやすいので 金曜にオリジナルにしようかなー お題がほしいーさがそ

なんか…… せっかく頑張ってるのに、Photoshopでpsdファイルを保存できない不具合が起きていて こわいのでまだ途中だけど終わりにする。。。 （あと残りは、欧文上のあしらいのみ。） このエラー。。。 ファイルを開いたり保存したりする際に、「プログラムエ…

できる人の作業動画を見るのがいっちゃん参考になるな。。 と、クリスタのコーディング解説動画見ながら思った （Emmetの活用とか、class名の付け方とか、作業工程とか…）

←元画像 模写→ 制作時間 3.5hくらい 写真とフォント探すのにまずめっちゃ時間かかる フォント ITC Avant Garde Gothic EV will be NEW NORMAL! VOL.01 Honda e Bebas Neue MONTHLY JOURNEY JUNE 2021 小塚ゴシック Pr6N で日本のアメリカへ。 ※WhatTheFontで…

ズボラPhotoshopという本に載っている 006 サイバーで未来的なグリッチ加工 が結構好きな仕上がりだったので、メモ。 画像レイヤー複製して長方形選択ツールでランダムにずらしを作ったら フィルター＞表現手法＞分割 フィルター＞ぼかし＞ぼかし（移動） 最…

クリ★スタというサイトに上がっているコーディング課題の初級編おわった〜〜 crestadesign.org 初級編でありつつ、サクッとできないところも多くて もっと精進せねば。。。という感じだった ハンバーガーメニューは次回からさくっとできそう あと、次回はフ…

模写というかトレスから 今日から AMバナー作成 PMコーディング って感じでがんばっていきたいぞーー 制作時間 3hくらい 写真 同じアングルで食べ物もっている女性の写真をチョイス 色合いまで同じものは見つけられず フィルムカメラで撮った風に色調補正＋…

デザ研のサイトがすげーー参考になる desaken.com desaken.com 今月はできれば 午前デザイン 午後コーディング って感じで勉強していきたい。。 午前だと短いから、〜15じまで とか。

フォントサイズや、マージン・パディング・widthなどの値をvw使ってレスポンシブ対応させる練習 スマホ幅375pxのビューポートを基準にしたからか、PCだとサイズがやたら大きくなったりして なかなか難しい。。。。 【CSS】結局レスポンシブでのフォントサイ…

ルナソル レスポンシブサイズ変更の機能に慣れるため、複雑じゃないシンプルサイトで練習ー PCからレスポンシブ化していくのが若干やりづらかったので（サイト構成によるかも）、今回はSPから引き伸ばしていくかんじに 単純なレイアウトだったから特に苦もな…

ライツ社 ファーストビューのメインビジュアルの余白を適当にしてしまったので その分ずれてるけど、結構再現できたんじゃなかろうかー！ 今回はここからレスポンシブでタブレット、SPのデザインも用意してみるー

友達に教えてもらったNotionというサービス とても使いやすい・・・。 ナレッジまとめるのに今後はこれを使っていこう このブログは、、制作物の記録にするか、どうか。

coliss.com この記事見て知った、Adobe公式のXD使い方解説動画 とても分かりやすくてよい〜〜。

ネクサス大浩という会社のサイトが良いなと思ったので模写しました https://nexas-oohiro.co.jp/ メインビジュアルのサイズが大きくなってしまいその分ズレてるけど わりと再現できたのではと思う！ 位置ずらしや、文字を透かして配置するデザイン コーディ…

デザインの練習で、XD使ってサイト模写 FANCLのサイトを模写しました 模写のやり方で参考にしたサイト stand-4u.com note.com note.com キャプチャ横にはっつけたり、薄くしてトレースするだけだと 思考停止しちゃうかなと思って いったん横には並べず、最後…

wordpressでランキング（閲覧数）取得をプラグイン（Popular Posts）に切り替えようとしたら なんか他のプラグイン（Meta Slider）が動かなくなった？ので 原因よくわかんないけど戻し〜〜。 こんなときgitの本領発揮ですね コミット前だったら ↓みたいにフ…

参考サイト cage.tokyo laptopreneur.net 前者だけだとうまくいかず（閲覧数取得できてないのか、1位の記事しか出ない）、なんでやー？？となってたところ single.php に を記述したらうまくいきました。 やはり、記事詳細で閲覧数取得できてなかったっぽい…

最近は自作メディアサイトのwordpress化を頑張っていた 「ハンバーガーメニューが開かないよ〜〜＞＜」と jsファイルの読み込みとか、jQueryのwordpress用の書き方とか 重点的に見直して 格闘・・・ の結果、単に ハンバーガーメニュー開いたときの画面の記…

これはもう、おもっくそ元のサイトをまるまる参考にしたのですが .container { padding: 0 20px; @media (max-width: 780px) { padding: 0 15px; } } .news { margin-top: 40px; &Container { @media (min-width: 781px) { display: flex; margin-right: -12…

模写コーディング続き レスポンシブで正方形維持するのはどうやってやるんや？？ となったが ↓のサイト参考にしたらできましたー！ web-no-hito.com &__movie { display: flex; &Item { width: 50%; position: relative; &:before { content: ""; display: b…

模写コーディング続き。間が空いてしまった 要素を横並びにするとき、つい安易にdisplay: flex使いがちなのですが 親要素を用意してあげなきゃいけないのでhtmlの記述がその分増えるため 今回はdisplay: inline-block使いました。 日付・プレスリリースのタ…

左が元ロゴ、右がトレース 直線的なロゴはトレースしやすいな 曲線のを練習します

イラレの操作に慣れるためロゴトレース ペンツールと曲線ツール使用 曲線ツールで線で描いたら パスのアウトライン化して塗りの形式に変えると 加工しやすい。 左：元ロゴ 右：トレース 手書き風文字（since1954）は曲線ツール 他はペンツール（丸は図形ツー…

display:flexで横に均等に4つ並べたいときはwidth:25%でOKだが 3つのときはwidth:33.33%にしていた サイト模写していたら width:calc(100% / 3 - 0.5px)という書き方を発見 実際、33.33%だとうまくいかず、この記述なら真似できた こっちのがなんとなく美し…