1 pixel｜サイバーエージェント公式クリエイターズブログ サイバーエージェントのクリエイターの取り組みを紹介するオフィシャルブログです。最新技術への挑戦やサービス誕生の裏話、勉強会やイベントのレポートなどCAクリエイターの情報が満載です。 はじめまして。アメーバゲーム部門でデザイナーをしております吉田直由と申します。 リリース直後からの1年2ヶ月の間、ガールフレンド（仮）でUIデザインの運用を担当しておりました。 運用のフェーズになると大きく問題になってくるのが「業務の効率化」ではないかと思います。便利ツールの導入や、難しい技術の取得などもありますが、、、使い慣れない技術は逆に効率を下げる結果になってしまうのでは？ と、なかなか一筋縄ではいかない問題です。 ガールフレンド（仮）デザインチームの場合、1年目～3年目の若いメンバーが多く、さらにメンバーの数も10人という大所帯でした。 どう
この記事は2011年に書いた記事です。2015年に書いた増補改訂版があります。 「Illustrator、デザイン - まったくのゼロから、独学でWebデザイナーになるためのロードマップ【Vol. 1】」（2015年3月） 前にも「独学でWebデザイナーになるのにまずやること」というエントリーをかいたが、簡易的な内容だった。 今回も大筋の考え方はかわらない。Webデザイナーになるには、たくさん作品を作って人にみてもらうことである。 今回はもっと踏み込んで、全くの未経験の人がどうすればWebデザイナーになれるのかの具体的なステップ（行動プラン）をまとめてみたい。すでに学校やスクールでWebを学んでいる人や会社でデザイン部門をあらたに設立したい人にも役に立つだろう。 ステップ１ 制作環境をつくる まず最初にやることは制作環境を揃えることである。以前だと、FAXとスキャナーは必須だったが、いまは
アドビ システムズは都内にてクリエイター向けのセミナー「デジタルフォト&デザインセミナー2011～トップクリエイターのテクニックとアイデア～」を開催した。セミナーでは、「HP WorkstationとAdobe CS5.5による写真と動画の最先端レタッチテクニック」が行われた。 セミナーでは、「Photoshop」のパペットワープを使ったレタッチテクニック、「Illustrator」の「エンベローブ」を活用した画像処理テクニックに続いて、「Photoshop」で人物をマスクするテクニックが、フォートンのプロデューサー 兼子研人氏とレタッチャー toppy氏によって紹介された。 Photoshopで人物をマスクするテクニック この画像の子供のマスクを作成する まず始めに、画像の子供の部分を範囲選択し、「選択範囲→境界線を調整」を選ぶ。次に「エッジの検出(スマート半径)」を使い子供の輪郭に沿っ
☆ご注意☆ この記事は 2011年3月30日 に書いたものです。情報が古い可能性がありますのでご注意ください。 制作環境は多種多様ですね。 うまく場面によって使い分けられるようになるのが私にとっての理想です。 どんなとき何をつかってますか？？ ざっと検索した感じだとほんと、「人それぞれ」のようですね。 でもやっぱりまだFireworksが一番少ないのかな？？ Findjobのような求人サイトでWebデザイナー募集の必須スキルはやっぱりPhotoshop、Illustratorの方が多いような気がします。 また、クライアントの納品データもpsdファイル限定のとこ結構ありますよね。 チュートリアルサイトもフォトショが多いｗ Fireworks人気ないのかな(ﾉ_･｡) 所属した会社によって色々とあるようです。私が体験した、「会社によってさまざま！Photoshop、Illustrator、F
Emma Alvarez Site: Top Best 55 Photoshop Tutorials For Professional Photographers Some people think that photo retouching started with Photoshop. But it may be more precise to say that photo retouching started with photography. 写真家のためのPhotoShopレタッチテクニック集55。 人物の写真の修正や、風景写真の修整など、PhotoShopでより写真を美しくするためのチュートリアルが多数公開されています。 写真の修正テクニックは凄いですね。ほぼ原型をとどめていないような物も…。 雑誌などの写真が信じられなくなるかもしれない、凄いテクニック集です。 関連エントリ
当サイトではCookieを使用しています。引き続き当サイトを閲覧することにより、ポリシーを受け入れたものとみなされます。今後表示しない詳しく見る
ウェブデザインに限らず、何かパソコンを使ってデザイン関連の仕事をするにはあの「Photoshop」を使いこなすことが必須らしいとはわかっていても、いまいちどういう風に使えばいいのかわからない、あるいは、仕事でPhotoshopを使ってはいるが必要な機能のみを使っているだけであって、ちょっと凝ったことを聞かれると即答できないのでテクニックをブラッシュアップしたいと思っている……そんな人向けに役立つPhotoshopをマスターするためのチュートリアルをいろいろと集めてみました。時間のあるときにでも少しずつ眺めていけば、なんでもできるようになるかも。 チュートリアルの詳細は以下の通り。 まずは基本的なテクニックを具体例と一緒に解説しているサイトを3つほど。初級テクニックから高等テクニックまで具体例を交えて解説しています。 Photoshop Tutorials from PhotoshopCAF
先日、普通の紙を味のある「アンティーク風」にする方法をお伝えしました。 今回はPhotoshopを使って「味のあるアンティーク風の紙を作る方法」をご紹介します。まるで宝の地図のような画像ができますよ。 慣れれば3分くらいで作成できます。以下よりご覧下さい。 ↑ まずはじめに背景が白の画像を作成します。 ↑ 次に「アクション」ウィンドウ右上の矢印をクリックします。 ↑ メニューから「アクションの読み込み」を選びます。 ↑ 「テクスチャ」を読み込みます。 ↑ するとアクションに「テクスチャ」が読み込まれました。その中から「羊皮紙」を選択して「再生ボタン」をクリックします。 ↑ このようなテクスチャが読み込まれました。 ↑ 次に消しゴムツールを使ってふちを消していきます。 ↑ 破れた紙の雰囲気を出していきましょう。 ↑ そして焼き込みツールを使って破れた部分を焼いていきます。古い雰囲気がでてきま
下記のサイトで「You Tubeで見るPhotoshopのチュートリアル」という記事が紹介されていました。YouTubeだけじゃなくてMetacafeの動画もありましたが・・・。 どちらにしろ文章だとわからないことでも動画だと簡単に理解できることもあります。細かい操作の多いPhotoshopやIllustratorなどはこうした動画チュートリアルに向いているかもですね。 » Use YouTube to learn Photoshop: etc: quick links to good stuff 以下、オリジナルの記事を尊重しつつ、内容の紹介というスタンスでいくつかご紹介・・・。 ■ Web 2.0-Style Logo Web2.0サイトでよく見かけるのロゴの作成方法です。光っているようなロゴですね。 ■ PHOTO EFFECT エフェクトの詳細です。どこにでもあるような電車の中の写
Web2.0的サイトのグラフィック表現 一昔前、左右にフレームを切ったページ構成がWebサイトの主流だった頃、凸状に見える表現のリンクボタンをよく見かけました。ハイライト/シャドウ表現をうまく組み合わせて疑似的に立体に見せたボタンは、「なんかIT」な香りがして、さまざまな企業の「ホームページ」に採用されていたものです。 時は流れて「IT」という言葉も今更恥ずかしい気がする今日この頃。ここ数年ネットを賑わすキーワードに「Web2.0」があります。これも多少の「今更」感が無きにしもあらずではありますが、Web制作・アプリ開発などに携わる方にはまだまだ避けては通れないキーワードであることは確かです。 そのサービスの有効性やAjaxの技術的なお話などはその道の専門の方々にお任せするとして、この連載ではWeb2.0的なサービス・サイトでのグラフィック表現にスポットを当ててみたいと思います。 その昔、
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
