Untitled Document<\/title><br \/>\n<\/head><\/p>\n<p><body><br \/>\n Matrix Text gif images using photoshop<br \/>\nStep 1:<br \/>\nOpen the new document and se3t the background color is black.<a name=\"imageclose-2962\"><div class=\"lb-album\"><a href=\"#image-2962\"><img src=\"http:\/\/www.searchenginegenie.com\/web-design-blog\/wp-content\/uploads\/2014\/07\/1-300x300.jpg\" alt=\"1\" class=\"aligncenter size-medium wp-image-2964\"><span><\/span><\/a><\/div> \r\n<a href=\"#imageclose-2962\" class=\"css3lightbox-close\">\r\n\t\t\t\t <div class=\"lb-overlay\" id=\"image-2962\">\r\n <img src=\"http:\/\/www.searchenginegenie.com\/web-design-blog\/wp-content\/uploads\/2014\/07\/1.jpg\" alt=\"image-2962\">\r\n <\/div><\/a><\/p>\n<p>Step 2:<br \/>\nAny image to right click to oprn with note pad and copy the text after past inside the photoshop document. After change the font color is set by green color. <\/p>\n<p>After select the text layer and press the Ctrl + t after right click and select the rotate 90 cw.<a name=\"imageclose-2963\"><div class=\"lb-album\"><a href=\"#image-2963\"><img src=\"http:\/\/www.searchenginegenie.com\/web-design-blog\/wp-content\/uploads\/2014\/07\/1.1jpg-300x180.jpg\" alt=\"1.1jpg\" class=\"aligncenter size-medium wp-image-2965\"><span><\/span><\/a><\/div> \r\n<a href=\"#imageclose-2963\" class=\"css3lightbox-close\">\r\n\t\t\t\t <div class=\"lb-overlay\" id=\"image-2963\">\r\n <img src=\"http:\/\/www.searchenginegenie.com\/web-design-blog\/wp-content\/uploads\/2014\/07\/1.1jpg.jpg\" alt=\"image-2963\">\r\n <\/div><\/a><\/p>\n<p>Step 3:Next open the window menu and click to select the animation after animation layer is open below the image.<a name=\"imageclose-2964\"><div class=\"lb-album\"><a href=\"#image-2964\"><img src=\"http:\/\/www.searchenginegenie.com\/web-design-blog\/wp-content\/uploads\/2014\/07\/3-300x181.jpg\" alt=\"3\" class=\"aligncenter size-medium wp-image-2967\"><span><\/span><\/a><\/div> \r\n<a href=\"#imageclose-2964\" class=\"css3lightbox-close\">\r\n\t\t\t\t <div class=\"lb-overlay\" id=\"image-2964\">\r\n <img src=\"http:\/\/www.searchenginegenie.com\/web-design-blog\/wp-content\/uploads\/2014\/07\/3.jpg\" alt=\"image-2964\">\r\n <\/div><\/a><\/p>\n<p>Next animation area to select the duplicate selected frames to every one by one step can add the one duplicate frame after change.<br \/>\nStep 4:<br \/>\nSelect the 1 st frame and text movements for select some texts and press the down arrow five or six time.<br \/>\nSelect the text layer and choose the color green and apply the inner shadow and outer glow. All the letters will be separate to type( M A T R I X). After off the text eye icon.<\/p>\n<p>after select the second frame and change the text movements for select some texts and press the down arrow five or six time after and on the “M” text layer same to move to the text and “M”. <a name=\"imageclose-2965\"><div class=\"lb-album\"><a href=\"#image-2965\"><img src=\"http:\/\/www.searchenginegenie.com\/web-design-blog\/wp-content\/uploads\/2014\/07\/4-300x243.jpg\" alt=\"4\" class=\"aligncenter size-medium wp-image-2962\"><span><\/span><\/a><\/div> \r\n<a href=\"#imageclose-2965\" class=\"css3lightbox-close\">\r\n\t\t\t\t <div class=\"lb-overlay\" id=\"image-2965\">\r\n <img src=\"http:\/\/www.searchenginegenie.com\/web-design-blog\/wp-content\/uploads\/2014\/07\/4.jpg\" alt=\"image-2965\">\r\n <\/div><\/a><\/p>\n<p>Step 5: same process for the aothe texts can be move finaly animation layer to select looping option and select the forever after change the times for your convenient to set the time. After play option to click you will get the final image.<a name=\"imageclose-2966\"><div class=\"lb-album\"><a href=\"#image-2966\"><img src=\"http:\/\/www.searchenginegenie.com\/web-design-blog\/wp-content\/uploads\/2014\/07\/5-300x210.jpg\" alt=\"5\" class=\"aligncenter size-medium wp-image-2963\"><span><\/span><\/a><\/div> \r\n<a href=\"#imageclose-2966\" class=\"css3lightbox-close\">\r\n\t\t\t\t <div class=\"lb-overlay\" id=\"image-2966\">\r\n <img src=\"http:\/\/www.searchenginegenie.com\/web-design-blog\/wp-content\/uploads\/2014\/07\/5.jpg\" alt=\"image-2966\">\r\n <\/div><\/a><\/p>\n<p>Step 6:<br \/>\nFinaly you will get below the image and save the image is GIF formate and your image similar to below the image.<\/p>\n<p><a name=\"imageclose-2967\"><div class=\"lb-album\"><a href=\"#image-2967\"><img src=\"http:\/\/www.searchenginegenie.com\/web-design-blog\/wp-content\/uploads\/2014\/07\/final-image.gif\" alt=\"final-image\" class=\"aligncenter size-full wp-image-2976\"><span><\/span><\/a><\/div> \r\n<a href=\"#imageclose-2967\" class=\"css3lightbox-close\">\r\n\t\t\t\t <div class=\"lb-overlay\" id=\"image-2967\">\r\n <img src=\"http:\/\/www.searchenginegenie.com\/web-design-blog\/wp-content\/uploads\/2014\/07\/final-image.gif\" alt=\"image-2967\">\r\n <\/div><\/a><br \/>\n<\/body><br \/>\n<\/html><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Untitled Document Matrix Text gif images using photoshop Step 1: Open the new document and se3t the background color is black. Step 2: Any image to right click to oprn with note pad and copy the text after past inside the photoshop document. After change the font color is set by green color. After select […]<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[1],"tags":[],"class_list":["post-2961","post","type-post","status-publish","format-standard","hentry","category-whats-trending-web-design"],"_links":{"self":[{"href":"https:\/\/www.searchenginegenie.com\/web-design-blog\/wp-json\/wp\/v2\/posts\/2961","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.searchenginegenie.com\/web-design-blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.searchenginegenie.com\/web-design-blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.searchenginegenie.com\/web-design-blog\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.searchenginegenie.com\/web-design-blog\/wp-json\/wp\/v2\/comments?post=2961"}],"version-history":[{"count":7,"href":"https:\/\/www.searchenginegenie.com\/web-design-blog\/wp-json\/wp\/v2\/posts\/2961\/revisions"}],"predecessor-version":[{"id":3693,"href":"https:\/\/www.searchenginegenie.com\/web-design-blog\/wp-json\/wp\/v2\/posts\/2961\/revisions\/3693"}],"wp:attachment":[{"href":"https:\/\/www.searchenginegenie.com\/web-design-blog\/wp-json\/wp\/v2\/media?parent=2961"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.searchenginegenie.com\/web-design-blog\/wp-json\/wp\/v2\/categories?post=2961"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.searchenginegenie.com\/web-design-blog\/wp-json\/wp\/v2\/tags?post=2961"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}

{"id":2961,"date":"2014-07-01T08:33:09","date_gmt":"2014-07-01T12:33:09","guid":{"rendered":"http:\/\/www.searchenginegenie.com\/web-design-blog\/?p=2961"},"modified":"2020-10-14T05:06:44","modified_gmt":"2020-10-14T09:06:44","slug":"matrix-text-gif-images-using-photoshop","status":"publish","type":"post","link":"https:\/\/www.searchenginegenie.com\/web-design-blog\/matrix-text-gif-images-using-photoshop\/","title":{"rendered":"Matrix Text gif images using photoshop"},"content":{"rendered":"

\n
\n
\nUntitled Document<\/title><br \/>\n<\/head><\/p>\n<p><body><br \/>\n Matrix Text gif images using photoshop<br \/>\nStep 1:<br \/>\nOpen the new document and se3t the background color is black.<a name=\"imageclose-2962\"><div class=\"lb-album\"><a href=\"#image-2962\"><img src=\"http:\/\/www.searchenginegenie.com\/web-design-blog\/wp-content\/uploads\/2014\/07\/1-300x300.jpg\" alt=\"1\" class=\"aligncenter size-medium wp-image-2964\"><span><\/span><\/a><\/div> \r\n<a href=\"#imageclose-2962\" class=\"css3lightbox-close\">\r\n\t\t\t\t <div class=\"lb-overlay\" id=\"image-2962\">\r\n <img src=\"http:\/\/www.searchenginegenie.com\/web-design-blog\/wp-content\/uploads\/2014\/07\/1.jpg\" alt=\"image-2962\">\r\n <\/div><\/a><\/p>\n<p>Step 2:<br \/>\nAny image to right click to oprn with note pad and copy the text after past inside the photoshop document. After change the font color is set by green color. <\/p>\n<p>After select the text layer and press the Ctrl + t after right click and select the rotate 90 cw.<a name=\"imageclose-2963\"><div class=\"lb-album\"><a href=\"#image-2963\"><img src=\"http:\/\/www.searchenginegenie.com\/web-design-blog\/wp-content\/uploads\/2014\/07\/1.1jpg-300x180.jpg\" alt=\"1.1jpg\" class=\"aligncenter size-medium wp-image-2965\"><span><\/span><\/a><\/div> \r\n<a href=\"#imageclose-2963\" class=\"css3lightbox-close\">\r\n\t\t\t\t <div class=\"lb-overlay\" id=\"image-2963\">\r\n <img src=\"http:\/\/www.searchenginegenie.com\/web-design-blog\/wp-content\/uploads\/2014\/07\/1.1jpg.jpg\" alt=\"image-2963\">\r\n <\/div><\/a><\/p>\n<p>Step 3:Next open the window menu and click to select the animation after animation layer is open below the image.<a name=\"imageclose-2964\"><div class=\"lb-album\"><a href=\"#image-2964\"><img src=\"http:\/\/www.searchenginegenie.com\/web-design-blog\/wp-content\/uploads\/2014\/07\/3-300x181.jpg\" alt=\"3\" class=\"aligncenter size-medium wp-image-2967\"><span><\/span><\/a><\/div> \r\n<a href=\"#imageclose-2964\" class=\"css3lightbox-close\">\r\n\t\t\t\t <div class=\"lb-overlay\" id=\"image-2964\">\r\n <img src=\"http:\/\/www.searchenginegenie.com\/web-design-blog\/wp-content\/uploads\/2014\/07\/3.jpg\" alt=\"image-2964\">\r\n <\/div><\/a><\/p>\n<p>Next animation area to select the duplicate selected frames to every one by one step can add the one duplicate frame after change.<br \/>\nStep 4:<br \/>\nSelect the 1 st frame and text movements for select some texts and press the down arrow five or six time.<br \/>\nSelect the text layer and choose the color green and apply the inner shadow and outer glow. All the letters will be separate to type( M A T R I X). After off the text eye icon.<\/p>\n<p>after select the second frame and change the text movements for select some texts and press the down arrow five or six time after and on the “M” text layer same to move to the text and “M”. <a name=\"imageclose-2965\"><div class=\"lb-album\"><a href=\"#image-2965\"><img src=\"http:\/\/www.searchenginegenie.com\/web-design-blog\/wp-content\/uploads\/2014\/07\/4-300x243.jpg\" alt=\"4\" class=\"aligncenter size-medium wp-image-2962\"><span><\/span><\/a><\/div> \r\n<a href=\"#imageclose-2965\" class=\"css3lightbox-close\">\r\n\t\t\t\t <div class=\"lb-overlay\" id=\"image-2965\">\r\n <img src=\"http:\/\/www.searchenginegenie.com\/web-design-blog\/wp-content\/uploads\/2014\/07\/4.jpg\" alt=\"image-2965\">\r\n <\/div><\/a><\/p>\n<p>Step 5: same process for the aothe texts can be move finaly animation layer to select looping option and select the forever after change the times for your convenient to set the time. After play option to click you will get the final image.<a name=\"imageclose-2966\"><div class=\"lb-album\"><a href=\"#image-2966\"><img src=\"http:\/\/www.searchenginegenie.com\/web-design-blog\/wp-content\/uploads\/2014\/07\/5-300x210.jpg\" alt=\"5\" class=\"aligncenter size-medium wp-image-2963\"><span><\/span><\/a><\/div> \r\n<a href=\"#imageclose-2966\" class=\"css3lightbox-close\">\r\n\t\t\t\t <div class=\"lb-overlay\" id=\"image-2966\">\r\n <img src=\"http:\/\/www.searchenginegenie.com\/web-design-blog\/wp-content\/uploads\/2014\/07\/5.jpg\" alt=\"image-2966\">\r\n <\/div><\/a><\/p>\n<p>Step 6:<br \/>\nFinaly you will get below the image and save the image is GIF formate and your image similar to below the image.<\/p>\n<p><a name=\"imageclose-2967\"><div class=\"lb-album\"><a href=\"#image-2967\"><img src=\"http:\/\/www.searchenginegenie.com\/web-design-blog\/wp-content\/uploads\/2014\/07\/final-image.gif\" alt=\"final-image\" class=\"aligncenter size-full wp-image-2976\"><span><\/span><\/a><\/div> \r\n<a href=\"#imageclose-2967\" class=\"css3lightbox-close\">\r\n\t\t\t\t <div class=\"lb-overlay\" id=\"image-2967\">\r\n <img src=\"http:\/\/www.searchenginegenie.com\/web-design-blog\/wp-content\/uploads\/2014\/07\/final-image.gif\" alt=\"image-2967\">\r\n <\/div><\/a><br \/>\n<\/body><br \/>\n<\/html><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Untitled Document Matrix Text gif images using photoshop Step 1: Open the new document and se3t the background color is black. Step 2: Any image to right click to oprn with note pad and copy the text after past inside the photoshop document. After change the font color is set by green color. After select […]<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[1],"tags":[],"class_list":["post-2961","post","type-post","status-publish","format-standard","hentry","category-whats-trending-web-design"],"_links":{"self":[{"href":"https:\/\/www.searchenginegenie.com\/web-design-blog\/wp-json\/wp\/v2\/posts\/2961","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.searchenginegenie.com\/web-design-blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.searchenginegenie.com\/web-design-blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.searchenginegenie.com\/web-design-blog\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.searchenginegenie.com\/web-design-blog\/wp-json\/wp\/v2\/comments?post=2961"}],"version-history":[{"count":7,"href":"https:\/\/www.searchenginegenie.com\/web-design-blog\/wp-json\/wp\/v2\/posts\/2961\/revisions"}],"predecessor-version":[{"id":3693,"href":"https:\/\/www.searchenginegenie.com\/web-design-blog\/wp-json\/wp\/v2\/posts\/2961\/revisions\/3693"}],"wp:attachment":[{"href":"https:\/\/www.searchenginegenie.com\/web-design-blog\/wp-json\/wp\/v2\/media?parent=2961"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.searchenginegenie.com\/web-design-blog\/wp-json\/wp\/v2\/categories?post=2961"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.searchenginegenie.com\/web-design-blog\/wp-json\/wp\/v2\/tags?post=2961"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}