illustratorで文字を立体的にする

illustratorで文字加工。

おはようございます!

今日は雨がシトシト降っていますね。

普段ロックやパンク、ポップをよく聞くのですが、こういう雨の日はシャンソンとかクラシックを聴くのにピッタリです。ジャズもいいですね。

音楽一つで世界の見え方感じ方が変わってくる不思議・・(*´ー`*)

さて、今日はイラレで文字の加工方法を勉強しました。

文字を立体的に目立たせる方法です。

↑ブレンドで作成しました。

はい。こんな感じです。作った後に影の色や、影の方向も変えられます。

作り方を教えてくれたサイトさんはこちら!!

https://adluckdesign.com/ad_blog/52630/

アドラク広場さん、ありがとうございます!(*´ー`*)

アドラクさんのこのページでは、立体的にする方法、

①アピアランスでする。②ブレンドでする。

の2種類も載せてくれています。(別ページでもう1種類あり。)

しかもコツもわかりやすくて助かりましたm(_ _)m

アドラク広場さんも、クニヤ先生もそうだけど、出来る人、研究している人はなんとなくやってる人と違ってコツがわかってる所が素晴らしい。

私の今の職場の様に「目立たせて!」要望が多い時に使えそうですね。

このページに来てくれている方はやはりこういったillustratorとかPhotoshopの「~の方法やってみた」を見に来てくれている方が多いので、

今後も時間を見つけて私が勉強したサイトさんの共有をしていきたいと思います。

何かの参考になれば嬉しいです:)

そろそろサーバー引っ越しをしないといけないので、PFサイトは作り直し&このブログも引っ越しをする予定です。

引っ越し先はどこかでお伝えしようと思っています:)

それでは、ご覧いただきありがとうございました!

Illustratorで手書き風アンダーライン

手書き風アンダーラインの作り方。

こんばんは!

最近訓練校の仲間からのお薦めで、illustratorのプロ。

コロさんのアカウントをフォローしたのですが、試してみたい技がいっぱいでした。

その中の一つ、「手書き風アンダーラインの作り方」をやってみました!

こんな感じに:)

コロさん、ありがとうございます!

アンダーラインの作り方と、コロさんのアカウントはこちら!

https://twitter.com/coro46?s=17
https://twitter.com/coro46?s=17

明日から、PHPの復習、ログイン画面を作るためのララベルのEラーニングを進めていかなければ(>_<。)

こういうイラレとかフォトショの技術練習は、また隙を見つけて続けて行きたいと思います!

みなさん今日はどんな一日でしたか?

週のスタート月曜日。お疲れ様でした:)

ご覧いただきありがとうございました!

Illustratorで文字を目立たせる方法

目立つ文字の作り方。

こんばんは!

今日は久々にイラレについてブログに上げさせて頂きます!

私が今仕事でやらせてもらっているデザインは飲食関係のもので、

「カッコいい」とか「バランス」より「目立つ!!」が優先される事が多いです。

そこで、「なんか、とにかく文字を目立たせたい!どうやるの?」という方の為に

先輩から教わった文字の目立たせ方を共有します。

とても簡単です!:)

1、文字を入力します。そして、その文字を選択ツールで選択してください。

2、アピアランスパネルで、左下の黒四角をクリック!「新規線の追加」をします。

3、追加した線の色を変えます。背景の色によってお好みで。。反対色とかを選ぶと良いかもです。次に線をクリック。

4、クリックして出てきたプロパティで線の端と角を丸くします。

5、「文字」の上にあった「線」をドラッグして線の下に移動します。移動したら、線幅を太くしていき、いい感じの所でとめます。

6、そうすると、こんな感じになります。

7、また新規線を追加→3→4→5と同じ要領で進めて。。今度は色を白にして、線幅3ptに。

8、そうするとこんな感じになります。↓

これでもだいぶ、くっきり主張されている感じになりました。

いや。まだまだ、もっともっと派手にしたいんだ。

という方は、さらに。

9、左下の白い四角をクリック。新規で塗りを追加して、色を「グラデーション」色にする。

10、後は、グラデーションの色を変えてみたり、角度や種類を変えてみたりしてお好みのものを選んで完成です!

はい。こんな感じです:)

参考になれば嬉しいです。

今日は久しぶりにEラーニングから解放され、久々に自由を感じました(笑)

本も映画も見たいものが溜まっています(笑)

一日36時間くらいあったらいいのにな~:)

それでは!今日はこの辺りで。

ご覧いただきありがとうございました!

Illustraorで地図練習。

Illustraorで宝の地図を描いています。

こんばんは!

今日はテンションが上がって「宝の地図」を描いています:)

まだ途中ですが・・(笑)

地図の描き方が載っているサイトはコチラ!http://inomacreate.com/illustrator_lectures_map/

猪股 浩平 さん、ありがとうございます!


そしてその後・・・↓

リキッドルームをどうしても入れたくて広域にしすぎました。ありゃ。失敗w:<

うーん。。色が無いと余計みづらいかな。

なぜ、そんなにテンションが上がっているのか?

それはですね、以前ブログでも書いた事がある面白い会社さん。

「ルイーダ商会」さんの「ルイーダ超会議2」(映画みたいw)の開催が決定しました!!!(パチパチパチパチ!)

そして!

前回の超会議で社長が構想をお話されていた、 「ルイーダアカデミー」の 講師、教材、会社設立の目処がたったとの事!(ワーイ!!)

その「ルイーダアカデミー」では未経験でもWeb業界でお仕事が出来る様に、様々なスキルを学べるのです。

第一弾ではビジネススキル、PC初期スキル、システム開発(Java、PHP、rubyのいずれか) を学べる予定のようです!

社長の大村さん(勇者)はWeb業界で未経験者が稼げるようになるのには時間がかかり、

未経験者の就職活動は苦難の道で、お祈りラッシュになってしまう現状を良くご存知で、

その現状を変えたいとも仰っていました。

弱者にも優しい。そして有言実行。

流石勇者ですね:)

職務未経験でのWeb業界の就職活動に苦戦しているそこのあなた!

ルイーダ商会さんのHPはコチラです!https://luida-shoukai.jp/

ルイーダ超会議第二弾の詳細はコチラ!https://luida-shoukai.jp/blog/kettei/

もしご興味があれば、ちょっと見てみて下さいね:)

それでは、本日も一日お疲れ様でした♪

ご覧頂きありがとうございました!

Illustraor練習。

Illustraorでサイト内の説明図制作。

こんにちは!

今日は友人から依頼されている、「引っ越し祝いについて」のサイト内で使う

記事内容の説明図を作っています。

「いらすとや」さんにパーツがあれば良いな・・と思い覗いてみたらありました:)

いらすとやさんにはホントに何でもある!!(笑)

令和になった時も、即その日に令和イラストが用意されていたし。

素晴らしいですね。(ありがとうございます♪)

作業BGMに、TBSラジオの「安住紳一郎の日曜天国」を聞いていたんですが、

今日の安住さんのトークはいつもにも増してキレッキレでした:)

このラジオは、毎回ハズレなしで笑っちゃう位、面白いのでオススメです♪

それでは!今日はこのあたりで。。

ご覧頂きありがとうございました:)

Photoshopで画像切抜き

Photoshopで画像切抜き練習しております

こんばんは!

今日は画像の切り抜き練習をしています。

その過程で夏限定レモネードの広告みたいなの作ってみてます!(まだ途中です。笑)

rawpixelによるPixabayからの画像

Maja CvetojevićによるPixabayからの画像

躍動感を出すにはどうしたらいいかな。と研究中。。

背景の元画像はこちら↓

画像提供:ぱくたそ

海の波打ち際の画像をPhotoshopで加工しています。

スクリーンとかリニアライトを使いました。

もっとみずみずしさと躍動感を付けるために水滴の付け方も調べてみよう:)

もっとしずる感!(芸人のしずるが浮かんでしまうw)

それでは、今日はこのあたりで!

一日お疲れさまでした!

ご覧いただきありがとうございました:)

ワイヤーフレームって。

Photoshopでデザインカンプを作成する方法

こんばんは!

台風が迫っているそうですね。

明日は電車が止まらない位で、お手柔らかにお願いします!<(_ _)>

さて、今日はPhotoshopでサイトのデザイン案を作る方法について。です。

面接を受けた会社さんの幾つかは「サイトのデザインはPhotoshopでやってます」と仰っていたので。。

訓練校では大まかなサイトデザインはXDで習いましたが、あまりXD使っているよ!っていう所は無かったです。なんでかな?

まぁ、そんな訳で。

調べてみると、Photoshopでも色々やり方があるんですね。

参考にしたサイトはコチラ!http://designersnavi.com/photoshop-comp/

WEBデザイナーズナビさん、ありがとうございます!:)

参考にはしていないけど、文章が面白かったのでコチラも! http://creator.dwango.co.jp/8745.html

ジェイさん、笑いをありがとうございます:)

サイトデザインはまだ途中でして、これだとブログに何も載せられない。

そこで、とりあえず観覧車描いてみました。(笑)

youtube風。

なんか、最近やっつけ多いな!

すみません!!(笑)

それでは、ご覧いただきありがとうございました!:)

本日も一日お疲れさまでした~☆

Illustraorでポートフォリオ編集

Illustraorでポートフォリオ編集をしています。

こんばんは!

今日はIllustraorで紙版のポートフォリオを編集しております。

なんかふざけたくなってしまうな。でもシンプルに。まじめにやります!

この後Photoshopで画像切抜きスピードアップ大作戦してみよう!(沢山切り抜きやるってだけですけど)

一日ってなんでこんなにあっという間に過ぎていくんですかねー。

もう6月も残すところ5日なんて。おかしいなぁ。ついこの間「令和!」とか言ってたのに。。

まぁ、年を取るとこんな感じなのかな:)

今日は電車から見えた夕焼けがとっても綺麗だったから良しとします。

それでは、今日も一日お疲れさまでした!

ご覧いただきありがとうございました:)

Illustraorで文字をグラデーションにしたり。

Illustraorで文字加工の練習

こんばんは!

私がデザインの勉強をし始めてから、よく思うのが、

「文字と画像で印象が全然変わる」

という事です。フォント職人の仕事があるならなりたい(笑)

という事で今日は文字加工の練習をしています。

文字加工の方法は、こちらのURLから!https://helpx.adobe.com/jp/illustrator/how-to/original-type-font-2.html?playlist=/jp/ja/ccx/v1/collection/product/illustrator/topics/j-featured/collection.ccx.js

Adobeさん、ありがとうございます!

↑上のリンクのサイトでは文字加工の方法が幾つか載っていて、

1、 文字の一部を分断する

2、 ワンポイントを入れる

3、単純な線にする

4、 図形で囲む

5, 一部を伸ばす、つなげる

6、 カリグラフィーっぽい飾りを入れる

の6パターンのチュートリアルが学べます!

この6パターンを使うだけでも、クラウドワークスでロゴデザイン応募とか十分できる気がします。

文字をグラデーションにする方法も。。

グラデーションにする方法のURLはこちら!https://daikirider.design/illustrator-text-gradient/

マツモトダイキさん、ありがとうございます!

文字の一部を分断加工したものの色違いです。かわいいホッコリ系にしました:)
葉っぱとかイラストつけたい(笑)

今日、ツイッターでこんなニュースが流れてきて、また技術の進歩の速さと素晴らしさに感動しちゃいました!

凄いなぁ。。あとはニコラテスラの世界システムを実現できたら、いろいろひっくり返って面白いのにな。

イスラエルって「戦争・紛争」的イメージしかなかったけど、勉強不足でした。

先日アイアンマンスーツも完成して、人が飛べるようになっていたし、

風と電気で飛ぶ「メーベ」が実現する日も近いかも?:)

それでは、ご覧いただきありがとうございました!

スタートダッシュの月曜日、お疲れさまでした!

良い夜を~:)

Illustraorで文字を光らせる方法

Illustraorで文字加工練習。

こんばんは!

今日はIllustraorをいじっています。

文字の光らせ方の練習をしています。

参考にしたサイトはコチラです。https://a-kin.com/blog/illustrator_moji2.html

アーキンデザイン研究所さん、ありがとうございます!

こんなに簡単にほんのり文字が光るのか!:)

ふむふむ。

今日はこのあたりで!

ご覧いただきありがとうございました!

夏っぽさ。

特集ページへ誘導するトップ画像制作

こんばんは:)

サイトのデザインがとても可愛い、私のお気に入りの女性用化粧品メーカーのサイトがありまして。

たまに見に行くのですが、普段はナチュラルでブラウンベース 、植物モチーフも沢山使われているサイトですが、今日覗いてみると、若干夏っぽく淡い水色を使っている特集ページが増えていました。

そこで今日は夏っぽいデザインを少し研究してみました。

夏っぽいサイトデザインは原色でカラフルだったり、全体のベース色が「水色」を使っている事が一番多かったです。ヤシや水着の女性や、海、カキ氷、水など夏をイメージさせる画像やアイテムを使っていました。

ふむふむ。

自分でも夏っぽいアイキャッチ画像を作ってみました。

フォントは”LemonTuesday”にしました。

ヤシの落書きも左上に加えようかな:)

Foundry CoによるPixabayからの画像

”LemonTuesday” フォントのダウンロードはこちらです↓

https://www.dafont.com/lemon-tuesday.font

似たような感じで、夏っぽい画像に合いそうなフォントがもう一つ。

”puzzl”フォントのダウンロードはこちらです↓

https://www.pixelsurplus.com/freebies/puzzled-free-trendy-script-font

HPのTOP画面のカルーセルに埋め込む、夏限定商品のアイキャッチ画像も作ってみました。↓

dungthuyvunguyenによるPixabayからの画像

久しぶりにIllustraorで立体を作ったけど、やっぱりやらないと忘れてしまうものなんだなーと思いました。

海外ドラマの”スーツ”の主人公みたいな記憶力が欲しいものです。

もしくは暗記パンをパスコさんに開発して欲しい。

山崎さんでも良いです。宜しくお願いします(笑)

それでは今日はこのあたりで!

ご覧いただきありがとうございました!!

良い夏を~!

Illustraorで和風ロゴ制作

クラウドワークス。

こんばんは!

今日は暑かったですね。

ここの所、和風モダン研究をする事が多かったのですが、

折角だから、クラウドワークスで和柄案件ないかな?

と少し覗いてみた所、和風ロゴ制作の案件がタイムリーにあったので応募してみました。

今提案しているモノの他にも幾つかパターンを作って出して見ようと思います!

今日は作ったロゴはブログに載せられないので、

案を考える時に作った扇オブジェクトを・・(笑)

扇型を書いて、複合パスで簡単に作れます。素うどん。

扇型の書き方ってどうだったっけ?という方は

こちらのサイトをご覧下さい。http://irare.seesaa.net/article/152032012.html

「Illustraorの使い方」さん、ありがとうございます:)

私は最近ずっとドラキュラなのでもう少し色々やってみます:)

今日はこの辺で。ご覧頂きありがとうございました!

皆様良い夢を~!

Illustraorで和柄制作

Illustraorで和柄研究。

こんばんは!

今日は和柄研究をIllustraorでしています。

和柄の書き方で参考にさせて頂いたサイトさんはこちら!

最近暑くなってきましたね。

私はもう蚊に3箇所さされました。

痒くしないでくれれば幾ら吸っても良いのに・・。蚊め。

タイムリーにラジオで虫除けスプレーについて、キンチョーの社員さんが話していてびっくりしたのですが、

虫除けスプレーって「蚊が嫌がる匂いを身体につけて、蚊が寄ってこない様にする」と思っていたんですけど、違うんですって!(井戸端会議中っぽい口調になってしまいすみません。)

そう。違うらしく。「人間が居る事を認識できなくさせる成分を身体に付着させる」らしいです。

つまり、「虫除けスプレーをつけた人=蚊にとって透明人間になる」

耳なし芳一方式なんですね。

耳なし芳一のお話を知らない方はこちら。

そういうわけで、虫除けスプレーを使用する時は、「ムラなく!!」が大事だそうです。

耳にまでつけたくないですけどね(笑)

皆様も蚊にはお気をつけ下さい。

それでは。ご覧いただきありがとうございました!

今日も一日お疲れさまでした:)☆

Photoshop×Illustraor練習

文字+wave背景

こんばんは!

今日はいいお天気でしたね。最近日が伸びた気がする。

さて、今日はPhotoshopとIllustraorで文字×ラインのwave背景加工練習をしました。

参考にしたサイトはコチラ!http://pasonal.com/photoshop-x-illustrator-wave/

PASONALさん、ありがとうございます!

最近Photoshopで作業する時、反応が遅くなっている・・。

メモリ増設をしてだまし騙し使って来たけれど、Macが欲しいな。。

働かねば!!:)

このままデザイナーアシスタント職系でお祈りが続く様なら、最終手段の

1、先生にアドバイスを貰った様に、ディレクター方面でも仕事を探す。

2、前職関連で仕事を決めて、クラウド ワークスでレベル上げする。

をしないとな。

それでは、今日はこのあたりで!

ご覧頂きありがとうございました:)

凄い会社さんを見つけました!

Illustraorでフリマフライヤーのパーツ制作

こんばんは!

今日はフリマフライヤーのサイトパーツ制作をしています。

求人も毎日の練習と平行して、ダメ元で応募し続けているのですが、

凄い会社さんを見つけました!!

その名も「株式会社ルイーダ商会」!!

自社サイトが冒険の書風という。驚きの会社さんで、働いている方たちもとても面白そう!(↓URLはコチラです)

https://luida-shoukai.jp/

求人自体は typeで出しているみたいです。
https://type.jp/job-7/1122482_detail/

先生に却下されてお蔵入りした「冒険の書風ポートフォリオ」の出番かも?(笑)

募集も殺到して、既に採用を決めた方が18人居ると書いてあったので、もう遅いかもしれないけど。

でも、世の中にはこんな面白い会社さんもあるんだな。と思うと、少し転職活動に希望を持てるし、楽しみになる。

もし良かったらチラ見してみて下さいね!

それでは!本日も一日お疲れさまでした!

ご覧頂きありがとうございました:)

Illustraorで地図制作練習

Illustraorで地図制作

こんばんは!今日はいい天気でしたね:)

今日は帰宅した時間が遅かった為、慌ててIllustraorを起動。

1時間以内で出来る作業はないか?と思い、簡易地図の制作を(やっつけでw)しました!

以前面接に行った時に、アシスタントさんが地図作成で与えて貰える時間は約3時間程と仰っていたので、

これは↑クオリティがあれですが(笑)、ちゃんとやっても3時間はかからない。

なんとかセーフかな。。?

最近就活の影響でテンションが下がり気味だったので、近いうちに、完全に自分の好みでフリーマーケットのフライヤーを作ろうかな?と思っています。

以前先生に薦めて頂いた「UI/UX」の本と「佐藤オオキさんのスピート仕事術」の本も読むのが楽しみです:)

良かったらブログでお知らせ致します。

それでは、また。

ご覧頂きありがとうございました!

良い夢を~:)☆

カフェサイトパーツ制作。縄模様の作り方。

Illustraorで縄模様作り。

今日もカフェパーツ作りをしています。

やっと。サイトのファビコンとマークが完成しました!:)

湖のそばにあるカフェで、ボートレンタルもしているブックカフェ。

グランジ感を少し試してみたのがコチラ。

テラス席があり、ワンちゃんも連れて寄る事ができる素敵なカフェを想定して作っています。

画像集めも完了したので、いよいよコードを組もうと思います。

ボート乗ったことありますか?凄く楽しいんですよね。あれ。

「ゆったりも出来て、ワクワク感もあるブックカフェ」をデザインで表現するのが目標です。

がんばりまーす!:)

縄の作り方はコチラのサイトを参考にしました。

橋本さん、ありがとうございます!http://ess-graphics.com/blog/2016/11/pattern-brush/

もう梅雨入りなんでしょうかね。。乾燥機が欲しいなぁ。

所で。寝る時に見る方の夢なんですが、

私はカラーでバックミュージックがながれております。

映画見るのがつまらなくなる位には面白い内容なので、寝るの大好きですw

犬やネコも夢を見るらしいですね。(たまに足バタバタさせてたりしませんか?)

みんなどんな夢をみているのかな。。

それでは。ご覧頂きありがとうございました!

素敵な週末を!!:)

今日の作業曲: https://amzn.to/2OVJLDh

サイトパーツ制作

Illustraorでサイトのパーツ制作

カフェサイトを作ろうと思っていて、今そのパーツを制作しています。

しかし!!

なぜか今日は全っ然アイディアが浮かばない。

そして進まないです。。ひ~。

なぜ!!:<

本当は浮き輪風にして縄を回りにつけたい。でもホント進まない。W

まぁ。そんな日もありますね。

ちょっと読書でもして気分転換しよう。

実際に素敵なカフェに行くのも良いかもなぁ。何かヒントがあるかもしれない:)

今日も暑かったですね。

一日お疲れさまでした!ご覧頂きありがとうございました♪

引き続き和風モダンデザイン研究

Illustraorでメニュー作り

今日もメニュー作ってみたり、サイトパーツ作りをしています。

和風のかっこいいモダンな雰囲気のサイトを参考にして練習していますが、

共通しているのが、空白のとりかた(空白多め)、細かい所の拘りが凄いなぁと思います。勉強になります。

背景は質感を出す為、くしゃくしゃペーパーを何枚かPhotoshopで重ねて作りました。グリーン文字の練習で知った技です。

背景をなくしたり、枠をつけたり、無くしたりするだけで印象がだいぶ変わる。。

面白いなぁ。。

色々試してみたいと思います。

それでは、今日も一日お疲れ様でした:)

ご覧頂きありがとうございました♪

Illustraorでメニュー作りの練習

Illustraorをいじってます。

こんばんは!

先日購入したフォントの本が届いたので文字を試すのと、練習の為にメニュー作りをしています。

和風モダンってどう作れば良いかも色々試し中です。

モザイク薄かったから濃くしました。(・・;)

楽しい!!:)

今日の面接官の方は気さくな上に凄くお話が面白くて、面接が楽しかったのは生まれて初めてでした(笑)

人柄というか、考え方も素敵で、この人の下で働けるなら多少キツかったりしても頑張れるんだろうなぁと思いました。

採用されますように!!

さて、ここ2日面接であまり練習や制作が出来ていないので、明日は一日ガッツリ色々やろうと思います。嬉しい。

1ページだけのカフェサイト作ろうかと思っています。

あ!日付が変わってしまう。

それでは。今日も一日お疲れ様でした:)

ご覧頂きありがとうございました!

今日の作業曲: