એડોબ મનન કરવું મદદથી લંબન સ્ક્રોલિંગ કેવી રીતે બનાવો

આજે વેબ પર "સૌથી ગરમ" તકનીકોમાંની એક છે લંબન સરકાવનાર. અમે બધા તે સાઇટ્સ પર છીએ જ્યાં તમે તમારા માઉસ પર સ્ક્રોલ વ્હીલને ફેરવો છો અને જ્યારે તમે માઉસ વ્હીલને ફેરવો છો ત્યારે પૃષ્ઠ પરની સામગ્રી ઉપર અને નીચે તરફ અથવા તરફ ખસે છે

વેબ ડિઝાઇન અને ગ્રાફિક ડિઝાઇનમાં નવા લોકો માટે, આ તકનીકને જરૂરી સીએસએસની સંખ્યાને કારણે હાંસલ કરવા માટે ખૂબ મુશ્કેલ હોઈ શકે છે.

જો તે તમને વર્ણવે છે, ત્યાં ઘણી એપ્લિકેશન્સ છે જે ફક્ત ગ્રાફિક કલાકારોને અપીલ કરી શકે છે. તેઓ મૂળભૂત રીતે વેબ પૃષ્ઠો પર પરિચિત પૃષ્ઠ લેઆઉટ અભિગમનો ઉપયોગ કરે છે, જેનો અર્થ એ કે ત્યાં ઘણું નથી, જો કોઈ હોય તો, કોડિંગ શામેલ છે. એક એપ્લિકેશન જે ખરેખર પ્રાધાન્યમાં રોકેટ છે તે એડોબ મ્યુઝ છે.

મનની મદદથી ગ્રાફિક્સ પાસા દ્વારા કરવામાં આવતું કાર્ય ખૂબ આકર્ષક છે અને તમે આ દિવસની મ્યુઝ સાઇટની મુલાકાત લઈને તમે શું કરી શકો તેના નમૂના જોઈ શકો છો. ભલે વેબ પ્રોફેશન કેટલાક પ્રકારના "પવન-અપ રમકડું" હોવાના સંદર્ભમાં ધ્યાન રાખે છે, તે ડિઝાઇનરો દ્વારા મોબાઇલ અને વેબ પ્રોટોટાઇપ બનાવવા માટે ઉપયોગમાં લેવાય છે, જે છેવટે તેમની ટીમના વિકાસકર્તાઓને સોંપવામાં આવશે.

મનન સાથે પૂર્ણ કરવા માટે ઉત્સાહી સરળ છે તે એક તકનીક લંબન સરકાવનાર છે અને, જો તમે કસરતનું પૂર્ણ સંસ્કરણ જોવા ઇચ્છતા હો, તો અમે આ પૃષ્ઠ પર તમારા બ્રાઉઝરને નિર્દેશિત કરીશું. જ્યારે તમે તમારા માઉસની સ્ક્રોલ વ્હીલને પત્રક કરો છો, ત્યારે ટેક્સ્ટ પૃષ્ઠ ઉપર અને નીચે ખસેડવા લાગે છે અને ઈમેજ ફેરફાર થાય છે.

ચાલો, શરુ કરીએ.

01 ના 07

વેબ પૃષ્ઠ બનાવો

જ્યારે તમે મનન કરવું શરૂ કરો ત્યારે નવી સાઇટ લિંકને ક્લિક કરો આ નવી સાઇટ ગુણધર્મો ખોલશે. આ પ્રોજેક્ટ ડેસ્કટૉપ એપ્લિકેશન માટે ડિઝાઇન કરવામાં આવશે અને તમે પ્રારંભિક લેઆઉટ પોપ-ડાઉન મેનૂમાં તેને પસંદ કરી શકો છો. તમે કૉલમ, ગટર પહોળાઈ, માર્જિન્સ અને પેડિંગની સંખ્યા માટે કિંમતો પણ સેટ કરી શકો છો. આ કિસ્સામાં, અમે તેનાથી ઘણું ચિંતિત ન હતા અને ફક્ત ઠીક ક્લિક કર્યું.

07 થી 02

પૃષ્ઠને ફોર્મેટ કરો

જ્યારે તમે સાઇટ પ્રોપર્ટીઝ સેટ કરો અને ઓકે ક્લિક કરો ત્યારે તમને પ્લાન દૃશ્ય કહેવામાં આવે છે. ટોચ પર હોમ પેજ અને વિંડોના તળિયે માસ્ટર પેજ છે . અમને ફક્ત એક પૃષ્ઠની જરૂર છે ડિઝાઇન દૃશ્ય મેળવવા માટે, અમે હોમ પેજને ડબલ ક્લિક કર્યું છે જે ઇન્ટરફેસ ખોલ્યું.

ડાબે કેટલાક મૂળભૂત સાધનો છે અને જમણી બાજુએ પૃષ્ઠ પર સામગ્રીને ચાલાકી કરવા માટે ઉપયોગમાં લેવાતા વિવિધ પેનલ્સ છે. ટોચની સાથે પ્રોપર્ટીઝ છે, જે પૃષ્ઠ પર લાગુ થઈ શકે છે, અથવા પેજ પર પસંદ કરેલ કંઈપણ. આ કિસ્સામાં, અમે કાળી પૃષ્ઠભૂમિ રાખવાની ઇચ્છા રાખતા હતા. આ પરિપૂર્ણ કરવા માટે, અમે બ્રાઉઝર ભિલ રંગ ચિપ પર ક્લિક કરીએ અને રંગ પીકરથી કાળું પસંદ કર્યું છે.

03 થી 07

પૃષ્ઠ પર ટેક્સ્ટ ઉમેરો

આગળનું પગલું એ પેજ પર અમુક ટેક્સ્ટ ઉમેરવાનો છે. અમે ટેક્સ્ટ ટૂલ પસંદ કર્યો છે અને ટેક્સ્ટ બોક્સને બહાર કાઢ્યું છે. અમે "સ્વાગત" શબ્દ દાખલ કર્યો છે અને, પ્રોપર્ટીઝમાં ટેક્સ્ટને એરિયલ પર, 120 પિક્સેલ્સ વ્હાઇટ સેટ કર્યો છે . કેન્દ્ર સંરેખિત

પછી અમે પસંદગી સાધન પર સ્વિચ કર્યું, ટેક્સ્ટબૉક્સ પર ક્લિક કર્યું અને ટોચ પરથી તેના વાય પોઝિશનને 168 પિક્સેલ્સ પર સેટ કર્યું. ટેક્સ્ટ બોક્સને હજુ પણ પસંદ કરીને, આપણે સંરેખિત પેનલ ખોલ્યું છે અને ટેક્સ્ટ બોક્સને કેન્દ્રમાં ગોઠવાયેલ છે.

છેલ્લે, ટેક્સ્ટ બૉક્સ સાથે પસંદ કરેલ, અમે વિકલ્પ / Alt અને Shift કીઓને પકડી રાખ્યા અને ટેક્સ્ટ બૉક્સની ચાર નકલો બનાવી. અમે ટેક્સ્ટ અને દરેક કૉપિની વાય સ્થિતિને આમાં બદલ્યું છે:

• પ્રતિ, 871
• ગ્રાફિક્સ, 1621
• સૉફ્ટવેર, 2371
• @ એપાર્ટમેન્ટ, 3181

તમે નોંધ લેશો, જેમ તમે દરેક ટેક્સ્ટ બૉક્સનું સ્થાન સેટ કરો છો, તેમ પૃષ્ઠનો ટેક્સ્ટનું સ્થાન સમાવવાનું કદ ફરી બદલાય છે.

04 ના 07

છબી જગ્યામાં ઉમેરો

આગળનું પગલું ટેક્સ્ટ બ્લોકો વચ્ચે છબીઓ મૂકવાનો છે.

પ્રથમ પગલું એ લંબચોરસ સાધન પસંદ કરવું અને અમારા બોક્સને દોરવું છે જે પેજની એક બાજુથી બીજી બાજુ સુધી લંબાય છે. પસંદ કરેલ લંબચોરસ સાથે, અમે તેની ઊંચાઈ 250 પિક્સેલ્સ અને તેની Y સ્થિતિને 425 પિક્સેલ્સ પર સેટ કરી છે. યોજના એ છે કે વપરાશકર્તાના બ્રાઉઝર વ્યૂપોર્ટને સમાવવા માટે તેમને પૃષ્ઠની પહોળાઈને હંમેશાં ખેંચી અથવા કોન્ટ્રાક્ટ કરવામાં આવે. આ પરિપૂર્ણ કરવા માટે, અમે પ્રોપર્ટીઝમાં 100% પહોળાઈ બટનને ક્લિક કર્યું છે. આ શું કરે છે તે X વેલ્યુને ગ્રે કરે છે અને ખાતરી કરવા માટે કે છબી એ બ્રાઉઝરમાં હંમેશા વ્યૂપોર્ટની પહોળાઈના 100% છે.

05 ના 07

છબી જગ્યામાં છબીઓ ઉમેરો

પસંદ કરેલ લંબચોરસ સાથે અમે ભરો લિંકને ક્લિક કર્યો - રંગ ચિપ નહીં - અને લંબચોરસમાં એક છબી ઉમેરવા માટે I mage ink પર ક્લિક કર્યું. ફિટિંગ વિસ્તારમાં, અમે ફિલે ટુ ફીટ પસંદ કર્યું છે અને છબીને મધ્યમાં નાંખવામાં આવી છે તેની ખાતરી કરવા માટે પોઝિશન વિસ્તારમાં કેન્દ્ર હેન્ડલ ક્લિક કર્યું છે.

આગળ, અમે પ્રથમ બે ટેક્સ્ટ બ્લોકો વચ્ચે છબીની નકલ બનાવવા માટે વિકલ્પ / Alt- શિફ્ટ-ડ્રેગ તકનીકનો ઉપયોગ કર્યો, ભરો પેનલ ખોલ્યું અને બીજા માટે ઇમેજને સ્વૅપ કર્યું અમે બાકીની બે છબીઓ માટે પણ આ કર્યું છે.

સ્થાને છબીઓ સાથે, આ ગતિ ઉમેરવાનો સમય છે

06 થી 07

લંબન સ્ક્રોલિંગ ઉમેરો

એડોબ મ્યુઝ પર લંબન સરકાવનાર ઉમેરવાના ઘણા રસ્તાઓ છે. અમે તમને તે કરવા માટેની સરળ રીત બતાવીશું.

ભરો પેનલ ખોલો સાથે, સ્ક્રોલ ટેબ પર ક્લિક કરો અને જ્યારે તે ખુલે છે, ત્યારે મોશન ચેકબૉક્સ પર ક્લિક કરો.

તમે પ્રારંભિક અને અંતિમ મોશન માટેના મૂલ્યો જોશો. આ સ્ક્રોલ વ્હીલના સંબંધમાં છબી કેટલી ઝડપથી ખસેડે તે નિર્ધારિત કરે છે. ઉદાહરણ તરીકે, 1.5 ની કિંમત વ્હીલ કરતા 1.5 ગણી વધારે ઝડપી છબી ખસેડશે. અમે છબીઓની જગ્યાએ 0 ની કિંમતનો ઉપયોગ કર્યો છે.

આડું અને ઊભું તીર ગતિ દિશા નક્કી કરે છે. જો મૂલ્યો 0 હોય તો ઈમેજો કયા તીરને તમે ક્લિક કરો તે ધ્યાનમાં લીધા વગર મૂડ નહીં કરશે.

મધ્યમ મૂલ્ય- કી પોઝિશન - બિંદુ જ્યાં છબીઓ ખસેડવા શરૂ બતાવે છે. છબીની ઉપરની લીટી શરૂ થાય છે, આ છબી માટે, પૃષ્ઠની ટોચ પરથી 325 પિક્સેલ્સ. જયારે સ્ક્રોલ તે મૂલ્ય સુધી પહોંચે છે ત્યારે ઇમેજ ખસેડવાનું શરૂ થાય છે તમે આ કિંમતને ડાયલોગ બૉક્સમાં બદલીને અથવા વાક્યની ઉપર અથવા નીચે તરફના બિંદુને ક્લિક કરીને અને ખેંચીને દ્વારા બદલી શકો છો.

પૃષ્ઠ પર અન્ય છબીઓ માટે આ પુનરાવર્તન કરો.

07 07

બ્રાઉઝર ટેસ્ટ

આ બિંદુએ, અમે સમાપ્ત કરવામાં આવી હતી. ખાસ કારણોસર, અમે પ્રથમ > ફાઈલ> સેવ સાઇટ પસંદ કરવાનું હતું. બ્રાઉઝર પરીક્ષણ માટે, અમે ફક્ત બ્રાઉઝરમાં ફાઇલ> પૂર્વાવલોકન પૃષ્ઠ પસંદ કરી છે. આ અમારા કમ્પ્યુટરના ડિફૉલ્ટ બ્રાઉઝરને ખોલ્યું અને, જ્યારે પૃષ્ઠ ખોલ્યું, ત્યારે અમે સ્ક્રોલિંગ શરૂ કર્યું.