Formations web et création graphique - Mettre en page avec des ombres

Fermer



Connexion

Formations sur-mesures…

  • Basées sur des programmes solides
  • Adaptées pour répondre à vos besoins
  • Animées par des formateurs issus des entreprises
  • Intégrant le background des participants avec une pédagogie pro-active
  • Associant vos objectifs  et contraiintes de production
  • 20% sous les tarifs usuels
  • Éligibles  à la prise en charge des OPC

Pour une étude gratuite Demandez nous!

Coaching post-formation

  • Vous bénéficierez d'une Hotline directe avec le formateur qui vous coachera amicalement
  • Vous pourrez compter sur lui pour vous aider à résoudre vos petits soucis
  • Vous serez tenu régulièrement au courant des évolutions de votre métier
  • Vous serez intégré à notre réseau d'alertes et de tutoriels
  • Et ce service est gratuit!

Pour une étude gratuiteDemandez nous!

Audits concrets

  • Les solutions pour un site marchand?
  • Optimiser les Cms : Joomla Drupal Worpress, Hikashop, Prestashop ?
  • Développer un Community Management rentable?
  • Créer un  Réseau Social d'Entreprise?
  • Tester l'ergonomie d'un site?
  • Évaluer les rédactionnels?
  • Optimiser pour les moteurs de recherche?

Demandez un devis gratuitDemandez nous!

Votre site mérite le meilleur!

Votre Projet Web mérite un site Joomla Dynamique

un site web plus attractifAttractif un site web plus fonctionnelFonctionnel un site web plus convivialConvivial

Nous concevons pour vous tous types de sites sous Joomla : Sites institutionnels, e-commerce, communautaires, associatifs…

Les avantages d'un site sous Joomla

  • Vous modifiez et enrichissez le contenu à tout moment sans connaissance technique particulière.
  • Vous changez l’aspect (couleurs, formes) des éléments en un simple clic.
  • Chaque contributeur édite son propre contenu, libérant l’administration de tâches fastidieuses.
  • Votre site est interactif est consultable sur périphériques mobiles : smartphones, tablettes…

Que peut-on faire avec un site sous Joomla ?

La configuration de base intègre :

  • Gestion des utilisateurs : Public, Privé, Contributeurs, Administration.
  • Gestion des articles et Blogs
  • Agenda
  • Galeries Photo et Vidéos
  • Documents à télécharger
  • Newsletter (Infolettre par email)
  • Formulaires de contact
  • Géolocalisation

D’autres modules sont facilement intégrables : Petites annonces, Forums et Communautés, Vente en ligne, Gestion d'événements, Manifestations sportives, pré inscriptions, menus des cantines…

Combien ça coûte ?

48cash0 € : Vous pouvez bénéficier d’une prise en charge totale par votre organisme de formation professionnelle, car le site peut être déployé avec vous lors d'une session de formation
Vous n’avez alors rien à payer : nous sommes réglés directement par votre organisme collecteur (Agefos, Agec, Afdas…). Pour des projets complexe, les budgets sont en général inférieurs de moitié aux solutions propriétaires.

Comment se passe la mise en service ?

48lettreNous vous envoyons gratuitement un dossier complet que vous transmettez à votre organisme : convention de formation, itinéraire pédagogique, devis complet.
Une fois l’accord obtenu, vous fixez les dates de votre session de formation. Un formateur se déplace en vos locaux avec le matériel nécessaire. Avec lui vous vous formez à Joomla, configurez le site Joomla et mettez en place les premiers contenus.

Combien de temps cela prend-il ?

48agendaComptez une semaine au maximum pour préparer votre site Joomla (hébergement mise en service), puis une formation de trois jours dans votre établissement.

Et la maintenance ?

inbox-5Vous êtes totalement maître de votre hébergement et de votre nom de domaine. Dans ce cas le coût annuel est inférieur à 20 euros (chez OVH). Vous avez totalement la main sur votre site.

Pour être libéré des contraintes de mise à jour, optez pour une journée de formation annuelle, au cours de laquelle nous faisons ensemble évoluer votre site Joomla en améliorant ses fonctionnalités. Cette journée de formation peut être prise en charge et ne vous coûtera donc rien.

Contactez-nous sans engagement de votre part pour recevoir toutes les précisions complémentaires

Exemples de sites

thumb_001 thumb_002 thumb_003 thumb_004 thumb_005 thumb_006

Mettre en page avec des ombres

Créer une ombre et l'appliquer à un contenu Texte/Image est assez facile avec Photoshop. Dans ce tutoriel,  vous allez apprendre à le faire de façon non destructive. Au programme : Amélioration du contour des sélections, dégradés, modes de fusions.

ombrer du texte avec photoshop : tuto de didier mazier

Pour commencer il vous faut une image de pot de produit cosmétique. Faites une recherche Google. Pour les faignants, le fichier est en ligne en fin d'article avec en prime le détourage déjà fait à la plume.

Faites un clic droit dans la palette des tracés et définissez une sélection à partir du tracé

ombrer du texte avec photoshop : tuto de didier mazier

LIssez pour plus de finesse mais ne touchez pas au rayon car vous avez besoin de précision.

ombrer du texte avec photoshop : tuto de didier mazier

Créez ensuite le document qui recevra le pot. Ici nous avons choisis un A4 à 150 DPI ce qui suffit bien pour l'exercice.

Copiez le contenu de la sélection (Commande+C sur Mac et Ctrl+C sur PC)

ombrer du texte avec photoshop : tuto de didier mazier

Collez la sélection (Commande+V sur Mac et Ctrl+V sur PC) dans le nouveau document.

A ce stade il est bon de nommer les calques. Nous avons ajouté un calque à fond noir.

ombrer du texte avec photoshop : tuto de didier mazier

Avec le lasso dessinez une zone irrégulière en forme de patate. Pas besoin d'être précis.

ombrer du texte avec photoshop : tuto de didier mazier

Choisissez Sélection > Améliorer le contour. Nous avons joué sur les paramètres suivants :

  • Rayon : autour de 10 px
  • Lissage : autour de 15 px
  • Contour progressif : autour de 40 px

Nous avons également contracté un peu la sélection. Mais ces réglages son  faits à l'oeil, car si vous cliquez sur la dernière icône en bas à droite du panneau, vous prévisualisez en temps réel sur fond noir.

Une fois satisfait, cliquez sur OK.

ombrer du texte avec photoshop : tuto de didier mazier

Activez l'outil Dégradé et cliquez en haut dans le panneau des options sur  la vignette pour l'éditer.

Nous avons créé un dégradé allant du rouge orangé foncé vers l'orange clair.

ombrer du texte avec photoshop : tuto de didier mazier

Cliquez sur la deuxième icône pour générer un dégradé radial.

ombrer du texte avec photoshop : tuto de didier mazier

Toujours avec l'outil dégradé sélectionné, cliquez et tirez comme ci-après. Vous pouvez tout à fait vous y reprendre à plusieurs fois jusqu'à obtention de l'effet souhaité.

ombrer du texte avec photoshop : tuto de didier mazier

À ce stade vous pouvez mémoriser la sélection. Ce n'est pas obligatoire, mais on ne sait jamais…

ombrer du texte avec photoshop : tuto de didier mazier

Activez l'outil Texte et saisissez le titre. Nous avons choisi une typo Bodoni, très employée en Mode et Cosmétique.

Le calque de texte est situé sous celui du pot et au dessus de l'ombre.

ombrer du texte avec photoshop : tuto de didier mazier

Pour ombrer le texte, dupliquez le calque de l'ombre (Commande+J sur Mac et Ctrl+J sur PC), et placez le nouveau calque au dessus de celui du texte.

ombrer du texte avec photoshop : tuto de didier mazier

Pour limiter la nouvelle ombre (celle qui passera sur la typo), cliquez à la lisère des deux calques avec la touche Alt enfoncée. AInsi le calque de la typo servira de masque.

ombrer du texte avec photoshop : tuto de didier mazier

Réduisez l'opacité pour plus de réalisme.

ombrer du texte avec photoshop : tuto de didier mazier

Vous pouvez ajouter un calque de réglage Balance des couleurs et faire varier les paramètres comme ci-après. Pensez à répèter lopération préceednte pour que le calque de réglage ne s'applique qu'à la typo.

ombrer du texte avec photoshop : tuto de didier mazier

Et voili. Il ne sufffit plus qu'à ajouter le bdy copy et la pub est faite.

ombrer du texte avec photoshop : tuto de didier mazier

Bises.

Fichiers joints:
FichierDescriptionTaille de fichier
pot.zipPot avec tracé de détourage1102 Kb

Avec Xdata

XData  pour Xpress (comme InData pour InDesign) est le meilleur plug-in pour réaliser des mises en pages automatiques à partir de données tabulaires (Excel par exemple). Nous travaillons en production avec ce logiciel et formons à son utilsation depuis 1995.

Avec XData (ou Indata)…

  • Flora édite des catalogues de vins en 5 langues
  • Cédric imprime des DVD personalisés
  • Sylvie publie des guides de gites ruraux
  • Fabienne édite des annuaires professionnels

Pour en savoir plus

Pour savoir comment réaliser votre projet de mise en page automatique

Partenaires

Licence MCI partenaire Freeeport

LIcnece Marketing et Commerce sur Internet de l'IUT d'Evry

Ici formation partenaire Freeport

ICI Formation est l'annuaire national de référence pour la formation continue, le droit individuel à la formation (DIF), le bilan de compétences , l'outplacement et la validation des acquis de l'expérience (VAE).

Infos-Support

Appelez-nous par Skype
call didiermazier
C'est gratuit!

Qui est en ligne?

Nous avons 23 invités en ligne

Tutoriels Photoshop gratuits

De bonnes résolutions

Les DPI pour les nuls! Résolution, définition… Dpi, ppp, vous ne comprenez toujours pas : comment gérer la résolution et quelles sont ses implications sur la qualité de votre travail? Lisez ce qui...

Traitement grunge avec Camera Raw

Une photo sur une plage catalane qui aurait pu être bien… Mais avec un ciel trop pâle, des personnages à contre-jour. Tout ça manque de caractère. Pas besoin de se compliquer la vie avec les filtres...

Changez les couleurs des objets avec Photoshop

Le remplacement de couleur est une fonction ancienne de photoshop injustement oubliée. Voici comment changer les couleurs des objets… et des gens!

La pub Schweppes en 5 mn!

Si vous y croyez, c'est vraiment que vous êtes trop naïfs! Pourtant, Nicole baignant dans une ambiance citronnée sur la quatrième de couv du FigMag, m'a donné des idées, surtout celle de vous...

Impact visuel avec Photoshop : Contrastes!

L'impact visuel est la qualité numéro un d'un document de communication. C'est l'impact visuel qui fait la différence, que ce soit à l'écrit ou à l'écran. Prenons l'exemple d'une affiche, mais les...

Dessin d'automobile old style

Dessiner avec Photoshop, sans savoir dessiner… Une belle photo et quelques clics suffisent…

Mettez en scène vos photos

Vous avez une imprimante grand format (A3+) et vous voulez faire des tirages pour une expo? Ou plus simplement recadrer efficacement une photo que vous trouvez plutôt moyenne? Objets dynamiques et...

Détourage : la maîtresse en maillot de bain

Pour cet exo sur le détourage, j'aurai pu prendre une machine à laver, mais avec ce modèle c'est plus sympa. Sérieusement : je l'ai choisie pour les cheveux. Cet exercice assez technique est réservé...

Petarman, coiffeur des stars

Récupération des hautes lumières, incrustation en dégradé, repères commentés, tout pour faire une pub haut de gamme.  

Faites lui la peau!

Les caméras digitales, de plus en plus précises, ne pardonnent rien, surtout pour le grain de peau.Voici une méthode rapide exploitant la luminosité de la couche de rouge, les objets dynamiques et les...

Faites fumer le café avec Photoshop

Avec Photoshop il y a de la fumée sans feu! On trouve plein de tutos sur ce sujet, mais la plupart du temps, la fumée est copiée et collée depuis une autre image.

L'effet dorure sur vos photos

Donner une teinte modulable à une photo, par exemple, dorée… Nous allons utiliser les objets dynamiques, Appliquer une image, et aussi les scripts pour reproduire l'effet sur d'autres photos.

Mettre du mouvement dans une photo de sport!

Voici comment booster une photo de sport prise Indoor dans des conditions d'éclairage désastreuses. Attention, il faut quand même que la photo de départ soit intéressante!

Balance des blancs et Objets dynamiques

Certains se demandent ce que c'est que la balance des blancs, les degrés Kelvin, le tungstène…

Vassarely ou Wharol avec Photoshop!

Voilà un beau canapé comme Vassarely en rêvait. Avec Photoshop vous allez le réaliser en quelques minutes en utilisant le Filtre Dispersion, les calques et masques et les modes de fusion. Un bon...

Pub sur un Iceberg

Nous réviserons ici l'image mapping (ou dispersion) ainsi que la Transformation sur Photoshop. Nous verrons pour voir une astuce sur les objets dynamiques qui vous ouvrira probablement de nouvelles...

Pêle-Mêle d'images

Une photo pas terrible peut illustrer efficacement un article. Il faut juste savoir utiliser la bonne technique : ici Incrustation de motif avancée.  

Titre en Diamant

Les diamants sont éternels, And the girls best friends… Voici comment faire briller un titre à la Sex And the City avec Photoshop.

Reflet dans un oeil d'or

Cet effet n'est pas une nouveauté, mais il permet de travailler une astuce sur les sélections, de réviser le masquage et les modes de fusion. C'est un bon exercice, on y va?  

  • De bonnes résolutions

  • Traitement grunge avec Camera Raw

  • Changez les couleurs des objets avec Photoshop

  • La pub Schweppes en 5 mn!

  • Impact visuel avec Photoshop : Contrastes!

  • Dessin d'automobile old style

  • Mettez en scène vos photos

  • Détourage : la maîtresse en maillot de bain

  • Petarman, coiffeur des stars

  • Flouter le fond en 5 mn!

  • Faites lui la peau!

  • Faites fumer le café avec Photoshop

  • L'effet dorure sur vos photos

  • Mettre du mouvement dans une photo de sport!

  • Balance des blancs et Objets dynamiques

  • Vassarely ou Wharol avec Photoshop!

  • Pub sur un Iceberg

  • Pêle-Mêle d'images

  • Titre en Diamant

  • Reflet dans un oeil d'or