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

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

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

:جزئیات آموزش

:نرم افزارCorelDraw 11-X5

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

:دقیقه 30زمان تقریبی تکمیل پروژه

گام اول

استفاده کردم. CorelDraw X5در این آموزش من از استفاده کنید. 11برای این پروژه باید از نرم افزاری کورل دراو نسخه +

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

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

گام دوم: ایجاد کاربرگ

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

سانتیمتر تغییر دهید. 30*19تنظیم کرده و آن را به Customدید بسازید و اندازه برگه را روی ج

گام سوم: ایجاد پس زمینه سایت

بروید. می Rectangle Toolزمینه ایجاد کنیم. ابتدا به ابزارحاال که کاربرگ را تنظیم کردیم، باید برای وبسایت یک پس

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

سانتیمتر(. 30*19)

گ را رنگ کنید. رداخل یک دایره بز، قادیر زیردر نوار ابزار چپ و وارد کردن م Fountain Fill Toolبا رفتن به ابزار

ایجاد کنید. color Boxهمچنین با دابل کلیک، یک رنگ سفارشی در

ش کوچکتر کنید.ا یک کپی از شکل دایره ای بسازید و آن را از نوع اصلی

.، یک شکل جعبه ای دیگر بسازیدمقادیر زیر واد کردن و Rectangle Toolحاال با ابزار

در نوار ابزار چپ بروید، روی گوشه ها کلیک کرده و بکشید تا گرد شوند. Shape Toolبرای لبه گرد کردن گوشه ها به ابزار

شکل را در باالی پس زمینه قرار دهید.

Transparencyکار با ابزار گام چهارم:

بزار سمت چپ، یک جعبه شفاف بسازیم. حاال در نوار ا Interactive Transparency Toolمی خواهیم با رفتن به ابزار

کنیم.تنظیم می Uniformکه روی Transparencyبه نوار ابزار باالیی رفته و نوع

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

Powerclipگام پنجم: کار با

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

کنید. سپس یک فلش مشکی خواهید دید، با the container Place Insideرا انتخاب و روی Powerclipگزینه

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

شکل یک جعبه را بسازید. مطمئن شوید اولین کلیک به آخرین کلیک متصل است زیرا در Bezier Toolپس از آن با ابزار

غیر اینصورت نمی توانید داخل شکل را رنگ کنید.

بروید، روی قسمت میانی باالی جعبه سفارشی راست کلیک کنید و در نوار ابزار باالیی گزینه shape Toolحاال به ابزار

Convert to Curves .را پیدا کنید

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

ود.دهید. شکل باید مانند تصویر زیر ش

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

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

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

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

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

گام ششم: افزودن بافت دایره ای

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

ایجاد کنید.

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

کنید.سپس دوباره دو ردیف دایره ای که کپی کرده اید را همانطور کپی

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

تنظیم کرده و Fish eyeرا پیدا کنید. نوع لنز را روی Lensگزینه Effectسپس به نوار ابزار باالیی بروید و از منوی

مقادیر تصویر پایین را وارد کنید.

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

آن را شفاف کنید.و وارد کردن مقادیر زیر، Interactive Transparency Toolبا استفاده از ابزار

دایره را کپی کرده و آن را روی پس زمینه قرار دهید.

داخل پس زمینه جای دهید. PowerClipدایره را با استفاده از

یک دایره دیگر بسازید. آن را هر جایی بیرون از فضای پس زمینه قرار دهید. Ellipse Tool ارسپس با استفاده از ابز

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

کرده و مقادیر زیر را وارد کنید.

و آن را در پایین پس زمینه کپی کنید. کرده جدااز دایره را سایه Ctrl+Kبا فشردن کلیدهای

سایه را داخل پس زمینه جای دهید. PowerClipبا استفاده از

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

یک جعبه دیگر ایجاد کرده و آن را روی جعبه قبلی قرار دهید.

گوشه ها را گرد کنید.Shape Tool با استفاده از ابزار

را پیدا کنید و روی آن کلیک کنید. Weld Toolحاال هر دو جعبه را انتخاب کنید، به نوار ابزار باالیی بروید، ابزار

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

آن را شفاف کنید. Transparency Toolشکل را روی پس زمینه قرار داده و با استفاده از ابزار

شکل را کپی کرده و برگردانید و آن را در پایین پس زمینه قرار دهید

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

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

مقادیر زیر را وارد کنید.

گوشه ها را گرد کنید. Shape Toolبا استفاده از ابزار

( مقادیر زیر Outlineخط دور )د و برای ایجاد در نوار ابزار سمت چپ بروی Interactive Contour Toolسپس به ابزار

را وارد کنید.

و وارد کردن مقادیر زیر، نوار راهنما را رنگ آمیزی کنید. Fountain Fill Toolبا رفتن به ابزار

خط دور را قرمز رنگ کنید.

پس زمینه قرار دهید. روینوار راهنما را مانند تصویر زیر،

و وارد کردن مقادیر زیر، آن را شفاف Interactive Transparency Toolخط دور را انتخاب کرده و با استفاده از ابزار

کنید.

یک جعبه در نوار راهنما ایجاد کنید و مقادیر پارامترهای زیر Rectangle Toolبه منظور ایجاد یک دکمه هایالیت، با ابزار

را عینا وارد کنید.

و وارد کردن مقادیر زیر، گوشه را گرد کنید. Shape Toolستفاده از ابزار با ا

، برای دکمه خط دور ایجاد کنید.Interactive Contour Toolبا استفاده از ابزار

و وارد کردن مقادیر زیر، دکمه را رنگ کنید. Fountain Fill Toolبا رفتن به ابزار

آن را شفاف کنید. Interactive Transparency Toolخط دور را با قرمز رنگ کنید و با استفاده از ابزار

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

خطوط باریک بسازید. Bezier Tool، با استفاده از ابزار جدا کردن دکمه هابه منظور ایجاد

گام هشتم: ایجاد نوار فهرست

و با وارد کردن مقادیر بروید Rectangle Toolحاال می خواهیم نوار فهرست یا همان نوار محتوی را ایجاد کنیم، به ابزار

یک جعبه بسازید. زیر،

و وارد کردن مقادیر زیر، یک خط دور برای جعبه ایجاد کنید. Interactive Contour Toolبا رفتن به ابزار

ن مقادیر زیر، نوار فهرست را رنگ کنید.و وارد کرد در نوار ابزار سمت چپ Fountain Fill Toolبا رفتن به ابزار

قرار دهید. آن را روی پس زمینه مثل تصویر زیرسپس

آن را شفاف کنید. Interactive Transparency Toolفاده از ابزار نگ کنید و با استخط دور جعبه را با قرمز ر

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

قرار دهید.آن را روی جعبه

جای دهید. جعبهنوار فهرست را داخل ،PowerClipبا استفاده از

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

، روی دکمه کپی شده یک فلش رسم کنید.Bezier Toolحاال با استفاده از ابزار

و وارد کردن مقادیر زیر، یک جعبه دیگر ایجاد کنید. Rectangle Toolحاال با ابزار

و وارد کردن مقادیر زیر، یک خط دور ایجاد کنید. Interactive Contour Toolبا رفتن به ابزار

و وارد کردن مقادیر زیر، جعبه را رنگ کنید. Fountain Fill Toolبا رفتن به ابزار

آن را پایین نوار فهرست قرار دهید.

آن را شفاف کنید. Interactive Transparency Toolخط دور جعبه را با قرمز رنگ کنید و با استفاده از ابزار

پس از آن، عناصر منحنی شکل را دوباره روی پس زمینه کپی کنید.

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

ن آن جای دهید.روشکل را د PowerClipبا استفاده از

تصویر نهایی

نید.کتصویر زیر شبیهکار به اتمام رسید! شما می توانید با اضافه کردن رنگ، متن، سایه و یا بافت بیشتر طرحتان را