
Gain practical advertising and web design techniques from eight years of industry experience, mastering smarter design, advertising campaigns, design psychology, user experience research, and Photoshop advanced techniques plus Flash animation.
Discover what this advertising art direction course offers and how it differs from other design programs. Learn the tools you need and how the knowledge helps you earn more money.
Discover what advertising design really is. Leverage eight years of web design and four in our direction to teach design thinking and faster day-to-day techniques.
Clarify that the course is not a Photoshop tutorial or tool guide; it remains realistic and requires a lot of work, blending theory with applied practice for great design.
Explore design advertising essentials, research campaigns, apply psychology, and craft user-friendly websites, banners, and Facebook ads with advanced masking, editing, and lighting effects.
Bring basic Photoshop and design knowledge to master advanced advertising art direction techniques, with passion to learn and willingness to work hard, plus a 30-day free Flash and Photoshop trial.
Learn to plan design smarter, work faster, and apply smarter techniques to become an art director and skilled web designer, unlocking success and higher earnings fueled by passion.
Lemar daughter presents a web designer and art director with eight years' experience, who has worked for Procter and Gamble and Nestle, and holds a master's in online marketing.
stay motivated in advertising art direction by cultivating curiosity, not settling when projects are stressful, and pursuing design passion with guided first steps.
Apply advertising design theory to craft campaigns and briefs, design for a target audience, select promotional media types, develop sales-driven campaigns, research your campaign, and weave storytelling into the design.
Apply advertising theory to design by defining what you transmit and how to persuade an audience to act. Build brand identity, choose rational messaging, use urgency and empathy.
Craft an effective advertising campaign brief by detailing the background, objectives, target audience, focus, rational and emotional reasons to believe, and a structured deadline calendar.
Define the target audience by identifying who they are, where they are, and their lifestyle to inform design decisions. Use visual hierarchy to shape what the audience understands.
Learn how to select promotional media types and follow a media plan, featuring Google, Yahoo, and Facebook ad networks with banner and video ad formats.
Analyze and optimize campaigns to boost conversions by refining headlines, colors, and layout; apply a visual hierarchy and Aida for services, highlighting benefits and guiding next actions.
Conduct thorough research by analyzing competitors and global campaigns to gather design ideas, evaluate what worked or failed, and avoid copying while drawing inspiration from diverse sources.
Explore two storytelling approaches in design: leverage a real product story or craft an emotion-driven narrative using how, who, where, and when to shape a visual campaign.
Explore how to design for emotion while staying true to brand and product, weigh timeless versus trendy design, apply user experience principles, and find inspiration for advertising art direction.
Explore how emotion shapes advertising design through visceral, behavioral, and reflective levels; learn to craft context, benefits over features, and emotional triggers via color, tone, humor.
Stay true to your brand by aligning with your target audience's values, differentiate through design, listen to instant feedback, engage users via social media, and preserve brand dna.
Balance timeless design with trends to keep products relevant for years, focusing on user experience, emotion, and subtle interfaces amid morphism and flat design examples.
Explore user experience principles to create valuable, usable, and credible customer experiences by applying contrast, hierarchy, balance, repetition, consistency, context, and simple, user-centered design.
Plan and research to overcome inspiration blocks by setting timing and objectives. Gather keywords from web, books, magazines, stock images, and even unrelated domains, then sketch ideas and start designing.
Plan your vision for advertising art direction by selecting tools and extensions, formats, and perspective-guided visuals. Define fonts, image placement, lighting, color grading, masking, and export-ready plans.
Use Adobe Photoshop and the guide extension to position elements on the canvas with precise guides, installing the extension via Photoshop's extension manager.
Select the print format and orientation for the key visual, prioritizing landscape for web and banners to maximize space while maintaining a high resolution print-ready design that can be replicated.
Sketch the environment first, then add the product and primary elements, followed by secondary elements, to create a visual wireframe using tools like Photoshop or pen and paper.
Images credits:
Find images for your composition by sourcing from stock imagery sites, google images, or your own photos, selecting two to three options per element and keeping a backup set.
Pair fonts for body text and headlines to avoid dull designs; use easy-to-read body fonts, explore Google fonts for web-optimized options, and mix serif, sans-serif, and cursive styles.
Position the product as first element in the visual hierarchy. Keep it visible from first glance, stand out, and limit overlap to 10 to 15 percent in its natural position.
Adopt a project-based workflow with dedicated folders for raw, processed, and vector assets and a naming convention of project, type, version, and date; name every layer and use backups.
Stay organized to quickly modify a key visual with hundreds of layers and manage client feedback; name your design choices, push through the first two rounds, then let go.
Establish the visual hierarchy, create a new Photoshop file at paper size in landscape, 300 dpi, rgb color, then import the sketch and duplicate its group into the main file.
Open all images in Photoshop, create rough selection masks with quick mask and brush, convert to smart objects, and blend elements on the canvas with layered masks and background tweaks.
Mask the key visual elements with precision using quick mask, magic wand, and quick selection tools; refine edges with edge detection and shift edge for hard-edged masks.
Clean the umbrella by removing dirt and bluish edges on a top layer with clipping masks for nondestructive edits, preserving original beneath; then color-correct and light sea shells and visual.
Apply a vintage texture using multiply blending and subtle opacity, then adjust color balance toward a yellowish green hue by reducing red for a more vibrant, cohesive look.
Learn to color correct and light every element, align shadows in one direction, and build realistic lighting with clipping masks, soft brushes, and layer modes like multiply and overlay.
Apply color grading to the visual by adding a lens flare, duplicating it with lower opacity, and refining shadows and masks on a black solid layer with screen blend mode.
Export the design by saving for web at the specified resolution and 60 percent quality; then export a full‑resolution JPEG, import into Photoshop, and switch to cmyk.
Showcase your design by using a poster mockup from Graphic Berger, open the smart object, add your design, save, and elevate your presentation to impress clients.
Design a campaign landing page by choosing the right tools, deciding content, applying responsive design and wireframing, then build from the ground up and evolve your web design.
We use Photoshop CC and the guide extension to support art direction workflows, and discuss exporting pictures through extensions for collaborative development.
Decide what information goes on the landing page, include the visual and a short headline, plus video location for beach parties and the letter section, using the striped bass design.
Create a wireframe using the 960 grid for responsive design; add a menu, video box, headline, body text, beach parties map, and newsletter signup with email field and subscribe button.
Learn how a 960 grid with 12 columns enables flexible layouts, with elements repositioning for smaller displays, while distinguishing responsive design with multiple breakpoints from mobile design that stays fixed.
Define specific tribes for purposes on the landing page to keep information clear and simple. Create stripe-based hierarchy with clear actions and a menu for campaigns, products, and beach parties.
Learn to optimize landing pages for speed by using web-friendly images (prefer JPEG over large PNGs), avoiding gradients, and choosing web-optimized fonts to improve performance.
Use layer comps to switch between design versions and website pages. Create, name, and manage comps in the Windows menu, then export multiple comps as JPEGs with a script.
Duplicate the main page wireframe, rename and reuse the existing 963 setting, flatten layers with merge group, and position the guide at 700 pixels from the top for laptop landing.
Add a menu to the landing page by creating three anchors for about, the beach party stripe, and newsletters, and place a generic logo with icons in the menu bar.
Add the visual to the landing page and set the resolution to 72 ppi. Mask the first stripe, place the product on the right, and refine adjustment layers and shadows.
Refine campaign visuals by aligning headline, video box, clip, and play button with a soft shadow, then add a preview map and title to shape landing page, Google Maps replacement.
Design a newsletter subscription form by resizing the background image and adding blur to boost contrast; include title, body text, an email field in a column, and a dark button.
Add a footer to the web page by aligning footer elements to the left and right, creating a simple secondary menu with a subtle spoiler effect.
Create a sprite image containing all the design elements and export web-ready JPEGs to reduce image requests and speed up page load times.
Presenting the final design to your client influences their decision. Use real-life mockups, place your design on them, replace the image in a laptop mockup, and save as jpeg.
Continuously monitor analytics after launching a website or landing page to improve the user flow. Optimize weekly to increase conversion rates, and listen to user feedback on social media.
Explore best practices and technical requirements for designing promotional materials and branding. Design the brand in Photoshop, then animate in Flash to demonstrate rapid production and Facebook design considerations.
Follow best practices for ad design by ensuring production quality and a clear call to action. Maintain visual consistency across all materials and essential elements.
Examine the Google and Yahoo banner specifications, covering static, animated, dml, and flash formats, noting weight, animation length, fps, and version; highlight the differing click scripts and click tags.
Learn how to design a campaign newsletter using the email space to include beach party locations, links to presentations or videos, and best practices inspired by male gym templates.
Explore the different Facebook ad types, focusing on Facebook image ads, while noting key specs such as image size and text limits for effective campaigns.
Design a 300 by 250 banner in Photoshop by duplicating the landing page visuals and keeping bottle in focus, then add logo, headline, and call to action in a frame.
Organize layers per frame for animation, duplicating and masking adjustments while keeping elements distinct. Export backgrounds as jpeg, others as dng; prepare a vector and text file for flash import.
Open Flash, create a new ActionScript 3 file or select a 300 by 250 banner template, then choose a compatible Flash version and adjust the banner size.
Import banner elements into the library, add images to timeline layers, convert images to symbols, add a call-to-action button, and animate the Flash banner.
Extend the banner timeline, add keyframes, apply a motion tween to move the headline from left to center, and mask the thermometer while revealing the logo.
Create a 300 by 250 rectangle, convert to a button symbol, enable click visibility. Paste click script, assign an instance name, set down-state fill to 0 percent, add stop, publish.
Learn to rapidly create banners by duplicating a master Photoshop file, exporting identical elements for 728x90 and 160x600 formats, and updating assets via the library and symbol resizing.
Resize Facebook post and ad images to required sizes, keep text under 20 percent using a 5x5 grid in Photoshop, and account for logos in the text percentage.
Design newsletters using stripe layouts and solid color blocks, with navigation as text on solid colors and images described in code for a simple, effective call to action.
JOIN 1123 CURRENT STUDENTS THAT ARE EAGER TO LEARN ALL ABOUT PHOTO MANIPULATION, UX PRINCIPLES AND ADVERTISING ART DIRECTION DESIGN TECHNIQUES AND PLANNING.
Join the first complete and real advertising design and photo manipulation course, combined with UX best practices on the web and learn how to create successful advertising design campaigns for your clients or for your products.
Learn advanced photo manipulation, art direction techniques and UX principles from more than 80 lectures and more than 2.5 hours of real-time recorded content. The course is based on more than 8 years experience in web design and art direction, with real clients and real problem solving.
If your answer to these questions is yes, then join the course today.
This course is a complete learning experience for what design advertising design really is. The structure of the course is divided into theoretical and practical sections. All design theory lectures have practical examples and real applications.
The course contains all source materials used (Photoshop and Flash* files) and also a lot more design resources that will help you in your work.
*applies for Animate. All files are compatible with Adobe Animate.
Enroll now and start learning!
>> Join now <<