Site icon Best Open Source Resources for Web Developers | Designers

Make a Professional Ad – 15 Awesome Tutorials

Professional Ad

<p>Here are the 15 tutorials&period; Click the images to go to the tutorial&comma; and remember to leave the authors a comment to tell them what you think&excl; Also remember that there are many websites where you can download free stock photos to try out these different techniques if you don’t have any pictures that fit the task&period;<&sol;p><p><a href&equals;"http&colon;&sol;&sol;alfoart&period;com&sol;golden&lowbar;phone&lowbar;1&period;html" target&equals;"&lowbar;blank" aria-label&equals;" &lpar;opens in a new tab&rpar;" rel&equals;"noreferrer noopener" class&equals;"rank-math-link">Fragmented Golden Phone<&sol;a><br>In this tutorial you will learn to take an ordinary cellphone picture and give it a nice typographic effect on top&period;<&sol;p><div class&equals;"wp-block-image"><figure class&equals;"aligncenter"><a href&equals;"http&colon;&sol;&sol;alfoart&period;com&sol;golden&lowbar;phone&lowbar;1&period;html"><img src&equals;"https&colon;&sol;&sol;www&period;onextrapixel&period;com&sol;wp-content&sol;uploads&sol;2010&sol;06&sol;fragmented-golden-phone&period;jpg" alt&equals;"Fragmented Golden Phone" class&equals;"wp-image-5320"&sol;><&sol;a><&sol;figure><&sol;div><div class&equals;"wp-block-button is-style-fill" style&equals;"text-align&colon;center&semi;"><a class&equals;"wp-block-button&lowbar;&lowbar;link has-text-color has-very-light-gray-color has-background" href&equals;"http&colon;&sol;&sol;www&period;alfoart&period;com&sol;golden-phone-1&period;html" style&equals;"background-color&colon;&num;2da3ac" target&equals;"&lowbar;blank" title&equals;"Fragmented Golden Phone" rel&equals;"noreferrer noopener">Visit Website<&sol;a><&sol;div><p><a href&equals;"http&colon;&sol;&sol;psd&period;fanextra&period;com&sol;tutorials&sol;designing&sol;create-an-awesome-music-poster&sol;" target&equals;"&lowbar;blank" aria-label&equals;" &lpar;opens in a new tab&rpar;" rel&equals;"noreferrer noopener" class&equals;"rank-math-link">&NewLine;Create an Awesome Music Poster<&sol;a><br>Learn how to make an eye-catching music poster ad in this tutorial&period;<&sol;p><div class&equals;"wp-block-image"><figure class&equals;"aligncenter size-large"><a href&equals;"http&colon;&sol;&sol;www&period;outlawdesignblog&period;com&sol;2009&sol;make-a-vintage-magazine-ad-in-photoshop&sol;"><img src&equals;"http&colon;&sol;&sol;blog&period;visibledev&period;net&sol;wp-content&sol;uploads&sol;2020&sol;04&sol;dottedtext21&period;jpg" alt&equals;"" class&equals;"wp-image-2227"&sol;><&sol;a><&sol;figure><&sol;div><div class&equals;"wp-block-button is-style-fill" style&equals;"text-align&colon;center&semi;"><a class&equals;"wp-block-button&lowbar;&lowbar;link has-text-color has-very-light-gray-color has-background" href&equals;"http&colon;&sol;&sol;www&period;outlawdesignblog&period;com&sol;2009&sol;make-a-vintage-magazine-ad-in-photoshop&sol;" style&equals;"background-color&colon;&num;2da3ac" target&equals;"&lowbar;blank" title&equals;"vintage Magazine Ad in Photoshop" rel&equals;"noreferrer noopener"> Visit Website<&sol;a><&sol;div><p><a href&equals;"http&colon;&sol;&sol;psdfan&period;com&sol;tutorials&sol;designing&sol;design-a-sleek-nature-themed-phone-advert&sol;" target&equals;"&lowbar;blank" aria-label&equals;" &lpar;opens in a new tab&rpar;" rel&equals;"noreferrer noopener" class&equals;"rank-math-link">Design a Sleek Nature Themed Phone Advert<&sol;a><br>Combine multiple photo elements and light effects to create an impressive phone advertisement&period;<&sol;p><div class&equals;"wp-block-image"><figure class&equals;"aligncenter"><a href&equals;"http&colon;&sol;&sol;psdfan&period;com&sol;tutorials&sol;designing&sol;design-a-sleek-nature-themed-phone-advert&sol;"><img src&equals;"https&colon;&sol;&sol;www&period;onextrapixel&period;com&sol;wp-content&sol;uploads&sol;2010&sol;06&sol;nature-themed-phone-advert&period;jpg" alt&equals;"Nature Themed Phone Advert" class&equals;"wp-image-5323"&sol;><&sol;a><&sol;figure><&sol;div><div class&equals;"wp-block-button is-style-fill" style&equals;"text-align&colon;center&semi;"><a class&equals;"wp-block-button&lowbar;&lowbar;link has-text-color has-very-light-gray-color has-background" href&equals;"http&colon;&sol;&sol;psd&period;fanextra&period;com&sol;tutorials&sol;designing&sol;design-a-sleek-nature-themed-phone-advert&sol;" style&equals;"background-color&colon;&num;2da3ac" target&equals;"&lowbar;blank" title&equals;"Sleek Nature Themed Phone Advert" rel&equals;"noreferrer noopener">Visit Websited<&sol;a><&sol;div><p><a href&equals;"http&colon;&sol;&sol;www&period;photoshopstar&period;com&sol;graphics&sol;design-a-stylish-fashion-advert&sol;" target&equals;"&lowbar;blank" aria-label&equals;" &lpar;opens in a new tab&rpar;" rel&equals;"noreferrer noopener" class&equals;"rank-math-link">Stylish Fashion Advert<&sol;a><br>In this Photoshop tutorial&comma; you learn how to design a very simple yet stylish fashion themed advert&period;<&sol;p><div class&equals;"wp-block-image"><figure class&equals;"aligncenter"><a href&equals;"http&colon;&sol;&sol;www&period;photoshopstar&period;com&sol;graphics&sol;design-a-stylish-fashion-advert&sol;"><img src&equals;"https&colon;&sol;&sol;www&period;onextrapixel&period;com&sol;wp-content&sol;uploads&sol;2010&sol;06&sol;stylish-fashion-advert&period;jpg" alt&equals;"Stylish Fashion Advert" class&equals;"wp-image-5328"&sol;><&sol;a><&sol;figure><&sol;div><div class&equals;"wp-block-button is-style-fill" style&equals;"text-align&colon;center&semi;"><a class&equals;"wp-block-button&lowbar;&lowbar;link has-text-color has-very-light-gray-color has-background" href&equals;"http&colon;&sol;&sol;www&period;photoshopstar&period;com&sol;graphics&sol;design-a-stylish-fashion-advert&sol;" style&equals;"background-color&colon;&num;2da3ac" target&equals;"&lowbar;blank" title&equals;"Stylish Fashion Advert" rel&equals;"noreferrer noopener">Visit Websited<&sol;a><&sol;div><p><a href&equals;"http&colon;&sol;&sol;www&period;digitalartsonline&period;co&period;uk&sol;tutorials&sol;index&period;cfm&quest;featureID&equals;1843">Create Ice-Cold Image Effects<&sol;a><br>Take a bottle&comma; place it in a fake cold environment&comma; add frozen text and effects along with a chilly background&period; Interesting outcome in 15 well explained steps&period;<&sol;p><div class&equals;"wp-block-image"><figure class&equals;"aligncenter"><a href&equals;"http&colon;&sol;&sol;www&period;digitalartsonline&period;co&period;uk&sol;tutorials&sol;index&period;cfm&quest;featureID&equals;1843"><img src&equals;"https&colon;&sol;&sol;www&period;onextrapixel&period;com&sol;wp-content&sol;uploads&sol;2010&sol;06&sol;create-ice-cold-image-effects&period;jpg" alt&equals;"Create Ice Cold Image Effects" class&equals;"wp-image-5319"&sol;><&sol;a><&sol;figure><&sol;div><div class&equals;"wp-block-button is-style-fill" style&equals;"text-align&colon;center&semi;"><a class&equals;"wp-block-button&lowbar;&lowbar;link has-text-color has-very-light-gray-color has-background" href&equals;"https&colon;&sol;&sol;www&period;digitalartsonline&period;co&period;uk&sol;tutorials&sol;photoshop&sol;add-ice-to-photo-in-photoshop-2019&sol;" style&equals;"background-color&colon;&num;2da3ac" target&equals;"&lowbar;blank" title&equals;"Create Ice-Cold Image Effects" rel&equals;"noreferrer noopener">Visit Websited<&sol;a><&sol;div><p><a href&equals;"https&colon;&sol;&sol;pauga&period;wordpress&period;com&sol;2011&sol;01&sol;07&sol;create-a-vibrant-colorful-alcohol-product-ad-in-photoshop-tutorial&sol;">Create a Vibrant Colorful Alcohol Product Ad in Photoshop<&sol;a><br>Making a colorful&comma; vibrant and realistic ad when dealing with something liquid&comma; isn’t always easy&period; In this tutorial you will learn how to do just that&comma; leaving you with a professional end result&period;<&sol;p><div class&equals;"wp-block-image"><figure class&equals;"aligncenter"><a href&equals;"https&colon;&sol;&sol;pauga&period;wordpress&period;com&sol;2011&sol;01&sol;07&sol;create-a-vibrant-colorful-alcohol-product-ad-in-photoshop-tutorial&sol;"><img src&equals;"https&colon;&sol;&sol;www&period;onextrapixel&period;com&sol;wp-content&sol;uploads&sol;2010&sol;06&sol;colorful-alcohol-product-ad&period;jpg" alt&equals;"Colorful Alcohol Product Ad" class&equals;"wp-image-5318"&sol;><&sol;a><&sol;figure><&sol;div><div class&equals;"wp-block-button is-style-fill" style&equals;"text-align&colon;center&semi;"><a class&equals;"wp-block-button&lowbar;&lowbar;link has-text-color has-very-light-gray-color has-background" href&equals;"https&colon;&sol;&sol;pauga&period;wordpress&period;com&sol;2011&sol;01&sol;07&sol;create-a-vibrant-colorful-alcohol-product-ad-in-photoshop-tutorial&sol;" style&equals;"background-color&colon;&num;2da3ac" target&equals;"&lowbar;blank" title&equals;"Vibrant Colorful Alcohol Product Ad" rel&equals;"noreferrer noopener">Visit Websited<&sol;a><&sol;div><p><a href&equals;"http&colon;&sol;&sol;psdfan&period;com&sol;designing&sol;design-a-professional-laptop-advert&sol;">Design a Professional Laptop Advert<&sol;a><br>Create your own vanishing points&comma; and use these techniques to create a ’screen explosion’ effect for this cool looking laptop ad&period; Try it using a tv&comma; cellphone&comma; window&comma; painting – the possibilities are many&excl;<&sol;p><div class&equals;"wp-block-image"><figure class&equals;"aligncenter"><a href&equals;"http&colon;&sol;&sol;psdfan&period;com&sol;designing&sol;design-a-professional-laptop-advert&sol;"><img src&equals;"https&colon;&sol;&sol;www&period;onextrapixel&period;com&sol;wp-content&sol;uploads&sol;2010&sol;06&sol;professional-laptop-advert&period;jpg" alt&equals;"Professional Laptop Advert" class&equals;"wp-image-5324"&sol;><&sol;a><&sol;figure><&sol;div><div class&equals;"wp-block-button is-style-fill" style&equals;"text-align&colon;center&semi;"><a class&equals;"wp-block-button&lowbar;&lowbar;link has-text-color has-very-light-gray-color has-background" href&equals;"http&colon;&sol;&sol;psd&period;fanextra&period;com&sol;tutorials&sol;designing&sol;design-a-professional-laptop-advert&sol;" style&equals;"background-color&colon;&num;2da3ac" target&equals;"&lowbar;blank" title&equals;"Professional Laptop Advert" rel&equals;"noreferrer noopener">Visit Websited<&sol;a><&sol;div><p><a href&equals;"http&colon;&sol;&sol;tutzor&period;com&sol;" target&equals;"&lowbar;blank" aria-label&equals;" &lpar;opens in a new tab&rpar;" rel&equals;"noreferrer noopener" class&equals;"rank-math-link">Sleek Phone Advertisement Flyer<&sol;a><br>This tutorial teaches us how to make a very interesting and sleek phone advertising wallpaper&period; A very good tutorial with room for different personal adjustments&period; Add your own text and design elements to the finished look&period;<&sol;p><div class&equals;"wp-block-image"><figure class&equals;"aligncenter"><a href&equals;"http&colon;&sol;&sol;www&period;tutzor&period;com&sol;index&period;php&sol;2008&sol;06&sol;sleek-phone-advertisement-flyer&sol;"><img src&equals;"https&colon;&sol;&sol;www&period;onextrapixel&period;com&sol;wp-content&sol;uploads&sol;2010&sol;06&sol;sleek-phone-flyer&period;jpg" alt&equals;"Sleek Phone Flyer" class&equals;"wp-image-5326"&sol;><&sol;a><&sol;figure><&sol;div><div class&equals;"wp-block-button is-style-fill" style&equals;"text-align&colon;center&semi;"><a class&equals;"wp-block-button&lowbar;&lowbar;link has-text-color has-very-light-gray-color has-background" href&equals;"http&colon;&sol;&sol;tutzor&period;com&sol;" style&equals;"background-color&colon;&num;2da3ac" target&equals;"&lowbar;blank" title&equals;"Sleek Phone Advertisement Flyer" rel&equals;"noreferrer noopener">Visit Websited<&sol;a><&sol;div><p><a href&equals;"http&colon;&sol;&sol;abduzeedo&period;com&sol;create-amazing-ad-photoshop">Create an Amazing Ad in Photoshop<&sol;a><br>Use some images and play with blend modes and color adjustments to create a really cool Nike Ad&period; This can be used with almost any logo or shape and gives a very interesting effect&period;<&sol;p><div class&equals;"wp-block-image"><figure class&equals;"aligncenter"><a href&equals;"http&colon;&sol;&sol;abduzeedo&period;com&sol;create-amazing-ad-photoshop"><img src&equals;"https&colon;&sol;&sol;www&period;onextrapixel&period;com&sol;wp-content&sol;uploads&sol;2010&sol;06&sol;amazing-ad-in-photoshop&period;jpg" alt&equals;"Amazing Ad In Photoshop" class&equals;"wp-image-5316"&sol;><&sol;a><&sol;figure><&sol;div><div class&equals;"wp-block-button is-style-fill" style&equals;"text-align&colon;center&semi;"><a class&equals;"wp-block-button&lowbar;&lowbar;link has-text-color has-very-light-gray-color has-background" href&equals;"https&colon;&sol;&sol;abduzeedo&period;com&sol;create-amazing-ad-photoshop" style&equals;"background-color&colon;&num;2da3ac" target&equals;"&lowbar;blank" title&equals;"Amazing Ad in Photoshop" rel&equals;"noreferrer noopener">Visit Websited<&sol;a><&sol;div><p><a href&equals;"http&colon;&sol;&sol;pshero&period;com&sol;photoshop-tutorials&sol;graphic-design&sol;water-drops" target&equals;"&lowbar;blank" aria-label&equals;" &lpar;opens in a new tab&rpar;" rel&equals;"noreferrer noopener" class&equals;"rank-math-link">Water Drops<&sol;a><br>In this tutorial you will learn how to make basic water drops in three dimensional space using the elliptical marquee tool&comma; free transform&comma; duplicate layer and a few simple layer effects&period;<&sol;p><div class&equals;"wp-block-image"><figure class&equals;"aligncenter size-large"><a href&equals;"http&colon;&sol;&sol;www&period;tutorial9&period;net&sol;photoshop&sol;how-to-create-a-cell-phone-advertisement&sol;"><img src&equals;"http&colon;&sol;&sol;blog&period;visibledev&period;net&sol;wp-content&sol;uploads&sol;2020&sol;04&sol;Water-Drops&period;jpg" alt&equals;"" class&equals;"wp-image-2229"&sol;><&sol;a><&sol;figure><&sol;div><div class&equals;"wp-block-button is-style-fill" style&equals;"text-align&colon;center&semi;"><a class&equals;"wp-block-button&lowbar;&lowbar;link has-text-color has-very-light-gray-color has-background" href&equals;"http&colon;&sol;&sol;pshero&period;com&sol;photoshop-tutorials&sol;graphic-design&sol;water-drops" style&equals;"background-color&colon;&num;2da3ac" target&equals;"&lowbar;blank" title&equals;"Water drops" rel&equals;"noreferrer noopener">Visit Websited<&sol;a><&sol;div><p><a href&equals;"http&colon;&sol;&sol;psdfan&period;com&sol;tutorials&sol;designing&sol;design-a-stunning-sneaker-advert&sol;" target&equals;"&lowbar;blank" aria-label&equals;" &lpar;opens in a new tab&rpar;" rel&equals;"noreferrer noopener" class&equals;"rank-math-link">Design a Stunning Sneaker Advert<&sol;a><br>Design a stunning sneaker advert&comma; using a variety of lighting effects&comma; a flame and some clouds&period;<&sol;p><div class&equals;"wp-block-image"><figure class&equals;"aligncenter"><a href&equals;"http&colon;&sol;&sol;psdfan&period;com&sol;tutorials&sol;designing&sol;design-a-stunning-sneaker-advert&sol;"><img src&equals;"https&colon;&sol;&sol;www&period;onextrapixel&period;com&sol;wp-content&sol;uploads&sol;2010&sol;06&sol;stunning-sneaker-advert&period;jpg" alt&equals;"Stunning Sneaker Advert" class&equals;"wp-image-5327"&sol;><&sol;a><&sol;figure><&sol;div><div class&equals;"wp-block-button is-style-fill" style&equals;"text-align&colon;center&semi;"><a class&equals;"wp-block-button&lowbar;&lowbar;link has-text-color has-very-light-gray-color has-background" href&equals;"http&colon;&sol;&sol;psd&period;fanextra&period;com&sol;tutorials&sol;designing&sol;design-a-stunning-sneaker-advert&sol;" style&equals;"background-color&colon;&num;2da3ac" target&equals;"&lowbar;blank" title&equals;"Stunning Sneaker Advert" rel&equals;"noreferrer noopener">Visit Websited<&sol;a><&sol;div><p><a href&equals;"http&colon;&sol;&sol;www&period;photoshoplady&period;com&sol;designing-a-portable-gaming-device-poster&sol;" target&equals;"&lowbar;blank" aria-label&equals;" &lpar;opens in a new tab&rpar;" rel&equals;"noreferrer noopener" class&equals;"rank-math-link">Designing a Portable Gaming Device Poster<&sol;a><br>The making of an interesting&comma; creative advertisement poster&period; Great for advertising your newest product&comma; or just getting some design practice&period;<&sol;p><div class&equals;"wp-block-image"><figure class&equals;"aligncenter"><a href&equals;"http&colon;&sol;&sol;www&period;photoshoplady&period;com&sol;designing-a-portable-gaming-device-poster&sol;"><img src&equals;"https&colon;&sol;&sol;www&period;onextrapixel&period;com&sol;wp-content&sol;uploads&sol;2010&sol;06&sol;gaming-device-poster&period;jpg" alt&equals;"Gaming Device Poster" class&equals;"wp-image-5321"&sol;><&sol;a><&sol;figure><&sol;div><div class&equals;"wp-block-button is-style-fill" style&equals;"text-align&colon;center&semi;"><a class&equals;"wp-block-button&lowbar;&lowbar;link has-text-color has-very-light-gray-color has-background" href&equals;"https&colon;&sol;&sol;www&period;photoshoplady&period;com&sol;designing-a-portable-gaming-device-poster&sol;" style&equals;"background-color&colon;&num;2da3ac" target&equals;"&lowbar;blank" title&equals;"Portable Gaming Device Poster" rel&equals;"noreferrer noopener">Visit Websited<&sol;a><&sol;div><p><a href&equals;"http&colon;&sol;&sol;psdfan&period;com&sol;photo-effects&sol;create-a-refreshing-drinks-ad&sol;" target&equals;"&lowbar;blank" aria-label&equals;" &lpar;opens in a new tab&rpar;" rel&equals;"noreferrer noopener" class&equals;"rank-math-link">Create a Vibrant Drinks Ad<&sol;a><br>Design a drinks advert that involves some photo manipulation and shows you how to blend layers to achieve great results&excl;<&sol;p><div class&equals;"wp-block-image"><figure class&equals;"aligncenter"><a href&equals;"http&colon;&sol;&sol;psdfan&period;com&sol;photo-effects&sol;create-a-refreshing-drinks-ad&sol;"><img src&equals;"https&colon;&sol;&sol;www&period;onextrapixel&period;com&sol;wp-content&sol;uploads&sol;2010&sol;06&sol;vibrant-drinks-ad&period;jpg" alt&equals;"Vibrant Drinks Ad" class&equals;"wp-image-5329"&sol;><&sol;a><&sol;figure><&sol;div><div class&equals;"wp-block-button is-style-fill" style&equals;"text-align&colon;center&semi;"><a class&equals;"wp-block-button&lowbar;&lowbar;link has-text-color has-very-light-gray-color has-background" href&equals;"http&colon;&sol;&sol;psd&period;fanextra&period;com&sol;tutorials&sol;photo-effects&sol;create-a-refreshing-drinks-ad&sol;" style&equals;"background-color&colon;&num;2da3ac" target&equals;"&lowbar;blank" title&equals;"Vibrant Drinks Ad" rel&equals;"noreferrer noopener">Visit Websited<&sol;a><&sol;div><p><a href&equals;"http&colon;&sol;&sol;www&period;photoshopstar&period;com&sol;graphics&sol;professional-advertisement-poster&sol;">Professional Advertisement Poster<&sol;a><br>Make a professional advertisement poster based on color contrasts and get a stunning result&period;<&sol;p><div class&equals;"wp-block-button is-style-fill" style&equals;"text-align&colon;center&semi;"><a class&equals;"wp-block-button&lowbar;&lowbar;link has-text-color has-very-light-gray-color has-background" href&equals;"http&colon;&sol;&sol;www&period;photoshopstar&period;com&sol;graphics&sol;professional-advertisement-poster&sol;" style&equals;"background-color&colon;&num;2da3ac" target&equals;"&lowbar;blank" title&equals;"Advertisement Poster" rel&equals;"noreferrer noopener">Visit Websited<&sol;a><&sol;div><p><a href&equals;"http&colon;&sol;&sol;www&period;smashingmagazine&period;com&sol;2010&sol;05&sol;14&sol;design-a-print-ready-promotional-ad-using-photoshop-and-illustrator&sol;"><br>Design A Print-Ready Promotional Ad Using Photoshop and Illustrator<&sol;a><br>In this final tutorial&comma; you get a lot of useful info&period; This article takes it all a step further for those who are dead serious about advertising&period;<&sol;p><div class&equals;"wp-block-button is-style-fill" style&equals;"text-align&colon;center&semi;"><a class&equals;"wp-block-button&lowbar;&lowbar;link has-text-color has-very-light-gray-color has-background" href&equals;"http&colon;&sol;&sol;www&period;smashingmagazine&period;com&sol;2010&sol;05&sol;14&sol;design-a-print-ready-promotional-ad-using-photoshop-and-illustrator&sol;" style&equals;"background-color&colon;&num;2da3ac" target&equals;"&lowbar;blank" title&equals;"Photoshop and Illustrator" rel&equals;"noreferrer noopener">Visit Websited<&sol;a><&sol;div><hr class&equals;"wp-block-separator is-style-wide"&sol;>

Exit mobile version