طراحی سایت | برنامه نویسی

آموزش طراحی سایت و برنامه نویسی

طراحی سایت | برنامه نویسی

آموزش طراحی سایت و برنامه نویسی

۲ مطلب در شهریور ۱۳۹۹ ثبت شده است

۰۲شهریور

بسیاری از ما علاقه مند هستیم که نقاشی ها یمان  را به یک انیمیشن جذاب تبدیل کنیم اما فرصت این کار را نداریم.

در این آموزش از سایت زیکو در ابتدا با نقاشی کشیدن درillustrator  و سپس با  نحوه تنظیم لایه ها، کلید ها و حالت ها برای ایجاد یک انیمیشن آشنا خواهیم شد.

در دوره جامع آموزش illustrator  میتوانید با این نرم افزار پر کاربرد و پولساز بیشتر آشنا شوید.

 

گام اول ساخت انمیشن

 

ساخت انیمیشن با نقاشی در افتر افکت

 کارمان را  در illustrator شروع می کنیم، یک کاراکتر اصلی ( در این آموزش زنبور) و تعدادی دایره برای پس زمینه ایجاد می کنیم. 

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

گام دوم ساخت انمیشن

 

ساخت انیمیشن با نقاشی در افتر افکت-3

در ابتدا همه چیز را در یک لایه قرار دهید. وقتی که کارتان تمام شد آنها را به یک گروه تبدیل کنید. سپس گروه را انتخاب کنید، در پنل لایه ها، روی منو hamburger کلیک و گزینه release to layers را انتخاب کنید.

نکته: نام لایه ها را از حالت پیش فرض به نام مورد نظر تغییر دهید، این کار باعث افزایش سرعت و نظم در کار خواهد شد.

گام سوم ساخت انمیشن

 

ساخت انیمیشن با نقاشی در افتر افکت-4

نرم افزار After Effects را باز کنید و فایل illustrator را در آن باز کنید. برای این کار از منوی کشویی گزینه Composition - Retain Layer Sizes را انتخاب کنید، این کار به شما اجازه میدهد که به همه لایه ها دسترسی داشته باشید.

گام چهارم ساخت انمیشن

 

ساخت انیمیشن با نقاشی در افتر افکت-5

کار را با متحرک ساختن پس زمینه شروع می کنیم. یک composition جدید با نام dot ایجاد کنید و دایره ها را از composition اصلی در آن کپی و پیست کنید. 

در اینجا، یک لایه ایجاد کرده ایم، پس فقط کافی است که آن را چند بار کپی کنیم، با انتخاب گروه دایره های کوچک شروع کنید، روی آن راست کلیک کرده و گزینه Create Shapes from Vector Layer را انتخاب کنید.

گام پنجم ساخت انمیشن

ساخت انیمیشن با نقاشی در افتر افکت-6

یکی از دایره ها را انتخاب کنید، سپس بر روی فلش کناری منو Add کلیک کرده و از لیست باز شده گزینهWiggle Paths  را انتخاب کنید. مقدار  size را به 0.2 و مقدار detail را به 0.3 تغییر دهید.

بسته به اندازه طرح شما این مقادیر میتواند متفاوت باشد.

گام ششم ساخت انمیشن

 

ساخت انیمیشن با نقاشی در افتر افکت-7

مقدار wiggle را به 10 افزایش دهید. حرکت آنها باید به اندازه ای سریع باشد که شبیه فریم های مستقل به نظر بیایند اما نه آنقدر سریع که جذابیتشان را از دست بدهند.

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

گام هفتم ساخت انمیشن

ساخت انیمیشن با نقاشی در افتر افکت-8

یک گام به جلو می رویم و کمی حرکت به نقاط اضافه می کنیم. کلید  Alt را بگیرید و  روی Position لایه dot کلیک کنید ، سپس مقدار (xpression wiggle(10,1 را تنظیم کنید.

این کار را برای تمام لایه های انجام دهید. میتوانید با استفاده از کپی و پیست کردن به کارتان سرعت دهید.

 

پیشنهاد ویژه: آموزش انیمیشن دیرین دیرین با افتر افکت

 

گام هشتم ساخت انمیشن

 

ساخت انیمیشن با نقاشی در افتر افکت-9

حالا شما مجموعه ای از نقاط جنبان دارید. یک composition در اندازه ای که می خواهید ویدئوتان باشد ایجاد کنید. در اینجا سایز   ۱۹۲۰×۱۰۸۰  را انتخاب کرده ایم.

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

گام نهم ساخت انمیشن

 

ساخت انیمیشن با نقاشی در افتر افکت-10

در این مثال یک بک گراند رنگ زرد را اضافه کردیم، سپس برای ایجاد سایه، از لایه dot یک کپی ایجاد می کنیم تا دو لایه از آن را داشته باشیم.

گام دهم ساخت انمیشن

 

ساخت انیمیشن با نقاشی در افتر افکت-11

قبل از وارد کردن composition زنبور، تمام نقاطی متحرک سازی شده را از انتخاب خارج می کنیم . دلیل انجام این کار این است که با وارد کردن  composition جدید باید بتوانیم آزادانه آن را در صفحه حرکت دهیم .

قبل از وارد کردن جزئیات جدید حرکت زنبور را متوقف می کنیم.

گام یازدهم ساخت انمیشن

 

ساخت انیمیشن با نقاشی در افتر افکت-13

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

گام دوازدهم ساخت انمیشن

 

ساخت انیمیشن با نقاشی در افتر افکت-14

کار را از سر و بدن زنبود شروع می کنیم، تعدادی چرخش ظریف با wiggle ۰.۵،۱۰ اضافه می کنیم، این یعنی در هر دو ثانیه ۱۰ درجه چرخش داشته باشد. یک سمت از بالها را متحرک می کنیم و از طریق flip horizontal بقیه را مطابق با آن قرینه می کنیم،این کار سریعتر از آن است که هر کدام از بالها را به صورت جداگانه متحرک کنیم.  

گام سیزدهم ساخت انمیشن

 

ساخت انیمیشن با نقاشی در افتر افکت-15

وقتی به بال ها رسید، فریمی که قصد داریم زنبور داخل آن پرواز کند را انتخاب می کنیم و لایه هایی که حالت بال زدن نداشتند را در لایه ی فریم ها کپی می کنیم.

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

گام چهاردهم ساخت انمیشن

 

ساخت انیمیشن با نقاشی در افتر افکت-16

کار با ظاهر شدن متن به پایان خواهد رسید. در اینجا از فونت Montana typeface استفاده کردیم. از toolbar ابزار pen را بردارید و الگویی از طریق حروف ایجاد کنید. حروف الگو را به گونه ای که روی کاغذ مینویسید، متصل بهم و در طول یکدیگر بنویسید.

گام پانزدهم ساخت انمیشن

ساخت انیمیشن با نقاشی در افتر افکت-16

هنگامی که الگو به پایان رسید، به effect>generate>stroke بروید‌. از آنجا میتوانید افکت stroke برای متن قرار بدهید.

در پنل effect controls، گزینه paint style را از on original به reveal original تغییر بدهید. سپس Brush Size را بالا ببرید تا کل متن پدیدار شود. چند key برای ظاهر شدن قرار بدهید.

وقتی end به ۱۰۰ درصد رسید، متن کامل را میبینید، پس یک key روی ۰درصد و key دیگری روی ۱۰۰ درصد جهت ظهور کامل قرار بدهید.  

گام شانزدهم  ساخت انمیشن

ساخت انیمیشن با نقاشی در افتر افکت-17

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

ساخت انیمیشن با نقاشی در افتر افکت-18

وقتی اشکال را از طریق vector layer ایجاد می کنید سعی کنید همه لایه های اصلی illustrator را روی shy تنظیم کنید‌ سپس از طریق shy آنها را کم و زیاد کنید. این به کار شما سامان می دهد.

نکته: اندازه های صحیح Wiggle

ساخت انیمیشن با نقاشی در افتر افکت-18

در حالت Wiggle، اولین شماره نوشته شده، تعداد حرکات یا wiggle در هر لحظه را نشان میدهد. دومین شماره، میزان حرکات یا wiggle ی که قرار است در یک مسیر داشته باشد را نشان میدهد.

اگه حالت wiggle روی ۱۰،۱ نوشته شده باشد، به این معنی است که شی در هر ثانیه ۱۰ حرکت و در هر حرکت فقط ۱ پیکسل از جایی که شروع به حرکت کرده است جابجایی دارد. 

اگه همان حالت برای یک لایه نوشته شده باشد اما بجای position روی rotation قرار داده شده باشد، یحتمل حرکات بیشتری دیده خواهد شد( در یک composition ۱۰۸۰) زیرا rotation بر اساس درجه اندازه گیری میشود نه پیکسل. 

 

 

شهربانو دوستی
۰۲شهریور

آموزش نصب و استفاده از Notepad + +

در این مقاله از سایت پرتقال به چگونگی نصب و استفاده  از Notepad + + در ویندوز می پردازیم.

Notepad + + یک ویرایشگر متنی است که برای زبان‌های برنامه‌نویسی بهینه شده‌است واز آن  برای کد نویسی در زبان‌هایی مثل C + +و HTML استفاده می شود.
 

بخش اول: نصب Notepad + +

 

نصب Notepad + +-1
1-به وب سایت Notepad ++ به آدرس https://notepad-plus-plus.org بروید.

 

نصب Notepad + +-2

2-روی دکمه دانلود در سمت چپ بالای صفحه ، کلیک کنید.

 

نصب Notepad + +-3


3- با کلیک مجدد بر روی دکمه دانلود در وسط صفحه دانلود  Notepad ++ شروع می شود.ممکن است تنظیمات مرورگر از  شما بخواهد یک مکان ذخیره سازی انتخاب کنید.

 

نصب Notepad + +-4
4- بر روی فایل نصبی که شبیه یک قورباغه سبز است ، دوبار کلیک کنید. 

 

نصب Notepad + +-5
5- با کلیک بر روی yes ، پنجره نصب باز خواهد شد.

 

نصب Notepad + +-6
6- زبان مورد نظر را انتخاب کنید.

 

نصب Notepad + +-7
7-پس از انتخاب زبان بر روی تایید کلیک کنید.

 

نصب Notepad + +-8
8- پیام های روی صفحه را دنبال و موارد زیر را انجام دهید:
• روی Next کلیک کنید
• من I Agree  کلیک کنید
• روی Next کلیک کنید
• روی Next کلیک کنید
گزینه های پیشرفته را بررسی کنید ، سپس بر روی Install کلیک کنید.

 

نصب Notepad + +-9
9- بر روی finish کلیک کنید با علامت زدن گزینه Run Notepad ++"" هر دو پنجره نصب بسته و Notepad ++ باز می شود.

 

حتما بخوانید: چطور با  Notepad یک برنامه بنویسیم?

 

بخش دوم: تنظیمات Notepad + +

 

تنظیمات Notepad + +-10
1- بر روی آیکون برنامه Notepad ++   که شبیه یک لنت سفید با یک قورباغه سبز روی آن است ، دوبار کلیک کنید.

 

تنظیمات Notepad + +-11
2-هر متنی را که به صورت پیش فرض  در Notepad ++  قرار دارد ، انتخاب و حذف کنید.

 

تنظیمات Notepad + +-12
3- روی تنظیمات در بالای پنجره Notepad ++ کلیک است. 

 

تنظیمات Notepad + +-13
4- در منوی کشویی تنظیمات روی گزینه Preferences کلیک کنید .

 

نصب

5- این تنظیمات Notepad ++ را به دلخواه خود تغییر دهید ، اما مراقب باشید که چیزی را که نمی فهمید تغییر ندهید.

 

تنظیمات Notepad + +-14
6- روی close در انتهای پنجره تنظیمات کلیک کنید. با انجام این کار همه ی تغییراتی که انجام داده اید ذخیره می شود.

 

ایجاد یک برنامه ساده C ++-16
7- در نزدیکی بالای پنجره Notepad ++ ، ردیفی از دکمه های رنگی قرار دارند. حرکت دادن موس روی هر دکمه به شما نشان می دهد که هر دکمه چه کاری انجام می دهد.

به عنوان مثال ، آیکون دیسک بنفش در سمت چپ بالای پنجره باعث می شود تغییرات شما در  پروژه ذخیره شود.

 

ایجاد یک برنامه ساده C ++-17
8-در این مقاله نمونه هایی برای کدگذاری C ++ ، Batch و HTML وجوددارد ، اما تقریباً از هر زبانی میتوانید در Notepad ++ استفاده کنید. پس از انتخاب یک زبان ، می توانید برای ایجاد یک برنامه اقدام کنید.

 

بخش سوم: ایجاد یک برنامه ساده C ++

 

ایجاد یک برنامه ساده C ++-18
1- با کلیک بر روی روی تب Language در بالای پنجره ، یک منوی کشویی ایجاد می شود.

 

ایجاد یک برنامه ساده C ++-19
2- با انتخابC در منوی کشویی Language یک منو  ظاهر می شود.

 

ایجاد یک برنامه ساده C ++-20
3- روی C ++ در منوی پاپ آپ کلیک کنید. اولین تجربه های برنامه نویسان با C ++ شامل ایجاد برنامه ای است که هنگام اجرا می گوید "سلام دنیا!" ، بنابراین این همان کاری است که شما در اینجا انجام خواهید داد. 

 

ایجاد یک برنامه ساده C ++-21
4- عنوان خود را ماند نمونه به برنامه خود اضافه کنید.

 // عنوان برنامه خود (مثلاً "اولین برنامه من") ، سپس ↵ Enter را فشار دهید.

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

به عنوان مثال: برای نام گذاری  برنامه خود به نام  "سلام زمین" ، می توانید // سلام زمین  را در Notepad ++ تایپ کنید.

 

ایجاد یک برنامه ساده C ++-22
5- دستور preprocessor را وارد کنید. include # را در Notepad ++ تایپ کنید ، سپس ↵ Enter را فشار دهید. این امر به C ++ دستور می دهد که خطوط کد را به عنوان برنامه اجرا کند.

 

ایجاد یک برنامه ساده C ++-23
6-با تایپ int main () into Notepad++ عملکرد برنامه را اعلام کنید.

 

ایجاد یک برنامه ساده C ++-24
7- یک براکت باز اضافه کنید.

 {  را در note pad ++  اضافه و سپس ↵ Enter را فشار دهید. کد اصلی برنامه شما بعداً بین این براکت باز و یک براکت بسته قرار خواهد گرفت.

 

ایجاد یک برنامه ساده C ++-25

8- با تایپ td::cout << "Hello World!"; کد اجرای برنامه خود را وارد و سپس ↵ Enter را فشار دهید.

 

ایجاد یک برنامه ساده C ++-26
9- با تایپ براکت بسته این مرحله از اجرایبرنامه را ببندید.

 

ایجاد یک برنامه ساده C ++-27
10- برنامه شما باید چیزی شبیه به این باشد:


//Hi Earth
#include
int main ()
{
std::cout << "Hello World!";
{

ایجاد یک برنامه ساده C ++-28
11- در منوی کشویی ، روی file کلیک کنید ، سپس روی گزینه Save As ... کلیک کنید ، یک نام برای برنامه خود وارد کنید ، یک مکان ذخیره را انتخاب کنید و گزینه Save را بزنید.

اگر برنامه ای در رایانه خود دارید که می تواند C ++ را اجرا کند ، باید بتوانید برنامه Hello World خود را در آن باز کنید.

 

پیشنهاد ویژه: آموزش رایگان پاورپوینت

 


بخش چهارم: ایجاد برنامه batch ساده

 

ایجاد برنامه batch ساده-29
1- با کلیک بر روی تب language در بالای پنجره یک منوی کشویی ایجاد می شود.

 

ایجاد برنامه batch ساده-30
2- B را از فهرست کشویی Language انتخاب کنید.

 

ایجاد برنامه batch ساده-31
3- روی batch در منوی پاپ آپ کلیک کنید. batch یک نسخه تغییر یافته از دستوراتی است که در Command Prompt از آنها استفاده می کنید ، بنابراین هر پرونده batch در Command Prompt باز خواهد شد.

 

ایجاد برنامه batch ساده-32
4-دستور @echo off into Notepad++ را وارد و ↵ Enter را فشار دهید.

 

ایجاد برنامه batch ساده-33
5- عنوان خود را برای برنامه خود اضافه کنید. متن عنوان را تایپ کرده و ↵ Enterرا فشار دهید ، مطمئن شوید که " text" را با عنوان دلخواه خود جایگزین کنید.

وقتی برنامه را اجرا می کنید ، متن عنوان چیزی است که در بالای پنجره Command Prompt نمایش داده می شود.

 

ایجاد برنامه batch ساده-34
6-متن نمایش را وارد کنید. text را وارد کنید و متن را فشار دهید. "متن" را با آنچه می خواهید فرمان سریع نمایش داده شود جایگزین کنید.

به عنوان مثال ، اگر می خواهید Command Prompt بگوید "انسان ها برتر هستند!" ، باید جمله echo Humans are superior! را تایپ کنید.

 

ایجاد برنامه batch ساده-35
7- با تایپ  pouse  در اخر برنامه ،به آن پایان دهید.

 

ایجاد برنامه batch ساده-35
8-کد شما باید چیزی شبیه به این باشد:

@echo off
Title Improved Command Prompt
echo Humans are superior!
Pause

 

ایجاد برنامه batch ساده-37

9- روی فایل ، سپس روی گزینه Save As ... کلیک کنید ، یک نام برای برنامه خود وارد کنید ، یک مکان ذخیره را انتخاب کنید و گزینه Save را بزنید.


بخش پنجم: ایجاد یک برنامه HTML ساده

ایجاد یک برنامه HTML ساده-38
1-با کلیک بر روی تب Language ،در بالای پنجره یک منوی کشویی ایجاد  می شود.

 

ایجاد یک برنامه HTML ساده-39
2-H را در فهرست کشویی Language انتخاب کنید.

 

ایجاد یک برنامه HTML ساده-40
3-HTML را در منوی پاپ آپ انتخاب کنید. HTML معمولاً برای صفحات وب سایت استفاده می شود ، بنابراین می توانید عنوان و زیرنویس اصلی صفحه وب را ایجاد کنید.

 

ایجاد یک برنامه HTML ساده-41
4- را در Notepad ++ تایپ کنید ، سپس ↵ Enter را فشار دهید.

 

ایجاد یک برنامه HTML ساده-42
5-را در Notepad ++ وارد کنید و Enter را فشار دهید.

 

ایجاد یک برنامه HTML ساده-43
6-را در Notepad ++ تایپ کنید و Enter را فشار دهید. با این کار شما وارد بخشی از متن یا سایر اطلاعات پایه می شوید.

 

ایجاد یک برنامه HTML ساده-44
7-عنوان صفحه خود را وارد کنید.

text

را تایپ و↵ Enter را فشار دهید.مطمئن شوید که بخش " text " را با عنوان دلخواه صفحه خود جایگزین کنید.

به عنوان مثال: برای تنظیم عنوان خود به

 

ایجاد یک برنامه HTML ساده-45
8- متن زیر را در عنوان اضافه کنید.

text

را وارد و ↵ Enter را فشار دهید. "TEXT" را با متن دلخواه خود جایگزین خواهید کرد.

 

ایجاد یک برنامه HTML ساده-46
9- برچسب های "html"" و body"" را ببندید. body"" را وارد و ↵ Enter را فشار دهید سپس html>/> را تایپ کنید.

 

ایجاد یک برنامه HTML ساده-47
10- کد شما باید به صورت زیر باشد:


 

Welcome to my Swamp

 

Make yourself right at home!

 

 

ایجاد یک برنامه HTML ساده-48
11- روی File کلیک کنید ، سپس روی گزینه Save As ... کلیک کنید ، یک نام برای برنامه خود وارد کنید ، یک مکان ذخیره را انتخاب کنید و گزینه Save را بزنید.

تا زمانی که زبان خود را قبل از ذخیره کردن انتخاب کنید ، Notepad ++  فرمت صحیح  فایل را برای شما انتخاب می کند. باید بتوانید فایل HTML خود را در هر مرورگر وب باز کنید.

 

شهربانو دوستی