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


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



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

 

 

http://img.persiangfx.com/main/image/2717792396-3.gif

 


1. کشیدن طرح دوربین

مرحله1
نرم افزار Adobe Illustrator را باز کرده و یک مستطیل رسم کنید. دو نقطه بالای مستطیل را با ابزار Direct Selection بگیرید و گوشه ها را به سمت داخل بکشید. یک مستطیل تیره تر پایین مستطیل اول بکشید و گوشه های پایین آن را گرد کنید. توجه داشته باشید که مستطیل دوم کوچک تر از اولی است، اما پهنا یا عرض هر دو یکی است.


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


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


2. ایجاد اجزای انیمیشن

مرحله1
برای انیمیشن دیافراگم می خواهم از یک انیمشن باز و بسته شدن ساده استفاده کنم. من یک دایره خکستری پر رنگ به عنوان دیافراگم می کشم. دایره را کپی و Paste کرده سپس آن را نصف کنید. (مرکز افقی دایره با یک پاره خط پوشانده شود، سپس در پنل Pathfinder دو شکل جدا شوند.)

دو نیم دایره را Copy و Paste کنید. هر نیمه را از مرکز دور کنید سپس از Direct Selection Tool برای حرکت دادن دو نقطه پایینی استفاده کنید تا هر سایز نیم دایره فشرده تر شود. این کار را برای 6 شکل تکرار کنید تا دیافراگم را از حالت بسته تا باز بسازید. همه این 6 group باید کپی و در فتوشاپ Paste شوند.


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

 

مرحله3
در اینجا نگاه نهایی به اجزای دوربین می اندازیم، شکل دوربین، 6 شکل دیافراگم، 8 شکل فیلم. در مجموع 15 جزء را کپی و در مرحله بعد در فتوشاپ Paste می کنیم.

 


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

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

لایه های دیافراگم و لایه های فیلم را با هم Group کرده و آن را بالای لایه دوربین قرار می دهیم. کار را با انیمیشن دیافراگم آغاز می کنیم: دیافراگم بسته و باز می شود و اینگونه به نظر می رسد که لنز چشمک می زند.

 

مرحله2
پس از آن می خواهیم انیمیشن فیلم را بسازیم که از محفظه پایین دوربین بیرون و داخل می رود. مجددا چرخه را برای هر یک از اجزای فیلم، یکی پس از دیگری اجرا می کنیم، سپس یک فریم برای هر یک در جهت معکوس می سازیم.



مرحله3
سرانجام یک نکته در مورد ذخیره سازی فایل های GIF. به مسیر (File > Export > Save for Web (Legacy) (Alt-Shift-Control-S بروید و از منو گزینه GIF را انتخاب کنید. در قسمت color مقدار 32 یا مقداری کمتر از آن را وارد کنید. شما می توانید پیش نمایش انیمشن را ببینید، سایز فایل را تغییر دهید و قبل از ذخیره کردن فایل در مورد کیفیت آن تصمیم بگیرید.


مرحله4
در اینجا آیکون انیمیشنی دوربین را مشاهده می کنید.

http://img.persiangfx.com/main/image/2717792396-3.gif

 


محصول مرتبط

منبع: www.persianGFX.com مجموعه های آموزشی فتوشاپ CS6 - بخش اول و دوم (جهت یادگیری رتوش و ویرایش حرفه ای، طراحی عکس و وب، نکات عکاسی و ادیت حرفه ای ویدیو در فتوشاپ)

محتویات این دو مجموعه به اجمال عبارتند از :بیش از 190 ساعت آموزش جامع و کاربردی فتوشاپ و لایت روم به زبان انگلیسی، آموزش های جامع کلیات + امکانات جدید Photoshop CS6، آموزش های جامع فراگیری قدم به قدم Photoshop CS6، آموزش های جامع فتوشاپ CS6 برای عکاسان، آموزش شروع به کار سریع برای عکاسان در فتوشاپ، آموزش های جامع فتوشاپ CS6 برای میکس ومونتاژ ویدیویی و ... .

  خرید پستی

سایر محصولات

محصول مرتبط

منبع: www.persianGFX.com آموزش ویژگی های سه بعدی فتوشاپ (دوبله فارسی)

عناوین آموزشی این مجموعه به اجمال عبارتند از :5 ساعت آموزش فارسی مقدماتی فتوشاپ 3 بعدی دوبله شده از اساتيد شرکت معتبر PhotoshopCafe، بیش از 35 ساعت آموزش زبان اصلی در مورد ویژگی های سه بعدی فتوشاپ از مقدماتی تا پیشرفته از شرکت های معتبر لیندا و دیجیتال تیوترز ! و آموزش تخصصي ويژگي هاي سه بعدي در فتوشاپ CS5 به صورت مالتي مديا.

  خرید پستی

سایر محصولات

امتیاز:

خرید آنتی ویروس ناد 32

مجموعه آموزش فلش سی سی - Adobe Flash CC، فلش را در قالب پروژه های کاربردی فرا بگیرید!


مجموعه آموزش فلش سی سی - Adobe Flash CC، فلش را در قالب پروژه های کاربردی فرا بگیرید!


همین طور که می دانید، نرم افزار قدرتمند و محبوب Adobe Flash Professional CC ابزاری مناسب برای طراحان وب و مالتی مدیا کاران می باشد که در نسخه جدید، شرکت ادوبی سعی نموده قابلیت های برنامه نوسی و کدنویسی و محیط کاری را اتقاء داده و در عین حال با اضافه نمودن ابزار طراحی جدید سعی نموده نیازهای طراحان را نیز مرتفع سازد. 

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

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



ویژگی های این مجموعه:
- 16 قسمت فیلم آموزشی به زبان فارسی (صفر تا صد)
- کیفیت HD
- پروژه ی نهایی و فایل های مورد نیاز جهت تمرین
- دانلود دیجیتال


آموزش طراحی پوستر و کاورهای تایپوگرافی به سبک حرفه ای ها در فتوشاپ


آموزش طراحی پوستر و کاورهای تایپوگرافی به سبک حرفه ای ها در فتوشاپ


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

 
نکته: در این آموزش شما علاوه بر یادگیری تکنیک های تایپوگرافی با آموزش دو پروژه طراحی با کلیت ترکیب تصاویر جهت پیاده سازی پوستر و پس زمینه های حرفه ای نیز اشنا می شوید

ویژگی های این مجموعه:
- 6 قسمت فیلم آموزشی به زبان فارسی (تا پایه تا پیشرفته)
- 2 ساعت و 22 دقیقه آموزش فارسی
- کیفیت HD
- پروژه ی نهایی و فایل های مورد نیاز جهت تمرین
- دانلود دیجیتال 



نمونه اثار، پوستر و کاور موسیقی،طراحی شده با این تکنیک