Photoshop වලින් animated Gif එකක් හදන විදිය මම අද කතා කරන්න යන්නේ. ඔයලටත් තමන්ගේ වෙබ් සයිට් එකට button එකක්, එළකිරියට ඇවටර් එකක් මේ ක්රමයට හදාගන්න පුලුවන්
මම දැන් හදන්න යන්නේ මේ Image 1ka එක
කතා ඇති.. හරි අපි වැඩේ පටන් ගමු !!!
1. මුලින්ම වැඩේ පටාන් ගන්න අපි අලුතින් කැන්වර්ස් එකක් ගමු ( සිංහලෙන්නම් අලුත් පිටුවක්) ඒක ගන්නේ මෙහෙමයි.
File --> New
ඒක ක්ලික් කරාම මෙන්න මෙව්වගෙ එකක් එනවා
මම ගන්න පිටුවේ දිග පික්සල් 500 පලල පික්සල් 500. background contents එකTransparent සිලෙක්ට් කරලා ok කරන්න
මෙන්න මේ වගේ පිටුවක් අනිවා එන්න ඔනේ. අවෙ නැත්නම් ඒවගේ එකක් එනකන් කලින් ටිකම කරන්න
2. දැන් අපි පෙට්ටියක් අදින්න යන්නේ. පෙට්ටි, රවුම්, ඉරි, හැඩතල අදින්නෙ මෙන්න මේ පහල පේන ටූල් එකෙන්, ඒ එක උඩ click කරන් හිට්යම අර වගෙ drop down මෙනු එක එනවා. මම මේ වැඩේට ගන්නේ Rounded Rectangle එකක්. ඉතින් ඒක කරලා අපි ගත්ත පිටුව උඩට ගිහින් left mouse click එක ඔබාගෙන අදින්න ඕනේ
මෙන්න මම ඇදගත්තා
3. දැන් පහල පික් එකේ පෙන්නන විදියට FX එක click කරලා Blending Options සිලෙක්ට් කරන්න
ඒකෙ තියෙන Gradient Overlay සිලෙක්ට් කරලා. අර පේන Gradient කියල ත්යෙන එකේ වර්ණ තීරුව උඩින් කරන්න
දැන් මේ කියන ටික ඒකට දෙන්න. වම් පැත්තේ Color Stop එකට කලු පාට දෙන්න (ඔය පොඩි කොටුව උඩ click කරාම පාට මාරුකරන්න පුලුවන්) දකුනු පැත්තේ Color එකට අලු පාට දෙන්න ( අලු පාටේ color code එක #808080) දීල ඒ අලුපාට color stop එක 50% location එකට ගේන්න. ගෙනත් ok කරන්න
දැන් මේවගේ වෙයි ඔයගෙ පෙට්ටිය
දැන් Blending Options වලම Inner Glow select කරලා මේ පින්තූරෙ තියෙන කරුනු ට්ක ඒකට අතුලත් කරන්න
දැන් Blending Options වලම Stroke select කරලා මේ පින්තූරෙ තියෙන කරුනු ට්ක ඒකට අතුලත් කරන්න ( අලු පාටේ color code එක #808080)
දැන් ආයේ Blending Options වලම Drop shadow select කරලා මේ පින්තූරෙ තියෙන කරුනු ට්ක ඒකත් අතුලත් කරන්න
දැන් ඔයාගෙ පින්තුරේ මේවගේ තියෙන්න ඔනේ. එහෙම නැත්නම් කොහේ හරි අවුලක් ඇති අයෙ check කරන්න
* දැන් text එක ලියමු ලියන්නේ මේ tool එකෙන්. tool එක click කරලා අපේ layer එක උඩට ගිහින් box එකක් ඇදගන්න. ඇදගෙන එක උඩ type කරන්න.
text tool 1ka
මෙන්න මම ලිව්වා
ඊට පස්සෙ මම කලින් කලා වගේ FX click කරල Gradient Overlay ගිහින්, අයේ අර වර්ණ තීරුව උඩ කරලා. ඒකෙ Presets වල උඩම පේලියේ අන්තිම එක කරලා. OK කරන්න
එහෙම කලාට පස්සේ මෙහෙම වෙයි ඔය ටයිප් කරපු එක
දැන් අපි පොඩි වෙලාවකට අපි ලියපු text එක ටිකක් අයින් කරමු. ඒක කරන්නේ මෙන්න මෙහෙමයි. ඔය යට එකේ තියෙනව නේද ඇහැක් ? එක උඩ ක්ලික් කරන්න පුලුවන්. දැන් ඒක උඩ ක්ලික් කරන්න. කරල ඒක නැති කරන්න.
මෙන්න බොලේ නැති වෙලා
දැන් අපිට එළකිරියේ අර පින්තූරේ ඔනේ... හද හද ඉන්න වෙලා වක් නැ අය්යො. මේන්න තියෙනවා බාගන්න
ඕක හදපු එකාට තැන්කිව් කිව්වා
හරි දැන් ඒ පින්තූරේ බාගෙන Photoshop walin open කරගන්න. open කරන්නේ File --> Open (shortcuts Ctrl + O ) ගිහින් image 1ka බාපු ප්ලේස් එකට ගිහින් බාපු image එක සිලෙක්ට් කරල Open karaganna
මම කරා මේ
ඊට පස්සෙ keyBoard එකේ V press කරලා අපේ මේ එළකිරි.කොම් image එක උස්සන් ගිහින්. අපේ අර කලින් image එක උඩ අත හරින්න
කලින් කලා වගෙ අර ඇහැ ඔබලා ඒකත් නැති කරගන්න
4. ඊටත් පස්සේ අපිට තව බඩ්ඩක් හදන්න තියෙනවා. ඒකට අපිට තව layer 1ක් ඔනේ ඒකගන්නේ මේක icon 1ka ඔබලා ( මතක තියගන්න ඒක ක්ලික් කරන්න ඔනේ අපේ අර එළකිරි image එකා select වෙල තියන කොට [ මගේ එළකිරි image 1කේ නම layer 1න් පික් එක බලන්න] )
මෙන්න ආවා
හරි දැන් ඒ layer එකේ, අපි කලින් ඇන්දා වගෙ සුදු පාට Rounded Rectangle එකක් ඇදගන්න මේ වගේ
අයේ අර FX ක්ලික් කරලා Blending Options ---> Advanced blending යටතේ තියෙන "Blend Interior Effects as Group" එක click කරන්න. Blend mode 1ක screen දෙන්න Opacity 1ක 90% දෙන්න ( Image 1කෙ 100% තියෙන්නෙ එක 90% කරගන්න)
දැන් මේ කියන ටික ඒකට දෙන්න. දකුනු පැත්තේ Color Stop එකට සුදු පාට දෙන්න (ඔය පොඩි කොටුව උඩ click කරාම පාට මාරුකරන්න පුලුවන්) වම් පැත්තේ Color එකට අලු පාට දෙන්න ( අලු පාටේ color code එක #404040) දීල ඒ අලුපාට color stop එක 25% location එකට ගේන්න. ගෙනත් ok කරන්න
හදලා ඔකේ කරන්න ඉට පස්සේ මේවගෙ තමයි output එක....
5. දැන් තමයි අපි Animation දාන්න පටාන් ගන්නේ
මේ තියෙන්නේ Animation tool bar 1ක
ඔය පහල පෙන්නන එක ක්ලික් කරන්න එතකොට අරකෙ කොපුවක්.. නෑ කොපියක් ඒයි. මෙන්න මේ වගේ.. ඔය 2 කියල තියෙන්නේ
අපි කලින් කලින් නැතිකරපු ඇහැ මතකද ? අපි ඇස් 2කක් නැතිකරා මතකද ? අර ලියපු Text එකයි, එළකිරි.කොම් Image එකයි. ඒකෙන් දැන් එළකිරි.කොම් එකේ ඇහැ ආයේ ගන්න එතකොට පේන්නේ මෙහෙමයි
දැන් Image 1ක තියෙන layer 1ක select කරලා අර තියෙන Opacity 1ක 0 කරන්න. එතකොට කලින් වගෙම Image 1ක නැතිවෙලා යයි
ඊට පස්සේ කලින් වගෙම new layer 1ක් අරගෙන අයේ එළකිරි.කොම් එකේ opacity 1ක 25%ක් කරන්න
දැන් කලින් කරපු ටිකම (new layerගත්තා, opacity මාරු කරා ) කරන්න පහල image තියෙන විදියට වෙනස් කර කර
අයේ ඒටිකම කරන්න අපි ලිව්ව text එකටත් ( මතක තියා ගන්න text 1ක අරවගේ හදනකොට එළකිරි.කොම් image 1කේ ඇහැ අයේ නැතිකරන්න
ඊට පස්සේ අපි හදපු ඒ layers 18ම select කරන්න ( කරන්න ලේසි ක්රමය 1 වෙනි layer 1ක select කරලා Shift button (keyboard) ඔබගෙන 18 වෙනි layer 1ක ක්ලික් කරන්න ඊට පස්සෙ පේනවා නේද වෙලාවක් ඒක 0.1 sec හරි 0.2sec හරි දෙන්න. දීලා පහල තියෙන play එක ක්ලික් කරල බලන්න. අපි හදපු 1ක වැඩ කරනවද කියල
හරි අපේ වැඩේ ඉවරයි. play කලාම වැඩ නේ ?. දැන් තියෙන්නේ save කරන්න ඒක කරන්නෙ මෙහෙමයි
File --> save for web & device..
ඔය රවුම් කරලා තියෙන 2ක ඒ විදියට මාරු කරලා "save" button 1ka click කරන්න
ඊට පස්සේ file name 1ක ගැහැව්වා save කරා
මේක මම කොහින්වත් උස්සපු 1කක් නම් නෙමෙයි. පැය 4 විතර ගියා වැඩේට.මමමයි ලිව්වේ මමමයි screenshot ගැහැව්වෙ. මම හිතනවා ඔයාලට ප්රයෝජනයක් වෙයි කියලා හිතනවා. ඔයාලට කැමති එකෙන් හදන්න පුලුවන්. මතක තියගන්න ඔයල එළකිරි එකේ avatar එකට දානවනම් 90px x 90px size. 19.75kb ට අඩුවෙන් හදන්න ඔනේ. ඔන්න මම අහෙනම් කැපුනා
P.S වැඩේ කොයි හරි අවුලක් තියෙනවනම්. මට PM 1ක් දාන්න. පුලුවන් ඉක්මනට මම reply කරන්නම්.
මම දැන් හදන්න යන්නේ මේ Image 1ka එක
කතා ඇති.. හරි අපි වැඩේ පටන් ගමු !!!
1. මුලින්ම වැඩේ පටාන් ගන්න අපි අලුතින් කැන්වර්ස් එකක් ගමු ( සිංහලෙන්නම් අලුත් පිටුවක්) ඒක ගන්නේ මෙහෙමයි.
File --> New
ඒක ක්ලික් කරාම මෙන්න මෙව්වගෙ එකක් එනවා
මම ගන්න පිටුවේ දිග පික්සල් 500 පලල පික්සල් 500. background contents එකTransparent සිලෙක්ට් කරලා ok කරන්න
මෙන්න මේ වගේ පිටුවක් අනිවා එන්න ඔනේ. අවෙ නැත්නම් ඒවගේ එකක් එනකන් කලින් ටිකම කරන්න
2. දැන් අපි පෙට්ටියක් අදින්න යන්නේ. පෙට්ටි, රවුම්, ඉරි, හැඩතල අදින්නෙ මෙන්න මේ පහල පේන ටූල් එකෙන්, ඒ එක උඩ click කරන් හිට්යම අර වගෙ drop down මෙනු එක එනවා. මම මේ වැඩේට ගන්නේ Rounded Rectangle එකක්. ඉතින් ඒක කරලා අපි ගත්ත පිටුව උඩට ගිහින් left mouse click එක ඔබාගෙන අදින්න ඕනේ
මෙන්න මම ඇදගත්තා
3. දැන් පහල පික් එකේ පෙන්නන විදියට FX එක click කරලා Blending Options සිලෙක්ට් කරන්න
ඒකෙ තියෙන Gradient Overlay සිලෙක්ට් කරලා. අර පේන Gradient කියල ත්යෙන එකේ වර්ණ තීරුව උඩින් කරන්න
දැන් මේ කියන ටික ඒකට දෙන්න. වම් පැත්තේ Color Stop එකට කලු පාට දෙන්න (ඔය පොඩි කොටුව උඩ click කරාම පාට මාරුකරන්න පුලුවන්) දකුනු පැත්තේ Color එකට අලු පාට දෙන්න ( අලු පාටේ color code එක #808080) දීල ඒ අලුපාට color stop එක 50% location එකට ගේන්න. ගෙනත් ok කරන්න
දැන් මේවගේ වෙයි ඔයගෙ පෙට්ටිය
දැන් Blending Options වලම Inner Glow select කරලා මේ පින්තූරෙ තියෙන කරුනු ට්ක ඒකට අතුලත් කරන්න
දැන් Blending Options වලම Stroke select කරලා මේ පින්තූරෙ තියෙන කරුනු ට්ක ඒකට අතුලත් කරන්න ( අලු පාටේ color code එක #808080)
දැන් ආයේ Blending Options වලම Drop shadow select කරලා මේ පින්තූරෙ තියෙන කරුනු ට්ක ඒකත් අතුලත් කරන්න
දැන් ඔයාගෙ පින්තුරේ මේවගේ තියෙන්න ඔනේ. එහෙම නැත්නම් කොහේ හරි අවුලක් ඇති අයෙ check කරන්න
* දැන් text එක ලියමු ලියන්නේ මේ tool එකෙන්. tool එක click කරලා අපේ layer එක උඩට ගිහින් box එකක් ඇදගන්න. ඇදගෙන එක උඩ type කරන්න.
text tool 1ka
මෙන්න මම ලිව්වා
ඊට පස්සෙ මම කලින් කලා වගේ FX click කරල Gradient Overlay ගිහින්, අයේ අර වර්ණ තීරුව උඩ කරලා. ඒකෙ Presets වල උඩම පේලියේ අන්තිම එක කරලා. OK කරන්න
එහෙම කලාට පස්සේ මෙහෙම වෙයි ඔය ටයිප් කරපු එක
දැන් අපි පොඩි වෙලාවකට අපි ලියපු text එක ටිකක් අයින් කරමු. ඒක කරන්නේ මෙන්න මෙහෙමයි. ඔය යට එකේ තියෙනව නේද ඇහැක් ? එක උඩ ක්ලික් කරන්න පුලුවන්. දැන් ඒක උඩ ක්ලික් කරන්න. කරල ඒක නැති කරන්න.
මෙන්න බොලේ නැති වෙලා
දැන් අපිට එළකිරියේ අර පින්තූරේ ඔනේ... හද හද ඉන්න වෙලා වක් නැ අය්යො. මේන්න තියෙනවා බාගන්න
ඕක හදපු එකාට තැන්කිව් කිව්වා
හරි දැන් ඒ පින්තූරේ බාගෙන Photoshop walin open කරගන්න. open කරන්නේ File --> Open (shortcuts Ctrl + O ) ගිහින් image 1ka බාපු ප්ලේස් එකට ගිහින් බාපු image එක සිලෙක්ට් කරල Open karaganna
මම කරා මේ
ඊට පස්සෙ keyBoard එකේ V press කරලා අපේ මේ එළකිරි.කොම් image එක උස්සන් ගිහින්. අපේ අර කලින් image එක උඩ අත හරින්න
කලින් කලා වගෙ අර ඇහැ ඔබලා ඒකත් නැති කරගන්න
4. ඊටත් පස්සේ අපිට තව බඩ්ඩක් හදන්න තියෙනවා. ඒකට අපිට තව layer 1ක් ඔනේ ඒකගන්නේ මේක icon 1ka ඔබලා ( මතක තියගන්න ඒක ක්ලික් කරන්න ඔනේ අපේ අර එළකිරි image එකා select වෙල තියන කොට [ මගේ එළකිරි image 1කේ නම layer 1න් පික් එක බලන්න] )
මෙන්න ආවා
හරි දැන් ඒ layer එකේ, අපි කලින් ඇන්දා වගෙ සුදු පාට Rounded Rectangle එකක් ඇදගන්න මේ වගේ
අයේ අර FX ක්ලික් කරලා Blending Options ---> Advanced blending යටතේ තියෙන "Blend Interior Effects as Group" එක click කරන්න. Blend mode 1ක screen දෙන්න Opacity 1ක 90% දෙන්න ( Image 1කෙ 100% තියෙන්නෙ එක 90% කරගන්න)
දැන් මේ කියන ටික ඒකට දෙන්න. දකුනු පැත්තේ Color Stop එකට සුදු පාට දෙන්න (ඔය පොඩි කොටුව උඩ click කරාම පාට මාරුකරන්න පුලුවන්) වම් පැත්තේ Color එකට අලු පාට දෙන්න ( අලු පාටේ color code එක #404040) දීල ඒ අලුපාට color stop එක 25% location එකට ගේන්න. ගෙනත් ok කරන්න
හදලා ඔකේ කරන්න ඉට පස්සේ මේවගෙ තමයි output එක....
5. දැන් තමයි අපි Animation දාන්න පටාන් ගන්නේ
ක්ලික් කරන්න Windows -> Animaion
මේ තියෙන්නේ Animation tool bar 1ක
ඔය පහල පෙන්නන එක ක්ලික් කරන්න එතකොට අරකෙ කොපුවක්.. නෑ කොපියක් ඒයි. මෙන්න මේ වගේ.. ඔය 2 කියල තියෙන්නේ
අපි කලින් කලින් නැතිකරපු ඇහැ මතකද ? අපි ඇස් 2කක් නැතිකරා මතකද ? අර ලියපු Text එකයි, එළකිරි.කොම් Image එකයි. ඒකෙන් දැන් එළකිරි.කොම් එකේ ඇහැ ආයේ ගන්න එතකොට පේන්නේ මෙහෙමයි
දැන් Image 1ක තියෙන layer 1ක select කරලා අර තියෙන Opacity 1ක 0 කරන්න. එතකොට කලින් වගෙම Image 1ක නැතිවෙලා යයි
ඊට පස්සේ කලින් වගෙම new layer 1ක් අරගෙන අයේ එළකිරි.කොම් එකේ opacity 1ක 25%ක් කරන්න
දැන් කලින් කරපු ටිකම (new layerගත්තා, opacity මාරු කරා ) කරන්න පහල image තියෙන විදියට වෙනස් කර කර
අයේ ඒටිකම කරන්න අපි ලිව්ව text එකටත් ( මතක තියා ගන්න text 1ක අරවගේ හදනකොට එළකිරි.කොම් image 1කේ ඇහැ අයේ නැතිකරන්න
ඊට පස්සේ අපි හදපු ඒ layers 18ම select කරන්න ( කරන්න ලේසි ක්රමය 1 වෙනි layer 1ක select කරලා Shift button (keyboard) ඔබගෙන 18 වෙනි layer 1ක ක්ලික් කරන්න ඊට පස්සෙ පේනවා නේද වෙලාවක් ඒක 0.1 sec හරි 0.2sec හරි දෙන්න. දීලා පහල තියෙන play එක ක්ලික් කරල බලන්න. අපි හදපු 1ක වැඩ කරනවද කියල
හරි අපේ වැඩේ ඉවරයි. play කලාම වැඩ නේ ?. දැන් තියෙන්නේ save කරන්න ඒක කරන්නෙ මෙහෙමයි
File --> save for web & device..
ඔය රවුම් කරලා තියෙන 2ක ඒ විදියට මාරු කරලා "save" button 1ka click කරන්න
ඊට පස්සේ file name 1ක ගැහැව්වා save කරා
වැඩේ ඉවරායි
මේක මම කොහින්වත් උස්සපු 1කක් නම් නෙමෙයි. පැය 4 විතර ගියා වැඩේට.මමමයි ලිව්වේ මමමයි screenshot ගැහැව්වෙ. මම හිතනවා ඔයාලට ප්රයෝජනයක් වෙයි කියලා හිතනවා. ඔයාලට කැමති එකෙන් හදන්න පුලුවන්. මතක තියගන්න ඔයල එළකිරි එකේ avatar එකට දානවනම් 90px x 90px size. 19.75kb ට අඩුවෙන් හදන්න ඔනේ. ඔන්න මම අහෙනම් කැපුනා
P.S වැඩේ කොයි හරි අවුලක් තියෙනවනම්. මට PM 1ක් දාන්න. පුලුවන් ඉක්මනට මම reply කරන්නම්.
Last edited:
+6
