تبلیغات
تبلیغات متنی
محبوبترینها
بارش‌های سیل‌آسا در راه است! آیا خانه شما آماده است؟
بارش‌های سیل‌آسا در راه است! آیا خانه شما آماده است؟
قیمت انواع دستگاه تصفیه آب خانگی در ایران
نمایش جنگ دینامیت شو در تهران [از بیوگرافی میلاد صالح پور تا خرید بلیط]
9 روش جرم گیری ماشین لباسشویی سامسونگ برای از بین بردن بوی بد
ساندویچ پانل: بهترین گزینه برای ساخت و ساز سریع
خرید بیمه، استعلام و مقایسه انواع بیمه درمان ✅?
پروازهای مشهد به دبی چه زمانی ارزان میشوند؟
تجربه غذاهای فرانسوی در قلب پاریس بهترین رستوران‌ها و کافه‌ها
دلایل زنگ زدن فلزات و روش های جلوگیری از آن
خرید بلیط چارتر هواپیمایی ماهان _ ماهان گشت
صفحه اول
آرشیو مطالب
ورود/عضویت
هواشناسی
قیمت طلا سکه و ارز
قیمت خودرو
مطالب در سایت شما
تبادل لینک
ارتباط با ما
مطالب سایت سرگرمی سبک زندگی سینما و تلویزیون فرهنگ و هنر پزشکی و سلامت اجتماع و خانواده تصویری دین و اندیشه ورزش اقتصادی سیاسی حوادث علم و فناوری سایتهای دانلود گوناگون
مطالب سایت سرگرمی سبک زندگی سینما و تلویزیون فرهنگ و هنر پزشکی و سلامت اجتماع و خانواده تصویری دین و اندیشه ورزش اقتصادی سیاسی حوادث علم و فناوری سایتهای دانلود گوناگون
آمار وبسایت
تعداد کل بازدیدها :
1835103176
آموزشهای گروهی: <شماره 4> : کلیات و جزئیات طراحی صفحات وب در فتوشاپ -
واضح آرشیو وب فارسی:سایت ریسک: آموزشهای گروهی: <شماره 4> : کلیات و جزئیات طراحی صفحات وب در فتوشاپ GFX Master 06 تير 1385, 16:56سلام خوب اینم چهارمین تاپیک آموزشهای گروهی که اینبار با نظر بچه ها موضوع طراحی صفحات وب در فتوشاپ رو انتخاب کردیم. فکر کنم موضوع خوبی باشه و جای بحث زیادی هم روش باشه. من کلیات موضوعاتی رو که میشه روشون بحث کرد رو میگم تا یواش یواش شروع کنیم: 1) رنگ بندی و نحوه صحیح استفاده از رنگ در طراحی صفحات وب. 2) عناصر و اجزایی که باعث جذابتر و پربیننده تر شدن صفحات میشود. 3) نحوه اسلایس بندی و ذخیره سازی و انتقال به نرم افزار مدیریت صفحات. 4) سایر مسایل. حالا هر کسی درباره این موضوعات صحبت یا بحث و آموزش خاصی داره خوشحال میشیم که مطرح بکنه. موفق باشید. NaviD.R.R 06 تير 1385, 17:12به نظر من با نمونه کار و آموزش تصویری روی همون کار پیش بریم بهتر تا همش از تئوری استفاده کنیم ، چون همش تئوری باشه خسته کننده میشه . من در این زمینه چند تا قالب وب سایت با PhotoShop طراحی کردم که اگه خواستین میزارم . GFX Master 06 تير 1385, 17:21هیچ فرقی نمیکنه این تاپیک بخاطر این اسمش آموزشهای گروهی هست که بچه ها در گذاشتن نمونه کار یا دادن آموزش و ... کاملا آزاد باشن و همگی بتونن اظهارنظر کنن. پس آقا نوید منتظریم. GFX Master 07 تير 1385, 00:39یکی از مهمترین مسایل در طراحی صفحات وب در نرم افزار فتوشاپ رعایت نکات مربوط به رنگ بندی و اصول رنگ در طراحیهاست. اولین و مهمترین نکته که باید در مورد رنگها مدنظر قرار داد اینه که صفحات تشکیل دهنده وب قادر نیستند که تمامی رنگها را تفکیک و نمایش دهند. در واقع صفحات وب تنها قادر به نمایش 256 رنگ اصلی هستند و استفاده از رنگهای خارج از محدوده این 256 رنگ فقط و فقط باعث بالا رفتن حجم تصویر میشود و سود دیگری نخواهد داشت و در ضمن در هنگام نمایش در وب این رنگها تفکیک نمیشوند و تنها 256 رنگ نمایش داده میشوند. پس بکار بردن رنگهای اضافی توصیه نمیشه. شناخت این 256 رنگ کار بسیار آسونیه. برای این کار به تصویر زیر دقت کنید: با انتخاب و اجرای پنجره Color Picker پنجره ای مطابق تصویر بالا بار خواهد شد. حالا با انتخاب و تیک زدن گزینه Only Web Colors تنها رنگهایی که قادر به نمایش و تفکیک در وب هستند نمایش داده میشوند و شما با انتخاب رنگهای موجود در این باکس مطمئنا خواهید بود که تمامی رنگهای استفاده شده در طراحی صفحتون در وب به درستی نمایش داده خواهند شد. پسوندهایی که عموما در وب مورد استفاده قرار میگیرند و استفاده از آنها معمول است پسوندهایی نظیر Gif، Jpg و Png هستند که البته استفاده از پسوند Gif معمولتره و این بخاطر اینه که این نوع فرمت عکس حجم پایینتری داره و باعث میشه عکس سریعتر لود بشه. البته هر کدوم از این فرمتها در جای خاصی هم باید استفاده بشن که بطور مختصر در زیر جاهاشون رو توضیح میدم: 1) Gif: این فرمت بیشتر برای تصاویر متحرک ساده استفاده میشه که در طراحی این تصاویر باید دقت داشت که تا حد امکان سادگی تصویر و کمتر بودن رنگها هم مدنظر قرار بگیره تا تصاویر بهتر و سریعتر لود بشن. 2) Jpg: این فرمت بیشتر برای تصاویر ثابت و همچنین ذخیره سازی قالبهای صفحات، مورد استفاده قرار میگیره. با تنظیم میزان کیفیت هنگام ذخیره سازی میشه حجم تصویر رو کم یا زیاد کرد. 3) Png: این فرمت هم برای تصاویر ثابت استفاده میشه و تفاوت آن با فرمت Jpg در این است که این فرمت حجم نسبتا کمتری را دربرمیگیرد. در ضمن مد رنگی مخصوص صفحات وب و طراحیها باید از نوع RGB باشه چرا که این تصاویر فقط در مانیتور نمایش داده خواهند شد. اینها یک سری اصول مقدماتی رنگ شناسی در طراحی صفحات وب در فتوشاپ بود که به کمک بچه ها بیشتر تکمیلش میکنیم. موفق باشید. logical_82 07 تير 1385, 01:00سارا خانم ممنون ! چیز دیگه هم که تو هنگام استفاده از رنگها باید حتما ملاحظه بشه Mach کردن رنگهاست یعنی رنگها رو خوب ترکیب کنیم و مثلا از رنگ قرمز تو پس زمینه مشکی اگه استفاده بشه خیلی خوشگل می شه . اندازه کار هم خیلی مهمه ! 600 در 800 واسه قالب های وبلاگ و اینگونه کارها بهتر هستن چرا که هم تو رزولوشن 1024 و هم 800 خوب جواب می دن . (یواش یواش پیشرفته اش کنیم بهتره) GFX Master 07 تير 1385, 01:04بله خوب اینا که شما گفتی 100% درسته. من همونطوری که گفته بودم اینا یکسری جزئیات اولیه هست و بحث رنگها هنوز خیلی جا داره که روش بحث بشه که انشالا در ادامه تاپیک بیشتر دربارش صحبت میکنیم. logical_82 07 تير 1385, 01:06ایشالا که تاپیک خوبی باید باشه اگه از مبتدی به حرفه ای بره البته اگه ایراد نداشته باشی کمی به کدنویسی و این چیزا هم همینجا اشاره کنیم ! mostafa_az 07 تير 1385, 05:39ممنون سارا جان بابت تاپیک . خوب ، منم برای شروع یه سری نکات در رابطه با سایز طراحی صفحات وب میگم : اصولا زشت ترین حالت طراحی یک صفحه وب اینه که صفحتون دارای اسکرول افقی باشه . یه طراح وب خوب طراحیه که تمام جوانب طراحیش رو در نظر بگیره . یکی از این جوانب رزولوشن مراجعین هستش . پائینترین سطح رزولوشنی که در حال حاضر مورد استفاده قرار میگیره 800 در 600 پیکسل هستش . طراحی باید طراحیش رو طوری انجام بده که در این حالت رزولوشن هیچگونه مشکلی از نظر اسکرول افقی وجود نداشته باشه . در رزولوشن 800 در 600 اکسپلورها فضایی که در عرض سایت میتونن نشون بدن 780 پیکسل از کل 800 پیکسل هستش . شما برای اینکه در طراحیتون اسکرول افقی نداشته باشین چنین فضایی رو به عرض کار اختصاص بدین . اما این سایز هم همیشه با مشکل مواجه بوده و باعث میشه یه اسکرول الکی و بدون کاربرد زیر صفحه شما ایجاد بشه . پس برای محکم کاری باید سایزی کمتر از 780 پیکسل بگیرین . از سایز 778 به بعد مشکلی براتون پیش نمیاد اما من بهتون پیشنهاد میکن م این سایز رو 760 در نظر بگیرین : پس برای اینکار باید نهایت عرض کارتون 778 یا ترجیحا کمتر باشه . در صفحاتی هم که قراره اسکرول عمودی نداشته باشین حداکثر سایزی که در رزولوشن 800 در 600 نمایش داده میشه 430 پیکسل هستش که اینم میتونین 425 یا 420 بگیرین . خوب ، فعلا سایز طراحی رو داشته باشین تا بعدا با کمک دوستان بقیه موارد رو بگیم . مخلصیم مصطفی NaviD.R.R 07 تير 1385, 08:19این قالب رو به سفارش یک شرکت برای سازمان میراث فرهنگی و گردشگری طراحی کردم. البته این کار جزو اولین قالب هایی بود که طراحی می کردم. این دو تا عکسی که گذاشتم یکی ماله بخش مدیریت و یکی هم قالب کلی هست که امکان بزرگ شدن عمودی رو هم داره . کل این قالب رو با Photoshop طراحی کردم و با استفاده از ابزار Slice Tool و نرم افزارهای FronPage , DeamweaverMX اگه خواستین این قالب رو به صورت Html براتون بزارم. logical_82 07 تير 1385, 11:40خوب راجع به رنگ ها هم یه چیز خوب دارم که به دردتون می خوره . یه چارت کد رنگهای قابل استفاده تو طراحی وب : اینم لینکش () GFX Master 07 تير 1385, 15:46آقا نوید ممنون بابت نمونه قالبهایی که گذاشتی. حالا که این قالبها رو شما آپ کردی یه چیزی به نظرم رسید که گفتم شاید بد نباشه مطرح کنم. درباره عناصر و اجزایی که در طراحیها باید رعایت بشه، بنا به سفارش مشتری و موضوع سایت باید عناصر متناسب انتخاب بشه. الان این قالب شما مخصوص سازمان میراث فرهنگی هست. ولی متاسفانه نه لوگوی این سازمان در هیدر قالب دیده میشه و نه عناصر و اشکال گرافیکی مربوط به سایر صفحات (مثل تنظیمات کلی و راهنما و ...) متناسب با موضوع انتخاب یا طراحی شدن! به نظر من بهتر بود اگر قراره از آیکنهای گرافیکی برای نمایش لینکهای سایر صفحه ها استفاده بشه یکمی متناسب تر با موضوع باشه. بک گراند و پنجره هایی که در سمت راست طراحی کردی خیلی خیلی خوبه و کاملا متناسب هستن منتها روی این بک گراند استفاده از آیکنهایی که بیشتر برای سایتهایی با موضوعات تفریحی و سرگرمی و ... استفاده میشن یکمی ناجوره. در کل بجز آیکنها و محل قرارگیری اونها بقیه مسایل خیلی خوبن. موفق باشی NaviD.R.R 07 تير 1385, 16:13ممنون از نظرت سارا خانم . در مورد لوگو تو هیدر سایت که با نظر شرکتی بود که براش طراحی کردم ( یعنی به من لوگویی ندادن که جایی بخوام قرار بدم ) در مورد آیکونها هم باید بگم که اون صفحه ای که می بینی وسطش آیکون هست صفحه Admin و در واقع کنترل پنل فقط برای افراد محدو د و نمی تونه تو هدر قرار بگیره . ولی در مورد شکل آیکونها می تونستم آیکونهای بهتری رو انتخاب کنم و باهات موافقم. NaviD.R.R 07 تير 1385, 16:26اینم چند تا قالب دیگه که کامل نیستند !!! logical_82 07 تير 1385, 16:34نوید جان Content و Navigation های این سبزه زیاد جالب نیستن و مشکلی هم که هست Smooth خیلی زیادی بهش دادی و یکم زمختش کرده اما Header اش بد نیست ودر واقع همین استفاده از Smooth زیادی تو کار اولیت هم هست . hamid ir 07 تير 1385, 22:06تاپیکه خوبیه . امیدوارم مورد استفاده واقع بشه راستی ساراجان مدیریت تبریک . موفق باشی logical_82 07 تير 1385, 23:55یه چیزی هم که هست واسه سایت های زبان فارسی چون RTL می نویسیم بهتره که Navigation ها رو سمت راست بکار ببریم و انگلیسی ها رو برعکس ! GFX Master 08 تير 1385, 02:31منم موافقم اون دو تای اولی خیلی بهتر از سومی هستن. سومی انگار یجورایی زنده نیست! در حالیکه سایتی با موضوع استان گیلان که یه استان سرسبز و شادابه باید شادابتر از اینا باشه. اما اونی که واسه موبایل هست خیلی خوب کار شده. اولی هم خوبه. راستی نوید جان ممنون بابت اینی که نمونه هایی رو قرار میدی تا تاپیک فقط حالت تئوری نداشته باشه ولی یه خواهشی که ازت دارم اینه که در کنار همین نمونه کارا اگر اطلاعاتی هم در زمینه طراحی اینجور کارا داری (که مطمئنا هم داری) در اختیار بقیه قرار بده. حمید جان از تو هم ممنونم. لطف داری. موفق باشید. LordEfazati 08 تير 1385, 10:07یکی مراحل ساخت یه سایت رو مرحله مرحله بزاره . یعنی انگار یه سایت با فتوشاپ اینجا طراحی کنه که ما هم کامل یاد بگیریم ! NaviD.R.R 08 تير 1385, 10:52خوب منم با اجازه دوستان می خوام یکم در مورد طراحی وب سایت به وسیله Photoshop توضیح بدم . یک نکته ای که باید بهش توجه کرد اینه که ما به وسیله Photoshop نمی تونیم یک وب سایت طراحی کنیم !! بلکه فقط می تونیم قالب وب سایت رو طراحی کنیم و بعد بخش اصلی و گرفتاریهای این کار ماله بعد از طراحی تو Photoshop است. یکی از نکته های دیگه در مورد طراحی قالب وب سایت به صورت حرفه ای و با رعایت اصولی همچون کم حجم بودن قالب و تکرار شدن خیلی از قسمت ها در قالب وجود داره و دستمون به اندازه کارهای چاپی باز نیست و نمی تونیم هر جور که دلمون می خواد قالب رو طراحی کنیم . البته خیلی ها در طراحی قالب هایی برای سایتهای شخصی این اصول رو رعایت نمی کنن و همین موضوع هم باعث متفاوت بودن و زیبایی کار میشه و امکان داره حجم قالب هم بره بالا. پس کار اول ما این شد که یک طرح قالب توی Photoshop طراحی کنیم و بعد با ابزار Slice اون رو به قسمتهای مختلف تقسیم کنیم و بعد خروجی برای وب بگیریم و فایل Html رو توی یک ادیتور ادیت کنیم. البته این کلیات این کار بود . این کار جزئیات و نکات خیلی زیادی داره ، چه در زمان طراحی اون تو Photoshop و slice بندی کار چه در زمان خروجی گرفتن و ادیت قالب . سعی میکنم تا اونجایی که بتونم اطلاعات کمم رو در اختیار دوستان قرار بدم. Elaborate 08 تير 1385, 11:19یه نکته هم من بگم. باید جوری حجم صفحه رو تنظیم کنیم که هنگام بالا اومدنش بیشتر از 30 ثانیه وقت صرف نشه. یا حدالامکان اگر نشد برای صفحه یک پریلود بزاریم که این امر برای صفحه ی ایندکس هستش. و اینکه محتوا رو فدای زیبایی نکنیم. GFX Master 10 تير 1385, 11:01Elaborate عزیز اول ورود شما رو به جمع بچه ها تبریک میگم امیدوارم در کنار هم فعالیت خوبی رو داشته باشیم. دوم اینکه اینی که شما گفتی درسته منتها به چند تا عامل بستگی داره. اول اینکه معمولا اینکار رو یعنی پریلود گذاشتن رو بیشتر برای صفحاتی که با فلش طراحی میشه میذارن (البته برای صفحات استاتیک هم میشه اینکار رو انجام داد). دوم اینکه یکسری وب سایتا هستن که برعکس گفته شما ممکنه عمل کنن! (یعنی همون فدا نکردن محتوا در برابر زیبایی) این بیشتر مخصوص سایتهای هنری و گرافیکی هست که بیشتر به ظاهر سایت باید اهمیت بدن. البته صحبت شما کاملا درسته و اگر بشه یه رابطه دو طرفه بین محتوا و زیبایی ایجاد کرد که هیچ کدوم فدای اون یکی نشن خیلی بهتره چون همین زیبایی هست که در درجه اول باعث جذب بیننده میشه. راستی آقای Efazati در مورد درخواست شما هم مطمئن باشید در ادامه اینکار انجام میشه و اگر شما مطالبی که بصورت تکه تکه و در پستهای مختلف زده میشه رو یه جمع بندی بکنی نتیجه خوبی میگیری. موفق باشید. logical_82 10 تير 1385, 11:24چیزی که راجع به کم شدن حجم شاید کمک بزرگی بکنه استفاده از Repeat یک عکس حالا چه بصورت X و یا Z (همون افقی عمودی خودمون) هست و خیلی هم می تونه تو کم کردن حجم کمک کنه . mostafa_az 10 تير 1385, 11:38مهمترین اصل در کم کردن حجم صفحات همین repeat هستش که امیر گفت . کسانی که عین من زیاد تخصصی نیستن به این عمل repeat میگن پترن گذاری . نحوش رو هم اگه کسی نمیدونه توی مراحل بعدی میگم . مخلصیم مصطفی mohsenshahab 10 تير 1385, 14:07ُسلام من این چند روزه اصلا نمیتونستم وارد سایت بشم برای همین یه کم دیر رسیدم یه نکته خیلی کوچولو میگم که فکر کنم اکثرا بلد باشن شما وقتی که بخواین یه عکس رو در فتوشاپ saveکنین (jpeg) و بعد در صفحات وب از اون استفاده کنین باید بعد از این که به مسیر file/save رفتین عکس رو به صورتی save کنین که عکس با هر یار لود شدن صفحه یکبار اسکن بشه یعنی اینکه وقتی کاربر صفحه رو باز کرد اول عکس رو به صورت شطرنجی میبینه بعد کم کم کیفیت عکس به حالت نرمال میرسه برای این کار وقتی که خواستین کار ور با پسوند (jpeg) save کنین پنجرهjpeg option باز میشود baseline: این گزینه حالت پیش فرض است basieline optimized این گزینه رنگهای موجود در فایل را بهینه کرده و فایل کوچکتری ایجاد میکند progressive برای کارهای وب این گزینه ضروری است این روش باعث میشود که فایل مورد نظر زودتر از سایر روشهای موجود در مرور گر وب قابل مشاهده باشد به عبارت دیگر با هر مقدار اطلاعاتی که بار گذاری میشود عکس یکبار اسکن میشود logical_82 10 تير 1385, 14:21خوب یه چیز کوچولو هم واسه شروع به بحث Slice بگم بد نیست فکر کنم : خوب البته این بحث بصورت مبتدی هست و فقط فکر کردم واسه شروع خوب باشه . Divide slice: طرح رو باز کنید و ابزار Slice رو انتخاب کنید و روی کارتون راست کلیک کنید و Divide slice رو انتخاب کنید: خوب من Slice عکسم 5 قطعه برای افقی و 5 قطعه برای عمودی دارم. خوب بعدش هم خودش طرح رو به 25 قطعه تقسیم می کنه: بعدش Save for web رو از منوی فایل بزنید و ذخیره کنید (Ctrl+Alt+Shift+S) حال عکستون رو بصورت 25 قطعه کنار هم قرار گرفته و HTML دارید. mohsenshahab 10 تير 1385, 14:43ایجاد تصاویر html برای ایجاد تصاویر (دقت کنید تصایر htmlنه صفحات html) ابتدا با استفاده از ابزار sliceتصویر را به نواحی مختلف تقسیم میکنیم برای تقسیم تصویر به نواحی مختلف پس از انتخاب این ابزار ناحیه ای که میخواهیم با این ابزار تقسیم کنیم درگ میکنیم با این کار ما میتوانیم تصویر را به قسمتهای کو چک تقسیم کنیم همچنین شما میتوانید با انتخاب یکی از قسمتها و فشردنdeleteاون قسمت رو پا ک کنین اما ما میتونیم برای هر یکی از این قسمتها عملکردی رو تععین کنیم پس در یکی از ناحیه های کشیده شده با استفاده از ابزار slice select دوبار کلیک کنید پنجره slice option باز میشود در slice type نوع image رو انتخاب کنید در کادر name یک اسم انتخاب کنیدمثلا محسن (چون خیلی کلاس داره) در کادر url شما باید ادرس سایتی که میخواهید با کلیک روی اون ناحیه به اون سایت وصل بشه رو بنویسین مثلا اگر پنجره اصلی مرورگر(browser(دارای چندین فریم است نام یکی از انها رو در target بنویسید اگر میخواهید در هنگام جابجایی موس روی قسمت مورد نظر پیغامی در status bar نشان داده شود در کادر massage text اون پیغام رو بنویسید اگر میخواهید با نگه داشتن موس بر روی ناحیه مورد نظر متنی در زیر اشاره کر ظاهر شود در کادر alt tag اون متن رو بنویسید حالا ok کنید حالا برای save کردن کار برای وب به file /save for web بروید و کارتون روsave کنید mohsenshahab 10 تير 1385, 14:56همون طور که میدونین برنامه image ready که همراه با برنامه photo shop عرضه میشه برنا مه گرافیکی شرکت adobe برای وب میباشد .ولی الان من نمیدونم که میشه یه کم هم درباره image ready حرف زد یا نه .اگه از نظر مدیرها اشکالی نداره تا به قول روضه خونها یه گریزی هم به image ready بزنیم logical_82 10 تير 1385, 15:18چگونه تو قسمت خروجی از فتوشاپ بنویسم : البت با عرض معذرت اندکی هم آموزش فرانت پیج داره ! خوب فایل خودتون رو Slice کنید و خروجی بگیرید ازش و فایل HTML اش رو با فرانت پیج باز کنید و روی قسمتی که می خواید بنویسید راست کلیک کنید و CellProperties رو بزنید و بعد اندازه عکس رو بهش بدید و آدرس عکس رو بعد از کلیک کردن روی Use background imageکلیک کنید و بعد هم عکستون رو Browse کنید . خوب بعد عکسی که مانع از نوشتن می شه رو پاک کنید چون دیگه نیازی بهش نیست و عکس بک گراند کارش رو انجام می ده !حالا می تونید تو اون قسمت بنویسید البته کارها ی دیگری هم باید بکنید که وقتی متن زیاد می شه مشکل ایجاد نشه اما کم کم اونارم می گیم mexo 10 تير 1385, 18:22واقعا دستتون درد نكنه اين تاپيك فوق العادس GFX Master 11 تير 1385, 00:51امیر جان اتفاقا کار خوبی کردی که یکمی هم درباره نحوه استفاده از قالبها و تصاویر تهیه شده در فتوشاپ داخل برنامه فرانت پیج توضیح دادی ولی یه خواهشی که دارم بیشتر سعی کنید موضوع در رابطه با فتوشاپ و مراحل طراحی باشه. البته این توضیحاتی رو هم که شما گفتی واقعا ضروری و مفید بود. موفق باشی. mostafa_az 11 تير 1385, 10:48ایول امیر عالی بود . بچه ها سعی کنین بحث های همدیگرو ادامه بدین . از موضوعی به موضوع بد نپرین . پله پله برین جلو . هر کی ادامه بحث رو یاد نداره صبر کنه تا بقیه اونو بگن بعد مرحله بعدی رو بگه . :wink: مخلصیم مصطفی logical_82 11 تير 1385, 14:07خوب دوستان عزیز بیایید با Repead کمی بیشتر آشنا بشیم : به عکس زیر توجه کنید تا بیشتر متوجه این امر بشید : خوب حالا به عکس زیر نگاه کنید و به قسمت های مشخص شده کمی دقت کنید : با کمی دقت می بینید که منطقه 2(زرد رنگ) در واقع همان چیزی است که در منطقه 1(قرمز رنگ) بطور مکرر تکرار شده . خوب اگه ما بخوایم می تونیم از هر دو منطقه 1 و 2 باهم استفاده کنیم ولی بجای استفاده از هر دو می تونیم از یه Repeat ساده استفاده کنیم . خوب اگه ما بعد از اسلایس بیایم و تو برنامه ای مثل فرانت پیج روی منطقه 1 راست کلیک کنیم و Cell properties رو بزنیم و بعد بک گراند رو قسمت 2 انتخاب کنیم در واقع هم از یک عکس کمتر تو کارمون استفاده کردیم و هم اینکه چون عکس 2 کوچیکتر هست زودتر لود می شه و هم اینکه می تونیم متن هم رو قسمت 2 بیاریم . البته توجه داشته باشید که بعد از انجام این عمل عکس قبلی منطقه 2 رو پاک کنید. wahid 2003vj 11 تير 1385, 16:54بابا ای ول کلی کیف کردم کارتون درسته خواهشا ادامه بدین LordEfazati 12 تير 1385, 09:01میشه یه سایت کامل که با فتوشاپ درست کردید رو واصه دانلود بزارید ؟ logical_82 12 تير 1385, 15:24از این طرح ها که زیاده اگه کار خاصی می خوای و کارت فوریه بگو من برات طراحی کنم . GFX Master 12 تير 1385, 15:42در زیر میتونید مراحل کامل ساخت یک قالب سایت رو مشاهده کنید: 1) برای شروع یک سند جدید با ایعاد 800×900 پیکسل ایجاد کنید و دقت کنید که رزلوشن مورد نیاز 72 و مد رنگی لازم RGB خواهد بود. نوع Background رو هم بصورت Transparent انتخاب کنید. 2) در مرحله دوم برای رنگهای Background و Forground دو رنگ با کدهای cccccc و 999999 رو انتخاب کنید و ابزار Gradient رو انتخاب کنید و از بالا به پایین یک گرادیانت ایجاد کنید: 3) در این مرحله قصد داریم در دو سمت چپ و راست صفحه دو حاشیه ایجاد کنیم. ب
این صفحه را در گوگل محبوب کنید
[ارسال شده از: سایت ریسک]
[مشاهده در: www.ri3k.eu]
[تعداد بازديد از اين مطلب: 919]
-
گوناگون
پربازدیدترینها