نتايج جستجو مطالب برچسب : فتوشاپ

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

حجم، تعداد و فرمت فایل ها: ۲۶ مگابایت، ۵ فایل با فرمت jpg

رمز فایل:www.taktemp.com

دانلود با لینک مستقیم

منبع: تک تمپ

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

در نسخه‌های قبلی فتوشاپ ویژگی جالب Content-Aware (آگاه از محتوا) ارائه شده بود که به کمک آن به صورت هوشمندانه محتوای تصویر مورد بررسی قرار می‌گرفت و ترمیم تصویر با توجه به بافت و رنگ قسمت‌های کناره بخش انتخاب شده انجام می‌شد. این ویژگی ابتدا با فرمان Content-Aware Scale معرفی شد که به ما امکان تغییر ابعاد تصویر بدون تاثیر گذاشتن روی بخش‌های خاصی از آن را فراهم می‌آورد. سپس در ادامه به فرمان Fill اضافه شد و توانستیم برای پرکردن قسمت انتخاب شده تصویر، از بافت و کناره‌های آن استفاده کنیم. در ادامه Spot Healing Brush اضافه شد و امکان ترمیم موضعی قسمت‌های مورد نظر تصویر با بافت کناره‌ها را فراهم آورد، اما چون در این حالت تنظیمات کلا در اختیار رایانه گذاشته می‌شد، در برخی موارد نتایج زیاد مطلوبی حاصل نمی‌شد، اما در نسخه جدید این ویژگی با دو ابزار جدید همراه شد تا عجیب و جالب‌ترین ویژگی نسخه جدید فتوشاپ متولد شود. در این نسخه ویژگی Content-Aware با ابزار جدید Content-Aware Move معرفی و به ابزار Patch نیز اضافه شد.

ابزار جدید Content-Aware Move که به مجموعه رتوش اضافه شده و با 3 بار فشار همزمان Shift+J قابل انتخاب است، می‌تواند براحتی قسمتی از تصویر را با آن انتخاب کند و بدون برجای گذاشتن اثری، آن قسمت را به محل جدیدی در تصویر انتقال دهد.

البته این ابزار نیز همانند سایر ابزارها در همه تصاویر قابل استفاده نیست و بیشتر در تصاویردارای پس زمینه همگن، نتایج مطلوبی دارد. برای استفاده از این ابزار کافی است بعد از انتخاب ابزاری همانند لاسو، دور محدوده مورد نظر از تصویر را انتخاب کرده سپس با درگ در داخل محدوده انتخابی، آن را به محل مورد نظر از تصویر انتقال دهید تا با بافتی مشابه بافت‌های کناره ترمیم شود. برای به دست آوردن بهترین نتیجه در استفاده از این ابزار اولا همان گونه که گفته شد باید آن را در تصاویر دارای پس زمینه‌های یکنواخت استفاده کرد و ثانیا هنگام انتخاب، محدوده انتخابی را اندکی بزرگ‌تر از لبه‌های قسمت مورد نظر تعریف کرد تا امکان همپوشانی لبه‌های انتخاب با بافت‌های کناری فراهم آید. البته ممکن است در برخی موارد قسمت‌هایی از تصویر پس از استفاده از فرمان، در بخش ترمیم شده ظاهر شود که حاصل کپی‌برداری از بخش نامناسبی از تصویر باشد. در صورتی که این ایراد اندک باشد می‌توانیم با تنظیم حالت همپوشانی لبه‌های انتخاب از قسمت Adaptation ابزار Content-Aware Move فرمان را دوباره اجرا کنیم و به حالت مطلوب نزدیک‌تر شویم. در این بخش 5 حالت قابل انتخاب است که به ترتیب حالت Very Strict کمترین ترکیب و حالت Very oose بیشترین ترکیب بافت کناره‌های قسمت انتخابی با بافت مقصد را به وجود خواهد آورد. دقت کنید که امکان تغییر این مقادیر بلافاصله بعد از استفاده از فرمان نیز ممکن بوده و محاسبات جدید دوباره اجرا خواهد شد. در این ابزار نیز همانند سایر ابزارها می‌توانیم بعد از انتخاب با فشار دکمه Shift آن را به محدوده انتخابی خود اضافه و با فشار دکمه Alt از آن کم کنیم. همچنین هنگام جابه‌جایی قسمت مورد نظر نیز با فشار دکمه Shift می‌توانیم این تغییر را در امتداد یک مسیر مستقیم در جهت افق یا عمود اعمال کنیم. پس از جابه‌جایی قسمت انتخاب شده به محل جدید، به صورت موقت 2 تصویر از قسمت انتخاب شده نمایش داده شده و پس از گذشت مدت زمانی کوتاه و انجام محاسبات، تصویر اولیه حذف و به محل جدید منتقل خواهد شد.

ابزار Patch نیز در حالت Content-Aware مشابه این ابزار کار می‌کند با این تفاوت که محل انتخاب شده از تصویر را با بافت مقصد به صورت هوشمند پوشش می‌دهد و در واقع قسمت مورد نظر بی‌هیچ اثری پاک می‌کند.

البته ابزار Patch در نسخه‌های پیشین با حالت Normal وجود داشت، اما در حالت معمولی در لبه‌های تصویر نتیجه چندان مطلوبی را پدید نمی‌آورد. بنابراین در این نسخه با رفع این نقیصه امکان انتخاب حالت معمولی (Normal) و حالت آگاه به محتوا (Content-Aware) برای آن در نظر گرفته شده که با توجه به نوع تصویر از نوار تنظیمات این ابزار می‌توانیم حالت دلخواه خود را انتخاب کنیم. در این ابزار نیز Adaptation در نوار تنظیمات وجود داشته و در صورتی که پس از جابه‌جایی همپوشانی قسمت انتخاب شده اشتباه باشد، می‌توانیم با تنظیم گزینه‌ها، آن را تغییر داده و به حالتی مناسب تبدیل کنید.

مرحله ی اول
من در این آموزش به شما نحوه ی ساخت یک گوی رنگی سه بعدی را یاد خواهم داد. این آموزش بیشتر از ۳۰ دقیقه وقت شما را نمی گیرد. اما تکنیکی که فرا می گیرید بسیار پر استفاده است. بخصوص در آیکون ها و لوگوها. با عرض پوزش ، در این پست سعی کرده ام تا از تصاویر تا حد ممکن کمتر استفاده کنم تا کاربران دیال آپی هم بتوانند از آموزش استفاده کنند. علت بی کیفیت و کوچک بودن تصاویر نیز همین است.
فتوشاپ را باز کنید و سپس با استفاده از ابزار Rectangle Tool (U) یک مستطیل بسازید. سپس هفت مستطیل یکسان کشیده و با ابزار Distribute از منوی Layer ، یا هر طور که بلد هستید ، فاصله ی بین مستطیل ها را برابر کنید. سپس از لایه ای که تمام مستطیل ها را درون آن کشیده اید ، یک کپی بگیرید. حالا مستطیل های کپی شده را ۹۰درجه بچرخانید تا یک شبکه ساخته شود. خلاصه سعی کنید چیزی مثل این شکل شود. منظور من از مستطیل ها ، همان خط های ضخیم سیاهی است که شبکه را ایجاد کرده اند. در ضمن سعی کنید که فاصله ی بین مستطیل ها بیشتر و مستطیل ها لاغر باشند.

مرحله ی دوم
با استفاده از ابزار Elliptical Marquee Tool (M) یک دایره شبیه چیزی که من کشیده ام ، بکشید.

مرحله ی سوم
به Filter>Distort>Spherize بروید. amount را بر روی ۱۰۰ و mode را بر روی normal تنظیم کنید.

مرحله ی چهارم
بخشی را که انتخاب کرده اید ، cut و سپس paste کنید. بعد لایه ای که شبکه را در آن رسم کرده بودید ، غیر فعال کنید.

مرحله ی پنجم
به Layer>Layer Styles>Gradient Overlay بروید. یک گرادینت از قرمز تیره به آبی روشن در حالت linear ایجاد کنید. در حالت Radial می توانید به نتیجه ی بهتری دست پیدا کنید.

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

مرحله ی هفتم
لایه ی Background را انتخاب کرده و به Layer>Layer Styles>Gradient Overlay بروید. از #aa616b و #۲c354d برای رنگ ها ، opacity=100% ، انجل را روی ۹۰ ، scale را ۱۴۳ تنظیم نمایید. مکان گرادینت را بالای مرکز تصویر تنظیم کنید. برای انجام این کار روی تصویر(بر روی بوم) کلیک کنید و سپس آن را به سمت بالا بکشید.

مرحله ی هشتم
دو لایه ی گوی(پشتی و جلویی) را انتخاب و duplicate کنید. سپس به Layer>Merge Layers بروید. به Layer>Layer Styles>Color Overlay بروید. مشکی را برای رنگ انتخاب کرده و به Filter>Blur>Gaussian Blur بروید. سپس Radius را بر روی ۱۵ تنظیم کنید. لایه را ریسایز کنید و Opacity را ۲۲% قرار دهید و یک افکت سایه ی جذاب بسازید. به تصویر توجه کنید. لایه ی سیاه را زیر لایه ی گوی ، مانند سایه قرار داده ام.

مرحله ی نهم
روی لایه ی بخش جلویی دابل کلیک کنید. از منوی Layer Style که بر اثر دابل کلیک روی لایه باز می شود ، Inner Shdow را انتخاب و سفید را برای رنگ تنظیم کنید. opacity=60% ، angle=-104 ، distance=3 و size=7. همین کار را برای لایه ی بخش پشتی انجام دهید.

مرحله ی ده
تمامی لایه ها را انتخاب و duplicate کنید. سپس به مسیر Layer>Merge Layers بروید تا تمام لایه ها را در یک لایه ترکیب کنید. به Filter>Blur>Gaussian Blur رفته و Radius را روی ۲۰ تنظیم کنید. مد لایه را به Overlay تغییر دهید. اینکار را برای افزایش کنتراست تصویر انجام می دهیم.منبع آموزش اصلی ، وبلاگ abduzeedo می باشد. اما تردید دارم با خواندن آن ، بدون دردسر بتوانید به نتیجه ی نهایی برسید!

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

در اینجا یک پیش نمایش از کار نهایی نشان داده شده است .

برای اینکه از این آموزش پیروی کنید به منابع زیر نیاز دارید :

Free Font Sansation از  Bernd Montag.

26 Repeatable Pixel Pattern از  PSDfreemium.

Free Social Media Icons از  Daniele Selvitella.

Hand Cursor Icon از  PSDfreemium.

Stock photo: Harvest 1 از  mordoc.

Stock photo: New York Streets 3 از  lonniehb.

Stock photo: Daisy Age از  SteveFE.

Stock photo: A tree on the horizon از  Ydiot.

Stock photo: Sales figures از  wagg66.

Stock photo: Time is Money! از  knox_x.

آماده سازی کار

مرحله اول :

در این طراحی ما از ۹۶۰ gs به عنوان فریم کاری خود استفاده می کنیم. می توانید قالب را از صفحه اصلی و از درون فایل زیپ دانلود کنید به دنبال فایل فوتوشاپ بگردید .فایل  ’۱۲ Column Grid’ را در فوتوشاپ باز کنید .

بر روی چشم لایه ۱۲ Col Grid کلیک کنید تا آن را پنهان کنید برای حالا به آن نیاز داریم.

قدم ۲ :

محیط کاری که پیش رو داریم خیلی کوچک است . بر روی Image > Canvas Size کلیک کنید و یا Ctrl + Alt + C را فشار دهید. یک سایز بزرگتر اضافه کنید و اطمینان حاصل کنید که نقطه لنگری آن را در مرکز قرار داده اید .

قدم ۳:

Ctrl + R را فشار دهید تا خطکش را آشکار کنید. View > New Guide را کلیک کنید تا یک راهنمای جدید درست کنید که به ما کمک می کند بهتر و دقیق تر طراحی کنیم. عمودی را انتخاب کنید و در مکان ۱۸۵ px یک راهنمای ۱۸۵ px از بالای سمت چپ کار درست کنید .

قدم ۴:

یک خط راهنمای عمودی دیگر در موقعیت ۱۵۰ px, 1095 px و ۱۱۳۰ px بکشید .

در زیر راهنمای نهایی خودمان را در کار مشاهده می کنید .

آماده سازی رنگ قالب

قدم ۵ :

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

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

آماده سازی پشت زمینه

قدم۶:

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

بر روی رنگ دوم کلیک  کنید ، تا #۹۴۸۳۷۱ را انتخاب کنید .

قدم ۷ :

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

قدم ۸ :

بگذارید شکل به صورت انتخاب شده باقی بماند . در نوار آپشن ، Fill Color box را باز کنید و بر روی آیکن چرخ رنگی کلیک کنید . هنگامی که جعبه Color Picker dialog باز شد ، بر روی اولین رنگ کلیک کنید تا انتخاب شود . برای رنگ Stroke آن None را انتخاب کنید .

قدم ۹ :

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

حالت ترکیبی آن را به Screen  و شفافیت آن را به ۳۷% برسانید .

قدم ۱۰ :

یک لایه جدید درست کنید و نامش را سایه بگذارید .

یک ناحیه انتخابی مستطیلی در پایین پشت زمینه دوم همانند زیر رسم کنید . بر روی Edit: Fill. Set Use to Black کلیک کرده . بر روی OK کلیک کرده تا ناحیه انتخابی را رنگ مشکی پر کنید .

قدم ۱۱ :

با استفاده از Gaussian Blur آن را نرم تر کنید . Filter > Blur > Gaussian Blur را کلیک کنید .

قدم ۱۲ :

کلید ALT را نگه دارید و سپس نشان گر موس را بین سایه و لایه پشت زمینه قرار دهید . بدون اینکه که کلید Alt را رها کنید ، بر روی کانورت کلیک کنید تا Clipping Mask کنید . با کانورت کردن آن به Clipping Mask ، حالا سایه به درون پشت زمینه بالایی می رود .

قدم ۱۳:

شفافیت سایه را به ۵۰% کاهش دهید تا مناسب تر شود . در زیر می توانید کل تغییرات را مشاهده کنید .

قدم ۱۴:

همیشه می تواند ایده خوبی باشد که این لایه ها را در یک گروه قرار دهید . برای این کار تمامی لایه ها را انتخاب کنید و سپس Ctrl + G را فشار دهید .

هدر

قدم ۱۵:

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

قدم ۱۶:

در نوار آپشن رنگ استروک را به #af9f8e تنظیم کنید .

قدم ۱۷:

برای پر کردن آن ، یک گرادیان خطی از #d0c4b9 تا #a89c91 بکشید .

در زیر می توانید ۱۰۰% تغییرات را مشاهده کنید .

نام سایت :

قدم ۱۸ :

نام سایت را در سمت چپ طراحی اضافه کنید . در زیر می توانید نتیجه را مشاهده کنید . برروی متن دابل کلیک کنید و Drop Shadow را اضافه کنید . برای فونت آن هم می توانید از Sansation استفاده کنید .

منو

قدم ۱۹   :

می توانید منو ها را در طرف دیگر نوار منو بکشید . می توانید از فونت Sansation 14 pt استفاده کنید . یک بار دیگر می توانید به تغییرات توجه فرمایید .

قدم ۲۰ :

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

قدم ۲۱:

ابزار Polygon را فعال کنید و گوشه هایش را به ۳ تنظیم کنید .یک مثلث بکشید و آن را با #۳d3123 پر کنید و Stroke: None .

Layer Style > Drop Shadow. را هم اضافه کنید  .

قدم ۲۲:

اجازه دهید با اضافه کردن یک خط در زیر آن منوی فعال را مشخص تر کنیم . ابزار خط را فعال کنید و مقدار آن را ۵ px برسانید. برای پر کردن آن از#f76b6a بدون Stroke استفاده کنید .

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

استفاده از کارکتر استایل

قدم ۲۳:

اجازه بدهید که تنظیمات کارکتر را به صورت کارکتر استایل ذخیره کنیم. این ویژگی یک نسخه ساده شده از کارکتر استایل در InDesign است . برای ذخیره آن ، متن را فعال کرده و سپس بر روی آیکن ‘New Character Style’ کلیک کنید .

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

قدم ۲۴:

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

قدم ۲۵ :

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

قدم ۲۶:

خوب ، نکته استفاده از Character Styles چه بود ؟ Character Styles به ما کمک می کند تا تنظیمات کارکتر را مرکزی کنیم و در اختیار خود در آوریم. به سادگی می توانیم Character Style را به هر متنی که از آن استایل استفاده می کند ، ویرایش کنیم . در زیر می توانید مثال را مشاهده کنید . اگر نوع فونت درون کارکتر استایل منوی تاپ را ویرایش کنیم –از Normal به  Corbel ، تمامی منوهای عادی به Corbel تغییر پیدا می کنند .

قدم ۲۷ :

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

قدم ۲۸ :

با استفاده از Ctrl + D ناحیه انتخابی را حذف کنید .با اضافه کردن Gaussian Blur نرمش کنید با استفاده از , Filter > Blur > Gaussian Blur   .

نوار لغزنده :

قدم ۲۹ :

یک شکل مستطیل با عرض ۱۰ ستون ( مانند زیر ) بکشید .

برای پر کردن رنگ آن از کد #dfd1c2 استفاده کنید . برای استروک آن از #c8baac با سایز ۱۰ pt استفاده کنید. بر روی نوار کناری جهتی کوچک کلیک کنید تا خط را مشاهده کنید و اطمینان حاصل کنید که Align Inside انتخاب شده است .

قدم ۳۰ :

یک تصویر در بالای فریم قرار دهید . آن را با فشار دادن کلید های Ctrl + Alt + G به Clipping Mask تبدیل کنید .به طور اتوماتیک تصویر درون نوار فریم می رود . اگر نیاز بود ، می توانید بدون اینکه بر روی فریم اثر بگذارید ، تصویر را جابجا کنید و یا تغییر اندازه دهید .

قدم ۳۱:

یک مستطیل دیگر در پشت اسلایدر با همان رنگ بکشید . اطمینان حاصل کنید که به خط راهنما چسبیده باشد . با استفاده از pixel pattern از PSDfreemium ، Layer Style > Pattern Overlay را اضافه کنید . شفافیت آن را کم کنید تا دقیق تر شود .

قدم ۳۲

یک شکل مستطیل در بالای شکل بکشید و آن را با  #b3aca5 و بدون استروک پر کنید . Ctrl + T را بزنید و سپس آن را به اندازه ۴۵ درجه بچرخانید . لایه شکل را به Clipping Mask تبدیل کنید .

قدم ۳۳:

شکل را دابلیکیت کنید و تغییر اندازه دهید . رنگش را با یک رنگ تیره تر پر کنید . لایه شکل را به Clipping Mask تبدیل کنید .

قدم ۳۴:

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

قدم ۳۵:

بر روی فریم اسلاید کنترل کلیک کنید تا یک ناحیه انتخابی درست کنید . یک لایه جدید درست کنید و آن را به Clipping Mask تبدیل کنید . با رنگ مشکی آن را پر کنید .

قدم ۳۶:

با استفاده از کلید های (Ctrl + D) آن را از حالت انتخاب خارج کنید و سپس آن را به کمک ابزار Gaussian Blur نرم کنید .

همچنین می توانید درصورتی که مایل باشید شفافیت سایه را هم کم کنید  .

قدم ۳۷ :

یک مستطیل با گوشه های گرد در گوشه نوار لغزنده بکشید و آن را #c8baac پر کنید .

قدم ۳۸ :

یک دایره درون شکل بکشید . استروک آن را به مشکی تنظیم کنید و سایزش را به ۱ pt و Fill را حذف  کنید .

قدم ۳۹ :

با استفاده از ابزار Path Selection مسیر دایره را انتخاب کنید . Shift + Alt-drag مسیر را اجرا کنید تا آن را دابلیکیت کنید.

همین کار را تکرار کنید تا دایره های بیشتری را بکشید .

قدم ۴۰ :

یکی از مسیر های دایره را انتخاب کنید . Ctrl + Shift + J را فشار دهید تا آن را به یک لایه جدید برش دهد  .

قدم ۴۱:

در نوار آپشن ، Stroke را حذف کنید و Fill را به گرادیان شعاعی از #e38989 تا #bb5c5c تغییر دهید . Layer Style > Outer Glow و همچنین Drop Shadow را هم اضافه کنید .

قدم ۴۲:

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

قدم ۴۳:

با استفاده از (Ctrl + D) آن را از حالت انتخاب خارج کنید و با استفاده از Gaussian Blur آن را نرم کنید .

پشت زمینه پایینی

قدم ۴۴:

یک شکل مستطیل دیگر برای پشت زمینه پایین بکشید . با استفاده از Fill مشابه و رنگ Stroke از شکل اسلاید این کار را انجام دهید .

مثل همیشه ، در مورد مکان بسیار دقت کنید . می خواهیم تمامی کار را مشخص کنیم.

Layer Style > Pattern Overlay را هم اضافه کنید .

در زیر نتیجه این تغییرات را مشاهده می کنید .

قدم ۴۵:

سطح بالایی آن را با استفاده از ابزار Rectangular Marquee انتخاب کنید .

قدم ۴۶:

یک لایه جدید درست کنید ، آن را در پشت شکل قرار دهید . Fill  آن را با مشکی پر کنید . Ctrl + T را بزنید ، راست کلیک کنید و Perspective را انتخاب کنید .

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

یک بار دیگر راست کلیک کنید و Scale را انتخاب کنید . دسته بالایی را پایین بکشید .

راست کلیک کنید و Warp را انتخاب کنید . بخش درونی را به سمت راست و چپ بکشید .

به کمک Gaussian Blur آن را ملایم کنید .

شفافیت آن را به ۲۰% کاهش دهید  .

قدم ۴۷:

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

به اندازه ۱۰ پیکسل از چپ قاصله بگیرید . راست و قسمت بالای پشت زمینه . فاصله گرفتن و پیدا کردن فاصله  باید ساده باشد چرا که در قدم های قبلی راهنما را مشخص کردیم . Layer Style > Outer Glow را اضافه کنید .

قدم ۴۸  :

یک راهنمای دیگر به اندازه ۲۵ پیکسل از بالای شکل اضافه  کنید .

عنوان قسمت

قدم ۴۹ :

یک کارکتر استایل جدید برای صفحه عنوان و توضحاتش اضافه کنید .

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

قدم ۵۰ :

یک خط در زیر توضیحات سایت به اندازه ۵ پیکسل بکشید و آن را با Fill  #۹۳۸۲۷۰  و Stroke: None کامل کنید .

پست بلاگ

قدم ۵۱ :

یک کارکتر استایل دیگر برای عنوان پست درست کنید .

قدم ۵۲ :

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

قدم ۵۳:

یک شکل مستطیل با عرض ۴ ستون در زیر عنوان بکشید . برای Fill آن از سفید استفاده کنید و برای استروک آن از #bebebe استفاده کنید . Layer Style > Stroke را اضافه کنید .

قدم ۵۴:

یک تصویر در بالای شکل بچسبانید . آن را با فشردن  (Ctrl + Alt + G). به  Clipping Mask تبدیل کنید .

قدم ۵۵:

یک مستطیل گرد با Fill : #8e8380 و Stroke: None بکشید . آن را به Clipping Mask تبدیل کنید .

قدم ۵۶:

یک Character Styles برای فرا داده های  بلاگ درست کنید .

قدم ۵۷:

متن فرا داده را در بالای شکل قرار دهید و Character Style را که قبلا داشتیم اجرا کنید .

قدم ۵۸ :

ابزار تایپ را فعال کنید و click-drag کنید تا یک جعبه متن درست شود . پهنای آن را ۴ ستون در نظر بگیرید . Type > Paste Lorem Ipsum را کلیک کنید تا به وسیله Lorem Ipsum فوتوشاپ که به صورت خودکار است پر کنید .

قدم ۵۹:

یک Paragraph Style برای محتوای کارکتر درست کنید . بر روی آیکن جدید در پنل پاراگراف استایل کلیک کنید .

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

قدم ۶۰ :

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

برای طراحی وب ، Hyphenation را غیر فعال کنید .

قدم ۶۱:

یک مستطیل گوشه گرد با Fill: #8e8380 و Stroke: None بکشید . Layer Style > Pattern Overla را اجرا کنید و برای سازگاری از الگویی مشابه برای اسلایدر استفاده کنید .

قدم ۶۲ :

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

قدم ۶۳:

دکمه قبلی برای حالت عادی بود . آن را دابلیکیت می کنیم و رنگش را به #f76b6a تغییر می دهیم . همچنین نوع برچسب را هم بولد کنید .

قدم ۶۴:

پست را در یک گروه قرار دهید و کلید های کنترل+J را فشار دهید تا آن را دابلیکیت کنید . Alt-drag را فشار دهید تا گروه را هم دابلیکیت کنید .

همین مراحل را تکرار کنید تا تعداد پست های بیشتری درست کنید . به یاد داشته باشید که تصویر و عنوان هر پست را تغییر دهید .

قدم ۶۵:

دکمه Read More را دابلیکیت کنید و برچسب را به شماره تغییر دهید . ما از این برای راهنمای صفحه ها استفاده خواهیم کرد .به یاد داشته باشید که یکی از دکمه ها را برای حالت شناور تنظیم کنید .

قدم۶۶: فوتر

خوب برویم سراغ کار  فوتر . یک عنوان ویجت و توضیحاتش را اضافه کنید .

قدم ۶۷ :

لینک اضافه کنید و یک خط ۱ پیکسل در زیر آن بکشید . Fill: None و Stroke: #8e8380 را تنظیم کنید .

قدم ۶۸ :

بر روی دکمه More Options کلیک کرده و خط dashed را انتخاب کنید .

قدم ۶۹ :

لینکهای بیشتری به ویجت اضافه کنید .

قدم ۷۰ :

ویجت را دابلیکیت کنید .

قدم ۷۱:

همچنین باید شرایط شناور را هم اضافه کنیم . یکی از لینک ها را به صورت بولد درآورید .

در زیر لینک فعال خط بکشید ، یک خط با اندازه ۵پیکسل اضافه کنید . رنگ آن را به #f76b6a تنظیم کنید . برای سازگاری بیشتر ، ظاهر لینک شبیه منوی فعال در نوار منو است .

قدم ۷۲ :

یک مستطیل دیگر در ناحیه پایین بکشید . Fill آن را به #۳d3123 تنظیم کنید  .

اطلاعات مربوط به قسمت پایین ( فوتر )

قدم ۷۳  :

به کمک ابزار تایپ قسمت  اطلاعات فوتر را اضافه کنید . به آن یک Drop Shadow تیره بدهید تا نسبت به پشت زمینه دارای کانتراست مناسبی باشد .

شبکه اجتماعی

قدم ۷۴:

مقداری آیکن های رسانه های اجتماعی از Daniele Selvitella اضافه کنید . Layer Style > Outer Glow را اضافه کنید .

قدم ۷۵ :

تن  آیکن معمولی را به ۵۰% کاهش دهید . برای شرایط شناور بهتر است شفافیت آن را همان ۱۰۰% نگه دارید.

قدم ۷۶:

آیکن نشانگر فری هند را بگیرید و کوچکترین نشانگر دست را در بالای لینک فعال یا بالای آن قرار دهید .

نتیجه نهایی :

این نتیجه نهایی ماست . مشاهده کردید که نسخه جدید و آخر فوتوشاپ امکانات و ابزار های بسیار زیادی را در اختیار شما قرار می دهد تا بتوانید هرچه بهتر کارتان را انجام دهید . به خصوص طراحان که کارشان با این نسخه آسانتر شده است .ویژگی های  Character Styles و Paragraph Styles پیشرفتهای واضحی برای هر طراحی محسوب می شود تا با رضایت بیشتری با فوتوشاپ کار کنند .

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

مرحله یک

برنامه فتوشاپ را باز کنید و با استفاده از کلیدهای میانبر CTRL+N یک سند جدید ایجاد کنید. من از اندازه ۲۵۶۰×۱۴۴۰ پیکسل استفاده کرده ام. روی لایه پس زمینه دوبار کلیککیند تا قابل ویرایش شود. سپس به منوی Layer>Layer Style>Gradient Overlay بروید. می توانید از کد های  #fdebc2 و  #f7efe0 برای گرداینت تصویر پس زمینه استفاده کنید.

مرحله دوم

اکنون نوبت به تایپ کردن متن مورد نظر است من حروف”abdz” را تایپ کرده ام و از فونت  Cooper Std Black استفاده کرده ام (با یک جست و جوی ساده در گوگل می توانید این فونت را پیدا و دانلود کنید) این فونت به گونه است که انگار متن ما یک تکه کلوچه ای است پس به درد کار ما میخورد.

مرحله سوم

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

مرحله چهارم

اگر آموزش قبلی من را دیده باشید حتما با این بخش آشنا هستید. به پنل لایه ها بروید و لایه متن را انخاب کنید سپس روی تصویر کوچک شده کلید راست کرده و گزینه Select Pixel را انتخاب کنید. از پنل لایه ها دو لایه بافت ومتن را انتخاب کنید و به منوی  Layer>Group Layers بروید. یک پوشه ایجاد می شود اگه لایه متن و بافت به پوشه منتقل نشدند. هر دو لایه را به درون پوشه منتقل کنید. روی پوشه یجاد شده کلیک کنید و سپس به منوی  Layer>Layer Mask و روی گزینه Reveal Selection کلیک کنید تا متن شما به شکل زیر در بیاید.

مرحله پنجم

لایه ماسک را انتخاب کنید و به منوی  Filter>Brush Strokes>Sprayed Strokes بروید سپس تنظیمات را همانند تصویر زیر انجام دهید.

مرحله ششم

باهم لایه ماسک را انتخاب کنید و به منوی  Filter>Blur>Gaussian Blur بروید. از شعاع ۲ پیکسل استفاده کنید. توجه داشته باشید که این مقدار با توجه اندازه تصویر و متن شما متفاوت باشد پس بسته به نیازتان اندازه را تغییر دهید.

مرحله هفتم

دوباره لایه ماسک را انتخاب کنید و به منوی  Image>Adjustments>Levels بروید. از پنجره باز شده مقادیر را همانند تغییر دهید.

مرحله هشتم

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

مرحله نهم

روی لایه کلیک راست کرده و گزینه Select Pixel را انتخاب کنید سپس به منوی  Layer>Layer Style>Blending Options بروید و مقدار Opacity را به ۰% تغییر دهید.

مرحله دهم

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

مرحله یازدهم 

در این مرحله باید تنظیمات مربوط ه درخضض درونی را انجام دهید. تنظیمات مربوط به آن را همانند تصویر زیر انجام دهید.

مرحله دوازدهم

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

مرحله سیزدهم

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

نتیجه

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

مرحله ی اول
من در این آموزش به شما نحوه ی ساخت یک گوی رنگی سه بعدی را یاد خواهم داد. این آموزش بیشتر از ۳۰ دقیقه وقت شما را نمی گیرد. اما تکنیکی که فرا می گیرید بسیار پر استفاده است. بخصوص در آیکون ها و لوگوها. با عرض پوزش ، در این پست سعی کرده ام تا از تصاویر تا حد ممکن کمتر استفاده کنم تا کاربران دیال آپی هم بتوانند از آموزش استفاده کنند. علت بی کیفیت و کوچک بودن تصاویر نیز همین است.
فتوشاپ را باز کنید و سپس با استفاده از ابزار Rectangle Tool (U) یک مستطیل بسازید. سپس هفت مستطیل یکسان کشیده و با ابزار Distribute از منوی Layer ، یا هر طور که بلد هستید ، فاصله ی بین مستطیل ها را برابر کنید. سپس از لایه ای که تمام مستطیل ها را درون آن کشیده اید ، یک کپی بگیرید. حالا مستطیل های کپی شده را ۹۰درجه بچرخانید تا یک شبکه ساخته شود. خلاصه سعی کنید چیزی مثل این شکل شود. منظور من از مستطیل ها ، همان خط های ضخیم سیاهی است که شبکه را ایجاد کرده اند. در ضمن سعی کنید که فاصله ی بین مستطیل ها بیشتر و مستطیل ها لاغر باشند.

مرحله ی دوم
با استفاده از ابزار Elliptical Marquee Tool (M) یک دایره شبیه چیزی که من کشیده ام ، بکشید.

مرحله ی سوم
به Filter>Distort>Spherize بروید. amount را بر روی ۱۰۰ و mode را بر روی normal تنظیم کنید.

مرحله ی چهارم
بخشی را که انتخاب کرده اید ، cut و سپس paste کنید. بعد لایه ای که شبکه را در آن رسم کرده بودید ، غیر فعال کنید.

مرحله ی پنجم
به Layer>Layer Styles>Gradient Overlay بروید. یک گرادینت از قرمز تیره به آبی روشن در حالت linear ایجاد کنید. در حالت Radial می توانید به نتیجه ی بهتری دست پیدا کنید.

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

مرحله ی هفتم
لایه ی Background را انتخاب کرده و به Layer>Layer Styles>Gradient Overlay بروید. از #aa616b و #۲c354d برای رنگ ها ، opacity=100% ، انجل را روی ۹۰ ، scale را ۱۴۳ تنظیم نمایید. مکان گرادینت را بالای مرکز تصویر تنظیم کنید. برای انجام این کار روی تصویر(بر روی بوم) کلیک کنید و سپس آن را به سمت بالا بکشید.

مرحله ی هشتم
دو لایه ی گوی(پشتی و جلویی) را انتخاب و duplicate کنید. سپس به Layer>Merge Layers بروید. به Layer>Layer Styles>Color Overlay بروید. مشکی را برای رنگ انتخاب کرده و به Filter>Blur>Gaussian Blur بروید. سپس Radius را بر روی ۱۵ تنظیم کنید. لایه را ریسایز کنید و Opacity را ۲۲% قرار دهید و یک افکت سایه ی جذاب بسازید. به تصویر توجه کنید. لایه ی سیاه را زیر لایه ی گوی ، مانند سایه قرار داده ام.

مرحله ی نهم
روی لایه ی بخش جلویی دابل کلیک کنید. از منوی Layer Style که بر اثر دابل کلیک روی لایه باز می شود ، Inner Shdow را انتخاب و سفید را برای رنگ تنظیم کنید. opacity=60% ، angle=-104 ، distance=3 و size=7. همین کار را برای لایه ی بخش پشتی انجام دهید.

مرحله ی ده
تمامی لایه ها را انتخاب و duplicate کنید. سپس به مسیر Layer>Merge Layers بروید تا تمام لایه ها را در یک لایه ترکیب کنید. به Filter>Blur>Gaussian Blur رفته و Radius را روی ۲۰ تنظیم کنید. مد لایه را به Overlay تغییر دهید. اینکار را برای افزایش کنتراست تصویر انجام می دهیم.منبع آموزش اصلی ، وبلاگ abduzeedo می باشد. اما تردید دارم با خواندن آن ، بدون دردسر بتوانید به نتیجه ی نهایی برسید

عکس فتوشاپی جدید

اینبار با بهانه آموزش ایجاد تصویر تخته سیاه به حضور شما دوستان گرامی اومدم. آموزش در محیط برنامه فتوشاپcs4 انجام میشه،سطح آموزش نیمه حرفه ای و زمان مورد نیاز برای اتمام تصویر۴۰تا۶۰ دقیقه خواهد بود.امیدوارم که مطالعه این آموزش باعث افزایش تجربه و مهارت شما بشه.متن آموزش و تصاویر مربوط به همراه براش های مورد نیاز و همچنین فایلsource تصویر + فایلPDF اموزش همگی در ادامه مطلب.

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

ادامه مطلب / دانلود

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

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

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

ادامه مطلب / دانلود

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

هم اکنون می توانید این براش های فوق العاده را در ادامه مطلب سایت شیرازی ها دانلود کنید…

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