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

Tutoriels Photoshop gratuits

Effet Scotch Tape

Cadrer une photo avec une belle marge et la scotcher sur un fond. SImple dans la vraie vie, un peu plus sioux avec Photoshop. Voici la meilleure façon de scotcher une photo. C'est rapide, simple et...

Une couverture de polar à la Rivages

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

Photoshop pour l'Iphone

Des applications intéressantes pour la photographie apparaissent pour l'Iphone. Évidemment Adobe ne pouvait pas rester les bras croisés. Il y a donc un Photoshop Mobile, complément du Photoshop.com en...

Ça cartoon!

Tadatadatada… On a tous la musique des Looney Toons dans la tête! Voici comment obtenir rapidement cet effet mythique de tunnel (Boyau? Utérus?…) ancré dans nos souvenirs d'enfance.

Mélange Dessin-Photo avec Photoshop

Encore une fois une photo qui n'est pas extraordinaire, mais qui va pouvoir être utilisée dans un catalogue avec peu de travail sous Photoshop.

Créer un emballage de dentifrice

Le designer a 12 secondes pour convaincre le consommateur de faire passer le dentifrice du linéaire au caddy. Photoshop va produire un impact visuel maximum avec : Formes d'outils, Effets de calques,...

Camera Raw Kézako?

Camera Raw est l’équivalent du module de développement de Photoshop Lightroom. C’est un Plug-In installé avec Photoshop, Adobe Bridge et After Effects.

Une boule de billard en 5 mn!

Une bille avec un beau reflet. C'est très facile à faire. Dans Illustrator ce serait à peu près la même chose. Et comme on dit : "let's stop talking and start chalking!"

En pirogue rue de Rivoli

Si vous avez vu la pub pour le Salon Nautique, vous vous demandez comment on a pu inonder la rue de Rivoli et y mettre un Hors Bord. Nous allons faire la même chose avec un cayuco amazonien… et...

Surréalisme et galerie de filtres

Induire un élément légèrement surréaliste dans une image est facile avec Photoshop. Ce qui l'est moins c'est de le faire de façon non-destructive.

La pub ING Direct en 5 mn!

Bizarre, ce n'est pas de la photo, ce n'est pas du dessin, mais qu'est-ce que ça peut bien être? Du photoshop.

Créer un logo sans être graphiste

Voici comment se sortir d'une création de logo par le haut. Ces 6 propositions constituent un cas d'école. Voici les erreurs à rectifier et comment réussir vite et bien un logo exploitable.

Un inconnu vous offre des fleurs

C'est pour la bonne cause : faire le point sur quelques astuces pour convertir en noir et blanc. Je précise : en BEAU noir et blanc.  

Travaillez le texte plus vite avec Photoshop

En regardant les tutos d'un confrère US, je me suis dit qu'il serait intéressant de vous faire partager quelques astuces sur le texte. Vous irez plus vite et donc pourrez être plus créatifs avec...

Écrire sur du sable

La pub d'un vendeur de frigo qui commence par un DAR et qui se finit par un TY montre un slogan écrit dans le sable. Comment le faire de façon réaliste?  

Recadrage avec Lightroom

En bon photographe vous avez pris un soin tout particulier à votre cadrage. Mais souvent il faut faire vite et par sécurité vous cadrez plus large pour ensuite affiner au labo.

Triple Outline et taches 2/2

Suite et fin : pour accentuer ce titre et donner un effet trash à la Titeuf, vous pouvez utiliser les formes prédéfinies. Mais comment faire une tâche? Ouvrez Illustrator, même si vous ne savez pas...

Une banière Web 2.0

Reflets, ombres portées, relief etc… Voici comment faire rapidement une banière Web 2.0.

  • Effet Scotch Tape

  • Un dessin sans savoir dessiner en 5mn!

  • Une couverture de polar à la Rivages

  • Photoshop pour l'Iphone

  • Ça cartoon!

  • Mélange Dessin-Photo avec Photoshop

  • Créer un emballage de dentifrice

  • Camera Raw Kézako?

  • Une boule de billard en 5 mn!

  • En pirogue rue de Rivoli

  • Surréalisme et galerie de filtres

  • La pub ING Direct en 5 mn!

  • Créer un logo sans être graphiste

  • Un inconnu vous offre des fleurs

  • Travaillez le texte plus vite avec Photoshop

  • Écrire sur du sable

  • Recadrage avec Lightroom

  • Triple Outline et taches 2/2

  • Flouter le fond en 5 mn!

  • Une banière Web 2.0