نحوه گرد کردن گوشه ها در فتوشاپ cs6. نحوه گرد کردن گوشه های تیز در فتوشاپ

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

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

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

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

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

راهی سریع برای گرد کردن عکس

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

ابزار Rectangle را پیدا کنید گوشه های گرد».

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

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

به خواص توجه کنید. می توانید با نشانگرهای نشان داده شده در تصویر "بازی" کنید و لبه ها را با شدت بیشتری خم کنید. شماره خود را وارد کرده و enter را فشار دهید تا نتیجه را ببینید. وقتی رضایت شما را جلب کرد، دوباره اینتر را فشار دهید.

در حال حاضر برگزاری دکمه CTRL، در مرکز لایه حاوی مستطیلی که به تازگی کشیده اید کلیک کنید. مراقب باشید اگر روی متن کلیک کنید هیچ اتفاقی نمی افتد. شما باید دقیقاً در مرکز نماد با یک تصویر کوچک کلیک کنید.

حالا دید را حذف می کنیم. برای انجام این کار، روی "چشم" در کنار لایه کلیک کنید.

بیایید به کار با لایه ادامه دهیم، آن را انتخاب کنید: حداقل روی متن، حداقل روی نماد، با ماوس کلیک کنید. مهم نیست این مرحله را نادیده نگیرید وگرنه جادو اتفاق نخواهد افتاد.

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

شما به png نیاز دارید.

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

شما همچنین می توانید این تصویر را به عکس اضافه کنید. در این صورت ذخیره و بازگشایی ضروری نیست.

فقط آن را انتخاب کنید (Ctrl+A) سپس (Ctrl+C) را کپی کرده و در تصویر دیگری (Ctrl+V) قرار دهید.

برای طراحان گرد، ما روند کار بر روی یک پروژه را تسریع می کنیم

فرض کنید روی یک پروژه مهم و جالب کار می کنید. همه چیز تقریباً آماده است و می خواهید ببینید با گوشه های گرد چگونه به نظر می رسد. لازم نیست صد هزار برگه باز شود: برش - چسباندن و غیره. همه چیز را می توان بسیار سریعتر و راحت تر انجام داد.

در اینجا به مثال من نگاه کنید. در ضمن اگه خواستید میتونید دانلود کنید فایل psdبا فتوشاپ باز کنید و تمرین کنید ( دانلود ).

لایه مورد نیاز خود را انتخاب کنید. من قصد دارم با یک تصویر بزرگ از یک جغد کار کنم. بنابراین، Ctrl را نگه می دارم و روی مرکز تصویر کوچک این لایه کلیک می کنم. نه با متن یا چشم. مطابق تصویر همراه با تصویر. توتولوژی را ببخشید

اول از همه، کادر کنار «اعمال افکت روی مرزها» را علامت بزنید. سپس شعاع را تنظیم کنید.

متأسفانه باید با چشم انتخاب کنید. در اینجا، به عنوان یک قاعده، آنها 15 را قرار می دهند. این استاندارد است، اما، همانطور که می دانید، می توانید از آن منحرف شوید.

ما گزینه ایده آل را انتخاب می کنیم.

سپس در تب "انتخاب" "Invert" را پیدا می کنیم.

دکمه "del" روی صفحه کلید را فشار دهید و کارتان تمام است.

برای حذف مورچه های خزنده در امتداد لبه ها، باید Ctrl و D را همزمان فشار دهید.

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

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

شما قبلاً می دانید که چگونه یک عکس در مثلث بسازید. نمی فهمم؟ همه چیز بسیار ساده است.

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

فراموش نکنید که "سه طرف" را در پانل در بالا قرار دهید تا سر خود را با تغییر شکل فریب ندهید.

و اگر نمی‌خواهید گوشه‌ها به اندازه گوشه‌های من تیز باشند، فقط ضد الایاسینگ را در تنظیمات تنظیم کنید.

این نقاشی در فرمت psdمی توانید مستقیماً از وبلاگ من دانلود کنید و با آن کار کنید ( دانلود ). من فکر نمی کنم مشکلی برای بهبود باشد.

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

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

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

برای اینکه مثال های مقاله به درستی روی صفحه نمایش شما نمایش داده شوند، باید بیشترین استفاده را داشته باشید نسخه های تازهمرورگرها، فایرفاکس، کروم و موارد مبتنی بر آنها: Yandex.Browser، Amigo و غیره.

گوشه های گرد برای بلوک های DIV

CSS3 برای مسدود کردن DIVگوشه های گرد داشت، باید مدل دهی شود شعاع مرزی، برای مثال مانند این:

شعاع حاشیه: 10 پیکسل

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

بلوک با زوایای راست

بلوک با گوشه های گرد

گرد کردن گوشه های تصاویر

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

این تصویر بدون پردازش CSS است

و حالا با گوشه های گرد:

شعاع حاشیه: 10 پیکسل

برای اینکه از ابتدا کاملاً "زیبا" شود، یک حاشیه اضافه کنید ...

شعاع حاشیه: 10 پیکسل حاشیه: 5px #ccc solid;

و سپس سایه ها:

شعاع حاشیه: 10 پیکسل حاشیه: 5px #ccc solid; box-shadow: 0 0 10px #444;

تغییر زیر (گوشه های گرد بدون سایه حاشیه) بسیار شبیه به پد ماوس است:

شعاع حاشیه: 10 پیکسل box-shadow: 0 0 10px #444;

و در نهایت، تمسخر کامل تصویر

شعاع مرزی: 50% حاشیه: 5px #cfc solid; box-shadow: 0 0 10px #444;

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

کمی انحراف غزلی

سبک مرزاندازه تصویر را با مقدار حاشیه افزایش می دهد. اگر مقدار مشخص شده باشد حاشیه: 5 پیکسل، سپس تصویر نهایی 10 پیکسل گسترده تر و بلندتر می شود. این را در نظر داشته باشید، در برخی موارد ممکن است طرح‌بندی سایت «برود».

یک روش سایه جعبهبر اندازه تصویر تأثیر نمی گذارد، به نظر می رسد سایه روی عناصر همسایه قرار می گیرد. هنگام استفاده از آن، طرح بندی سایت آسیب نمی بیند.

نحوه گرد کردن گوشه های تصاویر در وردپرس

در تمام مثال‌های بالا، استایل‌ها را مستقیماً در تگ‌ها نوشتم کد html. به عنوان مثال، آخرین مورد به این شکل است:

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

به عنوان مثال، برای تمام تصاویری که تراز برای آنها مشخص نشده است، در فایل style.cssشما قالب های وردپرسموارد زیر را بنویسید:

Alignnone (شعاع حاشیه: 10 پیکسل؛ حاشیه: 5 پیکسل #cfc جامد؛ جعبه-سایه: 0 0 10 پیکسل #444؛ )

یا سخت ترین روش برای تمام عکس های موجود در سایت. لغو سبک برای همه برچسب ها img:

Img (شعاع حاشیه: 10 پیکسل؛ حاشیه: 5 پیکسل #cfc جامد؛ کادر-سایه: 0 0 10 پیکسل #444؛ )

آخرین گزینه نه تنها برای وردپرس، بلکه برای هر CMS مناسب است. و حتی برای ساده HTMLصفحات در صورتی که هنگام نمایش تصاویر، برچسب imgهیچ کلاس سبکی اختصاص داده نمی شود. اما مراقب باشید. اگر گزینه های نمایش برچسب را لغو کنید imgتو تغییر کردی ظاهرتمام تصاویر در سایت!

به جای نتیجه گیری

تمام مثال‌های مقاله مشروط هستند و فقط برای نشان دادن برخی از قابلیت‌های پردازش تصویر CSS و نشان دادن چقدر ساده است.

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

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

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

مرحله 1

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

گام 2

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

مرحله 3

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

مرحله 4

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

مرحله 5

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

مرحله 6

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

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

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

گرد کردن گوشه های تصویر در چند مرحله انجام می شود:

1. یک تصویر را در فتوشاپ باز کنید. برای انجام این کار، روی "File" و "Open" یا میانبر صفحه کلید Ctrl + O کلیک کنید.


2. با کلیک روی "لایه ها" و سپس "لایه جدید ایجاد کنید. لایه جدید».


3. در سمت چپ برنامه یک نوار ابزار عمودی قرار دارد. در آن ابزار Rectangle را خواهید یافت. که در این لحظهما به آن نیازی نداریم، بنابراین روی آن راست کلیک کرده و ابزار Rounded Rectangle را انتخاب می کنیم.


4. پنل تنظیمات این ابزار در بالای برنامه ظاهر می شود. در اینجا می توانید شعاع گوشه مورد نظر را تنظیم کنید. می توانید گردی را کم یا زیاد کنید. به طور پیش فرض، پارامتر دارای مقدار 10 پیکسل است. لطفا توجه داشته باشید که برای کار با ابزار، باید پارامتر "Contours" را فعال کنید که در پانل تنظیمات نیز قرار دارد.


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


6. بر روی تصویر کلیک راست کرده و گزینه "Make Selection" را انتخاب کنید. یک انتخاب نقطه‌دار ظاهر می‌شود.


7. حالا به نوار ابزار افقی رفته و تب Selection را باز کرده و سپس Invert را انتخاب کنید.




8. اکنون برعکس است - نه خود تصویر، بلکه گوشه های غیر ضروری انتخاب شده است. برای حذف آنها کافیست کلیدهای ترکیبی Ctrl+Delete را روی صفحه کلید خود فشار دهید.


9. حالا با فشردن کلیدهای Ctrl+D روی کیبورد خود را از حالت انتخاب خارج کنید. از نتیجه لذت ببرید!


فراموش نکنید که عکس تمام شده را در رایانه خود ذخیره کنید.

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

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

مرحله 1

به طور پیش فرض، تمام تصاویر باز شده در فتوشاپ به یک تصویر پس زمینه تبدیل می شوند. فتوشاپ چنین لایه ای را به عنوان "Background" نامگذاری می کند و همچنین آن را از ویرایش غیر ضروری مسدود می کند. این با یک نماد قفل کوچک به ما نشان داده می شود.

برای باز کردن قفل چنین لایه ای، باید روی آن دوبار کلیک کنید. کادر محاوره ای New Layer ظاهر می شود. چیزی را تغییر ندهید، فقط روی OK کلیک کنید. اکنون قفل باید ناپدید شود.

مرحله 5

در پانل لایه ها، روی اولین لایه با تصویر اصلی کلیک کنید و میانبر صفحه کلید Ctrl + Shift + I را فشار دهید. در نتیجه، ما باید کل منطقه را خارج از مرزهای مربع خود انتخاب کنیم. نامیده می شود. نگاهی دقیق تر به آنچه تغییر کرده است:

مرحله 6

حالا کلید ترکیبی Ctrl+X را فشار دهید (ویرایش - برش) انتخاب را حذف کنید. انتخاب باید ناپدید شود، و در جایی که تصویر زمانی بود، یک پس‌زمینه شطرنجی (شفافیت) ظاهر می‌شود.

مرحله 7

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

مرحله 8

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

در آینده، برای استفاده از چنین تصویری، باید در آن ذخیره شود فرمت PNG! در این صورت گوشه ها شفاف می مانند. در غیر این صورت، اگر ذخیره کنید، برای مثال، در فرمت JPG، گوشه ها به طور خودکار سفید می شوند.

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

و چگونه فقط مثلاً یک گوشه گرد درست کنیم؟

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

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

متوجه خطایی در متن شد - آن را انتخاب کنید و Ctrl + Enter را فشار دهید. متشکرم!