Formations web et création graphique - Bouton Web en 5 mn!

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

Bouton Web en 5 mn!

un bouton Web2.0 en 5 mn avec PhotoshopMensonge éhonté, il vous faudra au moins 7 mn!

Remarquez qu'il y a trois trucs intéressants :

  • Le reflet du bas (on l'a déjà traité ailleurs)
  • Les contours
  • Le reflet du haut

Au boulot. Commencez par créer une forme à coins arrondis. Utilisez le rectangle en appuyant sur la touche Maj pour le contraindre à un carré.

un bouton Web2.0 en 5 mn avec Photoshop

Vous obtiendrez un calque de forme.

un bouton Web2.0 en 5 mn avec Photoshop

Cliquez sur la vignette de la forme en appuyant sur la touche Commande (Mac) ou Ctrl (PC). Vous récupérerez ainsi la sélection correspondant à la forme.

bouton Web2.0 en 5 mn avec Photoshop

Menu Sélection > Transformer la sélection

Retournez la carrément. Quand c'est OK double cliquez dedans ou cliquez sur l'icône de validation dans la barre d'options en haut.

bouton Web2.0 en 5 mn avec Photoshop

Vous obtenez aini une sélection pour le reflet. Créez un nouveau calque en appuyant sur la touche Commande (Mac) ou Ctrl (PC) pour qu'il soit en dessous. Si vous n'y arrivez pas, tant pis, positionnez-le dessous manuellement.

bouton Web2.0 en 5 mn avec Photoshop

Remplissez la sélection avec du gris pour commencer. (Édtion > Remplir)

bouton Web2.0 en 5 mn avec Photoshop

Réduisez l'opacité.

bouton Web2.0 en 5 mn avec Photoshop

Créez un masque de fusion et remplissez-le avec un dégradé du noir au blanc.

bouton Web2.0 en 5 mn avec Photoshop

Quand c'est noir ça masque, quand c'est blanc ça passe.

Une fois le reflet mis en place, il ne reste qu'à ajouter les effets au claque de forme.

bouton Web2.0 en 5 mn avec Photoshop

Pour chaque effet voici la visualisation (ajout de l'effet suivant à chaque étape) et les réglages.

Dans l'ordre :

1 - Biseautage et estampage (qui sont les deux mamelles du photoshopeur)

bouton Web2.0 en 5 mn avec Photoshop

bouton Web2.0 en 5 mn avec Photoshop

2 -  Contour

bouton Web2.0 en 5 mn avec Photoshop

bouton Web2.0 en 5 mn avec Photoshop

3 - Incrustation en dégradé

bouton Web2.0 en 5 mn avec Photoshop

bouton Web2.0 en 5 mn avec Photoshop

bouton Web2.0 en 5 mn avec Photoshop

4 - Ombre interne

bouton Web2.0 en 5 mn avec Photoshop

bouton Web2.0 en 5 mn avec Photoshop

Bien entendu vous pouvez tout faire d'un seul coup, une fois ouverte la boîte dialogue Style de calque.

Il manque encore le reflet sur la partie haute.

Il suffit de tracer un rectangle :

  • à coins arrondis
  • Blanc
  • Mode Superposition
  • Opacité autour des 15%

bouton Web2.0 en 5 mn avec Photoshop

Pour finir, vous pouvez ajouter un contour un peu plus prononcé.

  • Récupérez la sélection de la Forme 1.
  • Placez la sur un calque au dessus.
  • Remplissez-la de blanc et appliquez un contour identique à celui du calque de la Forme 1.

bouton Web2.0 en 5 mn avec Photoshop

Changez le mode de fusion pour Produit (le blanc s'effacera et les contours ressortiront).

bouton Web2.0 en 5 mn avec Photoshop

Un petit texte là dessus et le tour est joué.

bouton Web2.0 en 5 mn avec Photoshop

Si vous enregistrez ce bouton au format PNG (sans l'Arrière-plan, bien sûr) vous aurez une vraie transparence sur le dégradé.

Vous pourrez ainsi le placer sur une page avec un fond de couleur sans problème.

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

Tutoriels Photoshop gratuits

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.  

Formes prédéfinies : coincez la bulle

Faire des bulles… Je ne sais pas pourquoi mais c'est un classique toujours demandé. Ici nous allons créer un effet de magie pétillante en apprenant au passage à régler les formes prédéfinies de...

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.

Lightroom - les bases

Vous ne savez pas comment vous avez fait, vous l'avez prise à la volée avec votre iphone, mais la photo est bonne!. C'est précisément avec une bonne photo que vous allez pouvoir faire un très bon...

Des Noirs et Blancs qui ont la pêche avec Photoshop!

Vous trouvez vos images plates? Nous vous expliquons comment produire de magnifiques clichés noirs et blancs.

Un portrait style Studio Harcourt (1)

Vous ne pourrez jamais reproduire la touche inimitable du studio Harcourt, mais avec un peu d'astuce, une photo pas trop mal prise pourra faire illusion grâce à Photoshop. Voici comment rendre homm...

Maquillage digital

Même si le mannequin est sublime, le photographe très bon, et la maquilleuse talentueuse…

Enlever le bruit sur une photo d'iphone

Photo prise avec un Iphone en soirée… pas utilisable? Mais si! Avec Photoshop vous pouvez  corriger les défauts techniques majeurs et obtenir un cliché tout à fait exploitable.

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.

L'oeil et la couleur

Comment lit-on une image? Il y a de nombreuses théories sur la question. Des sociétés spécialisées analysent même le mouvement de l'oeil du lecteur (eye tracking). Mais une chose est sûre : la couleur...

Coloriser une photo noir et blanc

Quand les photos étaient en noir et blanc on les peignaient pour les mettre en couleurs. Désormais avec nos millions de pixels, nous avons la nostalgie des ces chromos qui trônaient sur les buffets...

Un portrait style Studio Harcourt (2)

Le tuto Harcourt 1 est réouvert à tous (thx Carine)… Mais voici une alternative avec un modèle beaucoup moins glam: mézigo.  

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.

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?  

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

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.  

Une couverture de polar à la Rivages

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

Studio Harcourt (3) : La cabine!

Le test de la cabine Harcourt au MK2 est intéressant. Bien entendu pour 10 euros vous n'aurez pas le même résultat qu'avec un shooting à 3000… Le résultat est quand même sympathique.

Exploiter une "photo - brochette"

Tous en rang d'oignons, il n'y a rien de pire qu'une photo "brochette" d'édiles, ou de collaborateurs d'entreprise. Voici un piste pour s'en sortir avec Photoshop.

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

  • Petarman, coiffeur des stars

  • Formes prédéfinies : coincez la bulle

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

  • Lightroom - les bases

  • Des Noirs et Blancs qui ont la pêche avec Photoshop!

  • Un portrait style Studio Harcourt (1)

  • Maquillage digital

  • Enlever le bruit sur une photo d'iphone

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

  • L'oeil et la couleur

  • Coloriser une photo noir et blanc

  • Un portrait style Studio Harcourt (2)

  • Faites fumer le café avec Photoshop

  • Reflet dans un oeil d'or

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

  • Récupérer un mauvais contre-jour

  • Une couverture de polar à la Rivages

  • Studio Harcourt (3) : La cabine!

  • Exploiter une "photo - brochette"

  • Impact visuel avec Photoshop : Contrastes!