Skip to main content

எப்படி அடோப் மூஸ் பயன்படுத்தி இடமாறு ஸ்க்ரோலிங் உருவாக்குவது

Anonim

இன்று இணையத்தில் "வெப்பமான" உத்திகளில் ஒன்று இடமாறு ஸ்க்ரோலிங் ஆகும். சுழற்சியை சுழற்றும் இடங்களில் நீங்கள் சுழற்றும் தளங்களில் உள்ளோம் மற்றும் பக்கத்தின் உள்ளடக்கத்தை சுட்டி சக்கரத்தை நீங்கள் சுழற்றும்போது பக்கத்தின் கீழே அல்லது கீழே நகரும்.

வலை வடிவமைப்பிற்கும் கிராஃபிக் வடிவமைப்பிற்கும் புதியவற்றுக்கு, இந்த நுட்பம் தேவையான CSS அளவு காரணமாக அடைய மிகவும் கடினமாக இருக்கும்.

நீங்கள் விவரிக்கிறீர்கள் என்றால், கிராஃபிக் கலைஞர்களுக்கு முறையிடும் பல பயன்பாடுகள் உள்ளன. அவர்கள் அடிப்படையில் வலைப்பக்கங்கள் ஒரு பழக்கமான பக்கம் அமைப்பை அணுகுமுறை பயன்படுத்த, இது நிறைய இல்லை என்றால், ஏதேனும் இருந்தால், குறியீட்டு தொடர்பு. உண்மையில் முக்கியத்துவம் அடைந்துவிட்ட ஒரு பயன்பாடு அடோப் மூஸ் ஆகும்.

மூஸ் பயன்படுத்தி கிராபிக்ஸ் சாதகத்தால் செய்யப்படுகிறது வேலை மிகவும் ஆச்சரியமாக இருக்கிறது மற்றும் நீங்கள் மூஸ் சென்று நீங்கள் என்ன செய்ய முடியும் ஒரு மாதிரி பார்க்க முடியும் நாள் தள . மூடுபனி "பொம்மை பொம்மை" என்பது ஒருவிதமான "மூடுவிழா பொம்மை" என்று கருதப்படுவதால், மொபைல் மற்றும் வலை முன்மாதிரிகளை உருவாக்கி வடிவமைப்பாளர்களால் இது பயன்படுத்தப்படுகிறது, இது இறுதியில் தங்கள் குழுவில் டெவலப்பர்களுக்கு ஒப்படைக்கப்படும்.

மூஸ் கொண்டு நிறைவேற்ற நம்பமுடியாத எளிதான ஒரு நுட்பம், உடற்பயிற்சியின் பூரணமான பதிப்பை நீங்கள் காண விரும்பினால், இடமாறு ஸ்க்ரோலிங் ஆகும். உங்கள் சுட்டி சுருளின் சக்கரத்தை சுழற்றும்போது, ​​உரை மேலே அல்லது பக்கம் கீழே நகர்த்தப்படும் மற்றும் படங்கள் மாறும்.

தொடங்குவோம்.

07 இல் 01

வலைப்பக்கத்தை உருவாக்கவும்

நீங்கள் மூஸ் கிளிக் போது புதிய தளம் இணைப்பு. இது திறக்கும் புதிய தள பண்புகள். இந்த திட்டம் ஒரு டெஸ்க்டாப் பயன்பாட்டிற்காக வடிவமைக்கப்பட்டு நீங்கள் அதைத் தேர்ந்தெடுக்கலாம் தொடக்க தளவமைப்பு பாப்-மேன் மெனு. நீங்கள் நெடுவரிசைகளின் எண்ணிக்கை, குடேட் அகலம், விளிம்புகள் மற்றும் பேட்டிங்கின் மதிப்புகளை அமைக்கலாம். இந்த விஷயத்தில், நாங்கள் இதை மிகவும் மோசமாக கவனித்ததில்லை, வெறுமனே கிளிக் செய்தோம் சரி.

07 இல் 02

பக்கத்தை வடிவமை

நீங்கள் தளத்தில் பண்புகள் அமைக்க மற்றும் சொடுக்கும் போது சரி நீங்கள் அழைக்கப்பட்டிருக்கிறீர்கள் திட்டம் காட்சி. அங்கே ஒரு முகப்பு மேலே உள்ள ஒரு பக்கம் மாஸ்டர் பக்கம் சாளரத்தின் கீழே. நாங்கள் ஒரு பக்கம் மட்டுமே தேவை. டிசைன் காட்சியைப் பெற, இடைமுகத்தைத் திறந்த முகப்புப் பக்கத்தை இரட்டை சொடுக்கிவிட்டோம்.

இடதுபுறத்தில் சில அடிப்படை கருவிகளும் வலதுபுறத்தில் பக்கத்தின் உள்ளடக்கத்தை கையாள பயன்படும் பேனல்கள் உள்ளன. மேலே உள்ள சொத்துக்கள், பக்கத்திற்கு பயன்படுத்தப்படும், அல்லது பக்கத்தில் தேர்ந்தெடுக்கப்பட்டவை. இந்த வழக்கில், நாம் ஒரு கருப்பு பின்னணி வேண்டும். இதைச் சாதிக்க, நாம் சொடுக்கவும் உலாவி நிரப்பு வண்ண சிப் மற்றும் வண்ணத் தேர்விலிருந்து கருப்பு தேர்வுசெய்தது.

07 இல் 03

பக்கத்திற்கு உரை சேர்க்கவும்

அடுத்த படி பக்கம் சில உரை சேர்க்க வேண்டும். நாங்கள் தேர்ந்தெடுத்தோம் உரை கருவி மற்றும் ஒரு உரை பெட்டியை ஈர்த்தது. நாங்கள் "வரவேற்பு" என்ற வார்த்தையை உள்ளிட்டு, பண்புகளை உரைக்கு அமைத்தோம் ஏரியல், 120 பிக்சல்கள் வெள்ளை. மையம் சீரமைக்கப்பட்டது.

நாம் தேர்வு கருவிக்கு மாறினோம், அது உரைப்பெட்டியில் சொடுக்கி அதன் அமைப்பை அமைக்கவும் Y நிலை 168 மேலே இருந்து பிக்சல்கள். உரை பெட்டி இன்னும் தேர்ந்தெடுக்கப்பட்டவுடன், நாங்கள் திறந்தோம் குழு சீரமை மற்றும் மையத்திற்கு உரை பெட்டியை சீரமைத்தது.

இறுதியாக, தேர்ந்தெடுக்கப்பட்ட உரை பெட்டியுடன், நாங்கள் கீழே வைத்தோம் விருப்பம் / ஆல்ட் மற்றும் ஷிப்ட் விசைகள் மற்றும் உரை பெட்டியின் நான்கு பிரதிகளை செய்தன. ஒவ்வொரு நகலினதும் உரை மற்றும் Y நிலையை நாங்கள் மாற்றினோம்:

  • க்கு, 871
  • கிராபிக்ஸ், 1621
  • மென்பொருள், 2371

ஒவ்வொரு உரை பெட்டியின் இருப்பிடத்தையும் நீங்கள் அமைக்கும்போது, ​​உரை இடத்தின் இடத்திற்கு இடமாற்றம் செய்யப்படுகிறது.

07 இல் 04

பட பெட்டிகள் சேர்க்கவும்

அடுத்த படி உரை தொகுதிகள் இடையே படங்களை வைக்க வேண்டும்.

முதல் படி தேர்ந்தெடுக்க வேண்டும் செவ்வக கருவி பக்கத்தின் ஒரு பக்கத்தில் இருந்து மற்றொன்று நீண்டு வரும் ஒரு பெட்டியை வரையவும். தேர்ந்தெடுக்கப்பட்ட செவ்வகத்தின் மூலம், அதன் அமைப்பை அமைக்கிறோம் உயரம் 250 பிக்சல்கள் மேலும் அதனுடைய Y நிலை 425 பிக்சல்கள். ஒரு பயனர் உலாவி காட்சியமைவை இடமளிக்க, பக்கத்தின் அகலத்திற்கு எப்போதும் நீட்டிப்பதை அல்லது ஒப்பந்தம் செய்ய வேண்டும். இதை சாதிக்க, நாங்கள் சொடுக்கினோம் 100% அகலம் பண்புகள். இது எக்ஸ் மதிப்பை சாம்பல் செய்வதோடு, ஒரு உலாவியில் காட்சியமைவு அகலத்தில் 100% எப்பொழுதும் இருப்பதை உறுதிப்படுத்துவதாகும்.

07 இல் 05

பட பெட்டிகள் படங்களை சேர்க்க

தேர்ந்தெடுக்கப்பட்ட செவ்வகத்தின் மூலம் நாம் சொடுக்கலாம் இணைப்பு நிரப்பவும் - கலர் சிப் அல்ல - நான் கிளிக் செய்தேன்mage மை செவ்வக ஒரு படத்தை சேர்க்க. இல் பொருத்தி பகுதி, நாங்கள் தேர்ந்தெடுத்தோம் பொருத்துவதற்கு அளவுகோல் மற்றும் கிளிக் சென்டர் கைப்பிடி இல் நிலை படத்தின் மையத்தில் இருந்து படம் அளவிடப்படுவதை உறுதி செய்வதற்கான பகுதி.

அடுத்து, நாங்கள் பயன்படுத்தினோம் விருப்பம் / Alt + ஷிப்ட்-இழுவை முதல் இரண்டு உரை தொகுதிகள் இடையே படத்தை ஒரு நகலை உருவாக்க நுட்பம், நிரப்பு குழு திறந்து மற்றொரு படத்தை இடமாற்றம். மீதமுள்ள இரண்டு படங்களுக்காகவும் இதை செய்தோம்.

இடத்தில் படங்களை கொண்டு, இயக்கம் சேர்க்க நேரம்.

07 இல் 06

இடமாறு ஸ்க்ரோலிங் சேர்க்கவும்

Adobe Muse இல் இடமாறு ஸ்க்ரோலிங் சேர்த்து பல வழிகள் உள்ளன. நாங்கள் அதை செய்ய ஒரு எளிய வழி காட்ட போகிறோம்.

நிரப்பு குழு திறந்தவுடன், சொடுக்கவும் தாவல் உருட்டும் மற்றும், திறக்கும்போது, ​​கிளிக் செய்யவும் மோஷன் சரிபார்க்கும்.

நீங்கள் மதிப்புகள் பார்ப்பீர்கள் ஆரம்ப மற்றும் இறுதி மோஷன். ஸ்க்ரோல் வீல் தொடர்பாக படத்தை நகர்வது எப்படி என்பதை தீர்மானிக்கின்றன. உதாரணமாக, 1.5 மதிப்பு ஒரு சக்கரம் விட 1.5 மடங்கு வேகமாக படத்தை நகரும். இடத்தில் உள்ள படங்களை பூட்டுவதற்கு 0 இன் மதிப்பு பயன்படுத்தினோம்.

தி கிடைமட்ட மற்றும் செங்குத்து அம்புகள் இயக்கத்தின் திசையை தீர்மானிக்கவும்.மதிப்புகள் 0 என்றால், நீங்கள் கிளிக் எந்த அம்புக்குறி பொருட்படுத்தாமல் படங்களை budge முடியாது.

நடுத்தர மதிப்பு முக்கிய நிலை - படங்களை நகர்த்த ஆரம்பிக்கும் புள்ளியைக் காட்டுகிறது. படத்தின் மேலே உள்ள வரி, இந்த படத்திற்காக, பக்கத்தின் மேல் இருந்து 325 பிக்சல்கள் துவங்குகிறது. சுருள் அந்த மதிப்பு அடையும் போது படத்தை நகர்த்த தொடங்குகிறது. நீங்கள் இந்த மதிப்பை உரையாடல் பெட்டியில் மாற்றுவதன் மூலம் அல்லது வரிசை அல்லது கீழே வரி மேலே கிளிக் செய்வதன் மூலம் மாற்ற முடியும்.

பக்கத்தின் மற்ற படங்களுக்கு இதை மீண்டும் செய்யவும்.

07 இல் 07

உலாவி சோதனை

இந்த கட்டத்தில், நாங்கள் முடிந்தது. நாங்கள் செய்த முதல் விஷயம், வெளிப்படையான காரணங்களுக்காக, தேர்ந்தெடுக்க வேண்டும் கோப்பு> தள சேமி. உலாவி சோதனைக்கு, நாங்கள் வெறுமனே தேர்ந்தெடுத்தோம் உலாவியில் கோப்பு> முன்னோட்டம் பக்கம். இது எங்கள் கணினியின் இயல்புநிலை உலாவியை திறந்தது மற்றும், பக்கம் திறக்கப்பட்டபோது, ​​நாங்கள் ஸ்க்ரோலிங் தொடங்கியது.