Reply to thread

Message: <blockquote data-quote="shenu" data-source="post: 13034006" data-attributes="member: 86432">Photoshop වලින් animated Gif එකක් හදන විදිය මම අද කතා කරන්න යන්නේ. ඔයලටත් තමන්ගේ වෙබ් සයිට් එකට button එකක්, එළකිරියට ඇවටර් එකක් මේ ක්‍රමයට හදාගන්න පුලුවන්මම දැන් හදන්න යන්නේ මේ Image 1ka එක<img src="http://i1261.photobucket.com/albums/ii600/vampshenal/Photoshop%20lession%201/-----1.gif" alt="" class="fr-fic fr-dii fr-draggable " style="" />කතා ඇති.. හරි අපි වැඩේ පටන් ගමු !!! 1. මුලින්ම වැඩේ පටාන් ගන්න අපි අලුතින් කැන්වර්ස් එකක් ගමු ( සිංහලෙන්නම් අලුත් පිටුවක්) ඒක ගන්නේ මෙහෙමයි.File --> New<img src="http://i1261.photobucket.com/albums/ii600/vampshenal/Photoshop%20lession%201/lesson1.jpg" alt="" class="fr-fic fr-dii fr-draggable " style="" />ඒක ක්ලික් කරාම මෙන්න මෙව්වගෙ එකක් එනවා<img src="http://i1261.photobucket.com/albums/ii600/vampshenal/Photoshop%20lession%201/2.jpg" alt="" class="fr-fic fr-dii fr-draggable " style="" />මම ගන්න පිටුවේ දිග පික්සල් 500 පලල පික්සල් 500. background contents එකTransparent සිලෙක්ට් කරලා ok කරන්න<img src="http://i1261.photobucket.com/albums/ii600/vampshenal/Photoshop%20lession%201/3.jpg" alt="" class="fr-fic fr-dii fr-draggable " style="" />මෙන්න මේ වගේ පිටුවක් අනිවා එන්න ඔනේ. අවෙ නැත්නම් ඒවගේ එකක් එනකන් කලින් ටිකම කරන්න <img src="/styles/default/xenforo/smilies/default/P.gif"  class="smilie" loading="lazy" alt=":P" title=":P    :P" data-shortname=":P" />2. දැන් අපි පෙට්ටියක් අදින්න යන්නේ. පෙට්ටි, රවුම්, ඉරි, හැඩතල අදින්නෙ මෙන්න මේ පහල පේන ටූල් එකෙන්, ඒ එක උඩ click කරන් හිට්යම අර වගෙ drop down මෙනු එක එනවා. මම මේ වැඩේට ගන්නේ Rounded Rectangle එකක්. ඉතින් ඒක කරලා අපි ගත්ත පිටුව උඩට ගිහින් left mouse click එක ඔබාගෙන අදින්න ඕනේ<img src="http://i1261.photobucket.com/albums/ii600/vampshenal/Photoshop%20lession%201/4.jpg" alt="" class="fr-fic fr-dii fr-draggable " style="" />මෙන්න මම ඇදගත්තා<img src="http://i1261.photobucket.com/albums/ii600/vampshenal/Photoshop%20lession%201/5.jpg" alt="" class="fr-fic fr-dii fr-draggable " style="" />3. දැන් පහල පික් එකේ පෙන්නන විදියට FX එක click කරලා Blending Options සිලෙක්ට් කරන්න<img src="http://i1261.photobucket.com/albums/ii600/vampshenal/Photoshop%20lession%201/6.jpg" alt="" class="fr-fic fr-dii fr-draggable " style="" />ඒකෙ තියෙන Gradient Overlay සිලෙක්ට් කරලා. අර පේන Gradient කියල ත්යෙන එකේ වර්ණ තීරුව උඩින් කරන්න<img src="http://i1261.photobucket.com/albums/ii600/vampshenal/Photoshop%20lession%201/7.jpg" alt="" class="fr-fic fr-dii fr-draggable " style="" />දැන් මේ කියන ටික ඒකට දෙන්න. වම් පැත්තේ Color Stop එකට කලු පාට දෙන්න (ඔය පොඩි කොටුව උඩ click කරාම පාට මාරුකරන්න පුලුවන්) දකුනු පැත්තේ Color එකට අලු පාට දෙන්න ( අලු පාටේ color code එක #808080) දීල ඒ අලුපාට color stop එක 50% location එකට ගේන්න. ගෙනත් ok කරන්න<img src="http://i1261.photobucket.com/albums/ii600/vampshenal/Photoshop%20lession%201/11-1.jpg" alt="" class="fr-fic fr-dii fr-draggable " style="" />දැන් මේවගේ වෙයි ඔයගෙ පෙට්ටිය<img src="http://i1261.photobucket.com/albums/ii600/vampshenal/Photoshop%20lession%201/12.jpg" alt="" class="fr-fic fr-dii fr-draggable " style="" />දැන් Blending Options වලම Inner Glow select කරලා මේ පින්තූරෙ තියෙන කරුනු ට්ක ඒකට අතුලත් කරන්න<img src="http://www.secondpicture.com/tutorials/digital_image_processing/button_with_inner_glow.png" alt="" class="fr-fic fr-dii fr-draggable " style="" />දැන් Blending Options වලම Stroke select කරලා මේ පින්තූරෙ තියෙන කරුනු ට්ක ඒකට අතුලත් කරන්න ( අලු පාටේ color code එක #808080)<img src="http://www.secondpicture.com/tutorials/digital_image_processing/stroke_settings_in_photoshop.png" alt="" class="fr-fic fr-dii fr-draggable " style="" />දැන් ආයේ Blending Options වලම Drop shadow select කරලා මේ පින්තූරෙ තියෙන කරුනු ට්ක ඒකත් අතුලත් කරන්න<img src="http://www.secondpicture.com/tutorials/digital_image_processing/drop_shadow_settings.png" alt="" class="fr-fic fr-dii fr-draggable " style="" />දැන් ඔයාගෙ පින්තුරේ මේවගේ තියෙන්න ඔනේ. එහෙම නැත්නම් කොහේ හරි අවුලක් ඇති අයෙ check කරන්න<img src="http://i1261.photobucket.com/albums/ii600/vampshenal/Photoshop%20lession%201/10.jpg" alt="" class="fr-fic fr-dii fr-draggable " style="" />* දැන් text එක ලියමු ලියන්නේ මේ tool එකෙන්. tool එක click කරලා අපේ layer එක උඩට ගිහින් box එකක් ඇදගන්න. ඇදගෙන එක උඩ type කරන්න. text tool 1ka<img src="http://i1261.photobucket.com/albums/ii600/vampshenal/Photoshop%20lession%201/13.jpg" alt="" class="fr-fic fr-dii fr-draggable " style="" />මෙන්න මම ලිව්වා<img src="http://i1261.photobucket.com/albums/ii600/vampshenal/Photoshop%20lession%201/14.jpg" alt="" class="fr-fic fr-dii fr-draggable " style="" />ඊට පස්සෙ මම කලින් කලා වගේ FX click කරල Gradient Overlay ගිහින්, අයේ අර වර්ණ තීරුව උඩ කරලා. ඒකෙ Presets වල උඩම පේලියේ අන්තිම එක කරලා. OK කරන්න<img src="http://i1261.photobucket.com/albums/ii600/vampshenal/Photoshop%20lession%201/15.jpg" alt="" class="fr-fic fr-dii fr-draggable " style="" />එහෙම කලාට පස්සේ මෙහෙම වෙයි ඔය ටයිප් කරපු එක<img src="http://i1261.photobucket.com/albums/ii600/vampshenal/Photoshop%20lession%201/16.jpg" alt="" class="fr-fic fr-dii fr-draggable " style="" />දැන් අපි පොඩි වෙලාවකට අපි ලියපු text එක ටිකක් අයින් කරමු. ඒක කරන්නේ මෙන්න මෙහෙමයි. ඔය යට එකේ තියෙනව නේද ඇහැක් ? එක උඩ ක්ලික් කරන්න පුලුවන්. දැන් ඒක උඩ ක්ලික් කරන්න. කරල ඒක නැති කරන්න. <img src="http://i1261.photobucket.com/albums/ii600/vampshenal/Photoshop%20lession%201/17.jpg" alt="" class="fr-fic fr-dii fr-draggable " style="" />මෙන්න බොලේ නැති වෙලා<img src="http://i1261.photobucket.com/albums/ii600/vampshenal/Photoshop%20lession%201/18.jpg" alt="" class="fr-fic fr-dii fr-draggable " style="" />දැන් අපිට එළකිරියේ අර පින්තූරේ ඔනේ... හද හද ඉන්න වෙලා වක් නැ අය්යො. මේන්න තියෙනවා බාගන්න<img src="http://i1261.photobucket.com/albums/ii600/vampshenal/Photoshop%20lession%201/Elakirilogopng.png" alt="" class="fr-fic fr-dii fr-draggable " style="" /> ඕක හදපු එකාට තැන්කිව් කිව්වාහරි දැන් ඒ පින්තූරේ බාගෙන Photoshop walin open කරගන්න. open කරන්නේ File --> Open (shortcuts Ctrl + O )  ගිහින් image 1ka බාපු ප්ලේස් එකට ගිහින් බාපු image එක සිලෙක්ට් කරල Open karaganna <img src="/styles/default/xenforo/smilies/default/P.gif"  class="smilie" loading="lazy" alt=":P" title=":P    :P" data-shortname=":P" />මම කරා මේ <img src="http://i1261.photobucket.com/albums/ii600/vampshenal/Photoshop%20lession%201/19.jpg" alt="" class="fr-fic fr-dii fr-draggable " style="" />ඊට පස්සෙ keyBoard එකේ V press කරලා අපේ මේ එළකිරි.කොම් image එක උස්සන් ගිහින්. අපේ අර කලින් image එක උඩ අත හරින්න<img src="http://i1261.photobucket.com/albums/ii600/vampshenal/Photoshop%20lession%201/20.jpg" alt="" class="fr-fic fr-dii fr-draggable " style="" />කලින් කලා වගෙ අර ඇහැ ඔබලා ඒකත් නැති කරගන්න4.  ඊටත් පස්සේ අපිට තව බඩ්ඩක් හදන්න තියෙනවා. ඒකට අපිට තව layer 1ක් ඔනේ ඒකගන්නේ මේක icon 1ka ඔබලා ( මතක තියගන්න ඒක ක්ලික් කරන්න ඔනේ අපේ අර එළකිරි image එකා select වෙල තියන කොට [ මගේ එළකිරි image 1කේ නම layer 1න්  පික් එක බලන්න] )<img src="http://i1261.photobucket.com/albums/ii600/vampshenal/Photoshop%20lession%201/21.jpg" alt="" class="fr-fic fr-dii fr-draggable " style="" />මෙන්න ආවා<img src="http://i1261.photobucket.com/albums/ii600/vampshenal/Photoshop%20lession%201/22.jpg" alt="" class="fr-fic fr-dii fr-draggable " style="" />හරි දැන් ඒ layer එකේ, අපි කලින් ඇන්දා වගෙ සුදු පාට Rounded Rectangle එකක් ඇදගන්න මේ වගේ <img src="http://i1261.photobucket.com/albums/ii600/vampshenal/Photoshop%20lession%201/23.jpg" alt="" class="fr-fic fr-dii fr-draggable " style="" />අයේ අර FX ක්ලික් කරලා Blending Options ---> Advanced blending යටතේ තියෙන "Blend Interior Effects as Group" එක click කරන්න. Blend mode 1ක screen දෙන්න Opacity 1ක 90% දෙන්න ( Image 1කෙ 100% තියෙන්නෙ එක 90% කරගන්න) <img src="http://i1261.photobucket.com/albums/ii600/vampshenal/Photoshop%20lession%201/24.jpg" alt="" class="fr-fic fr-dii fr-draggable " style="" />දැන් මේ කියන ටික ඒකට දෙන්න. දකුනු පැත්තේ Color Stop එකට සුදු පාට දෙන්න (ඔය පොඩි කොටුව උඩ click කරාම පාට මාරුකරන්න පුලුවන්) වම් පැත්තේ Color එකට අලු පාට දෙන්න ( අලු පාටේ color code එක #404040) දීල ඒ අලුපාට color stop එක 25% location එකට ගේන්න. ගෙනත් ok කරන්න<img src="http://i1261.photobucket.com/albums/ii600/vampshenal/Photoshop%20lession%201/8.jpg" alt="" class="fr-fic fr-dii fr-draggable " style="" />හදලා ඔකේ කරන්න ඉට පස්සේ මේවගෙ තමයි output එක.... <img src="http://i1261.photobucket.com/albums/ii600/vampshenal/Photoshop%20lession%201/25.jpg" alt="" class="fr-fic fr-dii fr-draggable " style="" />5. දැන් තමයි අපි Animation දාන්න පටාන් ගන්නේක්ලික් කරන්න Windows -> Animaion<img src="http://i1261.photobucket.com/albums/ii600/vampshenal/Photoshop%20lession%201/26.jpg" alt="" class="fr-fic fr-dii fr-draggable " style="" />මේ තියෙන්නේ Animation tool bar 1ක<img src="http://i1261.photobucket.com/albums/ii600/vampshenal/Photoshop%20lession%201/27.jpg" alt="" class="fr-fic fr-dii fr-draggable " style="" />ඔය පහල පෙන්නන එක ක්ලික් කරන්න එතකොට අරකෙ කොපුවක්.. නෑ කොපියක් ඒයි. මෙන්න මේ වගේ.. ඔය 2 කියල තියෙන්නේ<img src="http://i1261.photobucket.com/albums/ii600/vampshenal/Photoshop%20lession%201/28.jpg" alt="" class="fr-fic fr-dii fr-draggable " style="" />අපි කලින් කලින් නැතිකරපු ඇහැ මතකද ? අපි ඇස් 2කක් නැතිකරා මතකද ? අර ලියපු Text එකයි, එළකිරි.කොම් Image එකයි. ඒකෙන් දැන් එළකිරි.කොම් එකේ ඇහැ ආයේ ගන්න එතකොට පේන්නේ මෙහෙමයි<img src="http://i1261.photobucket.com/albums/ii600/vampshenal/Photoshop%20lession%201/29.jpg" alt="" class="fr-fic fr-dii fr-draggable " style="" />දැන් Image 1ක තියෙන layer 1ක select කරලා අර තියෙන Opacity 1ක 0 කරන්න. එතකොට කලින් වගෙම Image 1ක නැතිවෙලා යයි<img src="http://i1261.photobucket.com/albums/ii600/vampshenal/Photoshop%20lession%201/30.jpg" alt="" class="fr-fic fr-dii fr-draggable " style="" />ඊට පස්සේ කලින් වගෙම new layer 1ක් අරගෙන අයේ එළකිරි.කොම් එකේ opacity 1ක 25%ක් කරන්න <img src="http://i1261.photobucket.com/albums/ii600/vampshenal/Photoshop%20lession%201/31.jpg" alt="" class="fr-fic fr-dii fr-draggable " style="" />දැන් කලින් කරපු ටිකම (new layerගත්තා, opacity මාරු කරා ) කරන්න පහල image තියෙන විදියට වෙනස් කර කර<img src="http://i1261.photobucket.com/albums/ii600/vampshenal/Photoshop%20lession%201/32.jpg" alt="" class="fr-fic fr-dii fr-draggable " style="" />අයේ ඒටිකම කරන්න අපි ලිව්ව text එකටත් ( මතක තියා ගන්න text 1ක අරවගේ හදනකොට එළකිරි.කොම් image 1කේ ඇහැ අයේ නැතිකරන්න<img src="http://i1261.photobucket.com/albums/ii600/vampshenal/Photoshop%20lession%201/33.jpg" alt="" class="fr-fic fr-dii fr-draggable " style="" />ඊට පස්සේ අපි හදපු ඒ layers 18ම select කරන්න ( කරන්න ලේසි ක්‍රමය 1 වෙනි layer 1ක select කරලා Shift button (keyboard) ඔබගෙන 18 වෙනි layer 1ක ක්ලික් කරන්න ඊට පස්සෙ පේනවා නේද වෙලාවක් ඒක 0.1 sec හරි 0.2sec හරි දෙන්න. දීලා පහල තියෙන play  එක ක්ලික් කරල බලන්න. අපි හදපු 1ක වැඩ කරනවද කියල<img src="http://i1261.photobucket.com/albums/ii600/vampshenal/Photoshop%20lession%201/34.jpg" alt="" class="fr-fic fr-dii fr-draggable " style="" />හරි අපේ වැඩේ ඉවරයි. play කලාම වැඩ නේ ?. දැන් තියෙන්නේ save කරන්න ඒක කරන්නෙ මෙහෙමයිFile --> save for web & device.. <img src="http://i1261.photobucket.com/albums/ii600/vampshenal/Photoshop%20lession%201/35.jpg" alt="" class="fr-fic fr-dii fr-draggable " style="" />ඔය රවුම් කරලා තියෙන 2ක ඒ විදියට මාරු කරලා "save" button 1ka click කරන්න<img src="http://i1261.photobucket.com/albums/ii600/vampshenal/Photoshop%20lession%201/36.jpg" alt="" class="fr-fic fr-dii fr-draggable " style="" />ඊට පස්සේ file name 1ක ගැහැව්වා save කරා<img src="http://i1261.photobucket.com/albums/ii600/vampshenal/Photoshop%20lession%201/37.jpg" alt="" class="fr-fic fr-dii fr-draggable " style="" />වැඩේ ඉවරායිමේක මම කොහින්වත් උස්සපු 1කක් නම් නෙමෙයි. පැය 4 විතර ගියා වැඩේට.මමමයි ලිව්වේ මමමයි screenshot ගැහැව්වෙ. මම හිතනවා ඔයාලට ප්‍රයෝජනයක් වෙයි කියලා හිතනවා. ඔයාලට කැමති එකෙන් හදන්න පුලුවන්. මතක තියගන්න ඔයල එළකිරි එකේ avatar එකට දානවනම් 90px x 90px size. 19.75kb ට අඩුවෙන් හදන්න ඔනේ. ඔන්න මම අහෙනම් කැපුනාP.S වැඩේ කොයි හරි අවුලක් තියෙනවනම්. මට PM 1ක් දාන්න. පුලුවන් ඉක්මනට මම reply කරන්නම්.<img src="/styles/default/xenforo/smilies/default/wink.gif"  class="smilie" loading="lazy" alt=";)" title="Wink    ;)" data-shortname=";)" /><img src="/styles/default/xenforo/smilies/default/wink.gif"  class="smilie" loading="lazy" alt=";)" title="Wink    ;)" data-shortname=";)" /><img src="/styles/default/xenforo/smilies/default/wink.gif"  class="smilie" loading="lazy" alt=";)" title="Wink    ;)" data-shortname=";)" /></blockquote>

Verification: Haya warak paha keeyada? (haya wadi kireema paha)

Top Bottom