今日の内容 JavaScriptを勉強し始めくらいの人を対象にしたJavaScript入門講座的なもの 文法とかは調べればわかるのでふれません 一人で勉強してもわからなそうな概念などを重点的に説明します ライブコーディングするのでJavaScriptってこんな感じて作るんだなーというのがわかってもらえればと アジェンダ JavaScriptを勉強する前に JavaScriptの基礎知識 ライブコーディング part1 jQueryの基礎知識 ライブコーディング part2
今日の内容 JavaScriptを勉強し始めくらいの人を対象にしたJavaScript入門講座的なもの 文法とかは調べればわかるのでふれません 一人で勉強してもわからなそうな概念などを重点的に説明します ライブコーディングするのでJavaScriptってこんな感じて作るんだなーというのがわかってもらえればと アジェンダ JavaScriptを勉強する前に JavaScriptの基礎知識 ライブコーディング part1 jQueryの基礎知識 ライブコーディング part2
Photoshop Tipsの定番とも言える炎の作り方です。 炎の色とゆらめきを後からある程度自由に変更できます。 Photoshop上で500×500ピクセル程度の新規画像にレイヤーを一つ作成します。 ツールボックスの描画色と背景色が黒と白になっていない時はキーボードの(D)を押して初期設定に戻し、背景とレイヤー1にそれぞれ、フィルタメニュー→“描画”→ “雲模様1”を適用します。 レイヤー1は[乗算] で合成し、画像を統合します。 作成した画像に、フィルタメニュー→“変形 ”→“波形...”を適用します。 今回の数値は以下です。 [波形:正弦波] [波数:999] [波長:最小200/最大350] [振幅:最小1/最大1] [比率:水平100/垂直100] [未定義領域:ラップアラウンド(巻き戻す)]
iPhoneアプリ『My Travel Bag』のiOS6対応に伴ってアイコンを描き直しました。初の1024pxアイコンです。 私はアイコンを描く時基本Illustratorで描いて、細かい仕上げのみPhotoshopで行うようにしています。Photoshopで描くのがあまり得意ではないからなのですが、アプリアイコンはサイズ違いをいくつも用意しなければいけないのでIllustratorで作っておくと何かと便利です。 今回はIllustratorでアプリアイコンを作成する時に使えそうな機能についてまとめてみました。 ※文中のスクリーンショットはIllustrator CS6のものを使用していますが、CS2〜CS5にも同じ機能があります。 縦にも横にも消えるグラデーション パスポートの左上のハイライト部分ですが、右側と下側の両方向に消えていくグラデーションで表現しています。これはIllust
1 pixel|サイバーエージェント公式クリエイターズブログ サイバーエージェントのクリエイターの取り組みを紹介するオフィシャルブログです。最新技術への挑戦やサービス誕生の裏話、勉強会やイベントのレポートなどCAクリエイターの情報が満載です。 はじめまして!デザイナーのマチダです。2012年4月に新卒入社し、現在はスマートフォンゲームのイラストを制作しています。 はじめに-Illustratorの仕組み-多機能によってグラフィックだけでなく文書作成などマルチに活躍できるIllustratorですが、機能の多さに最初は何をどのように使ったらいいのか戸惑うかと思います。 <illustratorでイラストを描く際に心がけていただきたいこと> 普通絵を描く時は線画を描いて着彩すると思いますがIllustratorは少々違い、"様々な形をした図形を配置"して絵を描きます。図形を上に重ねていくことで
Photoshopを使えばここまでの作品ができる、ということがよくわかるチュートリアル集が「35 New Photoshop Tutorials with Various Techniques」です。アイコンからSFっぽいイラストまで、さまざまなジャンルにおける作品のメイキングが公開されており、技術が学べるだけでなく、こんなラフスケッチからここまでの作品が……!と製作過程を眺めているだけでも楽しめます。 35 New Photoshop Tutorials with Various Techniques | The Design Inspiration ◆Photohop Tutorial Link: A Cute Cartoon Artwork Creation 鉛筆でのスケッチはこんな感じ。 スケッチをスキャンし、Photoshopを使って着色していきます。 完成作品はこちら。 なお、
iPhoneアプリをつくるシリーズ Twitpicアップローダをつくる Twitpicアップローダをつくる その1 Twitpicアップローダをつくる その2 電卓をつくる iPhoneアプリ:電卓をつくる その1 iPhoneアプリ:電卓をつくる その2 iPhoneアプリ:電卓をつくる その3 iPhoneアプリ:電卓をつくる その4 iPhoneアプリ:電卓をつくる その5 iPhoneアプリ:電卓をつくる 最終回 プログラムのカケラシリーズ UIScrollViewの使い方 UIScrollViewの使い方(スクロール編1) UIScrollViewの使い方(スクロール編2) UIScrollViewの使い方(拡大縮小編) UIScrollViewの使い方(座標表示編) UIScrollViewの使い方(2本指でスクロール編) iPhoneネットワークプログラミング iPhoneネ
投稿日:2009年03月10日 レベル:初心者 ソフトウェア: このチュートリアルでは、Photoshopで稲妻を作ってみたいと思います。 Step1 : はじめに Step2 : 階調を反転しレベル調整をする Step3 : 別レイヤーを作成しグラデーションを変える Step4 : ブレンドモードをスクリーンにする Step5 : 完成 まずはじめに、Photoshopで400ピクセル×300ピクセルの新規ドキュメントを作成します。 グラデーションツールで、黒から白のグラデーションを選択したら、左から右の方向に色を塗ります。 次に、「フィルタ」−「描画」−「雲模様」を選択します。 気に入った稲妻の形ができるまで作業を続けます。
【ver2.0.0 2012/4/11】巻末に「おまけ」足しました。いつもわたしが使っている「座標」と「シンボル」を使ったらどうなるか、というのをやってます。解説はざっくりなのでイミフかもしれませんが、本編の作業がもっと楽にならないかなーと思いはじめたら見てみるといいかと。これがわかるようになればかなりイラレが理解できてる状態でしょう。全部で146ページになっています。 【ver1.1.0 2012/3/17】レコメンタリー(自分つっこみ)入りのバージョンあげました。ちょっと穴もあったのでそれも塞いでます。 ・そもそもツールがどこにあるかわからない。 ・何もしてないのに勝手に色が変わってる。 ・クリックして、optionキー押しながらドラッグして、っていう描き方にいまいち慣れない。 ・鉛筆ツールは使えるんだけど。 ・ハウツー読んでも途中からついていけなくなる。 ・さっきできたことが、もうで
This post was originally published in 2012 The tips and techniques explained may be outdated. Follow this step by step Illustrator tutorial to create a cool vector Yeti character. We’ll use as many basic shapes as possible to achieve that quirky style of illustration, then bring the character to life with a palette of cold colours. Despite the use of basic shapes this tutorial includes a good spre
Copyright © 2004-2024 Impress Corporation. An Impress Group Company. All rights reserved.
海外の有名デザインブログ「Blog.Sppon Graphics」でIllustratorのチュートリアルビデオを紹介したエントリー「30 Illustrator Video Tutorials Every Designer Should See」がありましたのでご紹介します。 新しいアプリケーションを習得しようとしている場合、様々なメニューやツールを通して、その道のエキスパートがガイドしてくれるものほど良いものはありません。この記事は最も詳しく解説された30のAdobe Illsutratorのビデオチュートリアルとスクリーンキャストを集めた記事です。それぞれの特徴を生かした明快な解説と役立つテクニックは、あなたのIllsutratorのプロへの道の手助けとなるでしょう。 Digital Inking Demonstration & Tutorial How To Setup and D
Illustrator を使い始めるにあたっての、予備知識や基本操作をまとめてみました。Illustrator って簡単ではないと思うんですけど、Webデザイナーなら使いこなしたいソフトウェアのひとつですよね。これからWebデザインで Illustrator を使ってみようという人が、少しでも Illustrator に親しんでくれればいいなーと思って書きました。 私はいつも Web制作の時には、Photoshop と Illustrator を使っています。ずっと前、Webデザインを勉強しはじめた頃、私は Illustrator より先に、まず Photoshop から使い始めました。そしてそのあと初めて Illustrator に触ったとき、Photoshop よりもとっても難しく感じて、基本操作もなかなか覚えられなかった想い出があります。 もちろん ベジェ曲線 や パス など、Ill
People often ask how I arrived at a finished illustration. Honestly, it’s different every time, but it always starts with a hand-drawn sketch. Sometimes, I paint it completely by hand; sometimes I’ll scan in a pencil drawing. Many of my pieces are 100% analog that I’ll show only at shops or galleries. Use anything you can; if the illustration would work as a wood carving, go that route. There are
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く