چگونه عکس وب سایت رو ویرایش کنیم
روشی که یک کاربر سایت باید در مورد ویرایش یک وب سایت بدونه رو براتون توضیح میدیم تا کنار هم یاد بگیریم.
برای آموزش های بیشتر از ” بنرساز ” روی لینک کلیک کنید.
انتخاب عکس مناسب برای تم سایت
اول از هر کاری باید ببینیم که تم سایت ما چه عکس هایی نیاز دارد.
معمولا شرکت های طراحی سایت تمی را در اختیار کاربران قرار میدهد،
که کاربران بتوانند براساس آن عکس ها و متن های خود را تهیه و به شرکت تحویل دهند.
ما در تصویر زیر یک عکس را بعنوان مثال انتخاب میکنیم تا روش مناسب و براتون آموزش بدیم.
این تم ها معمولا در یک سایت بصورت موقت بارگذاری میشوند،
تا کاربر بتواند نتیجه تغییرات خود را بصورت آنلاین ببیند. برای قسمت های مختلف سایت شرکت طراح سایت به شما سایز عکس ها را اعلام میکند.
بر اساس این اندازه ها شما باید تصاویر خود را ویرایش کنید.
طراحی عکس های منتخب برای سایتمون
اولین مرحله انتخاب و ویرایش عکس هدر سایت است. هدر فعلی سایت عکس زیر است.
بطور مثال شرکت طراحی سایت به ما اعلام کرده است که اندازه این عکس باید 512×1024 باشد.
برای تهیه این عکس ابتدا باید عکس مورد نظر خود را انتخاب کنیم، ما عکس زیر را برای هدر خود دانلود کرده ایم.
همانطور که مشاهده می کنید نسبت های این تصویر با نسبت های مد نظر ما متفاوت است.
برای تبدیل این عکس به عکس دلخواه آن را در فتوشاپ باز کنید.
استفاده از ابزار کراپ
ما از فتوشاپ نسخه CC 2017 استفاده می کنیم.
ابزار کراپ را با فشردن کلید C برداشته و نسبت دلخواه را به طول و عرض بدهید.
اگر پس زمینه عکس پیچیده است عکس را برش دهید.
در غیر این صورت، کلید Shift+alt را گرفته و یکی از گوشه ها را گرفته و به خارج بکشید
چگونه عکس وب سایت رو ویرایش کنیم |
تا تمام عکس در کادر قرار گیرد. سپس عکس را در وسط کادر قرار دهید.
ما یک عکس با پس زمینه ساده داریم، کلید Ctrl را زده روی ایکون ایجاد لایه جدید در پنل لایه ها کلیک کنید
تا یک لایه زیر لایه اصلی برای شما ایجاد شود.
استفاده از قطره چکان برای روتوش عکس
در این مرحله با ابزار قطره چکان
از رنگ پس زمینه انتخاب و رنگ را در لایه ای که در گام بالا ایجاد کرده ایم میریزیم.
اگر لایه پس زمینه عکس دارای گرادیانت است میتوانید با ابزار گرادیانت آنرا ایجاد کنید.
اگر پس زمینه عکس شما بحدی پیچیده است
که مانند تصویر بالا نمیتوان با گرادیانت و یا رنگ برای آن پس زمینه ایجاد کرد،دو راه حل دارید یا عکس را برش دهید،
چگونه عکس وب سایت رو ویرایش کنیم |
تا در قاب مد نظر جا بگیرد و یا اینکه یک نوار باریک از گوشه عکس انتخاب کرده
و آنرا کپی کرده و سپس کپی را بکشید تا تمام قاب را پر کند.
استفاده از افکت Gaussian blur ببروی عکس
سپس به ناحیه کپی شده افکت Gaussian blur بدهید .
حالا دستور image/mode/index را بدهید
سپس دستور image/image/size را اجرا کنید.
ما بجای اینکار از کلید میانبر Ctrl+alt+i استفاده کرده و در پنجره باز شده ابعاد 512×1024 را وارد کرده ایم.
سپس کلید های Shift+ctrl+alt+S را برای ذخیره در وب بزنید.
در پنجره باز شده فرمت عکس در فرمت jpg و کیفیت LOW قرار دهید.
عکس را در حالت وب ذخیره کرده و بارگذاری کنید.
برای سایر عکس های سایت همین مراحل را طی کنید،
ولی دیگر لازم نیست برای عکس فضای بیشتر ایجاد کرده و برای آن پس زمینه بسازید.
تنها کافیست که عکس را با نسبت هایی که میخواهید برش دهید .