Turn any photo into a dot grid artwork with these Photoshop actions. You'll get great results with dots that change size. They get larger in brighter areas and smaller in darker areas. Free download available.
Preview of Final Results
![final-results[26]](data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxIDEiIHdpZHRoPSIxIiBoZWlnaHQ9IjEiIGRhdGEtdT0iaHR0cHMlM0ElMkYlMkZ3d3cucGhvdG9zaG9wdHV0b3JpYWxzLndzJTJGaW1hZ2VzJTJGc3RvcmllcyUyRmZpbmFsLXJlc3VsdHMlMjU1QjI2JTI1NURfODY3NTllMGEtMTRlMi00MTE0LTk5NjUtMjQ1NDkzOWFiYmI3LmpwZyIgZGF0YS13PSIxIiBkYXRhLWg9IjEiIGRhdGEtYmlwPSIiPjwvc3ZnPg== "final-results[26]")
Design a Retro Typography Poster Photoshop Tutorial
Resources
- Metal Texture - CGTextures
- Skyscraper - SXC
- Paper Texture - Bashcorpo
- Paint texture - Mediamilitia
Step 1 : Creating the Type
For this particular tutorial we have to work interchangeably with Photoshop and Illustrator. So we have to switch back and forth between these programs. It is better to have these two applications opened side by side to improve efficiency. Our first step is to create 3D text. Type some text using the "Type Tool". I used a font calledBifurk.![step-1(1)[15]](data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxIDEiIHdpZHRoPSIxIiBoZWlnaHQ9IjEiIGRhdGEtdT0iaHR0cHMlM0ElMkYlMkZ3d3cucGhvdG9zaG9wdHV0b3JpYWxzLndzJTJGaW1hZ2VzJTJGc3RvcmllcyUyRnN0ZXAtMSUyODElMjklMjU1QjE1JTI1NURfYzA5ZDQwMmEtMGY5Ny00NjAzLWExZTktODhhZWNmNjg3YTgyLmpwZyIgZGF0YS13PSIxIiBkYXRhLWg9IjEiIGRhdGEtYmlwPSIiPjwvc3ZnPg== "step-1(1)[15]")
![step-1(2)[14]](data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxIDEiIHdpZHRoPSIxIiBoZWlnaHQ9IjEiIGRhdGEtdT0iaHR0cHMlM0ElMkYlMkZ3d3cucGhvdG9zaG9wdHV0b3JpYWxzLndzJTJGaW1hZ2VzJTJGc3RvcmllcyUyRnN0ZXAtMSUyODIlMjklMjU1QjE0JTI1NURfYzhhYWZkZWUtNTliYi00YzkyLTg2MDYtMGQyODg3M2NiODdiLmpwZyIgZGF0YS13PSIxIiBkYXRhLWg9IjEiIGRhdGEtYmlwPSIiPjwvc3ZnPg== "step-1(2)[14]")
![step-1(3)[14]](data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxIDEiIHdpZHRoPSIxIiBoZWlnaHQ9IjEiIGRhdGEtdT0iaHR0cHMlM0ElMkYlMkZ3d3cucGhvdG9zaG9wdHV0b3JpYWxzLndzJTJGaW1hZ2VzJTJGc3RvcmllcyUyRnN0ZXAtMSUyODMlMjklMjU1QjE0JTI1NURfZTdhNjZlYjItMTExNy00NWJjLWJiZWUtYWQyNWI5MmM4NzhjLmpwZyIgZGF0YS13PSIxIiBkYXRhLWg9IjEiIGRhdGEtYmlwPSIiPjwvc3ZnPg== "step-1(3)[14]")
![step-1(4)[14]](data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxIDEiIHdpZHRoPSIxIiBoZWlnaHQ9IjEiIGRhdGEtdT0iaHR0cHMlM0ElMkYlMkZ3d3cucGhvdG9zaG9wdHV0b3JpYWxzLndzJTJGaW1hZ2VzJTJGc3RvcmllcyUyRnN0ZXAtMSUyODQlMjklMjU1QjE0JTI1NURfZjgyOTQ2M2ItYTdkMi00OWVkLTgwOWUtNmZlOGVkMzgwYWZhLmpwZyIgZGF0YS13PSIxIiBkYXRhLWg9IjEiIGRhdGEtYmlwPSIiPjwvc3ZnPg== "step-1(4)[14]")
![step-1(5)[14]](data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxIDEiIHdpZHRoPSIxIiBoZWlnaHQ9IjEiIGRhdGEtdT0iaHR0cHMlM0ElMkYlMkZ3d3cucGhvdG9zaG9wdHV0b3JpYWxzLndzJTJGaW1hZ2VzJTJGc3RvcmllcyUyRnN0ZXAtMSUyODUlMjklMjU1QjE0JTI1NURfNzg3NzZhYmQtMTQzNC00ZTMwLWE4YjYtNmQ3MGQyMmM0NGEzLmpwZyIgZGF0YS13PSIxIiBkYXRhLWg9IjEiIGRhdGEtYmlwPSIiPjwvc3ZnPg== "step-1(5)[14]")
![step-1(7)[13]](data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxIDEiIHdpZHRoPSIxIiBoZWlnaHQ9IjEiIGRhdGEtdT0iaHR0cHMlM0ElMkYlMkZ3d3cucGhvdG9zaG9wdHV0b3JpYWxzLndzJTJGaW1hZ2VzJTJGc3RvcmllcyUyRnN0ZXAtMSUyODclMjklMjU1QjEzJTI1NURfMjQyNjgxMGYtY2ZhOC00ODE0LWJjNGMtMWIzOWMzMjU2YjRlLmpwZyIgZGF0YS13PSIxIiBkYXRhLWg9IjEiIGRhdGEtYmlwPSIiPjwvc3ZnPg== "step-1(7)[13]")
![step-1(8)[13]](data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxIDEiIHdpZHRoPSIxIiBoZWlnaHQ9IjEiIGRhdGEtdT0iaHR0cHMlM0ElMkYlMkZ3d3cucGhvdG9zaG9wdHV0b3JpYWxzLndzJTJGaW1hZ2VzJTJGc3RvcmllcyUyRnN0ZXAtMSUyODglMjklMjU1QjEzJTI1NURfNTA5NzUxZDEtNmYyYS00NTYzLTgzNDgtNzhhOTIyYWI0NzQwLmpwZyIgZGF0YS13PSIxIiBkYXRhLWg9IjEiIGRhdGEtYmlwPSIiPjwvc3ZnPg== "step-1(8)[13]")
![step-1(9)[13]](data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxIDEiIHdpZHRoPSIxIiBoZWlnaHQ9IjEiIGRhdGEtdT0iaHR0cHMlM0ElMkYlMkZ3d3cucGhvdG9zaG9wdHV0b3JpYWxzLndzJTJGaW1hZ2VzJTJGc3RvcmllcyUyRnN0ZXAtMSUyODklMjklMjU1QjEzJTI1NURfMzg2MTc1NGYtMGVhMi00OGNlLWJjYjctYmYzZmEzNjUzYzkyLmpwZyIgZGF0YS13PSIxIiBkYXRhLWg9IjEiIGRhdGEtYmlwPSIiPjwvc3ZnPg== "step-1(9)[13]")
![step-1(10)[13]](data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxIDEiIHdpZHRoPSIxIiBoZWlnaHQ9IjEiIGRhdGEtdT0iaHR0cHMlM0ElMkYlMkZ3d3cucGhvdG9zaG9wdHV0b3JpYWxzLndzJTJGaW1hZ2VzJTJGc3RvcmllcyUyRnN0ZXAtMSUyODEwJTI5JTI1NUIxMyUyNTVEXzNiYjVmYjZmLWM0YTUtNDJhYi04ZTMwLWQzODcwY2VjMzExZi5qcGciIGRhdGEtdz0iMSIgZGF0YS1oPSIxIiBkYXRhLWJpcD0iIj48L3N2Zz4= "step-1(10)[13]")
Step 2 : Creating document in Photoshop
Create a new A3 document in Photoshop at 300ppi. I generally prefer to work at high resolution so please keep in mind that the directions and values you find in this tutorial are based on a 300ppi document. If you are not designing at 300ppi change the values according to your resolution.![step-2[12]](data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxIDEiIHdpZHRoPSIxIiBoZWlnaHQ9IjEiIGRhdGEtdT0iaHR0cHMlM0ElMkYlMkZ3d3cucGhvdG9zaG9wdHV0b3JpYWxzLndzJTJGaW1hZ2VzJTJGc3RvcmllcyUyRnN0ZXAtMiUyNTVCMTIlMjU1RF85YjhiYjA2ZC1iNGQ1LTQ5Y2ItYWI2MC0wZmZjMDc1MGRiNjcuanBnIiBkYXRhLXc9IjEiIGRhdGEtaD0iMSIgZGF0YS1iaXA9IiI+PC9zdmc+ "step-2[12]")
Step 3 : Bringing in the Text
First is first, let's copy the 3D text from Illustrator and paste it into Photoshop as "Path" because We don't need the color information. We will add our own colors here in Photoshop. Make sure the path is pasted center to the document or press Crl+0 then paste. This is our main path that we are going to use often. Just for safety duplicate the path a couple of times in the paths palette.![step-3(1)[12]](data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxIDEiIHdpZHRoPSIxIiBoZWlnaHQ9IjEiIGRhdGEtdT0iaHR0cHMlM0ElMkYlMkZ3d3cucGhvdG9zaG9wdHV0b3JpYWxzLndzJTJGaW1hZ2VzJTJGc3RvcmllcyUyRnN0ZXAtMyUyODElMjklMjU1QjEyJTI1NURfZWIwNWM0MGEtODY4Yi00ODliLThmNDEtOWIxZDdjYTFjZTVkLmpwZyIgZGF0YS13PSIxIiBkYXRhLWg9IjEiIGRhdGEtYmlwPSIiPjwvc3ZnPg== "step-3(1)[12]")
![step-3(2)[12]](data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxIDEiIHdpZHRoPSIxIiBoZWlnaHQ9IjEiIGRhdGEtdT0iaHR0cHMlM0ElMkYlMkZ3d3cucGhvdG9zaG9wdHV0b3JpYWxzLndzJTJGaW1hZ2VzJTJGc3RvcmllcyUyRnN0ZXAtMyUyODIlMjklMjU1QjEyJTI1NURfNDdlMjc2NzUtZDJmZi00NWEzLWEwNzUtZjZiN2MwYzU4NTE3LmpwZyIgZGF0YS13PSIxIiBkYXRhLWg9IjEiIGRhdGEtYmlwPSIiPjwvc3ZnPg== "step-3(2)[12]")
![step-3(3)[12]](data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxIDEiIHdpZHRoPSIxIiBoZWlnaHQ9IjEiIGRhdGEtdT0iaHR0cHMlM0ElMkYlMkZ3d3cucGhvdG9zaG9wdHV0b3JpYWxzLndzJTJGaW1hZ2VzJTJGc3RvcmllcyUyRnN0ZXAtMyUyODMlMjklMjU1QjEyJTI1NURfZDEwMGQwNmItMjcyYS00OTUyLWE4NGMtMjljYWM0NzlhZDkyLmpwZyIgZGF0YS13PSIxIiBkYXRhLWg9IjEiIGRhdGEtYmlwPSIiPjwvc3ZnPg== "step-3(3)[12]")
![step-3(4)[12]](data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxIDEiIHdpZHRoPSIxIiBoZWlnaHQ9IjEiIGRhdGEtdT0iaHR0cHMlM0ElMkYlMkZ3d3cucGhvdG9zaG9wdHV0b3JpYWxzLndzJTJGaW1hZ2VzJTJGc3RvcmllcyUyRnN0ZXAtMyUyODQlMjklMjU1QjEyJTI1NURfZDVkMGMzMzMtMDE1Ny00ZmFmLTk1MjctZGY0ZDAzNDE2NjE2LmpwZyIgZGF0YS13PSIxIiBkYXRhLWg9IjEiIGRhdGEtYmlwPSIiPjwvc3ZnPg== "step-3(4)[12]")
![step-3(5)[12]](data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxIDEiIHdpZHRoPSIxIiBoZWlnaHQ9IjEiIGRhdGEtdT0iaHR0cHMlM0ElMkYlMkZ3d3cucGhvdG9zaG9wdHV0b3JpYWxzLndzJTJGaW1hZ2VzJTJGc3RvcmllcyUyRnN0ZXAtMyUyODUlMjklMjU1QjEyJTI1NURfM2RhN2ExNWItZDFiMC00NmRmLWE5YmItNmQ1MTQ0YjVlNjUwLmpwZyIgZGF0YS13PSIxIiBkYXRhLWg9IjEiIGRhdGEtYmlwPSIiPjwvc3ZnPg== "step-3(5)[12]")
![step-3(6)[12]](data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxIDEiIHdpZHRoPSIxIiBoZWlnaHQ9IjEiIGRhdGEtdT0iaHR0cHMlM0ElMkYlMkZ3d3cucGhvdG9zaG9wdHV0b3JpYWxzLndzJTJGaW1hZ2VzJTJGc3RvcmllcyUyRnN0ZXAtMyUyODYlMjklMjU1QjEyJTI1NURfM2NhNGIwY2UtNjgyNC00OGRiLWJkMmItZTQwN2I3OWJlZWI4LmpwZyIgZGF0YS13PSIxIiBkYXRhLWg9IjEiIGRhdGEtYmlwPSIiPjwvc3ZnPg== "step-3(6)[12]")
![step-3(7)[12]](data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxIDEiIHdpZHRoPSIxIiBoZWlnaHQ9IjEiIGRhdGEtdT0iaHR0cHMlM0ElMkYlMkZ3d3cucGhvdG9zaG9wdHV0b3JpYWxzLndzJTJGaW1hZ2VzJTJGc3RvcmllcyUyRnN0ZXAtMyUyODclMjklMjU1QjEyJTI1NURfNDQyMWJjNzQtZmQ3Ny00MGMxLTg2OWYtOWQ3ZWRhMDI5ZjJiLmpwZyIgZGF0YS13PSIxIiBkYXRhLWg9IjEiIGRhdGEtYmlwPSIiPjwvc3ZnPg== "step-3(7)[12]")
![step-3(8)[12]](data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxIDEiIHdpZHRoPSIxIiBoZWlnaHQ9IjEiIGRhdGEtdT0iaHR0cHMlM0ElMkYlMkZ3d3cucGhvdG9zaG9wdHV0b3JpYWxzLndzJTJGaW1hZ2VzJTJGc3RvcmllcyUyRnN0ZXAtMyUyODglMjklMjU1QjEyJTI1NURfYjRjM2Y1YTAtODE5MC00YzE4LWE4MGEtM2I2MDkxM2ZhZjg4LmpwZyIgZGF0YS13PSIxIiBkYXRhLWg9IjEiIGRhdGEtYmlwPSIiPjwvc3ZnPg== "step-3(8)[12]")
6 comments on “Design a Retro Typography Poster in Photoshop”
i used this tutorial to make a school project thank you very much and we are waiting for more
Good reference :)
I have learned a lot
Thank u very much !
Awesome tutorial. One of the best I've come across.
Great job Niranth! You have some wonderful tutorials on this website
This has been one of the best tutorials I have come across, great job, keep it up.
great job, niranth!