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

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

گوشه های گرد در فتوشاپ

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

1. عکسی را که می خواهید ویرایش کنید در فتوشاپ باز کنید.

   

2. سپس یک کپی از لایه آبشار به نام ایجاد کنید "زمینه". از کلیدهای میانبر برای صرفه جویی در زمان استفاده کنید CTRL+J. یک کپی ایجاد می شود تا تصویر اصلی دست نخورده باقی بماند. اگر (به طور ناگهانی) مشکلی پیش آمد، می توانید لایه های شکست خورده را حذف کرده و از نو شروع کنید.

   

3. برو جلو. و سپس ما به یک ابزار نیاز داریم "مستطیل گرد".

   

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

   

4. بعد، یک مستطیل با هر اندازه ای روی بوم بکشید (بعداً آن را مقیاس خواهیم کرد).

   

5. اکنون باید شکل حاصل را به کل بوم بکشید. فراخوانی یک تابع "تبدیل رایگان"کلیدهای داغ CTRL+T. یک قاب روی شکل ظاهر می شود که با آن می توانید جسم را حرکت دهید، بچرخانید و اندازه آن را تغییر دهید.

   

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

   

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

   

7. بعد، باید شکل حاصل را انتخاب کنیم. برای انجام این کار، کلید را فشار دهید CTRLو بر روی تصویر کوچک لایه مستطیل کلیک کنید.

   

8. همانطور که می بینید، یک انتخاب در اطراف شکل شکل گرفته است. اکنون به لایه کپی بروید و نمایان بودن لایه را با شکل حذف کنید (به اسکرین شات مراجعه کنید).

   

9. لایه آبشار اکنون فعال و آماده ویرایش است. ویرایش برای حذف اضافی از گوشه های تصویر است. معکوس کردن انتخاب با کلیدهای میانبر CTRL+SHIFT+I. اکنون انتخاب فقط در گوشه ها باقی می ماند.

   

من مدت زیادی است که به دنبال چگونگی گرد کردن گوشه ها با استفاده از Adobe Photoshop بوده ام، اما همه جا نوشتن را در جایی تمام نمی کنند، یا اشتباه نوشته شده است. همانطور که مشخص شد، گرد کردن گوشه های هر تصویر بیش از 30 ثانیه طول نمی کشد، البته پس از اینکه نحوه انجام آن را یاد گرفتید.

و بنابراین، برای انجام چنین عملیات ساده ای باید برنامه را اجرا کنید و تصویر مورد نیاز خود را داخل برنامه بیندازید یا از Menu->File->Open->Desired picture.jpg استفاده کنید.من از تصویر معمولی استفاده خواهم کرد. از طبیعت.

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

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

با کلیک راست بر روی لایه 0 و انتخاب "لایه تکراری" یک تصویر تکراری ایجاد کنید.

شکل 2

"لایه 0" را از فضای کاری پنهان کنید. برای مخفی کردن یک لایه، روی نماد EYES در کنار نام لایه کلیک کنید.

قسمت مورد نظر از تصویر را انتخاب کنید.

به محض اینکه قسمت مورد نظر از تصویر را با یک مستطیل مشخص کردید، در داخل قسمت انتخابی کلیک راست کرده و "Create Selection" را انتخاب کنید.

در کادر محاوره ای، دکمه OK را فشار دهید، پر کردن را لمس نکنید.

یک نکته بسیار مهم! لایه 0 (کپی) را انتخاب کنید، سپس دکمه DELETE را روی صفحه کلید فشار دهید. لایه 0 (کپی) باید با یک کلیک معمولی ماوس انتخاب شود.

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

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

سپس به منوی Edit->Copy بروید.

به منوی File->New بروید و فقط روی OK کلیک کنید. این برنامه به طور خودکار عرض و ارتفاع بوم ناحیه انتخاب شده از تصویر را تنظیم می کند.

در پروژه جدید "Untitled 1" و ما به طور خودکار خود را در آن خواهیم یافت، به منوی Edit->Insert بروید.

بهترین راه برای ذخیره یک تصویر استفاده از گزینه "Save for Web" است. اولاً می توانید به صورت دستی کیفیت تصویر را به صورت درصد انتخاب کنید و ثانیاً اندازه تصویر چندین برابر کوچکتر از ذخیره آن به روش معمول خواهد بود.

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

برای کسانی که نمی دانند چگونه توانستم گوشه ها را دور بزنم، به طور ویژه ویدیویی ضبط کردم که به شما در انجام این کار ساده کمک می کند.

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

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

با استفاده از یک سری مراحل ساده در فتوشاپ، قادر خواهید بود یک مستطیل با گوشه های گرد بسازید. فتوشاپ فیلتر یا ابزاری برای ایجاد یک گوشه گرد ندارد، اما شما می توانید این کار را با Illustrator انجام دهید. این به شما این امکان را می دهد که تقریباً روی هر شیء یک افکت گوشه گرد ایجاد کنید. در آن شما باید به منو بروید جلوه ها > استایلینگ > گوشه های گرد(افکت‌ها > سبک‌سازی > گوشه‌های گرد).

مرحله 1

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

گام 2

حالا باید لایه را شطرنجی کنید. برای انجام این کار، روی تصویر کوچک لایه ستاره در پالت لایه ها کلیک راست کرده و انتخاب کنید. لایه شطرنجی کنید(Rasterize Layer). اگر از لایه متنی استفاده می کنید باید همین کار را انجام دهید.

مرحله 3

به منو بروید Filter > Blur(Filter > Blur) و انتخاب کنید تاری گاوسی(Gaussian Blur). شعاع تاری به اندازه تصویر و نتیجه ای که می خواهید به دست آورید بستگی دارد. من شعاع 5 پیکسل را انتخاب می کنم.

مرحله 4

کلید Ctrl را نگه دارید و روی تصویر بندانگشتی لایه کلیک کنید تا انتخاب تصویر فعال شود. بعد، به منو بروید انتخابو انتخاب کنید لبه را اصلاح کنید(> Refine Edge را انتخاب کنید). می توانید با گزینه ها آزمایش کنید صاف کردن(صاف) و پر(پر) برای انتخاب افکت مورد نظر. تضاد(کنتراست) آن را 100 کنید.

مرحله 5

رنگ شکل را بگیرید، در مورد ما زرد است و کل انتخاب را با این رنگ پر کنید. می توانید این کار را با فشار دادن کلیدهای ترکیبی "Shift + F5" انجام دهید.

مرحله 6

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

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

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

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

کد	شرح	چشم انداز
div (شعاع مرزی: 10 پیکسل؛ )	شعاع گرد کردن همه گوشه ها به طور همزمان.
div (شعاع مرزی: 0 10 پیکسل؛ )	مقدار اول شعاع گوشه سمت راست بالا و پایین را تعیین می کند، مقدار دوم گوشه سمت راست بالا و پایین سمت چپ را تنظیم می کند.
div (شعاع حاشیه: 20 پیکسل 10 پیکسل 0؛ )	مقدار اول شعاع گوشه سمت چپ بالا را تعیین می کند، مقدار دوم شعاع گوشه سمت راست بالا و پایین سمت چپ را به طور همزمان تنظیم می کند و مقدار سوم گوشه پایین سمت راست را تعیین می کند.
div (شعاع حاشیه: 20 پیکسل 10 پیکسل 5 پیکسل 0؛ )	به صورت متوالی شعاع گوشه سمت چپ بالا، سمت راست بالا، پایین سمت راست و پایین سمت چپ را تنظیم می کند.

مثال 1 نحوه ایجاد یک بلوک با گوشه های گرد را نشان می دهد.

مثال 1. گوشه ها را مسدود کنید

HTML5 CSS3 IE 9+ Cr Op Sa Fx

نتیجه این مثال در شکل نشان داده شده است. 1.

برنج. 1. بلوک با گوشه های گرد

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

مثال 2: دکمه گرد

HTML5 CSS3 IE 9+ Cr Op Sa Fx

نتیجه این مثال در شکل نشان داده شده است. 2.

برنج. 2. دکمه گرد

در مرورگر Opera، گرد کردن به اگر هیچ حاشیه ای از طریق ویژگی border تنظیم نشده باشد، به اشتباه اعمال می شود.

ویژگی border-radius همچنین می تواند با ویژگی های دیگر مانند افزودن سایه به یک عنصر ترکیب شود. مثال 3 مجموعه ای از دایره ها را ساخته است که یکی از آنها با box-shadow برجسته شده است. از چنین مجموعه ای می توان برای پیمایش صفحات یا عکس ها استفاده کرد.

مثال 3 درخشش

HTML5 CSS3 IE 9+ Cr Op Sa Fx

نتیجه این مثال در شکل نشان داده شده است. 3.

برنج. 3. در اطراف دایره بدرخشید

با کمک شعاع مرزی، می توانید نه تنها یک دایره، بلکه یک بیضی و همچنین یک گرد بیضی شکل روی بلوک ایجاد کنید. برای انجام این کار، باید نه یک مقدار، بلکه دو مقدار را از طریق اسلش بنویسید. نوشتن 20px/10px به این معنی است که شعاع افقی 20 پیکسل و به صورت عمودی 10 پیکسل خواهد بود. مثال 4 نحوه ایجاد گوشه های بیضوی برای افزودن شرح کتاب کمیک به عکس را نشان می دهد.

مثال 4. بیضی

HTML5 CSS3 IE 9+ Cr Op Sa Fx

تو معلم خودت هستی

نتیجه این مثال در شکل نشان داده شده است. 4.

برنج. 4. استفاده از گوشه های بیضوی

همانطور که در مثال 5 نشان داده شده است می توانید با افزودن ویژگی border-radius به انتخابگر img ظاهر گوشه های تصاویر را تغییر دهید.

مثال 5 تصاویر

HTML5 CSS3 IE 9+ Cr Op Sa Fx