فهرست مطالب:

ایجاد الگوهای قابل استفاده برای تصویر پس زمینه وب سایت: 8 مرحله
ایجاد الگوهای قابل استفاده برای تصویر پس زمینه وب سایت: 8 مرحله

تصویری: ایجاد الگوهای قابل استفاده برای تصویر پس زمینه وب سایت: 8 مرحله

تصویری: ایجاد الگوهای قابل استفاده برای تصویر پس زمینه وب سایت: 8 مرحله
تصویری: 😉 وقتی شوهرش سرکاره، ربات مرد تمام خواسته های زن را برآورده می کند 2024, نوامبر
Anonim
ایجاد الگوهای قابل استفاده برای تصویر پس زمینه وب سایت
ایجاد الگوهای قابل استفاده برای تصویر پس زمینه وب سایت

در اینجا یک روش مستقیم و ساده (به نظر من) برای ایجاد تصاویری است که می توان بدون ظاهر "gridlike" کاشی کاری کرد. در این آموزش از Inkscape (www.inkscape.org) ، یک ویرایشگر گرافیک بردار منبع باز استفاده می شود. من تصور می کنم که این روش را می توان برای برنامه های گران قیمت گرافیکی بردار مانند Adobe Illustrator نیز استفاده کرد. سلام این پول شماست

مرحله 1: تنظیم سند

سند را تنظیم کنید
سند را تنظیم کنید
سند را تنظیم کنید
سند را تنظیم کنید
سند را تنظیم کنید
سند را تنظیم کنید

پس از باز کردن Inkscape ، می خواهید ویژگی های سند را تنظیم کنید. ([File -> Document properties]) ابتدا عرض و ارتفاع سند را به عددی تغییر دهید که کار با آن راحت تر باشد. برای این آموزش ، من یک تصویر مربع ایجاد کردم ، اما هر نسبی انجام می دهد. در مرحله بعد ، شما می خواهید شبکه را تنظیم کنید. در نسخه های قدیمی Inkscape ، تنها یک شبکه وجود داشت. در نسخه های جدیدتر ، باید یک شبکه جدید ایجاد کنید. فاصله شبکه را طوری تغییر دهید که این مقادیر به طور مساوی به مقادیر عرض سند و وزن تقسیم شوند. به طور کلی ، ایده خوبی است که از یک تصویر بزرگ کار کرده و سپس در صورت لزوم کاهش دهید. از آنجا که این هنر بردار است ، اندازه از نظر فنی اهمیتی ندارد ، اما از لحاظ عملی ، با اعداد بزرگتر از نظر مفهومی آسان تر خواهد بود. در این آموزش ، من از یک تصویر 500x500px استفاده کردم ، و شبکه من در فواصل 10px است. در نهایت ، مطمئن شوید که گزینه "Enable snapping" علامت زده شده است.

مرحله 2: ابزار مستطیل

ابزار مستطیل
ابزار مستطیل

از ابزار مستطیل برای رسم یک مربع/مستطیل که اندازه کامل سند را می گیرد استفاده کنید. یک مقدار بزرگ فاصله شبکه (مرحله قبل را ببینید) ابزار مستطیل را به راحتی به حاشیه سند متصل می کند.

مرحله 3: شبیه سازی الگو

شبیه سازی الگو
شبیه سازی الگو
شبیه سازی الگو
شبیه سازی الگو

گروه]) "،" بالا ": 0.38721804511278196 ،" چپ ": 0.354 ،" ارتفاع ": 0.35902255639097747 ،" عرض ": 0.372}]" ">

شبیه سازی الگو
شبیه سازی الگو

تصویری را که می خواهید در الگوی خود داشته باشید اضافه کنید. اگر تصویر شما یک فایل SVG است ، معمولاً می توانید آن را روی سند باز شده بکشید و رها کنید. یک کلون از این تصویر ایجاد کنید. ([ویرایش -> کلون -> ایجاد کلون] یا می توانید Alt+D را فشار دهید) تصویر اصلی را به بیرون منتقل کنید تا با فضای کار شما تداخل نداشته باشد. تصویر کلون شده را به مربع منتقل کرده و چند نسخه ایجاد کنید از کلون دلیل استفاده از کلونها به جای کپی های اصل بعداً آشکار می شود. در اینجا راهی آسان برای ایجاد کپی در inkspace وجود دارد: شیئی را که باید کپی شود بکشید و فاصله را فشار دهید تا یک کپی در آن نقطه رها شود (دکمه ماوس را فشار دهید). به طور کلی ، احتمالاً برای ایجاد الگو به بیش از 2 یا 3 نسخه نیاز ندارید. همانطور که می بینید ، من 3 نسخه از تصویر داشتم اما بعداً یکی را حذف کردم. هنگامی که فکر می کنید مقدار کافی دارید ، این موارد را با هم گروه بندی کنید.

مرحله 4: شبیه سازی بیشتر

شبیه سازی بیشتر
شبیه سازی بیشتر
شبیه سازی بیشتر
شبیه سازی بیشتر

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

مرحله 5: حرکتگران متخصص

مهاجران متخصص
مهاجران متخصص
مهاجران متخصص
مهاجران متخصص

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

مرحله 6: درباره استفاده از تصاویر کلون شده

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

مرحله 7: تکمیل لمس

لمس های نهایی
لمس های نهایی
لمس های نهایی
لمس های نهایی

به عنوان یک مرحله اختیاری ، مربع پس زمینه (Ctrl-click) را انتخاب کنید و رنگ پر را روی هیچکدام (یعنی شفاف) یا هر رنگی که می خواهید پس زمینه داشته باشید قرار دهید. ([Object -> Fill and stroke]) همچنین میزان شفافیت گروه را به طور کلی کاهش دادم (با کلیک معمولی انتخاب کنید) تا الگو در پس زمینه باشد و مزاحم نباشد. در نهایت ، مرحله مهم صادرات. پنجره صادرات ([File -> Export bitmap]) را باز کنید. روی دکمه "صفحه" کلیک کنید. با این کار فقط بخشهایی از سند که در محدوده صفحه قرار دارند - یعنی داخل مربع "اصلی" ، صادر می شود. در صورت تمایل ، اندازه بیت مپ صادر شده را تغییر دهید و سپس روی "صادرات" کلیک کنید.

مرحله 8: محصول نهایی

محصول نهایی!
محصول نهایی!
محصول نهایی!
محصول نهایی!

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

توصیه شده: