0

سبد خرید شما خالی است.

طراحی سایت در اصفهان, سئو سایت اصفهان, طراحی سایت فروشگاهی , شرکت طراحی سایت اصفهان, طراحی حرفه ای سایت اصفهان, بهینه سازی سایت , بازاریابی و تبلیغات اینترنتی

معرفی چند سایت برای ساختن تصاویر متحرک آنلاین گیف gif online

نویسنده پشتیبانی وب یار
امتیاز مطلب
تعداد بازدید 3418
تاریخ بروزرسانی ۲۷ اردیبهشت ۱۳۹۳

معرفی چند سایت برای ساختن تصاویر متحرک آنلاین گیف gif online

دوست دارید توی سایتتون از تصاویر متحرک استفاده کنید؟ فکر می کنید کار سختیه؟ نه .. فقط کافیه به سایت های زیر سر بزنید..

وارد وبسایت های زیر شده عکس های خود را به ترتیب وارد کنید و از افکت های رایگان این وبسایت ها لذت ببرید.

http://www.loogix.com (بدون تبلیغات)

(بدون تبلیغات)

http://www.makeagif.com (با تبلیغات)

http://wpu.ir/uapqj (بدون تبلیغات)

و به وسیله نرم افزار با نرم افزار زیر:

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

قابلیت های نرم افزار Easy GIF Animator Personal  :

طراحی آسان انیمیشن های فلش ، بنر و تصاویر
امکان ساخت عکس های GIF تمام صفحه
امکان ویرایش تصاویر GIF
قابلیت ساخت متن های متحرک
امکان بهینه سازی تصاویر GIF با سرعت بالا در نمایش
پیش نمایش در مرورگر
سهولت در ذخیره سازی به صورت GIF
امکان اضافه نمودن موزیک و صدا به تصویر
امکان ذخیره سازی با فرمت SWF
امکان استفاده از تصاویر در وب سایت ها
امکان تبدیل GIF به فرمت AVI
سازگاری با فرمت های GIF ، PNG ، JPG و BMP
امکان تولید کدهای HTML برای تصاویر طراحی شده
سازگار با نسخه های مختلف ویندوز

دانلود با لینک مستقیم با پسورد همکار گرامیمان در دانلود soft98.ir

لینک کمکی ( Mirror Link )
لینک کمکی ( Mirror Link )

کی از قابلیت های جالب فتوشاپ امکان ساختن تصاویر متحرک با فرمت GIF می باشد. در این جا به صورت کامل آموزش می دهم که چطور در فتوشاپ تصاویر متحرک بسازیم. امیدوارم لذت ببرید.برای اینکار:۱) برای شروع باید ابتدا تمام تصاویر مورد نظر خود را به صورت یک لایه در بیاورید. برای اینکار از منوی file و بعد از منوی Scripts گزینه ی Load Files into stack را انتخاب کنید.

 

۲) در پنجره ی باز شده با استفاده از گزینه ی Browse عکس های مورد نظر خود را انتخاب کنید و بعد OK کنید. شما می توانید تیک گزینه ی Attempt to Automatically align source images را بزنید تا با اینکار فتوشاپ سعی کند که عکس های شما را به صورت منظم روی هم بچیند تا کمترین جا به جایی را داشته باشد!

 

۳) از منوی Window گزینه ی Timeline را انتخاب کنید. اگر از CS5 و Photoshop CS4 استفاده می کنید در این منو باید گزینه ی Animations را انتخاب کنید.

 

۴) با اینکار یک پنجره ی کوچک که پنل نامیده می شود با نام Timeline در فتوشاپ ظاهر می شود (در بالا سمت چپ نام این پنل نوشته شده است) در این پنل یک گزینه ی وجود دارد که کنار آن یک فلش رو به پایین قرار گرفته است. ابتدا با استفاده از آن فلش گزینه ی Create Frame Animation را انتخاب کنید و بعد آن گزینه ی کنار فلش را انتخاب کنید.

 

۵) حالا از منویی که در بالا سمت راست پنل Timeline وجود دارد گزینه ی Make Frames from layers را انتخاب کنید تا به هر فریم یک لایه تعلق گیرد.

 

۶) حالا باید با کشیدن (Drag کردن) و جا به جا کردن فریم های ساخته شده (هر فریم در واقع یک عکس است که تصویر متحرک از آن عکس ها یا به عبارتی از آن فریم ها تشکیل شده) آن ها را منظم و به ترتیب کنید! اگر دقت کنید در بالای هر فریم اعداد ۱ و ۲ و ۳ و… نوشته شده که باید این فریم ها را جا به جا کنید تا آن ها به ترتیب قرار گیرند. اگر می بینید که فریم های شما دقیقا برعکس هستند یعنی فریم شماره ی ۱ باید آخرین فریم باشد و فریم شماره ی ۲ باید یک فریم قبل تر از آن باشد و به همین صورت فریم ها سر و ته قرار گرفته اند می توانید با انتخاب گزینه ی Reverse frames از منوی بالا سمت راست فریم های سر و ته کنید!

 

۷) ممکن است بخواهید زمانی که به هر فریم تعلق می گیرد را تغییر دهید مثلا می خواهید در هنگام نشان دادن فریم اول ۳ ثانیه صبر کند و بعد به فریم دوم برود و… برای اینکار می توانید با استفاده از فلشی که در پایین هر فریم قرار گرفته این زمان را تغییر دهید. گزینه ی No delay یعنی بدون مکث که این گزینه به معنی ۰ ثانیه است. برای انتخاب زمان دلخواه از گزینه ی Other استفاده کنید. همچنین شما می توانید چند فریم را با نگه داشتن کلید Ctrl یا Shift به صورت همزمان چند فریم را انتخاب کنید و در یک لحظه یک زمان را برای همه ی آن ها انتخاب کنید (دقیقا مثل ویندوز که با این دو کلید می توانید چند فایل را همزمان انتخاب کنید.

 

۸) کار دیگری که می توانید انجام دهید این است که شما می توانید جابه جا شدن بین دو فریم را در چند فریم انجام دهید! یعنی مثلا از فریم ۲ به فریم ۳ به جای اینکه در یک لحظه بین این دو فریم جا به جا شود در چند فریم اینکار انجام شود. برای اینکه این موضوع را بهتر درک کنید یک بار اینکار را انجام دهید تا متوجه منظور بنده شوید.

ابتدا دو فریم پشت سر هم را انتخاب کنید مثلا فریم ۲ و ۳ و بعد گزینه ای که نمایش داده شده را انتخاب کنید.

 

حالا در قسمت Frames to Add تعداد فریم هایی که می خواهید بین این دو فریم قرار گیرد را انتخاب کنید مثلا ۵ تا در قسمت Parameters هم می توانید تعیین کنید که بر چه اساس هایی این فریم های میانی را بسازد که اگر با فتوشاپ زیاد آشنایی ندارید مهم نیستند و بگذارید هر سه گزینه تیک خورده باشند. در پایان OK کنید.

خواهید دید که چند فریم بین دو فریمی که انتخاب کرده اید اضافه شده که در واقع تغییرات آن دو فریم را در چند فریم نمایش می دهد! البته من دی اینجا این کار را انجام ندادم چون نیاز نداشتم اما در فیلم آموزشی برای اینکه شما ببینید اینکار را انجام داده ام

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

۹) شما می توانید با استفاده از گزینه هایی که علامت گذاری شده اند پیشنمایشی از فایل نهایی (همان تصویر متحرک پایانی) ببینید.

 

۱۰) در پایان برای ذخیره کردن عکس متحرک ساخته شده از منوی File گزینه ی Save for web را انتخاب کنید. یا اینکه کلیدهای Alt+Ctrl+Shift+S را انتخاب کنید.

 

پنجره ای باز می شود با تنظیمات و گزینه ی های مختلف! ابتدا از بالا سمت چپ دقیقا بالای عکس گزینه ی ۲Up را انتخاب کنید تا بتوانید فایل اولیه را با فیلم نهایی از نظر کیفیت مقایسه کنید. حالا باید به موارد زیر دقت کنید:

۱) در این قسمت گزینه ی GIF را انتخاب کنید.

۲) در این قسمت باید کیفیت عکس را انتخاب کنید که مثلا ۶۴ کیفیت مناسبی را ارائه می دهد در حالی که حجم فایل را زیاد نمی کند

۳) بهتر است این قسمت را به در عددی در حدود ۶۰ تا ۹۰ تنظیم کنید (بسته به کیفیت و حجم عکس)

۴) اگر این گزینه را تیک بزنید کیفیت عکس کمی بهتر می شود

۵) در این قسمت می توانید اندازه ی عکس را انتخاب کنید.

۶) در این قسمت می توانید حجم عکس را مشاهده کنید مثلا ۲۱۵K یعنی ۲۱۵ کیلوبایت در زیر این عدد مدت زمان این تصویر متحرک نشان داده شده.

۷) با استفاده از این گزینه ها می توانید پیش نمایشی از فایل خود مشاهده کنید.

۸) با استفاده از گزینه ی Save فایل خود را ذخیره کنید.

 

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

منبع مطالب تصاویر آموزش گرافیکی :

fenjon.com

مطالب مرتبط
فریم ورک های جاوا اسکریپت
مطالعه : 10 دقیقه

 Best Javascript Frameworks 2019   منظور از فریم ورک جاوا اسکریپت چیست؟ در دنیای برنامه نویسی و توسعه، عبارت « فریم ورک جاوا اسکریپت » به کتابخانه ای از جاوا اسکریپت اشاره می کند که رابط های کاربری تعاملی و داده محور ارائه می دهد. این فریم ورک ها به گونه ای طراحی شده اند که در هنگام ایجاد تعامل با استفاده از یک برنامه یا رابط، به تهیه داده برای کاربران کمک می کنند. فریم ورک های جاوا اسکریپت با یکدیگر متفاوت اند اما هدف نهایشان یکی است: نمایش داده های جدید به محض اینکه کاربر، یک اقدام تعاملی را آغاز می کند. با تیم طراحی سایت اصفهان وب یار همراه باشید تا مروری بر ویژگی های محبوب چند مورد از فریم ورک های جاوا اسکریپت داشته باشیم.   خصوصیات فریم ورک های جاوا اسکریپت   1) موثر بودن: شما می توانید برنامه های موبایل، دسکتاپ و یا سایر رابط های کاربری سطح بالا را در مدت چند هفته و یا حتی چند روز بسازید! 2) امن بودن: همه فریم ورک های رایج و محبوب جاوا اسکریپت دارای تنظیمات امنیتی مطمئن هستند. طیف وسیعی از برنامه نویسان، تست کنندگان و کاربران نیز از این فریم ورک ها پشتیبانی می کنند. 3) کم هزینه بودن بیشتر فریم ورک های جاوا اسکریپت به صورت متن باز (open-source) و رایگان هستند که […]

منوی Edit فتوشاپ
مطالعه : 8دقیقه

منوی Edit فتوشاپ پس از یادگیری منوی file فتوشاپ به سراغ منویEdit می رویم، همانطور که از نام این منو پیدا است منوی Edit فتوشاپ برای ویرایش می باشد و کاربرد های جالب و کاربردی در منوی Edit فتوشاپ وجود دارد، گزینه هایی مانند بازگشت،حذف،کپی،رنگ کردم،ساخت عکس،تغییر رنگ ها و موارد بسیار دیگری وجود دارد که به صورت مختصر و مفید به توضیح آن برای آسان شدن بیشتر راه اندازی کسب و کار اینترنتی پرداختیم.   – Undo Delete Layar : برای برگرداندن آخرین عملیات انجام شده استفاده می شود. – Step Forward: به وسیله این گزینه عملیات لغو شده توسط step back ward برگردانده می شود. – Step Backward: با کمک این گزینه می توان به تعداد معینی از عملیات را لغو نمود. – Feda: این گزینه بعد از استفاده از ابزار brush برای میزان غلظت و نوع مد آن استفاده می شود. – Cut: بعد از انتخاب یک قسمت با ابزار انتخاب می توان با این فرمان آن قسمت را برش داد. – Copy: مانند فرمان cut باید قسمتی انتخاب شود و با این فرمان می توان یک کپی از قیمت انتخابی داشت. – Copy Special: مانند فرمان قبل عمل می کند با این تفاوت که زمانی که آن را در جایی paste می نمایید بر روی همان لایه نمی ماند و لایه جدیدی ایجاد می کند. – […]

انتخابگرها - CSS Selectors
مطالعه : 7 دقیقه

معرفی انتخابگر ها در CSS   همانطور که می دانید برای استایل دادن به المان های صفحه وب در فایل CSS، ابتدا باید المان HTML مورد نظر را با استفاده از انتخابگر های CSS مشخص کنیم؛ اما گاهی انتخاب کردن ها دشوار می شود و معلوم نیست اشکال کدنویسی از کجا ناشی شده است. تیم طراحی سایت اصفهان وب یار، نحوه ی انتخاب دقیق و سریع المان های HTML را در این مقاله آموزش می دهد که امیدواریم مورد استفاده شما برنامه نویسان و نوآموزان خوش آتیه قرار بگیرد.   لیست انتخابگرها (CSS Selectors List)   نوع انتخابگر مثال توضیح .class .Buttons همه المان هایی که کلاس Buttons دارند را انتخاب می کند .class1.class2 <div class=”name1 name2″>…</div> همه المان هایی که هر دو کلاس name1 و name2 را دارند، انتخاب می کند .class1 .class2 <div class=”name1″> <div class=”name2″> … </div> </div> همه المان هایی که کلاس name1 را دارند و از نوادگان المانی با کلاس  name2 هستند را انتخاب می کند #id #unique المانی با “id=”unique را انتخاب می کند * * همه المان ها را انتخاب می کند element p همه پاراگراف ها را انتخاب می کند element,element div, p همه <div> ها و همه <p> ها را انتخاب می کند element element div p همه پارگراف های داخل همه <div> ها را انتخاب می کند element>element div > […]

آموزش کار با ابزار slice tools فتوشاپ | اسلایز-تولز
مطالعه : 7دقیقه

  آموزش کار با ابزار slice tools فتوشاپ   اسلایس بخش های مختلف تصویر و شروع به تبدیل سایت ابزار slice tools  یکی از مهم ترین و کاربردی ترین ابزارها در فتوشاپ است که بسیار زیاد مورد استفاده کدنویسان و برنامه نویسان عزیز قرار می گیرد و در طراحی قالب ورد پرس نیز کاربرد زیادی دارد. به عنوان مثال زمانی که شما می خواهید تصاویر موجود از یک طرح را کات کنید و در جاهای مختلف طرح تان مانند: آیکون ها، بک گراندها ، پترن ها و…. استفاده کنید. ابزار slice tools خیلی به کارتان می آید که در چندین مرحله و با چند کلیک ساده انجام می شود. در ادامه آموزش کار با ابزار slice tools را آموزش می دهیم.   روش استفاده از ابزار slice tools : روش استفاده از ابزار tools slice به این شکل است که ابتدا ابزار را انتخاب کرده و یک نقطه از تصویر را مشخص می نمایید و کلید موس خود را پایین نگه داشته (چپ کلیک کنید!) و نقطه دوم مورد نظر خود را انتخاب می کنید، سپس کلیک را رها کرده (چپ کلیک) تا این محدوده به عنوان محدوده ی برش شده انتخاب گردد. حال اگر خواستید می توانید چندین محدوده را به همین طریقی که گفته شد مشخص نمایید. سپس از گزینه فایل (file) ،گزینه save as for web را […]

نقش فیلد ها در طراحی سایت
مطالعه : 5 دقیقه

نقش فیلدها در طراحی سایت : نقش فیلدها در طراحی سایت یکی از بخش های مهم واساسی می باشد. ایجاد فیلدها در سایت دارای قواعد خاصی بوده و رعایت کردن قواعد آن در طراحی میتواند منجربه جذب کاربر و ثبت نام او در سایت گردد. فیلد های مختلفی در طراحی سایت وجود دارد. مانند فیلد ثبت نام، فیلد پرداخت ، فیلد تماس با ما، نمایندگی و… مدیر یک وب سایت باید قبل از ایجاد فیلد بداند هدف ازایجاد آن چیست؟ و در نهایت چه اطلاعاتی نیاز دارد. این گونه باعث می شود که بهترین فیلدها در طراحی سایت برای فرم مربوطه مشخص شود و از ایجاد فیلد های اضافی جلوگیری گردد. تیم طراحی سایت اصفهان وب یار با تجرباتی که دراین زمینه دارد، می تواند موارد فوق را به خوبی در سایت شما ایجاد نماید و منجربه افزایش فروش وبرندینگ وبسایت شما شود.   طراحی فرم: طراحی یک فرم و یک فیلد مناسب در یک وب سایت می تواند باعث جذب کاربر شود. فرمی که خوب طراحی نشده باشد تعاملی با کاربران نداشته ودر واقع نرخ تبدیل conversion rate  پایینی خواهد داشت. منظور از نرخ تبدیل ، به درصدی از کاربران گفته می شود که فرم را دیده و آن را تکمیل کرده اند. مثلا اگر سایت شما 200 بازدید کننده مراجعه کرده باشند و فقط 20 نفر از آن […]

مطالعه :

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

دیدگاه ها

پاسخی بگذارید

نشانی ایمیل شما منتشر نخواهد شد. بخش‌های موردنیاز علامت‌گذاری شده‌اند *