みなさん、リモートワーク、テレワーク、WFH生活どうでしょうか？ この生活がどれだけ続くか分かりませんが、案外会社が回ることがわかったことですし、新型コロナウイルス問題収束したあかつきにはリモートでの仕事をすることができるような日々が来るかもしれませんね。 そんなご家庭にこんな働き方もありまっせ！ということで、決まった曜日にリモートをすることにより、共働きの家庭の未就学児に習い事をさせ、子育てを充実させてみたので、それについて書いてみます。 前提 Ubieの定義 Ubieには2020年3月現在、UbieとUbie AI Consulting(UAC)の2つの組織が存在しています。 このエントリーでは私が所属している開発を主に担当しているDevチームの話になります。UbieのDevチームはコアタイムなしのフルフレックス制度を採用しています。 UACの詳細はきっと UAC代表 がどこかでしてく

この手描き風ブラシを作る方法は、たったの2ステップ。「ハード円ブラシ」を選んで、ブラシパレットで「シェイプ」と「散布」のふたつにチェックを入れるだけです。 ブラシパレットは、ブラシツールの側にあるブラシ立てのアイコンマークをクリックするか、メニューバーの「ウィンドウ」→「ブラシ」で選択して開きます。また、ショートカットキー「F5」でも呼び出すことができます。 ブラシパレットを開くと、上記のようなウィンドウが出てきますので、「シェイプ」、「散布」のチェックボックスをクリックします。「シェイプ」はペンタブレットの筆圧を感知して線に強弱を付けられる機能、「散布」は輪郭をランダムに分散させてデコボコとした表現にできる機能です。このふたつをオンにすることで、筆圧に応じて変化する自然な線が描けるようになるのです。 ペンの散布の粗さは、ブラシパレット内のスライドバーで調整が可能。パレット下部に表示される

We use cookies to give you the best possible website experience. By using SchemeColor.com, you agree to our Privacy Policy X

Thousands of trendy color gradients in a curated collection that is updated daily. Get a fresh color gradient for your next design project and save all the gradients you like.

Illustratorでだって、美しい星空描けるんです！ というわけで、今回はIllustratorで美しい天の川を描いちゃいます！ 大好きな宇宙を大好きなIllustratorで描くというコンセプトのもとつくった、久しぶりの誰得チュートリアルとなっております。 力技なので実用的ではありませんが、「Illustratorでもこんな風にできるんだなー」と思っていただければ幸いです。 完成予定図 使用ソフト：Adobe Illustrator CC （シンボル機能があれば、前バージョンでもできると思います） Step 1　準備 アートボードサイズ　500×500px このチュートリアルでは 【アピアランスパネル】（Shift + F6） 【シンボルパネル】（Shift + Ctrl + F11/Shift + Command + F11） 【ブラシパネル】（F5） 【グラデーションパネル】（C

今回はIllustratorの機能を使ってロゴなどのカラーバリエーションを一瞬で作る方法をご紹介します。 季節柄・・・今回は年賀状を想定してこちらの画像を用意しました。 ロゴ制作の時などにもよくありがちなのが、 「もっと違う色味のパターンがみたいんだよね～的なことを言われた場合・・・。」 ベタで単調な配色だといいんですけど、今回のようにグラデーションが使われてたりすると、一個一個設定し直すのは相当手間ですよね？ しかし、Illustratorにはものすごい強力な機能があるんです。 「オブジェクトを再配色」を使ってみよう 色を変えたいオブジェクトをグラデーションも全部含めてまるっと選択します。 「編集」→「カラーを編集」→「オブジェクトを再配色」または、下図のボタンをクリック。 次に編集をクリックします。 「ハーモニーカラーをリンク」にチェックを入れて色相の中の任意の色をクリックしてベースカ

お久しぶりの和柄チュートリアル。今回は千鳥格子を作ります。英語で言うと「houndstooth」犬の牙と小鳥、例えが異なって面白いですよね。 完成予定図 使用ソフト：Illustrator CS5.1 Step1　６つの頂点の星を描く まずはじめに、上メニュー＞表示＞スマートガイド（Ctrl+U）でスマートガイドを有効にしておいて下さい。 スマートガイド→有効 SmartGuide→on 星を描く スターツールを選択後、ドラッグで星を描きます。 ドラッグしている最中に↑↓キーで頂点の数を変更することができるので、頂点の数を６つにしておいて下さい。 Shift+Alt(Option)を押しながらドラッグをすると、図のような星を描くことが出来ます。 スターツール（頂点6つ） +Shift（オリジナルの向きを保つ） +Alt/Option（対応する２辺を直線上に揃える） 星を横に広げる 続いて拡

今回はアピアランスで作る市松模様の線のチュートリアルです。 アピアランスで出来ているので、グラデーションが使えたり、バリエーション作りが簡単！ぜひ、お試しください！ ※このチュートリアルは2015/1/28に行われた第162回バンフーセミナーにてご紹介した内容に加筆（主に冗談部分・補足・注意）を加えたものです。 Step0 ・以下のパネルを表示させておいてください。 アピアランスパネル ・チュートリアルで使用しているIllustratorはCC2014、ツールの名称などはCC2014にあわせています。 ・カラーモードはRGB、基本単位はpxを使用しています。 Step1　線プロファイルをつくる 市松模様をつくる準備として、線の位置を調整するための線プロファイルを作っていきます。 ※このステップは以前ご紹介した 『【Illustrator】オープンパスで線の位置を変更する（内側・外側）方法』

シズル感とは、一般的に “ヨダレが垂れるような、よりおいしそうに感じる表現” として広まっています。おもに広告業界で、購買意欲を高めるために使われます。 例えば、ハンバーグの写真をより美味しく見せるために、次のような会話が交わされます。 「この写真、湯気を足してシズル感を出せないかな？」「いいね〜この照り、シズル感が出てるよ！」ただし、シズル感の本来の意味で言えば、お客さんが商品を買う理由になるものを表現した言葉であって、食べ物だけに使うものではありません。 例えば高級車で言えば、速い速度で走行する「スピード感」や、鏡のように「ピカピカに光ったボディ」、重厚な「革張りのシート」などが、シズル感としてあげられます。 この記事では、シズル感の本質、五感に訴えるシズル感の使い方、コピーライティングでの使い方についてお話しします。 シズル感を適切に表現して、お客さんの購買意欲を刺激するために役立て

フリーランスになってお仕事を頂くお客様と直接話す機会が増えてきました。 会社員の頃は受託の仕事ではなかったので、こういった経験がないまま独立したため、最初に聞いておくべきことや確認する事が非常に多く、結構時間がかかります。 僕の場合、Webサイトを作って欲しい、リニューアルをして欲しいという要望からヒアリングをするというのが多いのですが、ちょっとどういった事を話し合っているのかを書き留めようと思います。 最初の打ち合わせ前に行うこと お客様との打ち合わせの前にその業界について色々調べます。というのも、我々サイト制作者はあくまでサイト制作のプロであって、お客様の業界に関してはほぼ素人なので知らないことばかりです。 そうなると、自分がデザインを作るとしても、何故その色なのか。何故その配置なのか。という部分がぼんやりとしてしまうので、最低でも どういう商品が今人気があって注目されているのか どう

最近新しく追加された position の新しい値 sticky が場合によってはすごく便利なので記事を書いてみます。 対応ブラウザがまだあまり多くないので実用性は乏しいかもしれませんが、今まで JavaScript の力を借りなきゃ出来なかったことがたったの2行の CSS で出来てしまう魔法みたいな position の値です。 position: stickyMDN が説明が詳しいので貼っておきます。 参考：position - CSS｜MDN 簡単に言うと「スクロールでその位置まで来たらそれ以降は fixed する」みたいな感じです。 サンプルこの記事内で「position: sticky」や「サンプル」など h2 要素に position: sticky をかけています。対応ブラウザであれば h2 要素が fixed しているはずです。 HTML<h2 class="h2-stic

jQuery、JavaScript を使ってスライドショーを作るのが昔は一般的でしたが今なら CSS だけでも十分スライドショーに見える仕組みを作ることが出来ます。 この記事ではシンプルにフェイドイン・フェイドアウトで画像が切り替わるスライドショー作ってみます。下の方にデモも作りましたので参考にしてみてください。 作り方制限を緩めて作ることも当然可能なのですが説明をシンプルにするために、画像の形は正方形限定です。サイズに関しては制限はないですが width、height 属性はあった方がいいのでそろえた方が楽に HTML をかけると思います。画像の枚数も制限を付けて8枚です。 HTML<div class="photo-show"> <img src="画像のURL"> <img src="画像のURL"> <img src="画像のURL"> <img src="画像のURL"> <im

【スタイル】は東京都渋谷区でホームページ制作を行うウェブ制作会社です。ウェブサイト制作、SEO対策、ウェブマーケティングなどを承っています。良質テンプレートでの格安ホームページ制作プランもあります。

普段はあまり使うことはないですが、たまに画像を水彩画風に加工が必要になることがあります。 その度に加工方法を検索し調整をするのが面倒になってきたので備忘録としてまとめることにしました。 すべての画像でうまくいくわけではないですし、個々の画像にあわせて調整が必要ですが、とりあえずそれっぽくなればいいなという人がいれば試してみてください。 まずは水彩画のベースを作る 今回はこんな風景画像を使用します。 作業を始める前に、描画色・背景色は黒・白にしておいてください。 まず背景画像を複製します。 【フィルタ】→【フィルターギャラリー】を選択。 アーティスティックの水彩画を選択し、ブラシの細かさ：7・シャドウの濃さ：0・テクスチャ：1でOK。 更に、同じレイヤーをぼかします。 【フィルタ】→【ぼかし（詳細）】を選択し、半径：10・しきい値：25・画質：高・モード：標準にします。 画像全体を明るくする