آموزش نوشته شدن خود به خود متن ( متحرک )

[batman_m]

در این درس یاد می گیریم که چطور انیمیشن زیر رو با فتوشاپ و ایمیج ردی درست کنیم . مراحل کار نسبتا سخت و طولانیست و احتیاج به صرف وقت و دقت کافی دارد ....

http://i1.tinypic.com/v4mirq.gif

یک داکیومنت جدید با ابعاد 400 * 400 ایجاد کنید و با استفاده از ابزار نوشتن
Type tool
روی نوار ابزار متن مورد نظر رو بنویسید . فونتی که انتخاب می کنید باید شبیه به دست خط انسان باشد . در این درس از فونت

Freestyle script

استفاده شده است . که می توانید از لینک زیر دریافت کنید .

http://www.webdesign.org/img_articles/4981/fs.zip

فونت

Comic

هم تقریبا شبیه به دست نویس است .
برای تمرین یک متن کوتاه انتخاب کنید .چون مراحل کار نسبتا طولانی است . در این درس ما متن

Wdl
را انتخاب کرده ایم .

http://i1.tinypic.com/v4mkw2.jpg

از نوار ابزار ابزار پن

Pen tool
را بردارید و در نوار آپشنز در زیر نوار منو گزینه

Paths
را فعال کنید و در زیر متن جایی که می خواهید خط شروع شود یک کلیک کنید و در جایی هم که می خواهید خط تمام شود یک کلیک کنید .

http://i1.tinypic.com/v4mlbq.jpg

با استفاده از همین ابزار پن یکی از نقاط را درگ کنید که یک خط منحنی شکل ایجاد کنید .

http://i1.tinypic.com/v4mlub.jpg

ابزار
Brush را انتخاب کنید و سری
Drop shadow brushes
را انتخاب کنید و براش دایره ای به شعاع 3 پیکسل را انتخاب کنید . و کلید اف 5
F5
را بزنید که وارد تنظیمات قلم شوید و در سمت چپ آن کادر گزینه

Shape dynamics

را انتخاب کنید و در سمت راست از منوی باز شوی

Control
گزینه

Fade

را انتخاب کنید و خط کش آن را به 150 بکشید . این کار باعث می شود که خط شما همین طور که از چپ به راست کشیده می شود محو تر و کم رنگ تر شود .
یک لایه جدید درست کنید

Ctrl + shift + n
و دوباره ابزار

Pen
را انتخاب کنید و بر روی مسیری که رسم کرده بودید رایت کلیک کنید و از منوی حاصل گزینه

Stroke path
را برگزینید. و از منوی باز شو گزینه

Brush
را انتخاب کنید . دومرتبه بر روی شکل رایت کلیک کنید و

Strok path


را انتخاب کیند و باز

Brush

را انتخاب کنید .

http://i1.tinypic.com/v4mm48.jpg

حالا باید به ایمیج ردی سوییچ کنیم و مراحل متحرک سازی را در آنجا طی کنیم . ایده اصلی این است که در فریم اول همه متن را پاک می کنیم و یک قسمت کوچک از آن را باقی می گذاریم ( گوشه بالا سمت چپ متن ) و به تدریج در فریم های بعدی در هر فریم یک جز کوچک به نوشته مان اضافه می کینم و این کار را آنقدر تکرار می کنیم که کل کلمه نوشته شود . فقط مقداری که در هر فریم اضافه می کنیم باید در همه فریم ها مساوی باشد که در نوشتن پرش ایجاد نشود . برای این منظور متن را با خط کش قسمت بندی می کنیم و به قسمت های مساوی تقسیم می کنیم . این یک توضیح مختصر برای فهمیدن آنچه در پیش رو داریم بود . حالا مراحل کار را پله به پله طی می کنیم ...
با زدن کلیدهای

Ctrl + shift + M
فایل را به ایمج ردی می فرستیم . در محیط ایمج ردی باید پلت لایه های شما چنین باشد .

http://i1.tinypic.com/v4ms8h.jpg

لابه

Shape1
را در پلت لایه ها پاک می کنیم یعنی این لایه را انتخاب می کنیم . بعد

Layer > delete layer

در پلت لایه ها لایه

Layer1

را انتخاب کنید و با لایه متن

Wdl

مرج کنید
لایه

Wdl
را دوپلیکیت کنید و بعد لایه

Wdl
را با زدن آیکن چشم کنارش در پلت لایه ها ، پنهان کنید .

http://i1.tinypic.com/v4ndjn.jpg

حالا خط کش ها را نمایان کنید

View > rulers

و از خط کش افقی استفاده کنید و خط کش افقی را گرفته و به دورن متن درگ کنید جوری که اولین خط در بالاترین نقطه متن قرار گیرد . برای بار دوم خط کش را درگ کنید و این بار در نقطه ای به اندازه 5 پیکسل پایین تر از خط قبل آن را رها کنید . این کار را ادامه دهید تا اینکه آخرین خط افقی در پایین ترین نقطه متن ایجاد شود . به این وسیله شما متنتان را به قسمتهای مساوی با فواصل 5 پیکسل 5 پیکسل تقسیم کردید و قرار است در هر فریم یک جز کوچک دیگر نمایان شود که حرکت نوشتن شبیه سازی شود .
حالا اگر پنجره انتیمشن آشکا نیست آن را ظاهر کنید .

Window > animation

حالا باید نوشتن را شبیه سازی کنیم . در فریم اول باید تقریبا تمام متن را پاک کنیم و یک ذره از آن را باقی بگذاریم . با استفاده از ابزار پاک کن همه متن را به جز قسمت گوشه بالا و سمت چپ حرف

W

را پاک می کنیم . اگر با پاک کن راحت نیستید می توانید با استفاده از ابزار های انتخاب قسمتهای اضافی متن را انتخاب کرده و دیلیت کنید . و در پنجره انمیشن در قسمت زیر فریم گزینه

Select frame delay time

را انتخاب کنید و از منوی حاصل گزینه
Other
را انتخاب کیند و مدت نمایش این فریم را 0.04 ثانیه در نظر بگیرید .


به دليل طولانی بودن مطلب ، ادامه آموزش در پست بعدی ....

[batman_m]

******************************
در پایین پنجره انیمیشن دکمه

Duplicate current frame
را بزنید که این فریم را دوپیکیت کنید .

http://i1.tinypic.com/v4ne5g.jpg

حالا در پلت لایه ها لایه بالایی

Wdl copy
را پنهان کنید . و لایه

Wdl
را در پلت لایه ها دوپلیکیت کنید و این لایه جدید را آشکار کنید و این لایه را در پلت لایه ها انتخاب کنید . دقت کنید که در این مرحله در پلت لایه ها همه لایه ها پنهان است و فقط همین لایه آخری که ایجاد کردید و ظاهرش کردید نمایان است .

http://i1.tinypic.com/v4nfwn.jpg

و در این مرحله هم . به تقسیم بندی های خط کش توجه کنید و این بار همان قسمتی که در مرحله قبل باقی گذاشته بودید باقی بگذارید به علاوه یک مقدار کوچک دیگر . این مقدار را خط کش تعیین می کند و این باعث می شود که قسمتی که در هر مرحله اضافه می شود همه یکنواخت و یک اندازه باشند و در نتیجه در انیمیشن شاهد پرشهای نا به جا نباشیم .

***************************

حالا مرحله بالایی را که من در بین خطوط قرار داده ام آنقدر تکرار کنید که همه متن و خط زیر آن نوشته شود .

تا اینجا متن را نوشتیم و حالا به مرحله ای می رسیم که باید متن نوشته شده را به تدریج محو و محو تر کنیم تا ناپدید شود برای این کار اول باید یک فریم خالی درست کنیم دکمه

Duplicate current frame
را در پایین پنجره انیمشن بزنید و بعد در پلت لایه ها همه لایه ها را ناپدید کنید به جز لایه بک گراند . به این صورت یک فریم خالی ایجاد کردیم . و بعد دکمه
Tweens animation frames
را در پایین پنجره انیمیشن بزنید و از کادر حاصله تنظیمات زیر را اعمال کنید .

Tween with : previous frame
Frames to add : 7
Layers : all layers
Parameter : opacity

http://i1.tinypic.com/v4ngbo.jpg

این باعث شد که متن بعد از نوشته شدن محو شود .
حالا برای این که نوشتن متن واقعی تر به نظر آید باید زمان برخی از فریم ها را بیشتر کنیم . بعد از نوشتن شدن یک حرف و زمانی که نوشته شدن حرف بعدی می خواهد آغاز شود باید یک تاخیر طولانی تری ایجاد کنیم . در آن نقاط زمان را به 0.35 میلی ثانیه برگردانید . این کار باعث می شود بعد از نوشتن یک حرف یک تاخیر کوتاه داشته باشیم و بعد نوشتن حرف بعدی آغاز شود . برای این کار می توانید در پنجره انیمیشن روی هر یک از فریم ها از اولین فریم به ترتیب کلیک کنید و فریمی را که در آن مثال نوشتن حرف

W
تمام می شود پیدا کنید و در قسمت پایین فریم گزینه

Slelct frame delay time

را انتخاب کیند و زمان آن را 0.35 میلی ثانیه کنید .
و به همین ترتیب یک تاخیر هم در گوشه های تیز متن ایجاد می کنیم . برای زوایای تیز متن نیز یک زمان 0.06 میلی ثانیه در نظر بکیرید . برای فریم آخری هم زمان 0.06 میلی ثانیه در نظر بگیرید .

http://i1.tinypic.com/v4ngw3.jpg

روی سیستم فونتی شبیه به دست خط انسان ندارید و می خواهید این کار را با فونتهای کتابی بکنید باید تغییراتی در روش کارتان بدهید . به این صورت که مثلا فرض کنید حرف

L

ال انگلیسی را می خواهید بنویسد . قسمت عمودی حرف ال را طبق روشی که گفته شد با خطوط افقی قسمت بندی می کنیم و برای قسمت افقی حرف ال هم از خط کش عمودی استفاده می کنیم و قسمت افقی حرف ال را با استفاده از خط کش عمودی قسمت بندی می کنیم .

با تشکر Batman

[graphicface]

مرسی رفیق
من خودم عاشق منوی Animation فتوشاپم
دستت درد نکنه خیلی عالی بووود

[batman_m]

خيلی ممنون از نظرتون !