テクニカルライティングの基本を学べます。サイボウズの新入社員向け研修資料です。業務マニュアル、報告書、仕様書、技術解説書などのドキュメントを書く機会がある方向け。 本資料をもとにした書籍も発売中です:https://amzn.asia/d/2hQNEk2 Twitter:https://twit…
さて今回は、ツイッターで話題になっている 背景講座のご紹介です。 「スペース☆ダンディー」 「バスカッシュ!」 などを手掛けた 日本のアニメ業界で活躍されているフランス人クリエーターの ロマン・トマさん ロマン・トマさんがツイッターで公開されている 背景の描き方講座が とても参考になるので紹介したいと思います。 プロの方や、 背景が描けない!って悩まれている お絵かき初心者の方にもお勧めですので 是非ご覧になってください。 ※画像をクリックするとつぶやき元へ飛ぶようにしています。
デザイナーがチームで取り入れるべき、効果的なスキルアップ方法をご紹介した記事社内にデザイナーが複数人在籍する場合、チーム内でのデザインクオリティの担保やスキルアップはどのように行われていますでしょうか?VASILYでは、デザインレビューや、インプット、セミナー参加など、チームでも個人レベルでも常に積極的に行いながら制作しています。 デザインレビューやインプットの仕方などは、デザイナー間でもよくあがる話題の一つだと思いますが、今回は弊社デザイナーチームがスキルアップのために実際に行っている効果的な方法を3つご紹介したいと思います。 1. デザイナー全員でのデザインレビュー ■チームとしての課題 スタートアップでは、制作と開発を速いサイクルで回していきながらも、デザインの質と量はどちらも担保していかないといけません。 これまでは、エンジニアへ依頼までの細かい確認と、実装後の確認をデザ
@JUNP_Nです。Macが起動しない!そんな時に自分でできる対処方法が7つあります。ジーニアスバーに持ち込んだとしても、これ以上のことは対応できないので自分でここまでやっておけると良いと思います。Macユーザーの人は忘れずに覚えておきましょう。 Macが起動しなかった場合に自分でできる対処法まとめ「Macが起動しなくなった」そんな時にどうしたらいいのか知っていますか? 「ディスクユーティリティ」を使用したメンテナンスを定期的に行うことも大事ですが、Macが突然動かなくなるという不測の事態が起こった際には、以下の7つの方法を試してみると修復できるかもしれません。 Macが起動しない時の対処法(1)「NVRAM/PRAMリセット」Macに何かしらの問題が発生したらまずやってみてくださいとAppleから言われるのは「NVRAM/PRAMリセット」です。「Macの設定を記憶していNVRAM/PR
ランディングページは、1ページのみでサービスの魅力を伝え、何かしらの成約に結びつけなければいけません。 少ない情報でいかにユーザーのニーズを喚起し、行動に起こしてもらうかが重要となりますが、心理学を応用するとユーザーに響きやすいコンテンツを作成できる可能性が高まります。 今回は、ランディングページを作成する時に応用できる心理学をまとめました。 ランディングページを頻繁に作成される方は是非チェックしてみてください。 ▼成果の出るLPデザインのポイントをまとめた資料はこちら このニュースに興味のあるあなたにおすすめ ・キャッチコピーを作成する時に役立つ心理学用語11選 ・【永久保存】Webマーケティングに役立つ心理学用語36選 ・ホームページの売上げがあがる行動心理学まとめ 1.アンカリング効果 人は一番最初に見た数字やデータをよく記憶しており、何かしらの意思決定を行う際、最初に見たデータを重
初めてのデジタル一眼レフ動画撮影の前に知っておきたい基礎今回は私の所属する留学サポート企業Frogのブログでもインタビューさせていただいたふーみんによるゲストブログ!プロモーションビデオ撮影の際に気づいたこと、設定方法などを紹介してくれます!ちなみにそのプロモーションビデオのナレーションは私、Manaが担当していますw 動画の中にもちょこっと登場しているので、探してみてくださいね ;) 初めまして、バンクーバーにてクリエイター留学中のふーみんです!Mana さんが素敵な広報を担当する留学サポート企業Frogが運営し、僕自身の住居でもある『Frog House』のプロモーションビデオを制作しました!完全素人であった僕が、学校のインストラクターや友人のシネマトグラファーからのアドバイスをもとに1から動画撮影について学んだことを共有したいと思います。 制作したプロモーションビデオがこちら。今回
最近、セミナーでスクリプトを紹介すると評判がよいので、10個選りすぐってみました。 これらを提供してくださっている作者さんたちに感謝します。 はまりどころを見つけると「むちゃくちゃ早く終わる」「手作業ではムリ」なことが実現できるので、「ここでこういうことができると快適になるのに」をリストアップしておいて、たまに棚卸ししてみるとよいと思います。 追記 2017更新版を公開しました。 Illustratorを使うとき、私が手放せない10個のスクリプト(2017更新版)+ 入手できるスクリプト一覧 - DTP Transit なぜ、スクリプトを使うの? Illustratorでの作業を効率化するには、キーボードショートカットやアクションを使う方法がありますが、そもそも次のような場合には、有償のプラグインを使うほか、スクリプトを使う方法があります。 Illustratorではできないこと できるけ
こんにちは。デザイナーの藤田です。 久しぶりにPhotoshopのtips記事をお届けします。 皆さんは�“水しぶき”などの背景が透けた画像の切り抜きに苦戦したことはありませんか? ただ背景を切り抜くだけだと、透明感をなかなか表現できませんよね。 そこで今回は、“水しぶき”などの透け感がある画像をみずみずしく切り抜く方法をご紹介いたします。 ※今回の記事で使用している画像は下記サイトのものです。 water splash http://nihongo.istockphoto.com/stock-photo-13225547-water-splash.php Psd Soda Can Mock-Up Template http://www.pixeden.com/psd-mock-up-templates/psd-soda-can-mock-up-template Photoshopで“水し
ブラウザの高さいっぱいに表示した写真画像とベタ塗り背景のコンテンツを交互に配置した縦長ページをスクロールした際、写真画像の背景を固定表示させ、カーテンをあげるようなスクロールエフェクトを実装するスタイルシートのテクニックを紹介します。 スクリプト無しなのでスクロールのもっさり感がなく、非常にさくさく動作します。 Alternate Fixed & Scroll Backgrounds デモ 実装 ファイルのダウンロード デモ デモはChrome, Safari, Firefox, Operaなどのモダンブラウザ、IEは9+でご覧ください。 エフェクトにスクリプトを使用していないので、スクロールも快適です! 少しスクロールしたところ 写真画像の背景は固定表示で、コンテンツとベタ塗りだけがスクロールします。 実装 HTML HTMLはシンプルで、main要素をラッパーに、div要素で写真画像と
illustratorのaiデータから画像を綺麗にスライスする方法 2011-01-08 illustratorのaiデータをWeb用の画像にスライスすると、画像が1pxズレが生じたり、Photoshopのスライス機能と違うので戸惑うことが多いと思います。 関西の某勉強会の懇親会でも「外注に頼んだデザインがaiデータで来て、スライスに凄い時間がかかった」という意見が多く聞いたので、illustratorのスライスの仕方をご紹介させて頂きます。 紹介するillustratorのバージョンはCS2ですが、CS以降のバージョンならほとんど機能が使えるはずです。 スライスの準備 単位 [ファイル]→[ドキュメント設定]で単位がピクセルになっているか確認します。 ここを変更すると、定規などの値も全てピクセルになるはずです。 カラーモード [ファイル]→[ドキュメントのカラーモード]がRGBカラーにな
これだけです。 はじめに自動で加工をしてくれます。ですが、ちょっと荒いためはじめの点を全て削除します。それから加工したい物の輪郭に沿って点を打っていけば、いい感じにポリゴン化されます。 各ツールについても、簡単に説明をします。 上から順に説明していきます。 About DMesh = DMeshのオフィシャルサイトへのリンク Check Pro Version = 有料版のアプリダウンロードサイトへのリンク Load Image = 加工したい画像を選択 Save As…(s) = 保存 Save Format = 保存形式(Bitmap、Vector、OBJ) BG Color = 背景の色を調節する Mesh Opacity (1~0) = 加工した画像の透明度調整 Point Color = 点の色を調整する Reset Setting = 設定した内容をデフォルトへリセット Get
Adobe Photoshop Lightroom 5を使ったRAW現像の作業手順メモ 2014/5/30 2015/10/22 Photoshop/Lightroom Adobe Photoshop Lightroom 5の使い方がある程度わかってきたので、自己流ですが、基本的な現像作業の手順をメモしておきたいと思います。 こちらの補正前の写真(左)は、典型的な失敗写真です。黒っぽい建物に引っ張られて露光時間が長くなりすぎた結果、空が白く飛んでしまっていて、桜の花も白っぽい。肝心なところのディテールもイマイチ。しかし、RAWデータから補正することで、右の写真ぐらいには救うことができます。 元データのヒストグラムを確認する 元のRAWデータのヒストグラムを見て、写真に色の階調がきちんと記録されているかを確認します。 この写真は空が白く飛んでしまっているように見えますが、ヒストグラムを見ると
編集編 1. 使えるものはOffice Picture Managerでも使え Lightroom, Photoscapeその他いろいろありますが、使えるものはなんでも使いましょう。撮って出しなんて中級者になってから考えればよいのです。 クソ写真も編集次第でどうとでもなります。 wonodas.hatenadiary.com 構図編 2. 自信がないなら3分割交点構図 三分割交点構図は七難を隠します。いたるところでおすすめされているのはそんなわけです。 デジカメならたいていガイドが付いているのでそれに従ってとればよいだけ!簡単です。 (Nikon D90/Nikkor 50mm f1.4) 3. 日の丸構図は真上または真正面から。水平と垂直をきっちりとること 実は難しい日の丸構図。撮るなら真上、真下。水平と垂直は必ず出す。なお画像内に直線が含まれる場合、収差の少ないレンズを選ぶ必要がありま
ちょっとしたイラストが描けたらなぁ。なんて思うこと多いですが、デジタルならではの方法で簡単に描く方法が公開されていたので、簡単ですが訳したいと思います。詳細はオリジナル記事であるHow to Draw Cute Thingsを御覧ください。 最初に好きなネコとかハムスターとかナマケモノなどの動物の画像を用意する。基本的に何でも良いけど、慣れるまではモフモフ系がやりやすいみたい。トカゲとか蛇はむずい。 選んだ動物を円の集合にする 円じゃなく三角や四角を使ってもよい。動物をシンプルにする工程。画像ソフトのシェイプから選んでね。 できた形の輪郭を描く 必要のない線を消す。余裕あったら脇の下を細めたり足の重なりを上手に書いたりしてみる。 全体のバランスを変形してかわいくする 頭大きくしたり、胴体縮めたり、太らせたりしてかわいくする。ここはセンス。 可愛さは目に宿る 目が一番大事。サンプルを参考に。
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く