ఇప్పుడు పనిని కొంచెం క్లిష్టతరం చేద్దాం - యానిమేటెడ్ ఫ్లాష్ బ్యానర్‌ని తయారు చేద్దాం. వాస్తవానికి, ఈ సందర్భంలో పూర్తి స్థాయి ఫ్లాష్ యానిమేషన్ గురించి మాట్లాడవలసిన అవసరం లేదు - దీని కోసం ప్రత్యేక ప్యాకేజీలు ఉన్నాయి. కానీ మీరు సరళమైన, ఔత్సాహిక వీడియోను రూపొందించడానికి చిత్రకారుడిని కూడా ఉపయోగించవచ్చు.

Adobe Illustratorలో యానిమేషన్ డెవలప్‌మెంట్ ప్రోగ్రామ్‌ల కోసం ప్రత్యేకమైన టైమ్‌లైన్ వంటి ప్రత్యేక సాధనాలు మరియు ఇంటర్‌ఫేస్ సాధనాలు ఏవీ లేవు. కానీ ఒక సూక్ష్మభేదం ఉంది - పొరలను ఫ్రేమ్‌లుగా ఉపయోగించవచ్చు.

కేవలం వచనంతో బ్యానర్‌ను సృష్టించండి.

1. ఆదేశంతో చిహ్నాలను సమూహపరచండి వస్తువు › సమూహం(వస్తువు › సమూహం).
2. ఫాంట్ అక్షరాల నుండి ఆకృతి వస్తువులను తయారు చేయడం తదుపరి పని, లేకుంటే పొరల యొక్క సరైన నిర్మాణం పనిచేయదు. దీన్ని చేయడానికి, సమూహాన్ని ఎంచుకుని, ఎంచుకోండి రకం › అవుట్‌లైన్‌లను సృష్టించండి(ఫాంట్ › ట్రేస్).
3. ఆ తర్వాత పాలెట్ మెనుని తెరవండి పొరలు(పొరలు) ప్యాలెట్‌లోని బాణం రూపంలో బటన్‌పై క్లిక్ చేయడం ద్వారా (Fig. 8.11).

అన్నం. 8.11. లేయర్‌ల పాలెట్ మెను

ఈ మెనులోని ఆదేశంపై మాకు ఆసక్తి ఉంది లేయర్‌కి విడుదల (క్రమం)(లేయర్‌లుగా మార్చండి (సీక్వెన్షియల్‌గా)) ఇది ప్రతి ఒక్క వస్తువును కొత్త లేయర్‌లోకి అనువదిస్తుంది. ఆదేశాన్ని వర్తింపజేసేటప్పుడు, సమూహాన్ని తప్పనిసరిగా ఎంచుకోవాలని దయచేసి గమనించండి సమూహం, పొర కాదు పొర 1.

ప్యాలెట్ ఎలా ఉండాలి పొరలు(పొరలు) అమలు తర్వాత లేయర్‌కి విడుదల (క్రమం)(పొరలుగా మార్చండి (సీక్వెన్షియల్)), అంజీర్‌లో చూపబడింది. 8.12

అన్నం. 8.12. లేయర్‌కి విడుదల తర్వాత లేయర్‌ల పాలెట్ (సీక్వెన్స్)

ఇది తయారీని పూర్తి చేస్తుంది, మీరు ఉపయోగించి సేవ్ చేయవచ్చు వెబ్ కోసం సేవ్ చేయండి(వెబ్ కోసం సేవ్ చేయండి) SWFకి. SWFఫ్లాష్ టెక్నాలజీల ఆధారంగా ప్రధాన గ్రాఫిక్స్ ఫార్మాట్. ఇది ఫ్లాష్ ఫార్మాట్ (Fig. 8.13) అని చెప్పడం మరింత ఖచ్చితమైనది.

బహుశా, నేడు వినియోగదారులందరికీ ఫ్లాష్‌తో ఎక్కువ లేదా తక్కువ సుపరిచితం. ఇది ప్రస్తుతం ఇంటర్నెట్‌లో అత్యంత సాధారణ యానిమేషన్ ఫార్మాట్ మరియు చాలా వరకు మల్టీమీడియా వెబ్ పేజీలను రూపొందించడానికి ఉపయోగించబడుతుంది.

వాస్తవానికి, అడోబ్ ఇలస్ట్రేటర్‌లో ఫ్లాష్ సామర్థ్యాలలో పదోవంతు కూడా అమలు చేయబడదు, ఎందుకంటే ప్రోగ్రామ్ దీని కోసం రూపొందించబడలేదు. అయితే, ఇందులో మీరు స్టాటిక్ పిక్చర్ లేదా సింపుల్ యానిమేషన్ చేయవచ్చు.

అన్నం. 8.13. SWF ఫార్మాట్ కోసం ఆప్టిమైజేషన్ సెట్టింగ్‌లు

కింది సెట్టింగ్‌లు ఉన్నాయి.

• చదవడానికి మాత్రమే(పఠనం మాత్రమే). మీరు పెట్టెను చెక్ చేస్తే, ఫైల్ ఏ ​​ప్రోగ్రామ్‌లోనూ సవరించడానికి తెరవబడని విధంగా వ్రాయబడుతుంది. ఇది, ఒకవైపు, ఫైళ్ల పరిమాణాన్ని తగ్గిస్తుంది మరియు మరోవైపు, మీ కాపీరైట్‌లను రక్షిస్తుంది.
• లేబుల్ చేయబడిన సెట్టింగ్ 1. సేవ్ చేసే రకాన్ని పేర్కొనే పరామితి - ఇమేజ్ లేదా యానిమేషన్.
• మీరు ఎంపికను ఎంచుకుంటే AI ఫైల్ నుండి SWF ఫైల్(ఇలస్ట్రేటర్ ఫైల్ నుండి SWF ఫైల్ వరకు), ఇలస్ట్రేటర్‌లో పని చేస్తున్నప్పుడు మీరు స్క్రీన్‌పై చూసే విధంగానే చిత్రం స్టాటిక్ ఇమేజ్‌గా సేవ్ చేయబడుతుంది.
• SWF ఫ్రేమ్‌లకు పొరలు(లేయర్‌లు టు SWF ఫ్రేమ్‌లు) ఇప్పటికే ఉన్న లేయర్‌లను యానిమేట్ చేయడానికి మిమ్మల్ని అనుమతిస్తుంది, అవి ఫ్రేమ్‌లుగా రెండర్ చేయబడతాయి. మేము ఈ ఎంపికను ఎంచుకోవాలి.
• కర్వ్ నాణ్యత(వంపుల నాణ్యత). అసలు చిత్రం యొక్క వక్రరేఖల ఫైల్‌ను పునరావృతం చేసే వక్రత యొక్క ఖచ్చితత్వం. ఈ సెట్టింగ్‌ను తగ్గించడం వలన నాణ్యత గణనీయంగా తగ్గుతుంది, ముఖ్యంగా చిన్న వివరాల ప్రాంతంలో, కానీ ఫైల్ పరిమాణాన్ని తగ్గిస్తుంది. మా విషయంలో, సరైన విలువ "7".
• ఫ్రేమ్ రేటు(ఫ్రేమ్ ఆలస్యం). ఫ్రేమ్ రేట్ మరియు, ఫలితంగా, యానిమేషన్ వేగం. ప్రభావం సరిగ్గా ఉండాలంటే, సెకనుకు 4 ఫ్రేమ్‌ల కంటే ఎక్కువ సెట్ చేయవద్దు.
• లూప్(పునరావృతం). అనేక సార్లు యానిమేషన్ ప్లే చేయండి. పునరావృత లూప్ ముఖ్యమైన యానిమేషన్‌లకు అనుకూలం. బ్యానర్ ఈ రకానికి చెందినది.

అడోబ్ ఇలస్ట్రేటర్ మరియు ఆఫ్టర్ ఎఫెక్ట్స్
దిగుమతి మరియు సాధారణ యానిమేషన్

హలో. ఈ రోజు మనం ఆఫ్టర్ ఎఫెక్ట్స్‌లో ఒక సాధారణ యానిమేషన్‌ను సమీక్షిస్తున్నాము.

వనరులు: అడోబ్ ఇలస్ట్రేటర్ CC
అడోబ్ ఆఫ్టర్ ఎఫెక్ట్స్ CC

ఇలస్ట్రేటర్‌లో గీయడం ద్వారా ప్రారంభిద్దాం.

మేము గీస్తాము
1) నేపథ్యంగా పసుపు దీర్ఘచతురస్రాన్ని గీయండి

మూర్తి 1 - దీర్ఘ చతురస్రం

2) ఒక వృత్తాన్ని గీయండి మరియు దానిని గ్రేడియంట్‌తో నింపండి
సర్కిల్‌లో కొంచెం పని చేద్దాం:
- ఆకృతిపై దిగువ బిందువును తొలగించండి, మేము ఒక ఆర్క్ పొందుతాము;
- ఒక సరళ రేఖను గీయండి, ఆర్క్ దిగువన మూసివేయడం, మేము ఒక అర్ధ వృత్తాన్ని పొందుతాము

చిత్రం 2 - 1) వృత్తం గీయండి; 2) ప్రవణత; 3) పాయింట్ తొలగించండి

3) దీర్ఘచతురస్రాన్ని గీయండి మరియు దాని కాపీని చేయండి
- ఒక బూడిద దీర్ఘచతురస్రం;
- మరొక ముదురు బూడిద దీర్ఘచతురస్రం
4) కిరణాల సంఖ్యను సెట్ చేయడం ద్వారా నక్షత్రం నుండి త్రిభుజాన్ని గీయండి - 3

మూర్తి 3 - 1) రెక్ట్ లైట్; 2) రెక్ట్ డార్క్; 3)త్రిభుజం

5) పెన్ మరియు సాధారణ ఆకృతులతో పిల్లిని గీయండి

మూర్తి 4 - 1) తల; 2) మెడ; 3) శరీరం; 4) కాలు; 5) తోక

మరియు ఇప్పుడు అత్యంత ప్రధానక్షణం
చిత్రాలను ఇలా లేయర్‌లుగా (ఏనిమేట్ చేయబడుతుంది - ప్రత్యేక లేయర్‌లో) పంపిణీ చేద్దాం:

మూర్తి 5 - అన్ని చిత్రాలు (ముఖ్యమైన పొరలను ఎరుపు గుర్తు)

ప్రతిదీ, ఇప్పుడు మేము సేవ్ చేస్తాము.
సేవ్ సెట్టింగ్స్ చూద్దాం

మూర్తి 6 - సేవ్ చేయండి

మరియు ఇప్పుడు తదుపరి దశ. దగ్గరగాఅడోబ్ ఇలస్ట్రేటర్ మరియు ఆఫ్టర్ ఎఫెక్ట్స్ తెరవండి.

ఆఫ్టర్ ఎఫెక్ట్స్‌లోకి దిగుమతి చేయండి
ఫైల్ - దిగుమతి - ఫైల్ - మా సేవ్ చేసిన ఫైల్‌ని ఎంచుకోండిచిత్రకారుడు.
ఇలస్ట్రేటర్ నుండి లేయర్‌లను దిగుమతి చేసుకోవడాన్ని ఎంచుకుందాం, మనం ఫుటేజీని ఉంచినట్లయితే, విలీనమైన లేయర్‌లతో కూడిన చిత్రం మనకు లభిస్తుంది, కానీ మనకు ఇది అవసరం లేదు.

మూర్తి 7 - కంపోజిషన్‌గా దిగుమతి చేయండి

అన్నీ దిగుమతి అయ్యాయి.
ఇప్పుడు మన దగ్గర ఏమి ఉందో చూద్దాం. కూర్పుపై డబుల్ క్లిక్ చేయండి , ఏమి తెరవబడుతుంది మరియు మేము పొరలను చూస్తాము (ప్రతిదీ సరిగ్గా జరిగితే, అనేక పొరలు ఉంటాయి). మేము దీన్ని పొందుతాము, చిత్రాన్ని చూడండి

మూర్తి 8 - ఓపెన్ కూర్పు

మరియు ఇప్పుడు మనం ఈ రోజు ఇక్కడ ఉన్నాము - యానిమేషన్.

యానిమేషన్ లో ప్రభావాలు తర్వాత
పాన్ బిహైండ్ టూల్ (షార్ట్‌కట్ - Y)తో పైవట్ పాయింట్‌ని దాని పైభాగంలో ఉన్న బాణం వద్ద సెట్ చేయండి. ఒక పాయింట్ తీసుకొని మీకు కావలసిన చోటికి తరలించండి. ఫలితంగా, ఇది ఇలా ఉంటుంది..

మూర్తి 9 - పాన్ సాధనం మరియు పొరలు

అంతే, ఇప్పుడు యానిమేషన్ కోసం లేయర్‌లకు వెళ్దాం.
మాకు బాణం లేయర్ మరియు హెడ్_క్యాట్ అవసరం.
బాణంతో ప్రారంభిద్దాం.
జాబితాను విస్తరించండి, కనుగొని గడియారంపై క్లిక్ చేయండి. కాబట్టి మేము మొదటి పాయింట్‌ను సున్నా సెకనులో ఉంచాము. మొత్తంగా, యానిమేషన్ 2 సెకన్ల పాటు ఉంటుంది.
కాబట్టి, ఇవి మీరు చేయవలసిన సెట్టింగ్‌లు (మేము మొత్తం 3 పాయింట్లను ఉంచుతాము)

రెండవ	0	1	2
	+66	- 70	+66

ఇది ఇలా కనిపిస్తుంది:

మూర్తి 10 - భ్రమణ బాణం

ఇప్పుడు పిల్లి తలను యానిమేట్ చేద్దాం.
హెడ్_క్యాట్‌ని విస్తరించండి మరియు కనుగొనండి స్థానం.
4 పాయింట్లు ఉంటాయి.
ఇది మిగిలిన వాటిని తాకకుండా చివరి కోఆర్డినేట్‌ను మాత్రమే మారుస్తుంది.

రెండవ	0.1	0.17	1.12	2.0
స్థానం	689.3	729.3	729.3	689.3

చిత్రాన్ని చూద్దాం.

మూర్తి 11 - స్థానం తల

కాబట్టి, యానిమేషన్ సూత్రం ఇలా ఉంది. బాణం పక్క నుండి ప్రక్కకు కదులుతుంది, అది పిల్లి దగ్గరికి వచ్చిన వెంటనే, అది తన తలను తనలోకి లాగుతుంది, ఈ స్థితిలో కొంచెం ఆలస్యమవుతుంది, ఆపై దానిని దాని స్థానానికి తిరిగి ఇస్తుంది.

చివరి దశ

ఉత్పత్తి
మీరు మీ పని నుండి పూర్తి ఉత్పత్తిని సృష్టించాలి.
మెనుకి వెళ్లండి - రెండర్ క్యూకి జోడించండి
రెండర్ ప్యానెల్ తెరుచుకుంటుంది మరియు అవుట్‌పుట్ మాడ్యూల్‌లో (రెండు క్లిక్‌లు) అవుట్‌పుట్ ఆకృతిని ఎంచుకోండి. నేను *.mov తీసుకున్నాను

మూర్తి 12 - రెండర్

RENDER బటన్‌పై క్లిక్ చేసి, ఫలితాన్ని పొందండి (మార్గాన్ని పేర్కొనడం మర్చిపోవద్దు).
అంతే.

Flash (SWF) ఫైల్ ఫార్మాట్ వెక్టార్ గ్రాఫిక్స్‌పై ఆధారపడి ఉంటుంది మరియు వెబ్ కోసం స్కేలబుల్, కాంపాక్ట్ గ్రాఫిక్స్ కోసం ఉద్దేశించబడింది. ఈ ఫైల్ ఫార్మాట్ వెక్టార్ గ్రాఫిక్స్‌పై ఆధారపడి ఉంటుంది కాబట్టి, వస్తువు ఏదైనా రిజల్యూషన్‌లో చిత్ర నాణ్యతను కలిగి ఉంటుంది మరియు యానిమేషన్ ఫ్రేమ్‌లను రూపొందించడానికి అనువైనది. ఇలస్ట్రేటర్‌లో, మీరు లేయర్‌లపై వ్యక్తిగత యానిమేషన్ ఫ్రేమ్‌లను సృష్టించవచ్చు మరియు వెబ్‌సైట్‌లో ఉపయోగం కోసం ఇమేజ్ లేయర్‌లను వ్యక్తిగత ఫ్రేమ్‌లుగా ఎగుమతి చేయవచ్చు. మీరు కూడా నిర్వచించవచ్చు చిహ్నాలుయానిమేషన్ పరిమాణాన్ని తగ్గించడానికి ఇలస్ట్రేటర్ ఫైల్‌లో. ఎగుమతి చేసినప్పుడు, ప్రతి గుర్తు SWF ఫైల్‌లో ఒక్కసారి మాత్రమే నిర్వచించబడుతుంది.

ఎగుమతి కమాండ్ (SWF)

యానిమేషన్ మరియు బిట్ కంప్రెషన్‌పై అత్యంత నియంత్రణను అందిస్తుంది.

ఫ్రాగ్మెంటెడ్ లేఅవుట్‌లో SWF మరియు బిట్‌మ్యాప్ ఫార్మాట్‌ల మిశ్రమంపై మరింత నియంత్రణను అందిస్తుంది. ఈ కమాండ్ ఎగుమతి (SWF) కమాండ్ కంటే తక్కువ ఇమేజ్ ఎంపికలను అందిస్తుంది, కానీ ఇటీవల ఉపయోగించిన ఎగుమతి కమాండ్ ఎంపికలను ఉపయోగిస్తుంది (చూడండి).

SWFగా సేవ్ చేయడానికి వస్తువును సిద్ధం చేస్తున్నప్పుడు క్రింది మార్గదర్శకాలను గుర్తుంచుకోండి.

డివైస్ సెంట్రల్‌తో, వివిధ హ్యాండ్‌హెల్డ్ పరికరాలలో ఫ్లాష్ ప్లేయర్‌లో ఇలస్ట్రేటర్ ఆర్ట్‌వర్క్ ఎలా కనిపిస్తుందో మీరు చూడవచ్చు.

ఇలస్ట్రేటర్ గ్రాఫిక్‌ని చొప్పించడం

ఇలస్ట్రేటర్‌లో సృష్టించబడిన గ్రాఫిక్ ఆబ్జెక్ట్‌ను త్వరగా, సులభంగా మరియు సులభంగా కాపీ చేసి ఫ్లాష్ అప్లికేషన్‌లో అతికించవచ్చు.

మీరు ఫ్లాష్ అప్లికేషన్‌లో ఇలస్ట్రేటర్ గ్రాఫిక్‌ని అతికించినప్పుడు, కింది లక్షణాలు భద్రపరచబడతాయి.

ఆకృతులు మరియు ఆకారాలు

• స్ట్రోక్ మందం

  ప్రవణతల నిర్వచనాలు

  టెక్స్ట్ (ఓపెన్ టైప్ ఫాంట్‌లతో సహా)

  సంబంధిత చిత్రాలు

• బ్లెండ్ మోడ్‌లు

అదనంగా, చిత్రకారుడు మరియు ఫ్లాష్ గ్రాఫిక్‌ను అతికించేటప్పుడు క్రింది లక్షణాలకు మద్దతు ఇస్తాయి.

ఇలస్ట్రేటర్ ఆర్ట్‌వర్క్‌లో మొత్తం టాప్-లెవల్ లేయర్‌లను ఎంచుకుని, వాటిని ఫ్లాష్‌లో అతికించడం వల్ల లేయర్‌లు మరియు వాటి లక్షణాలు (విజిబిలిటీ మరియు బ్లాకింగ్) సంరక్షించబడతాయి.

RGB (CMYK, గ్రేస్కేల్ మరియు కస్టమ్ ఫార్మాట్‌లు) కాకుండా ఇతర ఇలస్ట్రేటర్ కలర్ ఫార్మాట్‌లు ఫ్లాష్ ద్వారా RGBకి మార్చబడతాయి. RGB రంగులు సాధారణ మార్గంలో చొప్పించబడతాయి.

మీరు ఇలస్ట్రేటర్ ఆర్ట్‌వర్క్‌ను దిగుమతి చేసినప్పుడు లేదా అతికించినప్పుడు, మీరు ఫ్లాష్ ఫిల్టర్‌ల వలె నిర్దిష్ట ప్రభావాలను (టెక్స్ట్ ద్వారా తారాగణం చేయడం వంటివి) సేవ్ చేయడానికి వివిధ ఎంపికలను ఉపయోగించవచ్చు.

ఫ్లాష్ ఇలస్ట్రేటర్ మాస్క్‌లను సేవ్ చేస్తుంది.

ఇలస్ట్రేటర్ నుండి SWF ఫైల్‌లను ఎగుమతి చేయండి

ఇలస్ట్రేటర్ నుండి ఎగుమతి చేయబడిన SWF ఫైల్‌లు Flash నుండి ఎగుమతి చేయబడిన SWF ఫైల్‌ల మాదిరిగానే నాణ్యత మరియు కుదింపుతో ఉంటాయి.

మీరు ఎగుమతి చేసినప్పుడు, మీరు సరైన అవుట్‌పుట్ కోసం వివిధ రకాల ముందే నిర్వచించిన స్టైల్‌ల నుండి ఎంచుకోవచ్చు మరియు మీరు బహుళ ఆర్ట్‌బోర్డ్‌లను ఎలా ఉపయోగించాలనుకుంటున్నారు, చిహ్నాలు, లేయర్‌లు, టెక్స్ట్ మరియు మాస్క్‌లు ఎలా మార్చబడతాయో పేర్కొనవచ్చు. ఉదాహరణకు, మీరు ఇలస్ట్రేటర్ చిహ్నాలను చలనచిత్రాలు లేదా గ్రాఫిక్‌లుగా ఎగుమతి చేయడానికి ఎంచుకోవచ్చు మరియు ఇలస్ట్రేటర్ లేయర్‌ల నుండి SWF చిహ్నాలను సృష్టించవచ్చు.

ఇలస్ట్రేటర్ ఫైల్‌లను ఫ్లాష్ అప్లికేషన్‌లోకి దిగుమతి చేస్తోంది

ఇలస్ట్రేటర్‌లో పూర్తి లేఅవుట్‌ను సృష్టించి, ఆపై ఒక దశలో ఫ్లాష్‌లోకి దిగుమతి చేయడానికి, మీరు మీ కళాకృతిని ఇలస్ట్రేటర్ స్థానిక (AI) ఫార్మాట్‌లో సేవ్ చేయవచ్చు మరియు ఫైల్ > వర్క్‌స్పేస్ ఆదేశాలకు దిగుమతి చేయండి. ఏరియా" లేదా "ని ఉపయోగించి అధిక విశ్వసనీయతతో ఫ్లాష్‌లోకి దిగుమతి చేసుకోవచ్చు. ఫైల్" > "లైబ్రరీకి దిగుమతి".

ఇలస్ట్రేటర్ ఫైల్ బహుళ ఆర్ట్‌బోర్డ్‌లను కలిగి ఉన్నట్లయితే, ఫ్లాష్ దిగుమతి డైలాగ్ బాక్స్ నుండి దిగుమతి చేయడానికి ఆర్ట్‌బోర్డ్‌ను ఎంచుకోండి మరియు ఆ ఆర్ట్‌బోర్డ్‌లోని ప్రతి లేయర్‌కు సెట్టింగ్‌లను పేర్కొనండి. ఎంచుకున్న ఆర్ట్‌బోర్డ్‌లోని అన్ని వస్తువులు ఒకే లేయర్‌గా ఫ్లాష్‌లోకి దిగుమతి చేయబడతాయి. మీరు అదే AI ఫైల్ నుండి మరొక ఆర్ట్‌బోర్డ్‌ను దిగుమతి చేసినప్పుడు, ఆ ఆర్ట్‌బోర్డ్ నుండి వస్తువులు కొత్త లేయర్‌గా ఫ్లాష్‌లోకి దిగుమతి చేయబడతాయి.

మీరు ఇలస్ట్రేటర్ ఆర్ట్‌వర్క్‌ను AI, EPS లేదా PDF ఫైల్‌లుగా దిగుమతి చేసినప్పుడు, మీరు ఇలస్ట్రేటర్ ఆర్ట్‌వర్క్‌ను అతికించినప్పుడు అదే లక్షణాలను Flash కలిగి ఉంటుంది. అలాగే, మీరు దిగుమతి చేస్తున్న ఇలస్ట్రేటర్ ఫైల్ లేయర్‌లను కలిగి ఉంటే, మీరు వాటిని క్రింది పద్ధతుల్లో ఒకదానిని ఉపయోగించి దిగుమతి చేసుకోవచ్చు.

ఇలస్ట్రేటర్ లేయర్‌లను ఫ్లాష్ లేయర్‌లుగా మార్చండి.

ఇలస్ట్రేటర్ లేయర్‌లను ఫ్లాష్ ఫ్రేమ్‌లుగా మార్చండి.

అన్ని ఇలస్ట్రేటర్ లేయర్‌లను ఒక ఫ్లాష్ లేయర్‌గా మార్చండి.

మీరు యానిమేషన్‌తో జీవం పోయాలనుకుంటున్న ఒకటి లేదా రెండు చిహ్నాలను కలిగి ఉన్నారు. మీరు ఎక్కడ ప్రారంభిస్తారు? మీ వద్ద SVG ఫైల్‌లు, ఇలస్ట్రేటర్ CC మరియు ఆఫ్టర్ ఎఫెక్ట్స్ CC ఉన్నాయని అనుకుందాం, కానీ పరిష్కారం మిమ్మల్ని తప్పించింది.

ఈ కథనంలో, Illustratorలో SVG ఫైల్‌ను సిద్ధం చేయడం మరియు ఆఫ్టర్ ఎఫెక్ట్స్ CCకి దిగుమతి చేయడంతో సహా SVG ఫైల్‌ను సులభంగా యానిమేట్ చేయడం ఎలాగో నేను మీకు చూపించబోతున్నాను. మీరు దీన్ని షేప్ లేయర్‌లుగా మార్చడం మరియు కదలికను ఎలా జోడించవచ్చో కూడా నేను వివరిస్తాను. చివరగా, ఎగుమతి మరియు రెండరింగ్ గురించి మాట్లాడుకుందాం.

పని యొక్క తుది ఫలితం.

ఇప్పుడు అత్యంత ఆసక్తికరమైన భాగానికి వెళ్దాం - చిత్రాలను ఎలా యానిమేట్ చేయాలో తెలుసుకోండి.

ఇలస్ట్రేటర్‌లో SVG ఫైల్‌ను సిద్ధం చేస్తోంది

Adobe Illustrator CCలో మీ SVG ఫైల్‌ని తెరవడం ద్వారా ప్రారంభిద్దాం. నేను వీక్ ఆఫ్ ఐకాన్‌లలో ఉచితంగా లభించే చిన్న కారు చిహ్నాన్ని యానిమేట్ చేస్తాను.

ఫైల్‌ను తెరిచిన తర్వాత, మనం సమూహాన్ని తీసివేయాలి మరియు అన్ని వస్తువులను లేయర్‌లుగా విభజించాలి. మీరు దీన్ని మాన్యువల్‌గా చేయవచ్చు లేదా ఉపయోగించవచ్చు లేయర్‌లకు విడుదల (క్రమం)ప్రక్రియను వేగవంతం చేయడానికి. మేము ఫైల్‌ను ఆఫ్టర్ ఎఫెక్ట్స్‌లోకి దిగుమతి చేసే ముందు, మేము దానిని ఇలస్ట్రేటర్ ఫైల్ ఫార్మాట్‌గా సేవ్ చేయాలి.

విలువైన సమయాన్ని వృథా చేయకుండా ఉండేందుకు, లేయర్‌లకు విడుదల (సీక్వెన్స్)ని ఉపయోగించి మనం వస్తువులను అన్‌గ్రూప్ చేయవచ్చు.

ఆఫ్టర్ ఎఫెక్ట్స్ CCలో ఫైల్‌ను దిగుమతి చేయడం మరియు నిర్వహించడం

మీరు ఇప్పుడు ఆఫ్టర్ ఎఫెక్ట్స్ CCకి దిగుమతి చేసుకోవడానికి సిద్ధంగా ఉన్నారు. కీబోర్డ్ సత్వరమార్గాన్ని ఉపయోగిస్తాము Ctrl+I (Windows)లేదా కమాండ్+I (Mac)డైలాగ్ బాక్స్‌ను లోడ్ చేయడానికి దిగుమతి ఫైల్, లేదా వెళ్ళండి ఫైల్ > దిగుమతి > ఫైల్…అదే స్థలంలో, మేము సిద్ధం చేసిన ఇలస్ట్రేటర్ CC ఫైల్‌ను ఎంచుకుని, క్లిక్ చేయండి దిగుమతి.ఎంచుకున్న ఫైల్ పేరుతో ఒక చిన్న డైలాగ్ బాక్స్ కనిపించాలి. ఎంచుకోండి కూర్పుఅనే డ్రాప్ డౌన్ జాబితా నుండి దిగుమతి రకం.

ఫైల్‌ను దిగుమతి చేయడానికి వేగవంతమైన మార్గం ప్రాజెక్ట్ ప్యానెల్‌లోని కాలమ్ లొకేషన్‌పై డబుల్ క్లిక్ చేయడం.

టైమ్‌లైన్ ప్యానెల్‌లో, మేము కొత్త కూర్పును చూస్తాము. మేము దానిపై డబుల్ క్లిక్ చేస్తాము. ఇప్పుడు మనం ఇలస్ట్రేటర్ CC లేయర్‌లను వాటి పేర్లకు ఎడమ వైపున నారింజ రంగు చిహ్నాలతో చూడాలి.

మేము వ్యాపారానికి దిగడానికి ముందు, మేము ఈ లేయర్‌లన్నింటినీ మార్చాలి ఆకారం పొరలు. మనం వాటన్నింటినీ ఎంచుకోవాలి Ctrl+A/కమాండ్+A, లేదా మానవీయంగా ఉపయోగించడం Shift + ఎడమ మౌస్. ఆ తర్వాత లేయర్‌పై కుడి క్లిక్ చేసి ఎంచుకోండి వెక్టర్ లేయర్ నుండి ఆకారాలను సృష్టించండి > సృష్టించండి.

ఇప్పుడు కొత్త లేయర్‌లు ఎంపిక చేయబడ్డాయి, వాటిని ఇలస్ట్రేటర్ CC లేయర్‌ల పైన ఉన్న ప్యానెల్ పైకి లాగి, ఆపై ఇలస్ట్రేటర్ CC లేయర్‌లను తొలగించండి, తద్వారా అవి దారిలోకి రావు.

ఇలస్ట్రేటర్ CC లేయర్‌లను ఆఫ్టర్ ఎఫెక్ట్స్ CCలో షేప్ లేయర్‌లుగా మారుస్తోంది

అవసరం లేకపోయినా, ప్రతి లేయర్‌కు తగిన పేరు మరియు/లేదా రంగును ఇవ్వడం ముఖ్యం. ఇది మేము కీఫ్రేమ్‌లపై దృష్టి కేంద్రీకరించడం వలన మరింత సమర్థవంతంగా పని చేయడానికి అనుమతిస్తుంది. దిగువ ఉదాహరణలో, లేబుల్ రంగులు వాటి సంబంధిత లేయర్‌ల పూరకాలతో ఎక్కువ లేదా తక్కువ సరిపోతాయి.

తగిన పేర్లు, రంగులు, లేబుల్‌లు మరియు స్థానాలతో షేప్ లేయర్‌లను లేబులింగ్ చేయడం చాలా ఆచరణాత్మకమైనది.

సెట్టింగ్‌లను కాన్ఫిగర్ చేయడానికి కీబోర్డ్ సత్వరమార్గాన్ని ఉపయోగించండి Ctrl+K/కమాండ్+Kలేదా కంపోజిషన్ > కంపోజిషన్ సెట్టింగ్‌లు...కంపోజిషన్ సెట్టింగ్‌ల నుండి, వెడల్పు, ఎత్తు, ఫ్రేమ్ రేట్ మరియు వ్యవధి కోసం మనం వెడల్పు, ఎత్తు, ఫ్రేమ్ రేట్ మరియు వ్యవధిని ఎంచుకోవాలి. ఈ ప్రాజెక్ట్ కోసం, యానిమేషన్‌ను సజావుగా ఉంచడానికి నేను 60 fpsని ఎంచుకున్నాను.

ఈ సమయంలో, ప్రతిదీ సిద్ధంగా ఉన్నట్లు అనిపిస్తుంది, కానీ చేయవలసినది మరొకటి ఉంది. మేము కొన్ని లేయర్‌లను సమూహపరచాలి, తద్వారా వాటి కదలికలు మనం నియంత్రించగల ప్రధాన లేయర్‌తో సమకాలీకరించబడతాయి. ఈ పద్ధతి అంటారు సంతాన సాఫల్యం.

బహుళ లేయర్‌లకు పేరెంట్ లేయర్‌ని కేటాయించడానికి పిక్ విప్‌ని ఉపయోగించండి.

మా ఉదాహరణలో, నేను విండ్‌షీల్డ్, శరీర భాగాలు, కలప మరియు తాళ్లు వంటి తక్కువ ముఖ్యమైన లేయర్‌లను (చైల్డ్ లేయర్‌లు) ప్రైమరీ బాడీ లేయర్‌కి (పేరెంట్ లేయర్) కేటాయించాను. ఇది పేరెంట్ లేయర్‌ని ఉపయోగించి మొత్తం కారు (చక్రాలు మినహా) స్థానం మరియు భ్రమణాన్ని నియంత్రించడానికి నన్ను అనుమతించింది.

యానిమేషన్ సృష్టి

కారు ఒక రాయిని ఢీకొట్టి, గాలిలో కొంచెం సేపు వేలాడదీయాలని నేను కోరుకున్నాను. చెట్టు పైకి క్రిందికి కదలాలని మరియు ట్రంక్ తెరవాలని నేను కూడా కోరుకున్నాను. నేను రాయి, కారు మరియు చక్రాలను నిర్మించడం ద్వారా ప్రారంభించాను. అప్పుడు అతిపెద్ద అడ్డంకిని అధిగమించే సమయం వచ్చింది - చెట్టుపై చర్యను ఉంచడం. అది పూర్తయిన తర్వాత, నేను రాక్ మరియు తాడులు వంటి చిన్న వివరాలపై పని చేసాను.

యానిమేషన్‌ను వివరించే స్కెచ్

మొదటి దశ రాక్ ఎలిమెంట్ లేదా లేయర్‌ను తయారు చేయడం, కానీ మరొక లేయర్‌ని జోడించడానికి ఇలస్ట్రేటర్ CCకి తిరిగి వెళ్లడానికి బదులుగా, నేను ఆఫ్టర్ ఎఫెక్ట్స్ CCలో పెన్ టూల్‌ని ఉపయోగించాను. ఇది త్వరగా ఒక చిన్న రాయిని రూపొందించడానికి నన్ను అనుమతించింది.

ఓహ్, శక్తివంతమైన పెన్ టూల్!

ట్రంక్ చాలా సులభమైన పని. నేను దానిని కారు వెనుక భాగంలో ఇన్‌స్టాల్ చేసాను మరియు దిగువ ఎడమ శీర్షంలో యాంకర్ పాయింట్ చేసాను. పిక్ విప్ ఉపయోగించి, నేను దానిని శరీరం యొక్క పేరెంట్ లేయర్‌కి కేటాయించాను. భ్రమణం యొక్క ప్రభావాన్ని అందించడం చివరి దశ, ఇది కారు యొక్క బౌన్స్ క్షణాన్ని మరింత వాస్తవికంగా మార్చింది.Lottie మొబైల్ లైబ్రరీతో కలిపి Bodymovin.

పి.ఎస్.మీరు నా ఇలస్ట్రేటర్ CC మరియు ఆఫ్టర్ ఎఫెక్ట్స్ CC ఫైల్‌లను కనుగొనవచ్చు.

చిహ్నం సెట్ ఉచితంగా డౌన్‌లోడ్ చేసుకోవడానికి అందుబాటులో ఉంది.

Adobe Illustratorలో పారదర్శక GIF క్రింది విధంగా చేయబడుతుంది. మెను ఫైల్‌కి వెళ్లండి > వెబ్ & పరికరాల కోసం సేవ్ చేయండి (Alt+Ctrl+Shift+S). తెరిచే విండోలో, ఆప్టిమైజ్ చేసిన ఫైల్ ఫార్మాట్ ఫీల్డ్‌లో, మీరు మొదట ట్యాబ్‌కు వెళ్లాలి చిత్ర పరిమాణం(చిత్ర పరిమాణం). వాస్తవం ఏమిటంటే, మొత్తం పేజీ డిఫాల్ట్‌గా ఆప్టిమైజేషన్ విండోలోకి వస్తుంది మరియు ఇది సాధారణంగా అవసరం లేదు. కాబట్టి, ఇమేజ్ సైజు ట్యాబ్‌లో, చెక్‌బాక్స్ ఎంపికను తీసివేయండి ఆర్ట్‌బోర్డ్‌కు క్లిప్ చేయండి(పేజీకి సరిపోయేలా కత్తిరించండి) మరియు వర్తించు బటన్‌ను క్లిక్ చేయండి.

ఆపై, ఫార్మాట్ ఎంపిక జాబితాలో, GIFని ఎంచుకుని, పారదర్శకత చెక్‌బాక్స్‌ని తనిఖీ చేయండి.

ఆ తరువాత, ఏ రంగులు పారదర్శకంగా ఉంటాయో మేము నిర్ణయిస్తాము. చిత్రంలో ఉన్న అన్ని రంగులు ట్యాబ్‌లో ఉంటాయి రంగు పట్టిక(రంగు చార్ట్) మరియు రంగు చతురస్రాలుగా ప్రదర్శించబడతాయి. విండో యొక్క ఎడమ వైపున ఉన్న టూల్‌బార్ నుండి సాధనాన్ని ఎంచుకోండి కంటిచూపు(పైపెట్).

రంగులను రెండు విధాలుగా నిర్వచించవచ్చు. చిత్రంపై నేరుగా ఐడ్రాపర్‌తో రంగును పేర్కొనడం సులభమయిన మార్గం - ఆ తర్వాత రంగు డార్క్ స్ట్రోక్‌తో కలర్ టేబుల్‌పై హైలైట్ చేయబడుతుంది. సరే, ఏ రంగు పారదర్శకంగా ఉండాలో మీకు ఖచ్చితంగా తెలిస్తే, సంబంధిత రంగు పెట్టెను క్లిక్ చేయడం ద్వారా మీరు నేరుగా రంగు పట్టికలో దాన్ని ఎంచుకోవచ్చు. మరియు మొదటి మరియు రెండవ సందర్భాలలో, మీరు అనేక రంగులను ఎంచుకోవాల్సిన అవసరం ఉంటే, మీరు Shift (లేదా Ctrl) కీని నొక్కినప్పుడు పని చేయాలి. రంగును ఎంచుకున్న తర్వాత, దానిని పారదర్శకంగా చేయడానికి మీరు ప్రోగ్రామ్‌ను సూచించాలి. దీన్ని చేయడానికి, చిహ్నంపై క్లిక్ చేయండి మ్యాప్‌లు పారదర్శకంగా రంగులను ఎంచుకున్నాయి(పారదర్శకతకు ఎంచుకున్న రంగులను జోడించండి). చిత్రంలో, ఈ బటన్ సర్కిల్ చేయబడింది మరియు ఎరుపు రంగు పారదర్శకంగా సెట్ చేయబడింది. చిత్రంపై పారదర్శక ప్రాంతం కనిపిస్తుంది, మరియు రంగు పట్టికలోని చతురస్రం దాని రూపాన్ని మారుస్తుంది - దానిలో కొంత భాగం తెల్లని త్రిభుజం అవుతుంది. ఎంచుకున్న రంగును రద్దు చేయడానికి, మీరు దానిని రంగు పట్టికలో ఎంచుకోవాలి, ఆపై మ్యాప్స్ ఎంచుకున్న రంగులను పారదర్శకంగా మార్చడానికి మళ్లీ క్లిక్ చేయండి.

పారదర్శకతను సెట్ చేసే పద్ధతి గురించి కొన్ని మాటలు. డ్రాప్‌డౌన్ మెను దీనికి బాధ్యత వహిస్తుంది. పారదర్శకత డైథర్ అల్గోరిథంను పేర్కొనండి, రష్యన్ భాషలో - పారదర్శకత అనుకరణ అల్గోరిథం (అత్తి. క్రింద). నాలుగు ఎంపికలు ఉన్నాయి: నో ట్రాన్స్‌పరెన్సీ డైథర్ - అల్గోరిథం లేదు, డిఫ్యూజన్ ట్రాన్స్‌పరెన్సీ డైథర్ - డిఫ్యూజ్ అల్గోరిథం, ప్యాటర్న్ ట్రాన్స్‌పరెన్సీ డైథర్ - ప్యాటర్న్ ఆధారిత అల్గారిథమ్ మరియు నాయిస్ ట్రాన్స్‌పరెన్సీ డైథర్ - నాయిస్ ఆధారిత అల్గారిథమ్. డిఫ్యూజ్ అల్గోరిథం మోడ్‌లో, స్లయిడర్ సక్రియం అవుతుంది మొత్తం(మొత్తం) మీరు వ్యాప్తి విలువను మార్చడానికి అనుమతిస్తుంది. ఆచరణలో ఏమి దరఖాస్తు చేయాలి? ప్రయోజనం మరియు చిత్రంపై ఆధారపడి ఉంటుంది. నేను ఈ ఎంపికను ఉపయోగించను మరియు ఎల్లప్పుడూ డిఫాల్ట్‌గా వదిలివేస్తాను - పారదర్శకత లేదు.

సేవ్ నొక్కండి - పారదర్శక GIF సిద్ధంగా ఉంది. పని Adobe Illustrator వెర్షన్ CS4 (v.14)లో జరిగింది, అయితే అన్ని చర్యలు మరియు కీబోర్డ్ సత్వరమార్గాలు మునుపటి సంస్కరణ CS3 (v. 13)కి సంబంధించినవి.