Formations web et création graphique - Détourage : la maîtresse en maillot de bain

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

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é aux utilisateurs déjà avancés.

tuto gratuit photoshop : détourage mixte

La photo est bonne, mais supposons que vous devez la détourer car le fond ne convient pas. Il y a un problème de taille : les cheveux.

tuto gratuit photoshop : détourage mixte

Vous voulez garder la transparence et, même s'ils ne sont pas trop frisés, avec les systèmes traditionnels (sélection par plage de couleurs, etc), vous allez avoir du mal.

La solution consiste à diviser le problème en deux:

  1. Détourer le corps  avec l'outil plume
  2. Détourer la tête avec une combinaison d'outils Densité+ et Densité -

Commençons par le plus long pour ceux qui n'ont pas l'habitude, c'est à dire l'outil plume.

Avant de commencer, zoomons. Vous remarquez que l'image n'est pas de très bonne qualité. La présence d'artefacts (petits vermicelles à proximité des contours) révèle les limites de la compression Jpeg!

tuto gratuit photoshop : détourage mixte

La limite de ce qui sera détouré avec l'outil plume est matérialisée ci-dessous.

Pour le reste, commencez de votre côté préféré. moi c'est le gauche.

tuto gratuit photoshop : détourage mixte

Commencez, cliquez… tirez etc.

Lors du détourage il vaut mieux être à cheval, voire légèrement en retrait par rapport au fond.

Lorsque vous voulez revenir sur un point pour le déplacer, appuyez sur Commande (Mac) ou Ctrl (PC). Momentanément le curseur prendra la forme de la flèche blanche et vous pourrez modifier le point, et continuer ensuite en relâchant la touche.

tuto gratuit photoshop : détourage mixte

Zoomez suffisamment pour voir ce que vous faites mais sans plus.

Voici un exemple des points à positionner.

tuto gratuit photoshop : détourage mixte

Quand vous aurez fini, mémorisez le tracé.

tuto gratuit photoshop : détourage mixte

Et si vous avez oublié les espaces entre les bras et le corps, il suffit de resélectionner le tracé dans le panneau des Tracés et de les dessiner, ils seront ajoutés automatiquement.

tuto gratuit photoshop : détourage mixte

Ensuite définissez une sélection basée sur ce tracé. Mais il n'y a pas urgence puisque le tracé mémorisé pourra être récupéré à tout moment.

tuto gratuit photoshop : détourage mixte

Passons maintenant au visage.

tuto gratuit photoshop : détourage mixte

Identifiez la couche pour laquelle le contraste entre les cheveux et le fond est le plus évident, et dupliquez-la. ici la couche Bleu. Au besoin passez en CMJN, pour avoir une couche de plus si vous ne vous en sortez pas en RVB.

Ensuite toute l'astuce consiste à travailler alternativement avec Densité + siur les pixels des tons foncés et Densité - sur les pixels des tons clairs pour créer un masque. Pensez donc à bien régler les outils dans la barre d'option (en bas sur cette image, en haut sur votre écran)

tuto gratuit photoshop : détourage mixte

Je vous épargne les détails, c'est une question d'entraînement. Constatez que les zones "transparentes" sont en gris.

tuto gratuit photoshop : détourage mixte

Passez le masque en négatif. Ces zones grises  sont les plages ou le fond apparaîtra en transparence.

tuto gratuit photoshop : détourage mixte

Il ne vous reste qu'a récupérer les deux sélections.

tuto gratuit photoshop : détourage mixte

Pour la deuxième, pensez à sélectionner Ajouter à la sélection.

tuto gratuit photoshop : détourage mixte

Vous remarquez que la représentation de la sélection ne rend pas compte des transparences. Mais elles sont bien là, rassurez-vous.

tuto gratuit photoshop : détourage mixte

Avec la sélection active faites Commande (Mac) ou Ctrl (PC) + J

Créez en dessous un calque blanc pour mieux voir.

tuto gratuit photoshop : détourage mixte

Mettons ensuite un fond plus interessant. Remplissez le calque avec du noir.

Tracez une sélection elliptique avec un contour progressif important : ici 200 px

tuto gratuit photoshop : détourage mixte

Remplissez cette sélection avec un gris riche.

Le résultat est bien meilleur qu'avec un dégradé radial.

tuto gratuit photoshop : détourage mixte

Vous pouvez enfin désaturer le calque de premier plan si vous souhaitez des couleurs plus atténuées, et récupérer la sélection du modèle pour fabriquer une ombre.

tuto gratuit photoshop : détourage mixte

Moi je préfère sans ombre. Mais vous voyez…

tuto gratuit photoshop : détourage par masque

Maintenant vous savez détourer.

Bises

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 36 invités en ligne

Tutoriels Photoshop gratuits

L'effet Armani en 5mn! 1/2

Pas sûr que ce soit Armani, mais c'était une pub pour une eau de toilette avec un beau gars en noir et blanc et avec cet effet de solarisation indéfinissable… Pas pour les pros de Photoshop que vous ...

La pub Cartier Trinity en 20 mn

Trois empreintes scintillantes en poudre d'or (jaune, gris et rose comme les anneaux de la collection). Ce n'est pas compliqué à monter. Voici quelques pistes à l'arrache en basse def mais qui donnent...

Dessin à partir d'une photo avec Photoshop

Maîtriser les objets dynamiques est utile pour exploiter à fond Photoshop. Nous allons voir ici à quoi ils servent réellement en créant un dessin à partir d'une photo.

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.

Dessin d'automobile old style

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

Lightroom, pourquoi faire?

J'ai déjà Photoshop, à quoi peut me servir Lightroom? Je suis Photographe, est-ce qu'il vaut mieux que j'achète Lightroom ou Photoshop?

Bouton Web en 5 mn!

Mensonge éhonté, il vous faudra au moins 7 mn!

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...

L'effet Armani en 5mn! 2/2

Reprenons ou nous en étions. L'effet n'est pas mal, mais nous voudrions le limiter aux zones sombres de la photo.

De la photo au dessin en 2 mn 2/2

Convertir une photo en dessin : il y a une autre méthode. Elle est assez similaire mais avec un mode de fusion différent et avec une petite touche féminine en plus. Je la dois à Leesa Snider King. ...

Effet Kodackolor old style

Meilleurs sont les appareils numériques, plus nous avons la nostalgie des veilles photos que nous prenions avec notre Instamatic ou notre Dacora Dignette (made in DDR?). Voici comment à partir d'une...

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...

Récupérer un mauvais contre-jour

Camera Raw et les objets dynamiques vont nous permettre de régler le problème de cette photo à contre-jour. Le petit oiseau va sortir.  

Un bouton Call to action pour landing page

Un Bouton "Call to action", qu'est-ce que c'est? Si le vous savez vous allez apprendre à en réaliser un. Sinon, vous allez apprendre ce que c'est…

Franciser un Bouton Web

Les composants de Joomla (CMS) sont presque tous en anglais.Les fichiers de langues fr_FR sont souvent dispos sur le Net, en tous cas faciles à traduire. Mais ce n'est pas la même histoire pour les...

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.

Une couverture de polar à la Rivages

Qui dit polar, dit femme mystérieuse, trouvez d'abord une photo avec les ingrédients de base.  

Incruster du texte sur un visage avec Photoshop en 2 mn

Pour obtenir ce bel effet de texte qui suit les tonalités du visage, il vous faut juste 2 minutes, une belle photo si possible sur fond blanc et Photoshop.

Correction de l'objectif : avec Photoshop CS5 ça change tout!

Corriger les déformations de perspective, le vignetage, et autres aberrations chromatiques des objectifs est très facile avec Photoshop CS5. Ouvrez une image et au boulot!

  • Flouter le fond en 5 mn!

  • L'effet Armani en 5mn! 1/2

  • La pub Cartier Trinity en 20 mn

  • Dessin à partir d'une photo avec Photoshop

  • L'effet dorure sur vos photos

  • Dessin d'automobile old style

  • Lightroom, pourquoi faire?

  • Bouton Web en 5 mn!

  • Faites lui la peau!

  • L'effet Armani en 5mn! 2/2

  • De la photo au dessin en 2 mn 2/2

  • Effet Kodackolor old style

  • Pub sur un Iceberg

  • Récupérer un mauvais contre-jour

  • Un bouton Call to action pour landing page

  • Franciser un Bouton Web

  • Titre en Diamant

  • Une couverture de polar à la Rivages

  • Incruster du texte sur un visage avec Photoshop en 2 mn

  • Correction de l'objectif : avec Photoshop CS5 ça change tout!