こんにちは！田島です。 私はIllustratorが苦手で、常によちよち歩きです。。もっと色々できるようになりたいと思いつつ早何年。。。 今回は何を書こうかと迷ったのですが、簡単だけどたびたび忘れてしまう(私だけかもw)、PhotoshopとIllustratorで波線やギザギザ(ジグザグ？)を描く方法を…備忘録的に書かせていただこうかと思います(´ー｀) ＜Illustrator篇＞

さて、こんなブログを書いていながらなんですが、私は美大や専門学校で学んだ経験があるわけではありません。ましてや絵がめちゃくちゃ上手いわけでもありません。 だけど、そんな私の絵でも「味がある」といって気に入ってくれる方もいます。 そこで今回は、超練習してめちゃくちゃ上手くなりたいわけじゃないけど、ちょっとだけ練習して「いい感じ」の絵が描けたらいいなあ、という人に向け私が普段絵を描くときに心がけている3つのポイントを紹介します。誰にでもフィットする方法ではないかもしれませんが、少しでも参考になればさいわいです。 ０．そもそも「味のある絵」とはなにか？ 3つのポイントに入る前に、そもそも「味のある」絵とは何か、整理してみたいと思います。 少し前置きが長くなりますが、まずはこちらをみて下さい。 左側がいわゆる「上手い絵」、右側が「下手な絵」、そして真ん中が「味のある絵」です。 一般的に言われる上手

フォトショップでweb用に保存する時に31文字でファイル名が切り捨てられる問題を解決 2014年05月 Photoshop photoshop, テクニック, 使い方, 初心者, 小技 フォトショップで起こる小さな問題を解決できたシリーズです。 ウェブサイト用の素材を作成するときにスライスなどでweb用に保存の名前が長くなった時に勝手に３１文字でファイル名が切り捨てられる問題です。 なんで勝手に切り捨てちゃうの！長いファイル名を保存したい時もあるのですよ 詳しいことは分かりません、マックの事情も知りません。 でもウェブ用の素材ファイルをフォトショップで作成するときにスライス名なども重なってファイル名がどうしても長くなっちゃうときがあるんです。 で、ざーっと流れ作業でスライス名付きのウェブ用保存をしたいときに起こってた小さな問題、web用に保存するときに３１文字でファイル名切り捨てちゃ

CSSでできる事がどんどん増えてます。JavaScriptを使って実装するようなレイアウトやUIも、CSSだけで作れちゃうほど、便利なプロパティがじゃんじゃか増えましたね。ここでは、要素にアニメーション効果をつけるためのCSSを使ったエフェクトについて、まとめてゆこうと思います:)。 CSSで動かす 「動く」といっても、自由自在にぐにゃぐにゃ動かせるわけではなくて、CSSアニメーションでは、プロパティの数値をスムーズに増減させることで、要素のスタイルを滑らかに変化させます。 例えば、下のサンプルでは、p要素にカーソルを合わせた時に、font-sizeの値を、1emから2emに、スムーズに変化するように指定しています。 p { transition: font-size 1s; } 動かすためのマストプロパティ CSSでアニメーションさせるために必要不可欠なのがtransitionプロパティ

Web Design WallでPhotoshopの30のショートカットが紹介されていました。 Photoshop Secret Shortcuts 下記に、コマンド別に紹介します。 ※Win XP+Photoshop CS2でのコマンドです。 Macの場合は、下記置き換えてください。 Ctrl = Cmd Alt = Opt [選択ツール] + [space] 選択範囲を作成中、スペースキーで移動できます。 [Ctrl] + [マウスのスクロールアップ or ダウン] ドキュメントを上下のスクロールではなく、左右にスクロールできます。 文字パレットのフォントリストにカーソルを入れて、[↑ or ↓] フォントのリストを一つずつ表示します。 テキストを選択して、[Ctrl] + [Shift] + [< or >] フォントサイズを2pt単位で変更できます。 [Ctrl] + [Alt]

コーダーあるあるのひとつ。 タイトルが全てです。 ※ パワポ（.pptx）とエクセル（.xlsx）もイけます！ -追記- タイトルの元ネタはこちらです。 http://moto-neta.com/net/dedetaaa/

サービス終了のお知らせ NAVERまとめは2020年9月30日をもちましてサービス終了いたしました。 約11年間、NAVERまとめをご利用・ご愛顧いただき誠にありがとうございました。

Author:くるぶし（読書猿） twitter:@kurubushi_rm カテゴリ別記事一覧 新しい本が出ました。 読書猿『独学大全』ダイヤモンド社 2020/9/29書籍版刊行、電子書籍10/21配信。 ISBN-13 : 978-4478108536 2021/06/02 11刷決定 累計200,000部（紙＋電子） 2022/10/26　１４刷決定 累計260,000部（紙＋電子） 紀伊國屋じんぶん大賞2021　第３位 アンダー29.5人文書大賞2021 新刊部門 第１位 第２の著作です。 2017/11/20刊行、４刷まで来ました。 読書猿 (著) 『問題解決大全』 ISBN:978-4894517806 2017/12/18 電書出ました。 Kindle版・楽天Kobo版・iBooks版 韓国語版 『문제해결 대전』、繁体字版『線性VS環狀思考』も出ています。 こちらは１０刷

もはやこの業界ではかなり浸透しつつあるjQuery。 今回はそんなjQueryにスポットを当て、本年度紹介された中でも、ホットなトレンドプラグインをご紹介します。 ※プラグインつかってないのもあります。 １）3D表示プラグイン サンプルデモ 今年のトレンドと言えば3D。 というわけでこちら。まずはサンプルデモを確認。 触ってわかる通りですが、2枚の画像が3D表示されます。 呼び出す $(function() { $('#mindscape').smart3d(); }); HTML <ul id="mindscape"> <li><img src=".../mindscape1.png" /></li> <li><img src=".../mindscape2.png" /></li> </ul> CSS #mindscape { width: 720px; height: 170px;

『坊っちゃん』自筆原稿 読みやすい文章とは、流れるように読める文章だ。難しい言葉はいらない。気のきいた言葉もいらない。文頭から文末まで振り返ることなく読める文章が、最も美しい。 読みやすさの基準は客観的なものだ。読み手には様々な人がいる。老若男女すべての人に対して読みやすい文章を書くのは難しい。ただ、綺麗な文章を書こうとする意識は持ちたい。 文章を書く上で意識すべき技法を紹介する。 常体と敬体 常体とは「だ・である」調の文章であり、敬体とは「です・ます」調の文章を指す。それぞれにメリットとデメリットがある。 常体は、自分の意思を力強く伝える事ができるが、我の強い文章になる。敬体は、優しい印象で共感を得やすいが、まわりくどい文章になる。 常体と敬体を織り交ぜて書く手法もある。まずは自分で試してみて、書きやすい文体を見つければいい。 文章の始まりは短く 最初の一文は短いほうがいい。インパクトが

Illustratorで文章を扱うとき、矩形エリアに文字を流し込んだままではなく、次の4点は、最低限設定します。 行送りの設定 均等配置（行頭行末揃え／ジャスティファイ） 禁則 文字組み（約物前後や和欧間のスペースの設定） 逆を言えば、Illustratorではポイントテキスト（文字ツールでクリックして入力したテキストオブジェクト）を前提としています。 デフォルトの［行送り］は、文字サイズの175％に設定されています。「（14.4pt）」のように（）付きで表示されているときには「自動」行送りになっています。1行あたりの文字数に応じて調整します。 CS以前のIllustratorや、バージョン互換を行ったドキュメントによっては自動行送りが欧文に準じた120%になってしまいます。120%では行送りは狭すぎます。日本語では150-190%程度に設定します。 ［段落］パネルの［均等配置（最終行左揃

ちょっとした冊子を作りたい時、本を作りたいけど印刷所に頼むほどではない時など、自宅でも印刷や製本ができると便利ですよね。今回は製本の基本からコピー本や豆本の作り方まで、自宅でもできる「製本」の方法をご紹介します。 ■製本の種類もいろいろある？ 製本といっても、文庫本のように背表紙に全てのページがくっ付いているものや、フリーペーパーのように真ん中がホチキスで留められているものなど、様々な方法がありますよね。 ＜製本の基本を覚えよう＞ ▽とじ方、道具から折丁印刷まで | 手作り製本 - BindUp バインドアップ こちらのエントリーでは、次の4つの方法について、手順を写真付きで解説しています。 糸かがり綴じ：背の部分に糸を通してとじる方法。 無線綴じ：折丁（印刷された紙をページ順になるように折りたたんだもの）の背に接着剤を付けてとじる方法。 網代綴じ：折丁の中にも接着剤をしみ込ませ、折丁同士