انتقال صاف در فتوشاپ درس مفصل background:gradient(); CSS. انتقال صاف از یک رنگ به رنگ دیگر

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

من از قبل عکس گرفتم و نتیجه ای که گرفتم این است:

برای به دست آوردن چنین تصویری، دو عکس می گیرم که آنها را با هم ترکیب می کنم.

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

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

مرحله 1

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

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

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

گام 2

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

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

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

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

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

مرحله 4

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

اما رفع این مشکل بسیار آسان است.

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

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

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

در اینجا نتیجه است:

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

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

همچنین به شما توصیه می کنم به درس قبلی من نگاه کنید والنتیکا در فتوشاپ, که مطالب جالب زیادی داره

برای شما در تسلط بر فتوشاپ آرزوی موفقیت روزافزون دارم.

گالینا سوکولووا با شما بود.

امروز به شما خواهم گفت که چگونه می توانید به Sony Vegas Pro 13 انتقال دهید. و ما یاد خواهیم گرفت که چگونه انواع انتقال را انجام دهیم، آنها را صاف، سریع و آهسته کنیم. با چنین ویژگی، ویدیو حتی زنده تر و جالب تر می شود، به خصوص که دیگر هیچ پرش غیرمنتظره ای در طول چسباندن مختلف مفاصل وجود نخواهد داشت.

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

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

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

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

انتقال با جلوه های بصری

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

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

1. به قسمت اصلی توجه کنید و تب "Transitions" را در آنجا انتخاب کنید. در پنجره سمت چپ شما گروه هایی از افکت ها را خواهید داشت و در پنجره سمت راست تمام انتقال های موجود در این گروه را خواهید داشت. نکته عالی این است که می توانید در کل گروه قدم بزنید و به صورت بصری ببینید که این یا آن انتقال چگونه به نظر می رسد.
   
2. فرض کنید می خواهم "Clock Wipe" و یکی از افکت های پیشنهادی را انتخاب کنم. برای انجام این کار، باید آن را با دکمه سمت چپ ماوس نگه دارید و مستقیماً به ناحیه ای که همپوشانی رخ می دهد بکشید. هیچ کس به شما اجازه نمی دهد که به منطقه دیگری در جدول زمانی منتقل شوید، زیرا این افکت فقط به این صورت عمل می کند.
   
3. پس از آن، به طور خودکار تنظیمات مربوط به افکت فعلی را باز خواهید کرد. در آنجا می توانید تنظیمات مختلف را تنظیم کنید یا همه چیز را همانطور که هست رها کنید. برای این کار کافیست پنجره را ببندید و نگران نباشید. اثر باقی خواهد ماند.
   
4. اگر تنظیماتی که اعمال کردید را دوست ندارید، روی نماد ویژه داخل همپوشانی کلیک چپ کرده و تنظیمات را تغییر دهید.
   
5. و اگر می خواهید این افکت روی انتقال را به طور کلی حذف کنید، در تنظیمات انتقال، تیک برگه را بردارید.
   

چگونه یک افکت سفارشی را ذخیره کنیم

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

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

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

خب، در اینجا به یکی دیگر از ویژگی های جالب، یعنی نمایش اسلاید می رسیم. اگر می‌خواهید مجموعه‌ای از عکس‌های دائماً در حال تغییر با تغییرات جالب ایجاد کنید، پس چرا این کار را در سونی وگاس انجام ندهید؟

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

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

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

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

با احترام، دیمیتری کوستین.

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

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

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

یک پاک کن نرم و یک قلم مو برای پر کردن لبه ها خوب است تا دو عکس به خوبی با هم ترکیب شوند و به دلیل لبه های سخت غریبه به نظر نرسند.

حالا بیایید نگاه دقیق تری بیندازیم:

پاک کن نرم

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

هنگامی که هر دو تصویر را که می خواهید در یک سند ادغام کنید (هر کدام در یک لایه جداگانه) قرار دادید، موارد زیر را انجام دهید:

1. تصویری را که می خواهید تا حدی پاک کنید به بالای پالت لایه ها بکشید.

توجه داشته باشید

قبل از پاک کردن، بهتر است لایه‌ای را که روی آن کار می‌کنید کپی کنید تا نتیجه را دوست نداشته باشید (برای انجام این کار Ctrl+J را فشار دهید). به لایه جدیدشما را اذیت نمی کند، دید آن را می توان خاموش کرد (و در صورت لزوم دوباره روشن کرد).

2. پاک کن را با فشار دادن کلید E انتخاب کرده و آن را روی حالت قلم مو قرار دهید. برای انجام این کار، در نوار Options، در لیست کشویی Mode، Brush را انتخاب کنید. سپس، از لیست کشویی پیش‌تنظیمات قلم مو، یک براش نرم را انتخاب کنید. مطمئن شوید که فیلدهای Opacity و Pressure روی 100 تنظیم شده اند.

برای صاف‌تر کردن انتقال، مقدار کدورت پاک کن را آزمایش کنید. با کاهش مقدار opacity، می توانید موارد بیشتری ایجاد کنید انتقال های صاف، به جای کلیک کردن تک تک ماوس، قلم مو را روی ناحیه مورد نظر حرکت دهید.

3. نشانگر ماوس را روی تصویر قرار دهید و قسمت ناخواسته را پاک کنید. اگر اشتباهی مرتکب شدید یا تصمیم خود را تغییر دادید، از پالت History استفاده کنید تا چند ضربه قلم مو به عقب برگردید، یا آخرین عملیات را با فشار دادن کلیدهای ترکیبی Ctrl + Z لغو کنید.

برس های نرم و ماسک های لایه ای

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

فرض کنید می خواهید بر سرعت حرکت یک موتورسیکلت تاکید کنید. تاثیر حرکت را تقویت کنیدمی توانید این کار را با اضافه کردن مقداری حرکت تاری به تصویر انجام دهید و سپس مقداری از تاری را با یک لایه ماسک پنهان کنید.

در اینجا نحوه ایجاد آمده است افکت حرکت سریع:

1. تصویر را باز کنید و با فشار دادن کلیدهای ترکیبی Ctrl + J یک کپی از لایه اصلی ایجاد کنید.

2. دستور منو Filters => Blur => Motion Blur را انتخاب کنید. با این فیلتر می توانید این حس را ایجاد کنید که جسم بسیار سریع در حال حرکت است. از آنجایی که فیلتر کل تصویر را تار می کند، دیدن شی مورد نظر در آن دشوار می شود، بنابراین باید با افزودن یک لایه ماسک، بخشی از لایه تار را پنهان کنید. برای اضافه کردن آن، روی دکمه ای که تصویر دایره ای در یک مستطیل در پایین پالت قرار دارد کلیک کنید.

3. برای انتخاب ابزار Brush کلید B را فشار دهید و یک براش نرم بزرگ را انتخاب کنید. رنگ مشکی را به عنوان رنگ پیش زمینه تنظیم کنید.

به شما یادآوری می‌کنم که در رابطه با ماسک‌های لایه، طراحی با رنگ مشکی آنچه را که ما داریم پنهان می‌کند این موردو باید انجام شود. به پایین پنل Tools نگاهی بیندازید و اگر سیاه و سفید را نشان می دهند و رنگ سفید a، سپس کلید X را فشار دهید تا نشانگر سیاه در بالا قرار گیرد. اگر رنگ‌های دیگری انتخاب شده‌اند، ابتدا رنگ‌های پیش‌فرض را با فشار دادن کلید D تنظیم کنید و سپس کلید X را فشار دهید تا نشانگر سیاه در بالا قرار گیرد.

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

ماسک های گرادیان

برس های نرم را کنار بگذارید. ايجاد كردن نرم ترین انتقال های ممکنامکان استفاده گرادیان - انتقال تدریجی و نرم از یک رنگ به رنگ دیگر. روش‌های ترکیب تصاویر با استفاده از براش‌ها و گرادیان‌های نرم مشابه هستند، زیرا تصاویر در یک سند ترکیب می‌شوند و سپس یک لایه ماسک به لایه بالایی اضافه می‌شود. اما به جای رنگ آمیزی ماسک با یک قلم موی سیاه یا سفید، از یک گرادیان سیاه و سفید یا سیاه و سفید برای یک "جریان" صاف و بدون درز از یک تصویر به تصویر دیگر استفاده می کنید.

1. تصویر را که باید در پیش زمینه کلاژ باشد به بالای لیست لایه ها بکشید و یک لایه ماسک به آن اضافه کنید.

2. برای انتخاب ابزار Gradient، کلید G را فشار دهید. در نوار گزینه ها، روی فلش انتخاب کشویی کلیک کنید. در لیست کشویی، گرادیان سیاه به شفاف را انتخاب کنید و در گروه انواع، روی دکمه گرادیان خطی کلیک کنید.

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

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

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

با سلام خدمت مدیران عزیز مبتدی. از نو .

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

چنین عملی یک گرادیان نامیده می شود و از آنجایی که اساساً یک تصویر پس زمینه است، توسط ویژگی پس زمینه انجام می شود که دو مقدار می گیرد:

1. خطی- گرادیان - انتقال رنگ از یک لبه یا گوشه به لبه دیگر.

2. گرادیان شعاعی - انتقال رنگ از مرکز به لبه ها.

پس زمینه: -moz-linear-gradient (بالا، #ff0000، #ffcfcf)؛
بالا، #ff0000، #ffcfcf)؛

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

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

یک پیشوند در ابتدای مقدار قرار دهید و با یک خط تیره شروع می شود.

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

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

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

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

سپس در پرانتز:

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

#ff0000 - رنگ اول با کاما جدا شده است.

#ffcfcf - رنگ دوم که با کاما جدا شده است.

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

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

پایین سمت راست - از گوشه پایین سمت راست به سمت چپ بالا؛

پایین سمت چپ- از سمت چپ پایین به سمت راست بالا؛

بالا سمت راست - از بالا سمت راست به سمت چپ پایین؛

بالا سمت چپ - از بالا سمت چپ به پایین سمت راست؛

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

#شیب(
پس زمینه : #ff0000 ;
پس زمینه: -moz-radial-gradient( مرکز، پوشش بیضی، #ff0000، #ffcfcf);
پس زمینه: -webkit-radial-gradient( مرکز، پوشش بیضی، #ff0000، #ffcfcf);
مرکز، پوشش بیضی، #ff0000، #ffcfcf);
مرکز، پوشش بیضی، #ff0000، #ffcfcf);
عرض: 600 پیکسل
ارتفاع: 400 پیکسل
حاشیه: 1px جامد #333 ;
}

و حالا بیایید، به اصطلاح، چیزی شبیه رنگین کمان بسازیم. برای این کار چند رنگ دیگر به کد بالا اضافه کنید و حجم هر رنگ را به صورت درصد تنظیم کنید (تعداد رنگ ها محدود نیست)

حجم رنگ از 0٪ تا 100٪ تنظیم شده است (اولین 0٪، آخرین 100٪ است، بقیه بین آنها به ترتیب هستند). این گزینه را روی یک گرادیان شعاعی در نظر بگیرید. در یک خطی، همه چیز به همان روش انجام می شود.

#شیب(
پس زمینه : #ff0000 ;
پس زمینه: -moz-radial-gradient();
پس زمینه: -webkit-radial-gradient-t( مرکز، پوشش بیضی، #ff0000 0%, #00b630 30%, #6ff5f5 70%, #ffcfcf 100%);
پس زمینه: -o-radial-gradient( مرکز، پوشش بیضی، #ff0000 0%, #00b630 30%, #6ff5f5 70%, #ffcfcf1005);
پس زمینه: -ms-radial-gradient( مرکز، پوشش بیضی، #ff0000 0%, #00b630 30%, #6ff5f5 70%, #ffcfcf 100%);
عرض: 600 پیکسل
ارتفاع: 400 پیکسل
حاشیه: 1px جامد #333 ;
}

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

گرادیان برای هر کسی تنظیم شده است بلوک HTML(body، div، h1-6، p، ul، ol)، و هر دو سبک جهانی و درون خطی (این برای یک سایت وردپرس است).

حالا چند کلمه در مورد نحوه و مکان انتخاب رنگ. خدمات گرادیانی وجود دارند که هم رنگ، هم درصد حجم و هم کد گرادیان را ارائه می‌دهند، اما انتخاب آنها با عرضه محدود است.

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

که در ردیف بالاپانل، تعداد رنگ های ترکیبی انتخاب می شود. با عبور از "زاویه 30 درجه" محدوده انتخاب تغییر می کند.

در "تنظیم طرح"، تن تیره تر یا روشن تر می شود. در «فهرست رنگ‌ها»، تمام رنگ‌های موجود در طرح بر اساس میزان اشباع و با یک کد در عنوان مرتب شده‌اند.

قالب های HTML روسی

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

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

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

دانش اولیه و یک راز گزینه همیشه برنده

بنابراین، ابتدا باید فتوشاپ را باز کنیم. اکیدا توصیه میکنم این برنامه رو دانلود کنید ( خرید نسخه دارای مجوزشما می توانید اینجا ). شما هرگز بهتر از او پیدا نخواهید کرد. اگر می ترسید که تسلط نداشته باشید و بیهوده پول خرج نکنید، پس از اولین تلاش برنامه را کاملا فراموش کنید، می توانید امتحان کنید. سرویس آنلاین https://editor.0lik.ru/ . داشتن برنامه شخصی بسیار راحت تر است و خیلی زود دلیل آن را خواهید فهمید.

این همان چیزی است که نسخه 2015 فتوشاپ به نظر می رسد، اگر نسخه متفاوتی دارید، نگران نباشید. همه چیز تقریباً یکسان خواهد بود. گزینه های کمی کمتر دارید و این تنها تفاوت است.

ما یک سند جدید ایجاد می کنیم.

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

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

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

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

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

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

روی فلش کنار نماد رنگ کلیک کنید. اینجا جایی است که انتقال‌های استاندارد یا آنهایی که آپلود کرده‌اید ذخیره می‌شوند.

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

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

پوشه حاوی فایل های دانلود شده را در رایانه خود انتخاب کرده و ذخیره کنید.

آنها به انتهای لیست اضافه خواهند شد.

پر کردن

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

تفاوت را ببین.

شما می توانید به هر جایی بپیچید.

برای اینکه خط شما حرکت کند و شیب تار نشود، نگه دارید دکمه Shiftدر حین تنظیم جهت

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

دکمه سمت چپ ماوس را برای رنگ زیر می گیریم و آن را به سمت چپ یا راست حرکت می دهیم.

این چیزی است که من به آن پایان دادم.

نحوه اعمال گرادینت به متن برای مدرن جلوه دادن حروف

حالا بیایید چیزی بنویسیم. دکمه مناسب را انتخاب کنید.

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

حالا Ctrl را فشار دهید و همزمان بر روی تصویر کوچک لایه متن جدید کلیک کنید. مراقب باشید، همانطور که در تصویر زیر نشان داده شده است، نه بر روی متن، بلکه روی مستطیل کلیک کنید.

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

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

این پایان متن نیست. نگاه کنید، ما 2 لایه داریم: یکی با گرادیان و دومی با حروف. چرا آنجا اتفاق افتاد؟ تا جایی که بتونم توضیح میدم اگر واضح نیست در نظرات بنویسید. شما متن را نوشته اید. فتوشاپ متوجه شد که اینها حروف هستند و حتی به شما پیشنهاد افزایش، کاهش، تغییر فونت و غیره داد.

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

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

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

انواع گرادیان، پرهای شکل و ایجاد ستاره

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

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

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

بنابراین، یک مستطیل یا یک دایره را انتخاب کنید. مهم نیست.

حالا رنگ پر کنید.

بیایید به بخش گرادیان برویم.

ما در اینجا به یک لوزی نیاز داریم.

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

با تنظیمات بازی کنید و تناسب کامل خود را بدست آورید.

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

حالا alt را نگه دارید و نسخه تکراری را به طرفین بکشید.

من این نتیجه رو گرفتم

ایجاد گرادیان و دکمه های جدید برای وب سایت ها

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

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

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

شیب های جدید بر اساس موارد قدیمی ایجاد می شوند. روی هر کدام کلیک کنید. نسخه قدیمی از بین نمی رود. سپس فقط یک نام جدید برای آن بیاورید و آن را ذخیره کنید.

با کمک بالا نقاط کنترلسطوح شفافیت قابل کنترل است.

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

شما می توانید هر تعداد که دوست دارید ایجاد کنید.

برای اینکه انتقال مدرن به نظر برسد، باید رنگ ها را صاف کنید. این نشانگر را لمس نکنید و همه چیز درست می شود. باید 100 درصد باشد. آماده. می توانید روی "OK" یا "Save" کلیک کنید - همه اینها به تمایل شما بستگی دارد.

اکنون آنچه را که اخیراً با متن انجام دادیم تکرار می کنیم. ctrl را نگه دارید، روی دکمه استایل مورد نظر در مرکز کلیک کنید و بر اساس آن یک سبک جدید ایجاد کنید.

حالا یک انتقال و voila اضافه کنید.

متن را به دکمه اضافه کنید و تمام. مشخص نیست چرا ساخت و ساز لازم تمام شده است. ضمناً در صورت تمایل می توانید منبع من را دانلود کنید ( دانلود سورس gradient.psd ). می توانید آن را در فتوشاپ باز کنید و تصویر من را بهبود ببخشید. فکر نمی کنم سخت باشد.

باشه الان تموم شد اکنون شما چیزهای زیادی در مورد گرادیان می دانید. اگر طراح، طراح صفحه‌آرایی، خالق وب‌سایت هستید یا می‌خواهید یکی شوید و این درس واقعاً برای شما مفید بود، در خبرنامه مشترک شوید و درباره چیزهایی که به آنها علاقه دارید بیشتر بدانید. همچنین می توانید به این سایت نگاهی بیندازید: https://photoshop-master.org/disc149/ . در اینجا می توانید ابری از هر دو پولی و دوره های رایگانچه کسی واقعی را به شما یاد خواهد داد، کار حرفه ایبا فتوشاپ

موفق باشی و دوباره ببینمت.