درخواست پیش فاکتور
 
  • 9 اسفند 1396
  • 1,239 نفر
  • ۲ دیدگاه

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

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

با استفاده از این آموزش شما قادر خواهید بود تا فونت های بسیار زیبای FontAwesome را در فتوشاپ خود بیاورید . ما در این آموزش از فتوشاپ ۲۰۱۸ استفاده کرده ایم ، همچنین ویندوز ما نیز نسخه ۱۰ میباشد . مراحل انجام کار به صورت زیر میباشد :

گام اول : دانلود Font Awesome

به سایت FontAwesome رفته و آخرین نسخه از آن را دانلود کنید .

استفاده از FontAwesome در طراحی های فتوشاپ
استفاده از FontAwesome در طراحی های فتوشاپ

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

استفاده از FontAwesome در طراحی های فتوشاپ
استفاده از FontAwesome در طراحی های فتوشاپ

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

پوشه use-on-desktop را باز کنید .

استفاده از FontAwesome در طراحی های فتوشاپ
استفاده از FontAwesome در طراحی های فتوشاپ

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

استفاده از FontAwesome در طراحی های فتوشاپ
استفاده از FontAwesome در طراحی های فتوشاپ

بر روی یکی از سه فونت راست کلیک کرده . برای اینکه بدانید هر کدام شامل چه آیکون هایی میباشد میتوانید به  Font Awesome Icons Gallery مراجعه کنید .

خب برمیگردیم به پوشه فونت خودمان . پس از راست کلیک کردن بر روی فونت مورد نظرمان بر روی گزینه Install کلیک میکنیم تا فونت مورد نظر برای ما نصب شود .

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

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

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

استفاده از FontAwesome در طراحی های فتوشاپ
استفاده از FontAwesome در طراحی های فتوشاپ

فونت دومی که نمایش داده شده ادغامی از فونت های Regular و Solid Regular است پس ما سه فونت رو اینجا مشاهده میکنیم .

گام دوم : پیدا کردن نام فونت آیکون مورد نظر

اگر با FontAwesome کار کرده باشید میدونین که هر شکل و آیکون دارای یک کلاس و نام منحصر به فرد میباشد . برای پیدا کردن نام آیکون مورد نظر مراحل زیر را انجام دهید :

۱- به سایت Font Awesome Free’s Cheatsheet بروید . نوع فونتتان را حتما انتخاب کنید . برای مثال من Solid رو انتخاب کردم .

۲- حالا آیکون مورد نظر خودتان را پیدا کنید . من یک آیکون تستی انتخاب کرده ام .

استفاده از FontAwesome در طراحی های فتوشاپ
استفاده از FontAwesome در طراحی های فتوشاپ

بسیار عالی . شما در این مرحله هم به خوبی کارتون رو انجام دادید . بریم سراغ مرحله بعد!

گام سوم : افزودن آیکون به سند فایل فتوشاپ

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

۱- فتوشاپ خودتون رو باز کرده و یک سند جدید ایجاد کنید. روی ابزار نوشتن در فتوشاپ که به صورت T شکل میباشد کلیک کنید و ابزار نوشتن افقی را انتخاب کنید.

۲- یک مستطیل بکشید.

۳- FontAwesome را انتخاب کنید .

نام آیکونی که مد نظرتان هست رو وارد کنید . نام آیکون مد نظر ما address-card بود .

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

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

 
  • 27 بهمن 1396
  • 683 نفر
  • بدون دیدگاه

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

(بیشتر…)

 
  • 7 دی 1396
  • 1,744 نفر
  • بدون دیدگاه

سلام. در دو قسمت قبلی از آموزش بوتسترپ ۴ (قسمت اول , قسمت دوم ) مباحثی رو از این فریمورک بررسی کردیم و آموزش دادیم. در این قسمت با ما همراه باشید تا بوتسترپ ۴ رو تا آخر یاد بگیرید .ودر آخر نیز یک قالب واکنشگرای رایگان از ivahid هدیه بگیرید!

(بیشتر…)
 
  • 10 آبان 1395
  • 3,446 نفر
  • بدون دیدگاه

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

(بیشتر…)
 
  • 22 اسفند 1394
  • 5,896 نفر
  • ۱۴ دیدگاه

سلام . در وهله اول از تمام شرکت کنندگان تشکر می کنیم . در ابتدا و طبق عادت همیشگی قرار بود یک جایزه داشته باشیم اما امسال برای همه جایزه خواهیم داشت . دو نفر اول می توانند سفارش طراحی سایت داشته باشند ، نفر سوم اکانت آپانت با شارژ ۲۰۰ تومانی اکانت نامحدود آپلود ۷ ، نفر چهارم اکانت طلایی سامانه SMS41 ، نفر پنجم تا نفر هفتم اکانت نامحدود آپلود ۷ و تمام دیگر شرکت کنندگان می توانند از طرف آی وحید سرویس یک ساله سرعت ۶ مگ ۱۲ گیگ ۱۲ ماهه +۱۳۹۵ گیگ دانلود رایگان از ۶ تا ۱۰ صبح بصورت رایگان داشته باشند . در تصویر ذیل هفت نفر برنده مشخص شده اند که می توانند برای دریافت جایزه با همان ایمیل ثبت نام شده اطلاعات خود را برای ما ارسال کنند به ایمیل info@ivahid.com . توجه داشته باشید برای دریافت اکانت آسیاتک نام و نام خانوادگی ، شماره ثابت و همراه را حتما درج کنید ، در صورتی که خط شما پورت آزاد داشته باشد کارشناسان آسیاتک با شما تماس خواهند گرفت.

برندگان خوش شانس قرعه کشی دوم آی وحید


مشاهده در آپارات
خط جداکننده

نفر اول جناب آقای حسن بهرمندپور

وب سایت : iranicons.ir

باسلام و درود خدمت شما … بینهایت از لطف شما ممنونم.. بنده حسن بهرمندپور هستم از شهر قم… ۰۹۱۰۱۹۵۹۶۹۸ … نام سایت برای طراحی : iranicons.ir می باشد.. جسارتا ایده ای هم که برای این دامین دارم این هست که بتونم یک سایت جامع با عنوان ایران آیکون داشته باشم که بتونم داخل اون تمامی آیکون ها، بنر ، لوگو و طرح های گرافیکی ایرانی و خارجی رو هم به صورت دانلود فایلی در اون جا بدم همچنین در کنارش بتونم طرح های با قبلیت های بیشتر و سفارشی را از طریق فروش فایلی به فروش برسونم.. ایده ای هم که دوست دارم از سایت مشخصی داشته باشم دقیقا سایت www.freepik.com هست…به همین زیبایی ..سادگی و کاربرپسند امیدوارم سایت خوب و کاملی را با نام طراحی شده توسط آی وحید داشته باشم..خیلی ممنون..

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

خط جداکننده

تشکر ویژه از حامیان دوره دوم قرعه کشی .شرکت آژانس تبلیغاتی آپانت ، سامانه تبلیغاتی پیامک اس ام اس ۴۱ ، اپلود ۷ و شرکت بزرگ آسیاتک

برندگان خوش شانس قرعه کشی دوم آی وحید

مشاهده پست قرعه کشی

 
  • 21 دی 1394
  • 5,604 نفر
  • ۲ دیدگاه

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

(بیشتر…)
 
  • 8 مرداد 1394
  • 5,422 نفر
  • ۵ دیدگاه

طراحی وب سایت آسان | طراحی وب سایت رایگان | طراحی وب سایت سریع

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

(بیشتر…)

 
  • 24 آذر 1393
  • 9,153 نفر
  • ۱۳ دیدگاه

فرمت SVG چیست

فرمت SVG و مزایا استفاده در طراحی سایت و مزایا استفاده

فرمت SVG مخفف گرافیک برداری مقیاس‌پذیر و فرمت استاندارد تصاویر برداری است ، اکثر مرورگرهای امروزی از این فرمت پشتیبانی می کنند،اما در این میان مشکلی وجود دارد! چطور این فایل‌ها را بسازیم و یا ویرایش کنیم؟!

فرمت Scalable Vector Graphic (فرمت SVG ) زبانی‌ست از نوع اکس‌ام‌ال که به منظور ایجاد، انتشار، و کار با گرافیک دوبعدی و نیز کاربردهای گرافیکی بر روی اینترنت ایجاد گردیده است. به عنوان استانداردی جدید از سوی کنسرسیوم وب جهان‌شمول  (W3C)، اس‌وی‌جی باعث کوچک‌تر گردیدن، سریع‌تر بودن، و تعاملی‌تر (interactive) شدن اسناد دربردارندهٔ گرافیک و انیمیشن بر روی طراحی سایت می‌گردد . برای درک بهتر می توانید این پست را مشاهده کنید ۱۲ لودینگ SVG

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

(بیشتر…)
 
  • 16 آذر 1393
  • 2,490 نفر
  • یک دیدگاه

طرح لایه باز ویدئو پلیر

دانلود رایگان طرح لایه باز ( پی اس دی ) پخش کننده ویدئو همراه با آیکون

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

(بیشتر…)

 

دکتر رنک فروشگاه قالب وردپرس تمی لول رنگ - پالت رنگ های مورد تایید آی وحید درگاه پرداخت واسط jibme