アラフォーからのプログラミングとデザイン

大人から始めたプログラミングとデザインについてのあれこれ

デザイン

WordPressのテーマ開発を解説するブログを作る

自分コンテンツ作りの一環として、WordPressのテーマ開発をデザインからやって、コーディング完結までを作りつつ、ブログに書いていくことにしました。こちらのブログの方にはリンクのみ貼り付けていきます。 yumiko-t.com 予定 デザイン・設計 Localでwordp…

新しいwacomペンタブとmoftのpcケースが届いた

注文してた製品が届きました! AEさわっていて、ノーパソのパッドでは限界があり、マウスよりもペンタブのがよいよ!ってなことで。PCケースは勉強会でかっこいー!っておもって教えてもらったケース。Moftってブランド。PC台にもできます。(15度と25度の角…

AfterEffectsのオンライン講座を購入と必要出費について

先週からAftereffectsの勉強のためにカズノコさんという方のオンライン講座を購入しました。3ヶ月の質問対応付きです。正直結構難しいです。今までチュートリアルはそこそこやってきてたんだけれど、どうしても自分のできそうなものだったり好きなものに偏っ…

細々リモートワークしています

先日会社が終了したので、今は細々リモートで仕事しています。他のブログで、全然戦略的ではないですが、私がふんわりリモートワークになった方法などを描いてみました。全然まとまらないけど。

ズボラPhotoshopにハマって作ってます

案件のコーディングが落ち着いてきたのもあり、久々にphotoshopを触ってます。久しぶりに触ると、全く忘れてました。

ノーコードツール(無料)でポートフォリオを作ってみる

こんにちは!Yumiko(@engineerman8)です。最近ノーコードが何かと話題です、shopifyとか、案件も結構たくさんあるらしいです。shopifyはちょっと置いておいて、先日、「画像加工や、デザイン関係のものでまとめてるポートフォリオみたいなのありますか?」…

Adobe XDの機能に驚く1週間

最近、自分でデザインカンプを作れた方がいいなーとCocodaというサービスを使ってXDの練習を始めたのですが、触り出してこんなにXDって便利だったの!?と驚いています。 むしろ、photoshopで前はLPデザインを作っていたのですが、XDの方がめちゃくちゃ便利…

Wordpressの既存テーマ、最初からこうすればよかった!ので設定したこと。

Wordpressでもブログを持っているのですが、有料テーマと無料テーマ、せっかくだからシンプルで人気な無料テーマのcocoonを使用して、色々cssをカスタマイズしよ〜そう思って、ちょこちょこ変更してたのですが、どうも、、、 垢抜けない

2021年に達成したいことなど

気がつけば年が開けてました。あけましておめでとうございます。今年色々やりたいことなどを書いていきたいと思います。 ところで、このブログ、アドセンスを自動挿入にしてるんですが、くまなく広告が入り込んでくるので、設定を近々変えようと思います、、…

Day24:photoshopでマーブル模様のデザインを作る

風景の画像を使って簡単にマーブル模様を作りました。ちなみに海外のチュートリアルを参考にしながらやったので、なんども聞き返しながら、、(表示も日本語ではないのでね)いくつかのやり方があったのですが、写真を使ったものが一番綺麗だったのでこれの…

Day23:photosopの新機能・ニューラルフィルターを使ってみた

photoshopに新機能でニューラルフィルターというものができたらしく使ってみました。最新版にアップロードしないと使えないので、photoshopのアップデートをしました(時間かかった!) helpx.adobe.com

Day22:photoshopで人が砂のように。チャレンジ復活しました。

体調も最近よくなってきて、ついコーディングばかり時間を使っていたのですが、adobeを使わないと勿体無い!という貧乏マインドと忘れそうだから使っておこうという気持ちが合間って、練習作品制作を復活することにしました。

Bootstrapで出た、ハンバーガーメニューが閉じないエラー解決

getbootstrap.jp 今作っているオリジナルアプリで、結局bootstrapを使おうと思いました。徐々に実装できてきたのですが、確認してみると、ハンバーガーメニューが開いても閉じない!以前他のアプリでやったので、コードを見比べたり、本家のサイトを色々読み…

入院中のweb系のインプット・アウトプットの予定。

先週から入院生活が始まりました!消灯時間が21時、22時はベッド周りも消さなくてはいけません。起床6時 というような小学生のような睡眠スケジュールになってしまいました。この入院生活があと2ヶ月弱ほど続く予定です。

Day21:イラレで水面に反射した文字

水面に映ったようなモワモワした文字をイラレで作りました。 いい感じにモワモワするのが感覚なのでしょうか、、、やっぱりなかなか手順は簡単だけどテクニックがいります。

Day20:photoshopでタトゥーを合成する

数日病院やらなんやらで死んでました。そろそろまたデザイン練習の旅に戻ってまいりました。 この時期の病院は色々大変です。

Day19:Photoshopでサムネイルに使えるインパクトのある文字を作る(動画あり)

あの、境界線が白、強調色、とついたものです。もちろん色は背景の色によって変えてインパクトをそれぞれ作っていけます。 すごい簡単。

Day18:photoshopで氷っぽいロゴに加工する

なかなかブログに書くまで労力が、、、ということでしたがちょっとずつまたアウトプットしていきます。 ちょっと私の作った画像は元画像が明るかったせいか、微妙かもしれませんが、表面の氷感はいい感じかなと思います。

Day17:Photoshopネオンカラーテクニックでおしゃれな画像を作る(動画あり)

めちゃくちゃ簡単にネオン感が出るPhotoshopの技を見つけました!

Day16:Youtubeのサムネイルテクニック研究

昨日はブログを書くまえに撃沈しました。 プレミアをいじったりしてるだけで完全に気力が持って行かれまして、サムネイルを作った時点で終わりました。

Day15:イラスト風に写真を加工する(動画あり)

鉛筆画のようなテクスチャにして背景となじませる加工をしてみました。 昨日飲みながらやったときは写真の選択ミスでいまいちだったけど今朝やり直したらうまくいった!

Day14:Photoshopでデュオトーンの画像を作る

Udemy やYoutubeでも参考にさせていただいているあくしょんさんの動画で練習しました!あくしょんさんの動画はいつも凝ってて難しいのが多いので(ほんと多芸)もしかしてこれも難しいのでは、、、?と思ったんですが全然簡単にできました、が、色の配色バラ…

Day12:イラレで文字の加工・文字をつなげる

昨日書こうと思って、寝落ちしてました。昨日はメールフォームを実装するのに手間取って、ずーと午後はvscodeの画面見てました。 昨日は午前中にやりました久しぶりのイラレ作業です。文字をつなげるやり方です。

Day11:Photoshopで簡単なネオン風のフォント

以前イラレで作ったときは全然作れず撃沈でしたが、photoshopでは簡単にできました。 イラレの方がちゃんと作ると精巧に見えるのでスキルアップしたらイラレでも再挑戦してみようと思います。

Day10:文字をくり抜いたデザイン

まるでレトロな喫茶店のドアとかを思い起こさせるのは私だけでしょうか。 とっても簡単な文字のくり抜き。 でもこれだけでアイキャッチとかにもなるし、おしゃれにしようと思ったらいくらでもできそう。

Day9:画像の1部にだけ色を付ける

ふと思いついて、そういえばあれはどうやってやるんだろう?と思って調べてやりました。バラの部分だけ色味をつけました。こういうポスターよくありますよね。

Day8:Photoshopのレタッチの練習

雑に仕上げちゃったけど、レタッチがいまいち上手くできない人なので、肌の修正を今日はやりました。 操作的には簡単なんだけど、いい感じにするのってやはり技術力、経験、なのでしょうか、、、。

Day7:SNSのバナー制作のサイズ感

技術的には特になにもしてないのですが↑文字を乗せて、不透明度を下げただけ。 Youtubeのバナーサイズが、規定どうり作ると、PCやスマホでみた時が全く違うということを知りました。

Day6:ビデオアニメーションで作るgif

ブログだと動きがちょっと遅いかも。 フレームアニメーションではなく、ビデオの方で作ってみました。 もしかしたらアフターエフェクトの方が簡単にできるのかもしれない??とは思いますがやってみると意外と簡単でした。

Day5:引き続きphotoshopでgif研究・文字の色を変える。

これは昨日作ったやつでこれを書いてるのはDay6なのでまた違うやり方も試したのだけれど、 gifの色を変えていくやつです。画像を移動させるやつより、ちょっと手間なんですけど、可愛いから、メッセージカードがわりの画像とかにもいいなーと思う! simpleda…