آموزش فتوشاپ

در این وبلاگ آموزش های فتوشاپ قرار داده می شود

آموزش فتوشاپ

در این وبلاگ آموزش های فتوشاپ قرار داده می شود

۳ مطلب در فروردين ۱۳۹۹ ثبت شده است

 پانوراما چیست؟

قبل از آنکه آموزش عملی را شروع کنیم لازم است که هممون بدونیم پانوراما چیه؟

در ویکی پدیا اینطور اومده : به هر گونه دورنمای وسیع سراسری از یک فضا، سَراسَرنَما یا پانوراما (به انگلیسی و فرانسوی: panorama) گفته می‌شود. در قرن ۱۹ میلادی، هنگامی که عکاسی سراسرنما اختراع شد، به هم چسباندن عکس‌ها تنها راه ساخت سراسرنما بود.کلمه پانوراما از معادل انگلیسی آن یعنی Panorama گرفته شده که از ترکیب Pan (به معنی all = همه) و rama (به معنی sight = دید) ساخته شده‌است؛ پس می‌توان آنرا «چیزی که همه اطراف را در بر می‌گیرد» معنی کرد.

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

حالا ربط پانوراما به کار ما و پست اینستاگرام چیه؟

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

میایم یک زمینه ی عریض ایجاد میکنیم و توی اون طرحی رو قرار میدیم که وقتی اسلایدهارو کنار هم قرار بدیم و ورق بزنیم متوجه این ارتباط بشیمو از این ارتباط لذت ببریم.

این مثال رو ببینید :

نمونه پست اسلاید پانورامایی در اینستاگرام

خب بریم سراغ آموزش این تکنیک در فتوشاپ

آموزش های پروژه محور در فتوشاپ

 

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

این آموزش را برای راحتی شما عزیزان هم به صورت متن و تصویر و هم به صورت ویدئو تهیه کرده ام.

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

قبل از هرچیز ما باید بدونیم پست های اینستاگرام در چه سایزهایی هستند؟

سه نوع پست در اینستاگرام داریم :

  • مربعی با سایز استاندارد 1080*1080
  • عمودی با سایز 1080*1350
  • و افقی با سایز استاندارد 1080*608

برای اینکه بتونیم طراحی مناسبی داشته باشیم اول باید مشخص کنیم که پست ما شامل چه تعداد اسلاید هست ؟

و در وحله ی بعدی قصد داریم تو چه سایزی اون رو ارائه بدیم؟

به عنوان مثال من قصد دارم یک پست مربعی داشته باشم که شامل 5 اسلاید بشه.

برای این کار من نیاز به یک تصویر با ارتفاع 1080 دارم که عرض اون 5تا 1080 باشه ، یعنی 5400

 

مراحل سریع ساخت اسلایدهای سریالی اینستاگرام در فتوشاپ

پس به این صورت عمل می کنیم :

آموزش ساخت پروژه اسلایدهای سریال اینستاگرام در فتوشاپ
آموزش ساخت پروژه اسلایدهای سریال اینستاگرام در فتوشاپ
  • یک پروژه ی جدید در فتوشاپ ایجاد می کنیم ( ctrl+N)
  • ارتفاع تصویر را 1080 و عرض آن را 5400 تعیین میکنیم
  • نکته:برای آن که بتوانیم راحت و دقیق برش بزنیم نیاز به خطوط راهنما داریم
  • از نوار ابزار بالا ، منوی View را باز کنید،New Guide Layout را کلیک کنید.
ایجاد خطوط راهنما برای ساخت اسلاید پانورامایی در فتوشاپ
ایجاد خطوط راهنما برای ساخت اسلاید پانورامایی در فتوشاپ
  • در منوی باز شده تعداد ستونها را 5 قرار می دهیم و تیک clear Existing guides  را میزنیم.
  • کلید OK را کلیک می کنیم.
تنظیم خطوط راهنما برای پست اینستاگرامی 5 اسلایده
تنظیم خطوط راهنما برای پست اینستاگرامی 5 اسلایده

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

برای این کار هم کافیه ابزار slice tool را انتخاب کنید.

انتخاب slice tool برای برش زدن اسلایدهای سریالی
انتخاب slice tool برای برش زدن اسلایدهای سریالی

کلید C را بزنید،اگر ابزار پیش فرض crop tool بود کافیه چپ کلیک موس را روی آن نگه دارید و ابزار مد نظرمون را انتخاب کنید.

حالا مربع های مشخص شده با کمک خطوط راهنما را برش بزنید.

برش زدن اسلایدها با کمک slice tool برای پست اینستاگرام پانورامایی
برش زدن اسلایدها با کمک slice tool برای پست اینستاگرام پانورامایی

دقت کنید که قبل از این مرحله حتما snap to guides فعال شده باشد.( در ویدئو هم توضیح دادم )

 

خب حالا کافیه این کار را برای تمام اسلایدها تکرار کنید.

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

برای خروجی گرفتن باید از این گزینه اقدام کنید :

File>(Export)>Save for web(legacy)

یا

File>Save for web

بستگی به ورژن فتوشاپتون داره که این گزینه رو کجا ببینید.

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

 

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

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

زمان ویدئو : 13 دقیقه و 44 ثانیه

 

https://danialtaherifar.ir/photoshop-tutorials/

  • ادمین سایتر

واترمارک چیست؟ | Watermark

واترمارک در واقع اینه که اثری از خودمون روی تصاویر به جای بذاریم. این اثر میتونه شامل تصویر ، متن ، شکل ، لوگو و هرچیز دیگه ای که یادآور هویت ما باشه، باشه.

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

آموزش ایجاد واترمارک در فتوشاپ
آموزش ایجاد واترمارک در فتوشاپ

به عنوان مثال در تصویر بال تصویر گرافیکی شفاف زمینه ، همان واترمارک و متن سمت چپ تصویر که آدرس سایت را نمایش داده ، مارک است.

نحوه ی اجرای واترمارک

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

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

در تمام تکنیک ها ما قصد گذاشتن یک اثر شفاف از خودمان داریم که مالکیت تصویر را برای خودمان نگه داریم.

روش های اجرا کمی تفاوت دارد و با توجه به سلیقه ی شما قابل تغییر هست.

واترمارک ساده

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

  1. با ابزار تایپ یک نوشته با محتوای معرفی خودتان ایجاد کنید.(یا یک تصویر یا لوگو یا … )
  2. سایز نوشته و جایگاه آن را بنا به سلیقه ی خودتان تغییر دهید.
  3. میزان شفافیت ( opacity ) را آن قدر کم کنید تا به تصویر دلخواه برسید.

پ.ن: یک نکته اضافه کنم که در ویدئوی آموزشی نیومده.شما میتونید از مدهای Blending برای این کار هم استفاده کنید. مد Overlay برای این کار مناسب است.

واترمارک شبیه به شاتراستوک

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

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

  1. یک مستطیل با سایز مد نظر ایجاد کنید.
  2. ابزار تایپ را انتخاب کنید و روی شکل مستطیل کلیک کنید تا فضای هم اندازه با آن را برای شما تولید کند
  3. شروع به نوشتن متن خود کنید ( سایز را از تنظیمات تغییر دهید تا مناسب شود)
  4. کلید CTRL را نگه دارید و روی آیکون T در جعبه ابزار لایه ها کلیک کنید تا فضای دور متنی که نوشتید انتخاب شود.
  5. روی لایه ی مستطیل راست کلیک کنید و گزینه ی Rasterize Layer را کلیک کنید.
  6. کلید Delete را فشار دهید
  7. لایه ی متن را پاک کنید
  8. لایه ی مستطیل را انتخاب کنید و میزان opacity آن را کنترل کنید.

پ.ن : در ورژن سایت های مشابه شاتر استوک در حال حاضر gettyimage از یک مستطیل کمرنگ + متن سفیدرنگ استفاده می کند که با همین آموزش کاملا قابل انجام هست.

آموزش ایجاد واترمارک پترن (شبیه به 123rf و … )

در دو متد قبلی ما یک متن یا یک تصویر را روی تصویر خودمون اعمال کردیم و به اون شفافیت دادیم.

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

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

پس راه حل چیه؟

تکنیکی به اسم پترن واترمارک – Pattern watermark 

با کمک این تکنیک می تونیم یک واترمارک را بسازیم و به دفعات روی تصویر آن را تکرار کنیم.

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

چی می خواید دیگه؟ ( به جز دلار و زمان و لذت و ….. ) :/

مراحل ایجاد یک الگوی واترمارک

مراحل را با دقت و به ترتیب دنبال کنید، اگر جایی سوال واستون پیش اومد به ویدئو مراجعه کنید.

  1. واترمارک خودتان را آماده کنید ( در ویدئوی آموزشی مراحل مختلفی که برای این متد را طی کردیم ببینید )
  2. تمام لایه های واترمارک تولید شده را انتخاب کنید و کلید های Ctrl+G بزنید و از اونا یک گروه بسازید
  3. گروه را انتخاب کنید
  4. وارد منوی EDIT شوید و گزینه ی Define Pattern را انتخاب کنید تا پترن شما از واترمارک مد نظر تولید شود
  5. تصویری را که قصد دارید روی ان واترمارک اعمال کنید را اجرا کنید
  6. یک لایه ی جدید ایجاد کنید ( یک لایه ی Solid با هر رنگی )
  7. مقدار Fill لایه را روی 0 قرار دهید
  8. روی لایه ی مذکور راست کلیک کنید و گزینه ی Blending Option را کلیک کنید
  9. تیک قسمت pattern را فعال کنید
  10. میزان شفافیت – opacity و مقیاس – scale را به مقدار مد نظرتون تغییر بدید
  11. کانال Danial TV در یوتیوب را سابسکرایب کنید
  12. کانال تلگرام @danialtaherifar را دنبال کنید

به همین سادگی :-D

واترمارک الگویی شما حاضره .

اون دو مرحله ی آخر خیلی مهمه ها :))

خب ذوستان امیدوارم این آموزش واستون مفید بوده باشه ، اگر سوالی بود در قسمت نظرات بنویسید

مشاهده ی ویدئو از کانال یوتیوب

 

 

دانلود ویدئوی آموزشی ساخت واترمارک در فتوشاپ با لینک مستقیم

برای دانلود روی کلید زیر کلیک کنید

href="https://danialtaherifar.ir/watermark-photoshop

 

 

 

https://danialtaherifar.ir/photoshop-tutorials/

 

 

 

  • ادمین سایتر

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

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

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

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

اما راه حل چیه؟

دانلود پلاگین نمایش و ویرایش تصاویر webP برای فتوشاپ

راه حل ویرایش عکس های WebP در فتوشاپ

برای رفع این مشکل دو راه حل کلی وجود دارد.

  • تبدیل تصاویر به فرمت های رایج مثل png و Jpg
  • اضافه کردن قابلیت اجرای تصاویر وب پی در فتوشاپ با کمک پلاگین

برای راه اول می توانید از سایت های اینترنتی استفاده کنید.یکی از این سایت ها، سایت ezgif.com است.

راه دیگر استفاده از نرم افزارهای متنوع در این زمینه هست، از جمله XnConvert که با جست و جو در سایت های فارسی می توانید به راحتی دانلود کنید.

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

دانلود پلاگین فتوشاپ WebP

پلاگینی که برای این کار نیاز دارید در دو نسخه 32 و 64 بیتی عرضه شده و بر اساس ورژن ویندوز خودتان نسخه ی مناسب را دانلود و در پوشه ی مربوط به نرم افزار فتوشاپ آن ها را قرار بدهید.

فتوشاپ را یک بار ببندید و باز کنید.

تصویر WebP را در فتوشاپ به راحتی باز و ویرایش کنید.

دانلود پلاگین WebP Photoshop برای ویندوز با لینک مستقیم

 

 

https://danialtaherifar.ir/photoshop-tutorials/

  • ادمین سایتر