Frontend Forever

Text Portrait Overlay Words

About this Code

Hello reader, I am frontendforever. Nice to meet you again in this free code sharing website. In this post I am going to explain about Text Portrait Overlay Words. If you are new to this website, we recommend you to subscribe to our youtube channel and watch the videos. Ok lets dive into the code.

Today I'd want to demonstrate how to create this text portrait overlay using simple HTML and CSS.

TEXT PORTRAIT :

When you combine the two, you obtain typographic portraits, which are portraits created using one or more fonts and made up of type characters. Taking a picture of someone's face and using a Photoshop plug-in to turn the photo's greyscale into words and paragraphs is the simplest approach to making a typographic portrait.
Making A Portrait Out Of Text
Before we start, I should point out that since the first thing we'll be doing is cropping some of it away, you'll probably want to work on a duplicate of your photo rather than the original image for this effect. Go to the File menu at the top of the screen and select Save As to save a copy of the image. Save the file as a portrait.html file and give it a new name, such as "text-portrait-effect" or another name that makes sense to you. In this manner, you can alter the image whatever you desire without worrying about affecting the original.

A. P. J. Abdul Kalam

Born on October 15, 1931, and dying on July 27, 2015, Avul Pakir Jainulabdeen Abdul Kalam was an Indian aeronautical scientist who served as India's eleventh president from 2002 to 2007. He was raised in Rameswaram, Tamil Nadu, and studied physics and aeronautical engineering there. For the next four decades, he worked largely at the Defence Research and Development Organization (DRDO) and the Indian Space Research Organization (ISRO) as a scientist and science administrator (DRDO). He played a significant role in both India's civilian space program and its efforts to produce military weapons. He was known as the "Missile Man of India" for his contributions to the development of ballistic missiles and launch vehicle technologies.

Michael Jackson

American singer, composer, and dancer Michael Joseph Jackson was born on August 29, 1958, and died on June 25, 2009. He is referred to as the "King of Pop" and is regarded as one of the most significant cultural figures of the 20th century. Over the course of a four-decade career, his contributions to dance, fashion, music, and his publicized personal life made him a widely recognized figure in popular culture. Musicians from different musical genres were influenced by Jackson. He popularised challenging dance moves like the robot and the moonwalk through his stage and film performances, and he also gave these moves their names. He is the recipient of the most accolades ever bestowed upon a single performer.

Images

These are the output images of the code. You can click on the image to enlarge it. also you can click the try it button to see the output.

Youtube Tutorial Video

If you are a visual learner and want to learn how to use this code, you can watch the video below.
and also this video contains the clear step by step explanation and the output of the code.

Source Code

This is the source code of the code. You can copy and paste the code to your editor.

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
   <div id="box">
		<img src="https://www.frontendforever.com/uploads/assets/abdul kalam crop11.png">
		<img src="https://www.frontendforever.com/uploads/assets/abdul kalam crop11.png">
		<p>Dr APJ Abdul Kalam – An Inspirational Career Story of the Missile Man Dr Avul Pakir Jainulabdeen Abdul Kalam or A.P.J Abdul Kalam was a man that needs no introductions. Known as the Missile Man of India, Dr APJ Abdul Kalam had been instrumental in the great scientific revolution that swept the nation during the 80’s. He was known popularly as the architect of the Indian Missile program and was responsible for the development of the Prithvi as well as Agni missiles. Dr Kalam successfully completed his tenure as perhaps the most popular President of the Republic of India, was widely referred to as the “People’s President”. And the whole nation mourned his demise on the 27th July, 2015. But Dr Kalam continues to be the inspiration of every young mind of the nation often with his demure status and simplicity he has won millions of hearts and minds.Dr. Kalam joined the Technical Centre (Civil Aviation) of the DTD&P (Air) as Senior Scientific Assistant Dr Kalam worked with the Indian Space Research Organisation (ISRO). At ISRO he served in various capacities. Was made Project Director of the Mission for SLV-3. He played a crucial role in developing satellite launch vehicle technology and expertise in control, propulsion and aerodynamics. The SLV-3 project managed to put Rohini, a scientific satellite, into orbit in July 1980. He joined the Defence Research and Development Organisation (DRDO) in 1982. As Director of DRDO, Dr. Kalam was entrusted with the Integrated Guided Missile Development Programme (IGMDP). As Chief Executive of Integrated Guided Missile Development Programme (IGMDP), he also played a major part in developing many missiles of India including Agni and Prithvi. As Chairman of the Technology Information, Forecasting and Assessment Council (TIFAC), also got involved with the creation of Technology Vision 2020 and the India Millennium Missions (IMM 2020), which is an integrated version of technology vision and India’s security concerns. In November 1999 Dr. Kalam was appointed as Principal Scientific Adviser to the Government of India. He joined the Anna University at Chennai as Professor of Technology and Societal Transformation. Dr. A. P. J. Abdul Kalam, was the 11th President of India, serving from 2002 to 2007,he was elected during the tenure of the National Democratic Alliance (India) coalition government, under prime minister Atal Bihari Vajpayee. During his term as President, he was popularly known as the People’s President Post his presidency Dr. Kalam became a visiting professor at the Indian Institute of Management Shillong, the Indian Institute of Management Ahmedabad, and the Indian Institute of Management Indore; an honorary fellow of Indian Institute of Science, Bangalore; chancellor of the Indian Institute of Space Science and Technology Thiruvananthapuram; professor of Aerospace Engineering at Anna University; and an adjunct at many other academic and research institutions across India. He taught information technology at the International Institute of Information Technology, Hyderabad, and technology at Banaras Hindu University and Anna University. Dr APJ Abdul Kalam – An Inspirational Career Story of the Missile Man Dr Avul Pakir Jainulabdeen Abdul Kalam or A.P.J Abdul Kalam was a man that needs no introductions. Known as the Missile Man of India, Dr APJ Abdul Kalam had been instrumental in the great scientific revolution that swept the nation during the 80’s. He was known popularly as the architect of the Indian Missile program and was responsible for the development of the Prithvi as well as Agni missiles. Dr Kalam successfully completed his tenure as perhaps the most popular President of the Republic of India, was widely referred to as the “People’s President”. And the whole nation mourned his demise on the 27th July, 2015. But Dr Kalam continues to be the inspiration of every young mind of the nation often with his demure status and simplicity he has won millions of hearts and minds. Dr. Kalam joined the Technical Centre (Civil Aviation) of the DTD&P (Air) as Senior Scientific Assistant Dr Kalam worked with the Indian Space Research Organisation (ISRO). At ISRO he served in various capacities. Was made Project Director of the Mission for SLV-3. He played a crucial role in developing satellite launch vehicle technology and expertise in control, propulsion and aerodynamics. The SLV-3 project managed to put Rohini, a scientific satellite, into orbit in July 1980. He joined the Defence Research and Development Organisation (DRDO) in 1982. As Director of DRDO, Dr. Kalam was entrusted with the Integrated Guided Missile Development Programme (IGMDP). As Chief Executive of Integrated Guided Missile Development Programme (IGMDP), he also played a major part in developing many missiles of India including Agni and Prithvi. As Chairman of the Technology Information, Forecasting and Assessment Council (TIFAC), also got involved with the creation of Technology Vision 2020 and the India Millennium Missions (IMM 2020), which is an integrated version of technology vision and India’s security concerns.In November 1999 Dr. Kalam was appointed as Principal Scientific Adviser to the Government of India. He joined the Anna University at Chennai as Professor of Technology and Societal Transformation.Dr. A. P. J. Abdul Kalam, was the 11th President of India, serving from 2002 to 2007,he was elected during the tenure of the National Democratic Alliance (India) coalition government, under prime minister Atal Bihari Vajpayee. During his term as President, he was popularly known as the People’s President Post his presidency Dr. Kalam became a visiting professor at the Indian Institute of Management Shillong, the Indian Institute of Management Ahmedabad, and the Indian Institute of Management Indore; an honorary fellow of Indian Institute of Science, Bangalore; chancellor of the Indian Institute of Space Science and Technology Thiruvananthapuram; professor of Aerospace Engineering at Anna University; and an adjunct at many other academic and research institutions across India. He taught information technology at the International Institute of Information Technology, Hyderabad, and technology at Banaras Hindu University and Anna University.Dr APJ Abdul Kalam – An Inspirational Career Story of the Missile Man Dr Avul Pakir Jainulabdeen Abdul Kalam or A.P.J Abdul Kalam was a man that needs no introductions. Known as the Missile Man of India, Dr APJ Abdul Kalam had been instrumental in the great scientific revolution that swept the nation during the 80’s. He was known popularly as the architect of the Indian Missile program and was responsible for the development of the Prithvi as well as Agni missiles. Dr Kalam successfully completed his tenure as perhaps the most popular President of the Republic of India, was widely referred to as the “People’s President”. And the whole nation mourned his demise on the 27th July, 2015. But Dr Kalam continues to be the inspiration of every young mind of the nation often with his demure status and simplicity he has won millions of hearts and minds.Dr. Kalam joined the Technical Centre (Civil Aviation) of the DTD&P (Air) as Senior Scientific Assistant Dr Kalam worked with the Indian Space Research Organisation (ISRO). At ISRO he served in various capacities. Was made Project Director of the Mission for SLV-3. He played a crucial role in developing satellite launch vehicle technology and expertise in control, propulsion and aerodynamics. The SLV-3 project managed to put Rohini, a scientific satellite, into orbit in July 1980.He joined the Defence Research and Development Organisation (DRDO) in 1982. As Director of DRDO, Dr. Kalam was entrusted with the Integrated Guided Missile Development Programme (IGMDP). As Chief Executive of Integrated Guided Missile Development Programme (IGMDP), he also played a major part in developing many missiles of India including Agni and Prithvi.As Chairman of the Technology Information, Forecasting and Assessment Council (TIFAC), also got involved with the creation of Technology Vision 2020 and the India Millennium Missions (IMM 2020), which is an integrated version of technology vision and India’s security concerns.In November 1999 Dr. Kalam was appointed as Principal Scientific Adviser to the Government of India.He joined the Anna University at Chennai as Professor of Technology and Societal Transformation.Dr. A. P. J. Abdul Kalam, was the 11th President of India, serving from 2002 to 2007,he was elected during the tenure of the National Democratic Alliance (India) coalition government, under prime minister Atal Bihari Vajpayee. During his term as President, he was popularly known as the People’s PresidentPost his presidency Dr. Kalam became a visiting professor at the Indian Institute of Management Shillong, the Indian Institute of Management Ahmedabad, and the Indian Institute of Management Indore; an honorary fellow of Indian Institute of Science, Bangalore; chancellor of the Indian Institute of Space Science and Technology Thiruvananthapuram; professor of Aerospace Engineering at Anna University; and an adjunct at many other academic and research institutions across India. He taught information technology at the International Institute of Information Technology, Hyderabad, and technology at Banaras Hindu University and Anna University.Dr APJ Abdul Kalam – An Inspirational Career Story of the Missile Man Dr Avul Pakir Jainulabdeen Abdul Kalam or A.P.J Abdul Kalam was a man that needs no introductions. Known as the Missile Man of India, Dr APJ Abdul Kalam had been instrumental in the great scientific revolution that swept the nation during the 80’s. He was known popularly as the architect of the Indian Missile program and was responsible for the development of the Prithvi as well as Agni missiles. Dr Kalam successfully completed his tenure as perhaps the most popular President of the Republic of India, was widely referred to as the “People’s President”. And the whole nation mourned his demise on the 27th July, 2015. But Dr Kalam continues to be the inspiration of every young mind of the nation often with his demure status and simplicity he has won millions of hearts and minds.Dr. Kalam joined the Technical Centre (Civil Aviation) of the DTD&P (Air) as Senior Scientific Assistant Dr Kalam worked with the Indian Space Research Organisation (ISRO). At ISRO he served in various capacities. Was made Project Director of the Mission for SLV-3. He played a crucial role in developing satellite launch vehicle technology and expertise in control, propulsion and aerodynamics. The SLV-3 project managed to put Rohini, a scientific satellite, into orbit in July 1980.He joined the Defence Research and Development Organisation (DRDO) in 1982. As Director of DRDO, Dr. Kalam was entrusted with the Integrated Guided Missile Development Programme (IGMDP). As Chief Executive of Integrated Guided Missile Development Programme (IGMDP), he also played a major part in developing many missiles of India including Agni and Prithvi.As Chairman of the Technology Information, Forecasting and Assessment Council (TIFAC), also got involved with the creation of Technology Vision 2020 and the India Millennium Missions (IMM 2020), which is an integrated version of technology vision and India’s security concerns.In November 1999 Dr. Kalam was appointed as Principal Scientific Adviser to the Government of India.He joined the Anna University at Chennai as Professor of Technology and Societal Transformation.Dr. A. P. J. Abdul Kalam, was the 11th President of India, serving from 2002 to 2007,he was elected during the tenure of the National Democratic Alliance (India) coalition government, under prime minister Atal Bihari Vajpayee. During his term as President, he was popularly known as the People’s PresidentPost his presidency Dr. Kalam became a visiting professor at the Indian Institute of Management Shillong, the Indian Institute of Management Ahmedabad, and the Indian Institute of Management Indore; an honorary fellow of Indian Institute of Science, Bangalore; chancellor of the Indian Institute of Space Science and Technology Thiruvananthapuram; professor of Aerospace Engineering at Anna University; and an adjunct at many other academic and research institutions across India. He taught information technology at the International Institute of Information Technology, Hyderabad, and technology at Banaras Hindu University and Anna University.Dr APJ Abdul Kalam – An Inspirational Career Story of the Missile Man Dr Avul Pakir Jainulabdeen Abdul Kalam or A.P.J Abdul Kalam was a man that needs no introductions. Known as the Missile Man of India, Dr APJ Abdul Kalam had been instrumental in the great scientific revolution that swept the nation during the 80’s. He was known popularly as the architect of the Indian Missile program and was responsible for the development of the Prithvi as well as Agni missiles. Dr Kalam successfully completed his tenure as perhaps the most popular President of the Republic of India, was widely referred to as the “People’s President”. And the whole nation mourned his demise on the 27th July, 2015. But Dr Kalam continues to be the inspiration of every young Dr Kalam successfully completed his tenure as perhaps the most popular President of the Republic of India, was widely referred to as the “People’s President”. And the whole nation mourned his demise on the 27th July, 2015. But Dr Kalam continues to be the inspiration of every young </p>
   </div>
</body>
</html>

And also you can click the try it button to see the output of the code in our web Code Playground.
You can also download the code to the zip format by clicking the download button. The download process is little bit complex, you need ti await for 10 seconds. after that you can download the code by clicking the generated download link.

Download

Try It

Frontend Forever

Text Portrait Overlay Words

About this Code

TEXT PORTRAIT :

A. P. J. Abdul Kalam

Michael Jackson

Images

Youtube Tutorial Video

Source Code

Leave a Comment

You need to login first to comment.

About Us

Frontend Forever