Pluvinage Raphaël – Si28. Pour quoi faire? / / Logiciel de graphisme orienté vers le web, dérivé de Photoshop (Même Interface) / Utilisation : Optimisation.

Slides:



Advertisements
Présentations similaires
SI28 FLASH MX Partie 1 Jérémy Dufetre - Ludovic Pilache.
Advertisements

Exposé SI28 Photoshop CS04, Séance 1 Thibault Seillier – Lenoir Cécile
1 : Léditeur 2 : Le traitement dimages. 3 : La visionneuse dimage. FRONTPAGE PAINT SHOP PRO ACD SEE.
Créer une image avec transparence avec The Gimp Stéphane Tourneur (Belzebuth.org) Voici l'image qui sera modifiée, le but est de rendre le fond blanc transparent.
La photo numérique S. Laurent – Actic Hautil – 2004 /2005.
12 novembre 2012 Grégory Petit
Intégration des images
Concevoir un site Web de A à Z Ce cours permet à létudiant de réaliser de façon professionnelle un site internet de A à Z.
OUVERTURE DE FICHIER ET NAVIGATEUR © 2010 Frederic DAVID.
PRESENTATION DU LOGICIEL
Prologue : les premiers préparatifs Première étape : Ouvrir le logiciel de création de pages au format HTML (pages Web) Deuxième étape : enregistrer la.
Créer une animation simple Gif avec ImageReady.
Le codage des images Une image peut-être aquise (appareil photo, scanner) ou créée avec un programme Puis elle peut être traitée : filtres, retouches...
Créer une interface graphique avec Photoshop.
Photoshop3 Caméra Modifier les couleurs Revenir sur les calques et leur utilisation. Exercice sur lintégration des images de diverses façons Enregistrement,
Photoshop3 Revenir sur les calques et leur utilisation. Exercice sur lintégration des images et leur intégration de diverses façons Enregistrement, exportation.
Photoshop3 Calques Filtres Correction des couleurs Tracés et utilisations Enregistrement, exportation Intégration entre les différents logiciels.
Photoshop3 Calques Filtres Correction des couleurs
Images Matrice de points (pixels) Caractérisée par : Poids en octets
Gimp LA SUITE…. Ouvrir en tant que calque Ouvrir une image en tant que calque Tu dois choisir une image et elle va s’ouvrir comme 2 ème plan.
Concevoir un site web de A a Z Cours 3. Aujourd’hui Découper sa page en tranche pour une intégration graphique optimale avec Photoshop L’intégration des.
Principes, usages et conception
SI 28 - Écriture interactive & multimédia Dreamweaver Séance 1 Petit Clara & Palfart Julien Printemps2008 Printemps 2008.
Mon premier GIF animé.
Création d'un fichier image
Les différents formats d'image
PHOTOPAGER Projet Informatique et multimédia Classe Terminale S Bac 2001 Charles Duley et David Ameisen.
Partie 1 : Présentation et rappels
Scénario Les scénarios permettent de modifier la position, taille … des calques au cours du temps. Son fonctionnement est très proche de celui de Macromedia.
Premiers pas avec Flash
1 Présentation de DREAMWEAVER (1) Gaël TREMEAU GI05 Printemps 2006.
Dreamweaver MX Jauneau Marie Claude-Antoine Zarate.
Adobe Photoshop CS2 Morand-Pinçon David Michaut Charlotte SI28 – Ecriture intéractive et multimédia R R.
FLASH MX : séance 1 Sandrine Rabin Nicolas Mollet SI28.
Environnement Flash MX
Présentation du Logiciel Photoshop 6.0
FLASH MX 1ère Séance. Introduction Création d’animation pour le Web, pouvant contenir une forte interactivité. Faible poids des fichiers. Compatible avec.
Image Ready SI28 _ P09 MACHIN Alexandre BRUTEL Aline.
SI 28 – Image Ready NJIWOUA Franck GI 02. Présentation d’Image Ready Image ready : Image ready : - Complément de Photoshop pour le traitement d’images.
FLASH MX : séance 1 Vivien FILIPPINI Jeanne VERRE Exposé SI28.
DREAMWEAVER Première séance Villaron Audrey – Shibly Tarek.
Photoshop SI28 . P07 Fanny Fourmentez . Clémence Debaig.
SI28 Partie 1 Bruno Binet FLASH MX. Les atouts de Flash Création d’animation pour le Web, pouvant contenir une forte interactivité Faible poids des fichiers.
Dreamweaver le retour Avec Les Formulaires Les Calques
Photoshop 6 Brandenbourger Clément Morisset Ludovic.
Flash MX er Séance LIU Xinlei GI02.
Davy Olivier - SI28 - Séance du 20/10/2004. Ce logiciel offre de nombreuses possibilités, dont voici quelques exemples :  Correction et retouche d'images.
Les formulaires Les calques Les comportements Les scénarios Les modèles Les feuilles de styles (CSS) La mise en ligne Les formulaires permettent à l’utilisateur.
Ha Thi Binh Minh & Favre Eric
Sophie Bernier – Pierre Badelon SI28 - Séance du 14/11/2006 Exercices :
Flash 1 Cariou SandraCoffinot Nicolas. Sommaire : I)Généralités II)Interface de Flash III)Grouper et Dissocier IV)Image clé V)Scénario et calques VI)Symboles.
Photoshop 6.0 Mathieu GASPARD Nicolas HEITZ SI28.
DREAMWEAVER SEANCE 1 Axel JACQUET GM05 – Julien VAN MOORLEGHEM GM05 A2008 Écriture interactive & multimédia Présentation Dreamweaver 8.
Photoshop CS 2
SI 28 - Présentation Image Ready Aurélie Letenoux GSU 4.
SI28 : Adobe Image Ready 3.0 Agathe Edange.
Elise Pierrot, GSU04 ImageReady, traitement d’image pour le WEB Présentation SI28.
Dreamweaver 2 Feuilles de Style CSS Formulaires Calques Comportements
AKOONE Farouck LI Li SI 28 A2004. Flash permet de : Créer des animations pour le Web, pouvant contenir une forte interactivité Des fichiers de faible.
Présenté par: François-Xavier LECHEVALIER Fateh BOUGOUFFA
FLASH MX. Pourquoi Flash? Car il permet de créer facilement de petites animations, et apporte ainsi de la vie à votre page WEB.
Image Ready. Plan 1. Présentation du logiciel 2. 5 points important 1. Transformation par souris 2. Optimisation d’image 3. Outil tranche 4. Outil carte.
LAMOUR Mathieu Présentation du logiciel SI28 Automne 2004.
Garcia Patrick - Moutel Mathieu. SOMMAIRE Introduction à Photoshop Les différents formats d’images L’espace de travail Les calques Les filtres.
SI28 : Adobe Image Ready 3.0 Alexandre Clienti. Utilité du logiciel :  Logiciel de graphisme orienté vers le web, dérivé de photoshop (interface quasi-identique)
Présentation Courtin maxime – GI05Automne Présentation | Rappel Photoshop | ImageReady | Utils Courtin Maxime – GI05 2 / 17 Automne 2004 Plan :
Adobe ImageReady Lamare Maxime SI28. - Présentation - Optimisation d’image - Outils tranche - Outils carte image - Création d’animations PLAN.
INF2005– Programmation web– A. Obaid Les cartes. INF2005– Programmation web– A. Obaid Images cliquables Outil permettant d'effectuer des liens à partir.
David Geneix Eric Fontes.  Image Ready est le complément de Photoshop pour le traitement d’images pour le web  Fonctionnalités ◦ Optimiser une image.
ELBENNA Souhaieb GSM04. 23/11/2004EBLENNA Souhaieb2 PLAN DE L ’ EXPOSE ● Pr é sentation de ImageReady. ● Cr é ation de Carte-Images. ●Cr é ation de tranches.
Transcription de la présentation:

Pluvinage Raphaël – Si28

Pour quoi faire? / / Logiciel de graphisme orienté vers le web, dérivé de Photoshop (Même Interface) / Utilisation : Optimisation des images Réalisation de carte image / tranche (avec exportation du code html) Réalisation d’images animées (GIF animé)

Quels sont les différents formats ? / / JPEG : -Compression efficace mais avec perte de qualité +Jusqu’à 16,7 millions de couleurs -Ne gère pas les zones de transparence / GIF : +Compression sans perte de qualité -256 couleurs au maximum +Permet de faire des animations et gère les zones de transparence -Inadapté à la photo ou au dégradé / PNG : - Grande plage de couleur - Supporte la transparence, mais pas l’animation - Plus léger que GIF - Moins performant que JPEG pour les photographie

Comment faire? /

Une fois les modifications effectuées : fichier -> enregistrer une copie optimisée

Comment créer une zone de lien? / / Tranche: Découper l’espace en tranches Remplir et agir de façon libre dans chacune des tranches Création de zones réactives au clic de la souris (renvoie à un url) / Cartes Images Similaire à l’outils tranche mais permet une plus grande liberté de découpage (zones actives créées)

Tranches / Outil de création/sélection Zone découpéePropriétés liées à la tranche (Url…)

Carte Images / Outil de création/sélection Zone découpéePropriétés liées à la carte (Url…)

Comment enregistrer? / / Possibilité d’obtenir le code HTML correspondant au découpage : Aperçu : clic droit sur l’image puis aperçue dans IE Sauvegarder en html : enregistrer une copie optimisé … puis sélectionner type « HTML et images »

Création d’images animées / Uniquement au format GIF Animations courtes et de petite taille

Trajectoire / Le but de l’animation par trajectoire est de créer 2 images du cercle a 2 position différente et de générer les images intermédiaires. Nouvelle image

Trajectoire /

Avec les calques / Pour chaque images de l’animation, on active/désactive les calques On créer le nombre de d’images que contient l’animation

Des questions?