ELBENNA Souhaieb GSM04. 23/11/2004EBLENNA Souhaieb2 PLAN DE L ’ EXPOSE ● Pr é sentation de ImageReady. ● Cr é ation de Carte-Images. ●Cr é ation de tranches.

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.

UV Libre : Refonte du site web ASI Maxime CHAMBREUIL – ASI 3 – Décembre 2001.

Créer un diaporama avec Open Office Impress

La photo numérique S. Laurent – Actic Hautil – 2004 /2005.

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.

IMAGES NUMERIQUES Qu’est-ce qu’une image numérique ?

L’outil de présentation

INITIATION PowerPoint

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éation d'un diaporama Création d'un diaporama

Première partie: Optimisation et formats dimages standards pour le Web Par Thierry Goulet Web Designer, Ministère de la Sécurité publique De 9h45 à 10h45.

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.

Initialisation des sites web Étapes importantes. La conversion de vos comptes Web nest pas terminée (après discussion avec les techniciens voici comment.

CRÉATION D’UN MODÈLE DE CONCEPTION AVEC LE LOGICIEL POWERPOINT

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

Design et intégration d’images et de graphiques

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.

Éléments de présentation

Éléments de présentation

Adobe Illustrator Création vectorielle.

Dreamweaver Séance 1.

SI28 Dreamweaver- Séance 1

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.

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.

Guillaume MICHAUD – Yvan LECOMTE

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.

Présentation Dreamweaver – Partie 2 Mickaël PIQUE – Automne 2004.

Exposé DREAMWEAVER 2 Guillaume DUBREUIL Adrien HADOUX.

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.

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

Dreamweaver le retour Avec Les Formulaires Les Calques

Photoshop 6 Brandenbourger Clément Morisset Ludovic.

Flash MX er Séance LIU Xinlei GI02.

FORMULAIRES FOMULAIRE Permet à l’utilisateur d’entrer des renseignements le concernant. Utilisation –Inscription sur un site –Mise à jour d’une base.

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.

Photoshop 6.0 Mathieu GASPARD Nicolas HEITZ SI28.

On va découvrir la magie de ....

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.

Les calques Les Template (modèles) Les Comportements Les scénarios Les formulaires Les CSS Le serveur Web de l’UTC Présentation.

Présenté par: François-Xavier LECHEVALIER Fateh BOUGOUFFA

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.

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.

1 er séance SI28 A2004 YIN Lei Emmanuel Eugene. Plan de l’exposé  Introduction au HTML  Le HTML dans le bloc-notes (notepad)  Présentation de Dreamweaver.

Réussir un diaporama S. Pignon –

Introduction à PowerPoint, logiciel de présentation Session hiver 2007 Commission scolaire Lac-St-Jean par Stéphanie Boivin.

Transcription de la présentation:

ELBENNA Souhaieb GSM04

23/11/2004EBLENNA Souhaieb2 PLAN DE L ’ EXPOSE ● Pr é sentation de ImageReady. ● Cr é ation de Carte-Images. ●Cr é ation de tranches. ●Optimisation des images pour Internet. ● Transformation par souris. ● Cr é ation d ’ animation.

23/11/2004EBLENNA Souhaieb3 Pr é sentation de ImageReady Fenêtre Animation Fenêtre Optimisation Internet Fenêtre Transformation souris

23/11/2004EBLENNA Souhaieb4 Pr é sentation de ImageReady Visualisation sous Internet Explorer Masquer ou non les tranches Masquer ou non les carte-images Création/Sélection des carte-images Création/Sélection des tranches Visualisation sous ImageReady Passage de ImageReady vers Photoshop

23/11/2004EBLENNA Souhaieb5 Création de Carte-Images Nom de la carte image Url Option d’ouverture Texte décrivant la zone réactive

23/11/2004EBLENNA Souhaieb6 Création de Carte-Images Enregistrement format.PSD modifiable sous ImageReady Enregistrement format html modifiable sous tous logiciels de création site Web comme Dreamweaver ou autre format standard comme JPEG et GIF

23/11/2004EBLENNA Souhaieb7 Création de tranches Les tranches sont des zones rectangulaires sur lesquelles on peut : - Définir une optimisation - Ajouter un comportement (souris ou lien) Avantages : - Liberté de création : Conception de la page web avec les outils graphiques d’ImageReady puis exportation des tranches dans un tableau d’éditeur html (dreamweaver) - Optimisation du poids : On définit une optimisation appropriée à chaque zone et on n’exporte pas les zones de fond (refait sur l’éditeur) - Mise à jour de la page facilitée : il suffit de réexporter la zone de texte modifiée et non l’écran entier.

23/11/2004EBLENNA Souhaieb8 Création de tranches Outils

23/11/2004EBLENNA Souhaieb9 Optimisation des images pour le Web Rappel : - Rapport taille/qualité il faut faire un compromis entre le poids et l’esthétisme qui dépendent du nombre de couleurs, de la résolution de l’image et du type de compression - différence entre GIF/ JPEG: JPEG o compression avec perte d’informations o affichage progressif, pas de transparence, o Photographies GIF o compression sans pertes o affichage progressif et transparence o Illustrations, logos, typographies, objets aux contours nets

23/11/2004EBLENNA Souhaieb10 Optimisation des images pour le Web Visualisation des différentes optimisations Réglages des différentes optimisations

23/11/2004EBLENNA Souhaieb11 Transformation par souris

23/11/2004EBLENNA Souhaieb12 Création d’animation