Oasis Photoshop

Créer une électro sphère lumineuse avec Photoshop 2012 PHOTOSHOP 2012

noreply@blogger.com (oussama graff) — Sun, 11 Mar 2012 17:52:00 GMT

Importez dans votre document l'image du circuit électronique suivante

Désaturez-la en allant dans Menu > Image > Réglage > Désaturation (Ctrl+Shift+U).

Changez son mode de fusion en Couleur plus clair et réduisez son opacité à 24%

Maintenant prenez l'outil pinceau (B) avec une dureté de 0%, dans un nouveau calque dessinez un contour progressif Noir

Créez un nouveau calque, avec l'outil pot de peinture (G) remplissez le avec du noir puis allez dans Menu > Filtre > Rendu > Halo

Allez ensuite dans Menu > Edition > Transformation et écrasez le comme ceci

Dupliquez votre calque (Ctrl+J) et retournez-le à 90°

Changez son mode de fusion en Eclaircir

Dupliquez ce dernier deux fois et faite sur l'un des calque une rotation de 45° et l'autre -45° pour obtenir le résultat suivant

Maintenant sélectionnez les quatre calques et fusionnez-les (Ctrl+E).

Allez dans Menu > Filtre > Déformation > Onde et mettez les valeurs suivantes

Dupliquez votre calque et déplacez-le à droite vers le bas comme ceci

Changez son mode de fusion en Densité linéaire – (Ajout)

Fusionnez les deux calques, faites dessus une sélection radial en utilisant l'outil ellipse de sélection (M).

Ensuite allez dans Menu > Filtre > Déformation > Sphérisation

Maintenant effacez les bordures de la sphère en utilisant l'outil gomme (E) comme ceci

Dupliquez votre calque (Ctrl+J), ensuite allez dans Menu > Filtre > Atténuation > Flou radial

Changez son mode de fusion en Superposition

Tapez votre texte en le déformant un petit peu pour lui donner un effet de Sphérisation en appuyant sur le bouton en haut au dessus du menu principale « Créer un texte déformé »

Rendez-vous maintenant dans les options de fusion

Ce qui vous donne ceci

Ajoutez ensuite un calque de réglage courbe de transfert de dégradé en allant dans Menu > Calque > Nouveau calque de réglage > Courbe de transfert de dégradé avec Densité linéaire – (Ajout) comme mode de fusion

Créez un nouveau calque (Ctrl+Shift+N) et allez dans Menu > Filtre > Rendu > Nuages

Changez son mode de fusion en Lumière tamisée

Pour terminer ajouter un calque de remplissage dégradé en allant dans Menu > Calque > Nouveau calque de remplissage > Dégradé

Changez son mode de fusion en lumière tamisée

Et voilà le résultat

Photoshop CS5 Les nouveautés

noreply@blogger.com (oussama graff) — Sun, 11 Mar 2012 17:46:00 GMT

Photoshop CS5 Les nouveautés

comment Créer un template léger et professionnel Créer un template léger et professionnel Créer un template léger et professionnel

noreply@blogger.com (oussama graff) — Tue, 6 Sep 2011 19:02:00 GMT

Si vous avez besoin d'images ou de photos pour personnaliser vos créations visitez notre Galerie.

Commencez par créer un document (1100X1400px). Ensuite, créez des repères pour aider à former la base de votre template.

Créez un repère vertical à 100px et un autre à 1000px. Ensuite, créez un repère horizontal à 250 pixels. Nous allons rajouter de nouveaux repères plus tard mais ceux-ci forment le base de notre template.

Créez un nouveau calque nommé «arrière-plan principal».

Assurez vous que le calque «arrière-plan principal» est Sélectionné, puis prenez cette couleur #efeade comme couleur de premier-plan et faîtes alt+supp (ou utilisez l'outil pot de peinture) pour remplir votre calque en entier.

Avec l'outil rectangle de sélection, sélectionnez les 250px en haut de votre image à l'aide du repère horizontal.

Créez un nouveau calque appelé "entête bleue" et remplissez la zone sélectionnée avec un dégradé linéaire allant de #006fa3 à #0a92d2.

Créer un nouveau calque nommé 'lumière en-tête'.

Prenez votre outil de dégradé radial et sélectionnez un dégradé allant du blanc au transparent. Ensuite, tracez celui-ci à partir du bas-centre vers le haut de votre zone d'en-tête bleu.

Changez le mode de fusion de ce calque en "incrustation" et réduisez son opacité à 50%.

Téléchargez cette texture de vieux papier et collez-la sur votre document.

Réduisez l'opacité du calque "texture vieux papier" à 40%, et changez son mode de fusion à "produit".

Téléchargez cette jolie photo de nuages. Collez-la dans votre document et redimensionnez / recadrez si nécessaire.

Allez à Image> Réglages> désaturation.

Réduisez l'opacité de ce calque à 30%, et changez son mode de fusion à "superposition".

Avec votre calque "nuages" toujours sélectionné, allez dans menu calque>masque de fusion> tout faire apparaître.

Vous remarquez que le bas de votre image "nuages" ne s'intègre pas harmonieusement dans votre fond crème.

Avec le masque de fusion sélectionné, prenez un grand pinceau doux noir, et badigeonner le bord de votre image "nuages" pour la fondre en douceur et de façon non destructive dans l'arrière-plan.

Créez un nouveau calque appelé "diviseur".

Avec l'outil rectangle de sélection créez une ligne de 2px de hauteur au dessous de votre zone d'en-tête bleu, remplissez-la de blanc et réduisez l'opacité du calque à 30%.

Cela devrait créer un effet subtile entre l'entête et la zone de contenu.

L'utilisation du mode de fusion "produit" a terni les couleurs du template légèrement, donc créez un calque de réglage vibrance.

Vibrance: +100
Saturation: +40

Ce calque de réglage donnera plus d'éclat à notre template.

Ajoutez quelques repères de plus à votre document, deux repères horizontaux fixés à 130 px et à 1100px.

Créez un nouveau calque nommé "zone contenu principal".

En utilisant vos nouveaux repères et vos repères latéraux, Créer une sélection et remplissez-la de cette couleur #f1efe9.

Allez dans les options de fusion et ajouter une lueur externe.

Télécharger cette icône coller-la dans votre entête. Ensuite, créez un texte logo:

Créez un nouveau calque nommé "champ recherche", sélectionnez l'outil rectangle arrondi avec un rayon de 5px et créer un rectangle blanc en haut à droite dans le template, puis réduisez l'opacité du calque à 50%.

Créez un nouveau calque nommé "bouton recherche" pour réaliser un bouton pour le champs de recherche. Utilisez pour cela votre outil rectangle arrondi à nouveau, puis appliquez une incrustation en dégradé et une ombre interne dans les options de fusion:

Ajoutez un peu de texte sur votre formulaire de recherche.

Nous allons réaliser un menu.

Créez deux nouveaux repères verticaux (90px et 1010px), créez aussi un repère horizontal (180px).

L'image ci-dessous montre où nous en sommes avec les repères:

Créez un nouveau calque nommé "barre menu". Utilisez l'outil rectangle de sélection à l'aide des repères pour créer la forme du menu, et Remplissez cette sélection avec un dégradé linéaire allant de #ffc000 à #ffa200.

Allez dans les options de fusion du calque "barre menu" et appliquez une ombre portée et ombre interne.

Créez un nouveau calque nommé "effet menu 3D". Utilisez votre outil lasso polygonal pour créer un triangle noir sous la partie de votre menu qui déborde sur l'arrière-plan. Cela devrait donner l'impression que votre menu s'enroule autour de la zone de contenu.

Créez un rectangle arrondi (rayon: 5px, couleur: #55462b) sur le menu.

Appelez ce calque "menu survolé" et réduisez son opacité à 15%.

Tapez du texte sur votre menu.

Collez une belle photo de paysage sous vos calques de menu, puis redimensionner la photo pour bien cadrer.

Créez un nouveau calque nommé "barre noire". Utilisez votre outil rectangle de sélection et le pot de peinture pour créer une barre noire à la base de votre photo.

Ensuite, réduisez l'opacité du calque d'environ 50%.

Ajoutez votre slogan sur la partie gauche de la barre.

Utilisez l'outil forme personnalisée pour créer deux fléchettes (commandes d'une visionneuse) sur la partie droite de la barre noire.

Téléchargez cette photo de papier ligné.

Collez-la dans votre document, recadrer et redimensionner pour l'adapter en tant que colonne gauche au sein de votre zone de contenu principal.

Créez un masque de fusion pour votre calque "papier ligné" pour masquer son côté droit, afin que l'image se fonde harmonieusement dans la zone de contenu principal.

Sélectionnez l'outil pinceau, prenez une forme ronde d'une grande taille (vers les 200px) et d'une dureté de 0% puis choisissez la couleur noire et barbouillez un peu le coté droit du masque de fusion.

Réduisez l'opacité de votre calque "papier ligné" à 40%.

Tapez un peu de texte dans votre colonne de gauche.

Vous allez créer une ligne qui sépare votre colonne de gauche du reste de votre zone de contenu principal.

Créez un nouveau calque nommé "ligne séparatrice".

Commencez par la création d'une ligne de 1px (#544f41). Puis réduisez l'opacité du calque à 25%, et utiliser l'outil gomme (bord doux) pour effacer différentes parties de cette ligne de séparation:

Tapez un peu de texte sur votre colonne droite et n'oubliez pas de laisser un petit espace pour une image:

Téléchargez cette photo d'un fleuve et collez-la dans votre zone de contenu.

Il est temps de se mettre au travail sur le pied de page.

Commencez par télécharger ce magnifique pack d'icônes et collez-les comme ceci:

Enfin, ajouter du texte en bas de page, des liens vers vos pages de réseaux sociaux, vos coordonnées, vos partenaires et un copyright de base.

Et c'est fait!

Vous pouvez visualiser le résultat final ci-dessous. J'espère que vous avez apprécié ce tutoriel et je serais ravi d'entendre vos commentaires.

comment Réaliser un photomontage d'une scène cinématique aérienne surréaliste

noreply@blogger.com (oussama graff) — Tue, 9 Aug 2011 17:24:00 GMT

si vous avez besoin d'images ou de photos pour personnaliser vos créations visitez notre Galerie.
Étape 1:
Ouvrez l'image "Canyon" dans photoshop.

Étape2:

Créons un ciel plus dramatique! Ouvrez l'image "Lake powell sunset" dans un autre document, prenez l'outil rectangle de sélection, sélectionnez le ciel et copiez-le (CTRL+C).

Collez la sélection dans votre document au-dessus du canyon, allez au menu Édition> Transformation> Homothétie et transformez (en maintenant la touche MAJ enfoncée pour préserver les proportions) pour faire correspondre les largeurs des deux images, avant de valider la transformation homothétique, faîtes un clic gauche de la souris sur l'image et sélectionnez symétrie axe horizontal pour avoir un éclairage réaliste, enfin validez par entrée.

Retirez les sommets des rochets avec l'outil tampon de duplication (S) (prenez une forme à bord doux).

Étape 3:

Maintenant, nous allons créer un masque de fusion pour fondre le ciel dans l'image de fond. Le calque du ciel sélectionné, allez au menu Claque> Masque de fusion> Tout faire apparaître. Prenez un pinceau de taille moyenne à bord doux avec le noir comme couleur de premier plan et à brosser comme ceci:

Basculez entre des brosses petites et moyennes, jusqu'à ce que vous ayez quelque chose de bien

Étape 4:

Ajoutons une action de fond. Ouvrez l'image "Eagle fighter Jet at Air Show", puis extrayez le jet avec l'outil Baguette magique.

Copiez et collez-le dans votre document, pivotez-le horizontalement (symétrie axe horizontal) et réduisez-le (Homothétie) jusqu'à une très, très petite taille.
Positionnez le jet sur la gauche de la composition, réduisez son opacité à 50%, puis tournez-le vers le haut d'environ 20%. Dupliquez le calque pour avoir d'autres jets.

Étape 5:

Avec l'image "F-15 Strike Eagle", Répétez le même processus que dans l'étape précédente:

Positionnez le F-15 sur la droite de la composition et baissez aussi son opacité à 50%.

Étape 6:

Maintenant que nous avons une action de fond, nous allons créer une action plus proche pour donner plus de profondeur à notre composition. Ouvrez l'image "Tornado Jet" et extrayez le jet avec l'outil baguette magique comme précédemment fait.

Allez au menu Image> Réglage> Teinte/Saturation. (teinte: +148, saturation: -72)

Copiez et collez le jet dans votre composition, réduisez sa taille, puis baissez son opacité à 75%. Dupliquez le calque pour avoir d'autres jets et arrangez-les comme ceci:

Étape 7:

A présent, nous allons créer une action de premier plan avec des jets à l'air menaçant, ces jets représenteront le point focal de la composition. Ouvrez l'image "Fighter planes at airshow 4", sélectionnez puis supprimez le ciel avec l'outil baguette magique.

Copier et collez l'avion dans votre document.

Faîtes CTRL+T et reduisez la taille du chasseur à environ 45%.

Étape 8:

Nous allons créer un flou de mouvement pour le chasseur, pour cela dupliquez son calque et appliquez un flou directionnel sur le nouveau calque en allant au menu Filtre> Atténuation> Flou directionnel.

Déplacez le calque flouté légèrement à droite grâce à l'outil de déplacement (V), réduisez son opacité à 50%. Utilisez l'outil gomme (E) avec une forme de taille moyenne à bord doux pour effacer les zones floutées à l'avant de l'avion.

Regroupez les deux calques en les sélectionnant et en faisant CTRL+G. Dupliquez le groupe deux fois et redimensionnez-les comme ci-dessous pour avoir un sentiment supplémentaire de distance.

Étape 9:
Maintenant nous allons utiliser un gros avion pour nous amener à l'intérieur même de l'action. Ouvrez l'image "Aircraft6" et extrayez ce qu'il nous faut comme ceci:

Copiez et collez l'image du gros avion dans votre composition, puis redimensionnez et déplacez-le comme ci-dessous:

Étape 10:

Maintenant que notre composition a un bel équilibre, commençons à mélanger le tout grâce à quelques techniques d'éclairage, nous allons utiliser les calques de réglage. Ajoutez un calque de réglage Niveaux (cliquez sur le symbole de demi-lune en bas du panneau des calques et choisissez Niveaux).Réglez les niveaux jusqu'à ce que vous ayez quelque chose que vous aimez ou utilisez mes paramètres 28, 1.16, 229.

Ajoutez un calque de réglage Courbes et ajustez les courbes de telle sorte que le premier plan soit plus sombre que le fond.

Cette fois-ci ajoutez un calque de réglage Balance des couleurs, réglez les couleurs pour concorder avec les couleurs du coucher de soleil, cyan +29, magenta +52, jaune +60.

Passez son mode de fusion à "incrustation" et baissez son opacité à 50%.

Étape 11:

Ajoutons un peu de drame à la composition avec un effet de lumière naturel. Ouvrez l'image "sun flare", copiez et collez-la dans votre composition, puis déplacez le calque sous tous les calques de réglage.

Redimensionnez le calque, puis changez son mode de fusion à "superposition".

Utilisez une gomme brosse douce de taille moyenne pour effacer les bords de l'effet de lumière.

Recadrez votre image pour avoir un aspect plus cinématographique qui portera le focus plus vers l'action de notre scène.

Conclusion:

En utilisant quelques règles simples de conception graphique vous pouvez donner vie à vos compositions. Déterminez votre arrière-plan, puis votre milieu et premier-plan. Utilisez toujours un point focal dans vos compositions.

cours photoshop gratuit et apprendre photoshop video

noreply@blogger.com (oussama graff) — Tue, 9 Aug 2011 13:23:00 GMT

cours photoshop gratuit

cours photoshop gratuit pdf

formation photoshop en ligne gratuit

exercices photoshop gratuit

apprendre photoshop video

formation cours photoshop

cours adobe photoshop gratuit

cours photoshop cs3 gratuit

avec photoshop
formation photoshop gratuit

cours photoshop

formation photoshop cs3

formation video photoshop

formation photoshop en ligne

formation photoshop cs4

formation photoshop pdf

formation photoshop cs5

Les raccourcis clavier de Photoshop (windows)

noreply@blogger.com (oussama graff) — Wed, 27 Jul 2011 15:57:00 GMT

Général

• Fermeture de toutes les fenêtres —> Ctrl + Maj + W
• Options d’impression —> Ctrl + P
• Impression —> Ctrl + Alt + P
• Magnétisme ON / OFF —> Ctrl + Maj + U
• Paramètres des couleurs —> Ctrl + Maj + K

Texte

• Sélectionner une ligne de texte —> 3 clics sur la ligne
• Sélectionner un paragraphe —> 4 clics sur une des lignes
• Afficher la palette des caractères —> Ctrl + T
• Changer la casse —> Maj + Ctrl + K
• Mettre le texte en exposant —> Maj + Ctrl + "+"
• Echelle de 100% —> Maj + Alt + Ctrl + X
• Revenir à l’interlignage automatique —> Maj + Alt + Ctrl + A
• Revenir à une approche de 0 —> Maj + Ctrl + Q
• Afficher la palette des paragraphes —> Ctrl + M

Calques

• Créer un nouveau calque en dessous du calque actif —> Ctrl + clic sur l’icône nouveau calque
• Propriétés de calque —> Alt + 2 clics sur le nom du calque
• Modifier le style du calque —> 2 clics sur le calque
• Sélection via un masque vectoriel —> Ctrl + clic sur la vignette du masque vectoriel.

Outils

• Trait - Ellipse - Polygone - Forme perso - Rectangle arrondi —> Maj + U
• Rectangle —> M
• Tranche —> K
• Sélection des tranches —> Maj + K
• Annotations —> N
• Annotations audio —> Maj + N
• Sélection d’éléments de tracés —> Maj + A
• Crayon —> Maj + B
• Remplissage - dégradé —> Maj + G
• Mesure - pipette —> Maj + i

Pinceau

• Adoucir la forme du pinceau —> clic sur l’icône pinceau dans la barre d’options
• Accentuer la forme du pinceau —> clic sur l’icône pinceau dans la barre d’options
• Réduire la forme du pinceau —> clic sur l’icône pinceau dans la barre d’options
• Augmenter la forme du pinceau —> clic sur l’icône pinceau dans la barre d’options.

Fluidité

• Fluidité —> Maj + Ctrl + X
• Contraction —> P
• Déformation —> W
• Dilatation —> B
• Miroir—> M
• Blocage —> F
• Libération —> T
• Reconstruction—> E
• Glissement des pixels —> S

Retouche

• Nettoyage —> C
• Annuler la dernière "manip" —> Ctrl + Z
• Sélectionner entièrement une image —> Ctrl + supp
• Supprimer le remplissage et le contour —> Alt + supp
• Retouche contour —> T

CRéER UN BOUTON DE BASE POUR LE WEB oasis photoshop

noreply@blogger.com (oussama graff) — Wed, 27 Jul 2011 06:45:00 GMT

Dans ce tutorial photoshop nous allons voir comment créer un bouton de base pour le web

Créer un nouveau calque

Sélectionnez l'outil rectangle arrondi

Appliquez les réglages suivants

Remplissez votre sélection, comme ci-dessous

Puis ouvrez la fenêtre de styles

Dans l'onglet de styles sélectionnez "Bouton de verre"

Répondez OK à la fenêtre de dialogues

Choisissez la couleur que vous souhaitez

Puis créez un nouveau calque et nommez le "TEXTE"

Sélectionnez l'outil texte.

Sélectionnez toute votre zone de travail.

Appliquez les réglages suivants

Centrez votre texte

Puis sur la calque texte appliquez une ombre portée

Appliquez les réglages suivants

Voila le résultat, bien sûr si vous souhaitez vous pouvez appliquez d'autres réglages

Photoshop CS5 : En préambule à la formation, parlons couleur oasis photoshop

noreply@blogger.com (oussama graff) — Sun, 24 Jul 2011 16:57:00 GMT

photoshop en ligne photoshop cours cs 3 cs 4 cs 5 photoshop online

noreply@blogger.com (oussama graff) — Sat, 23 Jul 2011 20:32:00 GMT

Untitled Document

adobe adobe photoshop cours les masques cs4 cs5 design effet effet avec photoshop effet de lumière effet de texte Montage photoshop photoshop cs4 photoshop cs5 retouche photo tuto photoshop tutorial photoshop tutoriaux photoshop tutorielphotoshop

oasis photoshop Créer un ombre avec photoshop

noreply@blogger.com (oussama graff) — Sat, 23 Jul 2011 20:08:00 GMT

Vous avez commencé à faire des montages photo ? Et vous avez trouvez un problème avec la création d’un ombre ? Ce tutoriel de photoshop vous explique comment créer un ombre avec photoshop

Avant de commencer, trouvez un personnage ou un objet que vous voulez créer un ombre, ouvrez photoshop et créez un nouveau document.

Dans ce tutoriel nous allons utiliser ce personnage :

La première chose a faire est de sélectionner le personnage avec l’outil sélection (vous avez beaucoup d’outil a votre disposition), sur ce tutoriel nous avons un font blanc donc on peut sélectionner le font blanc puis on inverse la sélection et nous allons avoir le personnage sélectionné.

Si vous avez aussi un personnage sur un font blanc, sélectionnez le font blonc avec l’outil sélection (baguette magique) puis cliquez sur le menu « sélection » => « intervertir » et vous allez voir que le personnage sera sélectionné.

Cette sélection devra contenir une couleur noir et elle sera l’ombre de votre personnage.

Cliquez sur le menu « Calque » => « Nouveau » => « Calque » et cliquez sur Ok dans la fenêtre qui s’ouvre. Choisissez l’outil pot de peinture avec une couleur noire et versez dans la sélection :

Maintenant vous allez devoir utiliser une atténuation, cliquez sur le menu « Filtre » => « Atténuation » => « Flous de gaussien » et tapez 9 sur la fenêtre qui s’ouvre puis cliquez sur Ok

Maintenant, la création d’ombre est finie, vous allez devoir faire une Torsion de l’ombre, pour le faire, cliquez sur le menu « Edition » => « Transformation » => « Torsion ».

Tirez l’ombre dans la direction que vous voulez.

Cliquez sur l’outil déplacement puis sur appliquer,

Maintenant l’etape finale consiste a déplacer le calque du personnage en dessus du calque de l’ombre

Voici le résultat final suite à notre tutoriel de création d’un ombre avec photoshop :

oasis photoshop Effet de texte fondu sous photoshop

noreply@blogger.com (oussama graff) — Tue, 19 Jul 2011 10:39:00 GMT

Nous allons apprendre dans cette formation comment créer un texte fondu sous photoshop
Ouvrez photoshop, puis créer un nouveau document
Choisissez l’outil texte et tapez votre texte (Par exemple ici photoshop)

Sur la barre de menu Cliquez sur filtre puis sur fluidité.

Acceptez la pixellisation du calque, si ce message n’apparait pas passer à l’étape suivante.

Sur la fenêtre de fluidité qui s’ouvre cliquez sur votre texte et faites descendre vers le bas puis cliquez sur ok.

Voici le résultat final suite à notre tutorial de formation photoshop « texte fondu »

oasis photoshop Supprimer des objets d’une image photoshop

noreply@blogger.com (oussama graff) — Tue, 19 Jul 2011 10:18:00 GMT

Cliquez sur l’outil Tampon de duplication

Cliquez sur le bouton « Alt » du clavier puis sur la souris

Lâchez le bouton « Alt » puis cliquez sur l’arbre

Voici le résultat final suite à notre tutorial de formation photoshop supprimer des objets d’une image photoshop

Note : il s’agit d’une duplication de la partie sélectionnée avec le bouton « alt » sur l’arbre avec une dégradation du contour.

oasis photoshop Créer une plage avec Photoshop

noreply@blogger.com (oussama graff) — Mon, 18 Jul 2011 17:00:00 GMT

Nous allons apprendre dans cette formation (un tutoriel) comment créer une plage avec Photoshop

Créer un nouveau document avec les dimensions 500pixel * 500pixel

Choisissez l’outil couleur puis les couleurs comme sur limage ci dessous

Cliquez sur « Filtre » puis pointez sur « Rendu » puis cliquez sur « Nuages »

Vous allez obtenire ce résultat

Cliquez sur « Filtre » puis pointez sur « Rendu » puis cliquez sur « Fibres. »

Sur la fenêtre qui s’ouvre tapez 9 sur « Variance » et 4 sur « Intensité »

Vous allez obtenire ce résultat

Cliquez sur « Image » puis pointez sur « Rotation de la zone de travail » puis cliquez sur « 90. »

Cliquez sur le calque avec le bouton droite de la souris puis sur « Dupliquer le calque. » Puis sur la fenêtre qui s’ouvre cliquez sur ok

Sur la fenêtre du calque cliquez sur « Superposition »

Choisissez l’outil dégradé

Créez un nouveau calque

Faite dégrader limage

Créez un nouveau calque

Cliquez sur l’outil dégradé

Faite dégrader limage

Sur la fenêtre des calques tapez 66 sur « Opacité »

Voici le résultat final suite à notre tutorial de formation photoshop créer une plage avec Photoshop

oasis photoshop Enlever les yeux rouges avec photoshop

noreply@blogger.com (oussama graff) — Mon, 18 Jul 2011 16:56:00 GMT

Nous allons apprendre dans cette formation (un tutoriel) comment enlever les yeux rouges avec photoshop
Ouvrez photoshop, créer un nouveau document puis collez votre image

Choisissez « l’outil oeil rouge »

Sur votre image cliquez sur l’oeil rouge

Voici le résultat final suite à notre tutorial de formation photoshop « créer une ligne droite ».

,,

‏

Comment créer un paysage de crépuscule avec photoshop

noreply@blogger.com (oussama graff) — Thu, 30 Jun 2011 10:34:00 GMT

Comment créer un paysage de crépuscule avec photoshop

Pour commencer ouvrez un nouveau document de 1900 x 1200 pixels Couleur RVB résolution 72Dpi

Téléchargez le fichier des brushes suivant

A l'aide de l'outil pot de peinture (G) remplissez votre fond avec la couleur suivante #f37c13

Ajoutez un calque de remplissage dégradé (Menu > Calque > Nouveau calque de remplissage > Dégradé ) comme ce ci

Dans un nouveau calque utilisez les brushes de Nuage avec une opacité de 37% couleur Blanche

Avec l'outil formes personnalisées (U) utilisez la forme suivante pour illustrer les rayon de soleil

Rendez vous dans les options de fusion

Puis allez dans Menu > Filtre > Atténuation > Flou Gaussien

Maintenant dessinez un rond en utilisant l'outil pinceau (B) Diamètre principal 378px Dureté 0%

Puis dans les options de fusion appliquez une Lueur externe

Maintenant prenez l'outil plume (P) et dessinez la forme suivante

La même chose dans les options de fusion appliquez une Lueur externe mais en Noir

Dans un nouveau calque (Ctrl+Shift+N) dessinez des herbes, le brushe est disponible par défaut avec photoshop utilisez une couleur Noir

Maintenant utilisez les brushes des arbres disponible dans le fichier que vous avez télécharger au paravent

Et pour finir utilisez les brushes des différents silhouettes d'animaux (disponible dans le fichier que vous avez télécharger au paravent )

pour donnez ce rendu final magnifique

Tutorial photoshop cs5 fr créer une cité planete

noreply@blogger.com (oussama graff) — Thu, 30 Jun 2011 10:04:00 GMT

creer logo de facebok par photoshop cs5

noreply@blogger.com (oussama graff) — Thu, 30 Jun 2011 10:01:00 GMT

brushes pour photoshop

noreply@blogger.com (oussama graff) — Wed, 29 Jun 2011 11:04:00 GMT

brushes pour photoshop

le site /www.free4photoshop.com

Miniature d'un site avec reflet

noreply@blogger.com (oussama graff) — Wed, 29 Jun 2011 10:21:00 GMT

Miniature d'un site avec reflet

Introduction

Le but de ce tutoriel est de réaliser la miniature d'un site avec son reflet sur le sol. Pour l'exemple nous réaliserons celle de Photoshop School :

La durée approximative pour y arriver est de : 20 min

Il y a dans cette image plusieurs éléments :

La miniature du site
La miniature du site
La miniature du site
La miniature du site

Chaque élément devra être placé sur un calque différent.

1. La miniature du site

20 minOuvrez le site que vous souhaitez miniaturiser dans votre navigateur favori sans laisser d'espace autour de la fenêtre mais pas en mode plein écran. Pour l'exemple nous utiliserons Photoshop School et Photoshop SchoolFireFox.
et appuyez sur la touche Photoshop SchoolFireFox'imp écr' de votre clavier, cela va 20 minOuvrez"copier" dans le Presse-Papiers l'image affichée sur votre écran
Dans Photoshop faites ensuite Photoshop SchoolFireFox'imp écr'Ctrl+N' pour créer un nouveau document et Photoshop SchoolFireFox'imp écr'Ctrl+N'Ctrl+V' pour 20 minOuvrez"copier""coller" l'image. Si vous ne vous êtes pas trompé de touche, cela devrait ouvrir un nouveau document d'une taille adaptée à votre résolution, dans le bon La miniature du site et afficher le site dans un Calque
Activez la transformation manuelle (Photoshop SchoolFireFox'imp écr'Ctrl+N'Ctrl+Vfree transform) avec Photoshop SchoolFireFox'imp écr'Ctrl+N'Ctrl+Vfree transform'Ctrl+T'
et réduisez la taille de l'image de 50%

En conservant les proportions hauteur / largeur

et validez la transformation avec la touche Photoshop SchoolFireFox'imp écr'Ctrl+N'Ctrl+Vfree transform'Ctrl+T'Entrée'
Dupliquez ensuite le calque 'Ctrl+J'
Désactivez l'affichage de calque original en cliquant sur l'oeil

Nous allons garder cette version (calque 1) pour les étapes 20 minOuvrez"copier""coller"2 et 20 minOuvrez"copier""coller"23
Assurez-vous d'avoir bien sélectionné le calque dupliqué (calque 1 copie)

Réactivez la transformation manuelle et déplacez les coins de l'image en maintenant la touche Photoshop SchoolFireFox'imp écr'Ctrl+N'Ctrl+Vfree transform'Ctrl+T'Entrée'Ctrl' enfoncée pour donner l'effet de perspective.
Pour simplifier, faites les côtés à gauche et à droite parallèles, si vous devez ajouter la miniature dans un contexte attention à ne pas faire d'erreur de perspective.

et validez la transformation avec la touche Photoshop SchoolFireFox'imp écr'Ctrl+N'Ctrl+Vfree transform'Ctrl+T'Entrée'Ctrl'Entrée'

2. Son reflet

Sélectionnez le calque original (calque 1) et dupliquez le
Désactivez l'affichage de calque original en cliquant sur l'oeil

Nous allons le garder (calque 1) pour l'étape 20 minOuvrez"copier""coller"233
Assurez vous d'avoir bien sélectionné le calque dupliqué.
Activez la transformation manuelle (Photoshop SchoolFireFox'imp écr'Ctrl+N'Ctrl+Vfree transform'Ctrl+T'Entrée'Ctrl'Entréefree transform) toujours avec Photoshop SchoolFireFox'imp écr'Ctrl+N'Ctrl+Vfree transform'Ctrl+T'Entrée'Ctrl'Entréefree transform'Ctrl+T' et faites clic droit sur la forme et 20 minOuvrez"copier""coller"233Symétrie Axe Vertical (Photoshop SchoolFireFox'imp écr'Ctrl+N'Ctrl+Vfree transform'Ctrl+T'Entrée'Ctrl'Entréefree transform'Ctrl+TFlip horizontal)

Puis de la même manière qu'à l'étape 20 minOuvrez"copier""coller"233Symétrie Axe Vertical1 déplacez les coins de la forme avec la souris en maintenant la touche Photoshop SchoolFireFox'imp écr'Ctrl+N'Ctrl+Vfree transform'Ctrl+T'Entrée'Ctrl'Entréefree transform'Ctrl+TFlip horizontal'Ctrl' enfoncée pour mettre en place le reflet.

faites la aussi attention à la perspective :

Dans l'onglet des calques, ajoutez La miniature du site au reflet

Appuyez sur Photoshop SchoolFireFox'imp écr'Ctrl+N'Ctrl+Vfree transform'Ctrl+T'Entrée'Ctrl'Entréefree transform'Ctrl+TFlip horizontal'CtrlAdd layer mask'D' pour réinitialiser les couleurs à noir et blanc.

Sélectionnez l'20 minOuvrez"copier""coller"233Symétrie Axe Vertical1outil dégradé Photoshop SchoolFireFox'imp écr'Ctrl+N'Ctrl+Vfree transform'Ctrl+T'Entrée'Ctrl'Entréefree transform'Ctrl+TFlip horizontal'CtrlAdd layer mask'D'G' (Photoshop SchoolFireFox'imp écr'Ctrl+N'Ctrl+Vfree transform'Ctrl+T'Entrée'Ctrl'Entréefree transform'Ctrl+TFlip horizontal'CtrlAdd layer mask'D'GGradient tool)

en mode 20 minOuvrez"copier""coller"233Symétrie Axe Vertical1outil dégradélinéaire (Photoshop SchoolFireFox'imp écr'Ctrl+N'Ctrl+Vfree transform'Ctrl+T'Entrée'Ctrl'Entréefree transform'Ctrl+TFlip horizontal'CtrlAdd layer mask'D'GGradient toollinear)

Assurez vous d'avoir bien sélectionné le masque :

et non pas le calque :

et faites un dégradé noir et blanc vertical, cela va rendre une partie du reflet transparent.
Le but est de rendre le bas du reflet totalement transparent et le haut totalement opaque.
baissez ensuite l'opacité (Photoshop SchoolFireFox'imp écr'Ctrl+N'Ctrl+Vfree transform'Ctrl+T'Entrée'Ctrl'Entréefree transform'Ctrl+TFlip horizontal'CtrlAdd layer mask'D'GGradient toollinearopacity) du reflet de 20 minOuvrez"copier""coller"233Symétrie Axe Vertical1outil dégradélinéaire30%

3. L'ombre

Dans la même manière que dans l'étape numéro 20 minOuvrez"copier""coller"233Symétrie Axe Vertical1outil dégradélinéaire30%2 reprenez le calque original et activez la transformation manuelle puis grâce à la souris et à la touche Photoshop SchoolFireFox'imp écr'Ctrl+N'Ctrl+Vfree transform'Ctrl+T'Entrée'Ctrl'Entréefree transform'Ctrl+TFlip horizontal'CtrlAdd layer mask'D'GGradient toollinearopacity'Ctrl' déformez-le pour arriver à ceci :

et validez la transformation.
baissez l'opacité à 20 minOuvrez"copier""coller"233Symétrie Axe Vertical1outil dégradélinéaire30%230%

Faites lui subir un 20 minOuvrez"copier""coller"233Symétrie Axe Vertical1outil dégradélinéaire30%230%flou gaussien de 20 minOuvrez"copier""coller"233Symétrie Axe Vertical1outil dégradélinéaire30%230%flou gaussien4 pixels disponible dans le menu des filtres en haut.

Laissez la touche Photoshop SchoolFireFox'imp écr'Ctrl+N'Ctrl+Vfree transform'Ctrl+T'Entrée'Ctrl'Entréefree transform'Ctrl+TFlip horizontal'CtrlAdd layer mask'D'GGradient toollinearopacity'Ctrl'Ctrl' enfoncée et cliquez sur le calque en question dans l'onglet des calques pour récupérer sa sélection.
Appuyez sur Photoshop SchoolFireFox'imp écr'Ctrl+N'Ctrl+Vfree transform'Ctrl+T'Entrée'Ctrl'Entréefree transform'Ctrl+TFlip horizontal'CtrlAdd layer mask'D'GGradient toollinearopacity'Ctrl'Ctrl'D' pour réinitialiser les couleurs à noir et blanc.

et faites Photoshop SchoolFireFox'imp écr'Ctrl+N'Ctrl+Vfree transform'Ctrl+T'Entrée'Ctrl'Entréefree transform'Ctrl+TFlip horizontal'CtrlAdd layer mask'D'GGradient toollinearopacity'Ctrl'Ctrl'D'Alt+BackSpace' pour remplir la sélection de noir.

4. Le dégradé du fond

Créer un nouveau calque Photoshop SchoolFireFox'imp écr'Ctrl+N'Ctrl+Vfree transform'Ctrl+T'Entrée'Ctrl'Entréefree transform'Ctrl+TFlip horizontal'CtrlAdd layer mask'D'GGradient toollinearopacity'Ctrl'Ctrl'D'Alt+BackSpace'Ctrl+Shift+N' et avec un Glisser/Déposer (drag&drop) placez le dessous tous les autres.
Appuyez sur Photoshop SchoolFireFox'imp écr'Ctrl+N'Ctrl+Vfree transform'Ctrl+T'Entrée'Ctrl'Entréefree transform'Ctrl+TFlip horizontal'CtrlAdd layer mask'D'GGradient toollinearopacity'Ctrl'Ctrl'D'Alt+BackSpace'Ctrl+Shift+N'D' pour réinitialiser les couleurs à noir et blanc.

Sélectionnez l'20 minOuvrez"copier""coller"233Symétrie Axe Vertical1outil dégradélinéaire30%230%flou gaussien4outil dégradé Photoshop SchoolFireFox'imp écr'Ctrl+N'Ctrl+Vfree transform'Ctrl+T'Entrée'Ctrl'Entréefree transform'Ctrl+TFlip horizontal'CtrlAdd layer mask'D'GGradient toollinearopacity'Ctrl'Ctrl'D'Alt+BackSpace'Ctrl+Shift+N'D'G' (Photoshop SchoolFireFox'imp écr'Ctrl+N'Ctrl+Vfree transform'Ctrl+T'Entrée'Ctrl'Entréefree transform'Ctrl+TFlip horizontal'CtrlAdd layer mask'D'GGradient toollinearopacity'Ctrl'Ctrl'D'Alt+BackSpace'Ctrl+Shift+N'D'GGradient tool)

en mode 20 minOuvrez"copier""coller"233Symétrie Axe Vertical1outil dégradélinéaire30%230%flou gaussien4outil dégradélinéaire (Photoshop SchoolFireFox'imp écr'Ctrl+N'Ctrl+Vfree transform'Ctrl+T'Entrée'Ctrl'Entréefree transform'Ctrl+TFlip horizontal'CtrlAdd layer mask'D'GGradient toollinearopacity'Ctrl'Ctrl'D'Alt+BackSpace'Ctrl+Shift+N'D'GGradient toollinear)

Faites un dégradé noir et blanc vertical d'un bout à l'autre du document. Laissez la touche Photoshop SchoolFireFox'imp écr'Ctrl+N'Ctrl+Vfree transform'Ctrl+T'Entrée'Ctrl'Entréefree transform'Ctrl+TFlip horizontal'CtrlAdd layer mask'D'GGradient toollinearopacity'Ctrl'Ctrl'D'Alt+BackSpace'Ctrl+Shift+N'D'GGradient toollinear'Shift' enfoncée si vous le voulez parfaitement vertical.

Remarques :

La gestion de l'éclairage est cohérente car l'ombre et le sol démontrent tous les deux que la miniature est éclairée par le devant.
Il est possible de faire un point de fuite en bas, les bords gauche et droit ne sont ainsi pas parallèles :

La miniature du site

retouche photoshop

noreply@blogger.com (oussama graff) — Wed, 29 Jun 2011 10:19:00 GMT

Faire un motif screening

noreply@blogger.com (oussama graff) — Wed, 29 Jun 2011 10:12:00 GMT

Faire un motif screening

Introduction

L'objet de ce tutoriel est de vous apprendre à faire un motif (Pattern) avec Photoshop. Le motif donnera un effet Patternscreening.
La durée approximative pour y arriver est de : 10 min

1. Creer le motif

Créez un nouveau document Patternscreening'CTRL+n' avec un fond 10 minTransparent, une taille de 10 minTransparent2 pixels de largeur et de hauteur, en mode de couleur 10 minTransparent2RVB (Patternscreening'CTRL+nRGB) et de résolution 10 minTransparent2RVB72 pixel/pouces (Patternscreening'CTRL+nRGBdpi).

Appuyez sur Patternscreening'CTRL+nRGBdpi'D' pour réinitialiser les couleurs à noir et blanc.

Appuyez à plusieurs reprises sur la combinaison de touche Patternscreening'CTRL+nRGBdpi'DCtrl et Patternscreening'CTRL+nRGBdpi'DCtrl+ pour zoomer au plus près de l'image jusqu'à obtenir un affichage agrandi à 1600% de l'original. (vous pouvez bien sûr utiliser Patternscreening'CTRL+nRGBdpi'DCtrl+Ctrl et Patternscreening'CTRL+nRGBdpi'DCtrl+Ctrl- pour dézoomer)

Sélectionnez l'outil 10 minTransparent2RVB72 pixel/poucesrectangle Patternscreening'CTRL+nRGBdpi'DCtrl+Ctrl-'U' en mode 10 minTransparent2RVB72 pixel/poucesrectangleRVB (Patternscreening'CTRL+nRGBdpi'DCtrl+Ctrl-'UFill pixels)

Remplissez les deux pixels supérieurs de noir

Faites ensuite Patternscreening'CTRL+nRGBdpi'DCtrl+Ctrl-'UFill pixelsEdition -> Patternscreening'CTRL+nRGBdpi'DCtrl+Ctrl-'UFill pixelsEditionUtilisez comme Motif (Patternscreening'CTRL+nRGBdpi'DCtrl+Ctrl-'UFill pixelsEditionUtilisez comme Motif'Edit' -> Patternscreening'CTRL+nRGBdpi'DCtrl+Ctrl-'UFill pixelsEditionUtilisez comme Motif'Edit'Define Pattern...')

2. Utiliser le motif

Le motif est maintenant créé. Vous pouvez l'utiliser sur n'importe quel image de cette manière :

Ouvrez une image

(photo by RVB)

Dans votre onglet 10 minTransparent2RVB72 pixel/poucesrectangleRVBCalques cliquez sur cette icône :

et creez un nouveau calque de motif

Assurez vous de bien sélectionner le motif créé précédemment et validez :

Et voilà, nous avons notre effet Patternscreening'CTRL+nRGBdpi'DCtrl+Ctrl-'UFill pixelsEditionUtilisez comme Motif'Edit'Define Pattern...screening. Le Patternscreening'CTRL+nRGBdpi'DCtrl+Ctrl-'UFill pixelsEditionUtilisez comme Motif'Edit'Define Pattern...screeningmotif, un peu comme une Patternscreening'CTRL+nRGBdpi'DCtrl+Ctrl-'UFill pixelsEditionUtilisez comme Motif'Edit'Define Pattern...screeningmotiftexture, a recouvert toute l'image en se répétant.
10 minTransparent2RVB72 pixel/poucesrectangleRVBCalquesMais pourquoi appelle-t-on cet effet Patternscreening'CTRL+nRGBdpi'DCtrl+Ctrl-'UFill pixelsEditionUtilisez comme Motif'Edit'Define Pattern...screeningmotiftexturescreening ?
Le mot anglais Patternscreening'CTRL+nRGBdpi'DCtrl+Ctrl-'UFill pixelsEditionUtilisez comme Motif'Edit'Define Pattern...screeningmotiftexturescreeningscreen signifie Patternscreening'CTRL+nRGBdpi'DCtrl+Ctrl-'UFill pixelsEditionUtilisez comme Motif'Edit'Define Pattern...screeningmotiftexturescreeningscreenécran et de la même manière que pour un écran, l'oeil reconstitue l'image à partir d'une information tronquée.

Sur cette image, l'oeil reconstitue l'image malgré le fait qu'il manque une bande de pixel sur deux.
Sur un écran, l'oeil reconstitue l'image en se basant sur les points lumineux qui sont posés sur un fond noir, (c'est très visible si on se rapproche un peu d'un écran de télévision).

Notes :

Maintenant que vous avez compris le principe, nous pouvons envisager des variantes.

par exemple avec un espace de deux pixels entre les bandes noires :

ou en faisant varier le mode du calque et son opacité

en faisant des bandes verticales

on peut même envisager d'animer l'effet si vous savez RVB et de le mettre par exemple en diagonale :

Photoshop CS5 : Assombrir le décor

noreply@blogger.com (oussama graff) — Wed, 29 Jun 2011 10:10:00 GMT

Découper un design web (1/2)

noreply@blogger.com (oussama graff) — Wed, 29 Jun 2011 10:01:00 GMT

Découper un design web (1/2)

Introduction

Ce tutoriel en plusieurs parties encore en cours d'écriture a pour objet de vous apprendre à découper un design de site Internet réalisé avec Photoshop. Il est directement inspiré de l'article Tables Vs. CSS du site pompage.net.
Pour suivre ce tutoriel, il vous faut connaitres les fondamentaux d'HTML (<head>, <body>, <img>, <table>, <br />,etc) et avoir des bonnes notions de CSS.
Vous réaliserez ainsi à titre d'exemple une page, soit avec une mise en page grâce aux tableaux (<table>) et soit une page XHTML avec une mise en page en CSS.
La durée pour la réalisation de ce tutoriel est variable.

1. Récupérez votre design

Ouvrez votre design réalisé sous Photoshop.

(version 100%)
Pour avoir une bonne idée du rendu final, il ne faut pas hésiter à ajouter des textes même temporaires et les bordures du futur navigateur (utilisez alors 'Impr écr')
Vous reconnaîtrez une utilisation massive de l'effet du tutoriel effet Aqua si vous avez un peu trainé dans nos tutoriaux.

2. Etude de la structure graphique

Nous avons donc un document .psd avec encore tous ses calques. Le but sera de transformer tout cela en une interface de site Web composée de balises HTML, de texte, d' images et peut être de CSS
Et justement le challenge va être de mettre le moins d'image possible car ce sont les images qui pèsent lourd dans une page Web.
On peut déjà supposer que tous les applats de couleur n'ont aucune raison d'être des images. Il suffira de coder la couleur en html/css avec un code couleur.
Le code pour le noir est #000000 en héxadécimal ou RVB(0,0,0) et pour ce bleu electrique : #90C5D5 ou RVB(144,197,213)
Comme vous l'avez peut être remarqué, nous avons pris le soin de ne pas Anti-Aliaser certains calques textes du .psd qui seront en texte brute avec derrière le fond bleu ou noir. Tandis que les titres blancs seront eux des images. Ils sont donc Anti-Aliasés.
Donc finalement les futures images de la page Web sont assez clairement définit :

On peut remarquer qu'un texte (ZeGoodies) chevauche notre image. Pour ne pas poser de problème dans notre découpage, il faudra alors soit décaler le texte vers le haut, soit réduire la hauteur de l'image (d'autres solutions existent notamment en xthml/css mais nous ne les traiterons pas)
Nous n'avons pas délimité les images précisément, le découpage pourra varier en peu. C'est une première étape pour dégrossir la future mise en page.
Par contre un problème se pose déjà. la page Web sera plus ou moins haute en fonction de la longeur des paragraphes de texte. Ainsi si il y a beaucoup de paragraphe, l'image verticale qui sert de séparation entre la zone bleu et la zone noire devra être trés haute.
Pour résoudre ce problème, il suffira d'utiliser une image de fond. C'est une image qui sera répétée verticalement et/ou horizontalement (un peu comme un motif (Patern)) pour finir la colonne vers le bas.
D'un point de vue technique en mise en page tableau HTML on pourra définir une cellulle avec comme paramètre :

background="image.gif"

et en mise en page CSS on pourra définir sur un élément (par exemple un <div>) une propriété :

background-image: url(image.gif);

ce qui donne avec cette image respectivement cette page en css et cette page en tableaux.

3. L'outil Tranche

Vous aurez besoin pour découper votre interface Web que d'un seul outil particulier de Photoshop :

L'Outil Tranche qui comme son nom l'indique tranche ! (l outil est aussi présent dans Image Ready)
Voici un exemple de son utilisation :

Si vous découpez dans votre document .psd avec cet outil, au moment de la sauvegarde ('Ctrl+Alt+Shift+S' puis Enregistrer en spécifiant bien HTML et images (*.html))

vous pourrez produire une page html avec plusieurs images collées et callées dans un tableau pour reconstituer l'apparence du psd. Voici ce que Photoshop produit pour l'exemple ci dessus. On voit très bien les différentes images en modifiant légérement l'espace entre les cellules du tableau
Dans ce petit exemple que nous venons de créer, seule cette image doit être conservée.

les autres seront remplacés par le code couleur #8B4E4E

Dans une mise en page en html tableau, nous pourons garder l'html produit par Photoshop et nous le transformerons petit à petit. Dans une mise en page en css, nous ne conserverons que les images pertinentes et les codes couleurs des images non pertinentes.
Pour la suite de cette article choisissez votre mise en page :

en tableau
en xhtml/css (La suite de ce tutoriel est en cours d'écriture)

Photoshop CS5 : Peindre de la lumière

noreply@blogger.com (oussama graff) — Wed, 29 Jun 2011 09:59:00 GMT

Image cachée

noreply@blogger.com (oussama graff) — Wed, 29 Jun 2011 09:57:00 GMT

Image cachée (IE)

Introduction

Le but de ce tutoriel est de réaliser une image comme celle-ci :

Quand elle est sélectionnée sous Internet Explorer (avec la souris ou en faisant 'Ctrl+A'), une image cachée apparaît. Cela ne fonctionne que sous Windows.
Pour faire ce tutoriel, il faut que vous sachiez faire un motif (Pattern)

1. Faire le motif

Créez un motif de 2 pixels sur 2 pixels comme celui-ci :

2. L'image cachée

Prenez deux images de la même taille :

une qui va servir de paravent :

by Heimo Hanninen

une qui sera cachée :

by angki sumanang
Avec votre souris faites clic droit 'copier' sur la 1ère image, puis 'Ctrl+N' dans Photoshop pour créer un nouveau document et 'Ctrl+V pour coller l'image dans un premier calque
'copiez' la deuxième et 'collez' la par dessus l'autre.
Vous devriez à présent avoir chaque image dans un calque (layer) différent.
Utilisons maintenant notre motif.
Dans votre onglet Calques, cliquez sur cette icône :

Pour créer un nouveau calque de motif

Assurez vous d'avoir bien sélectionné le bon motif et en 100% et validez.
Vous devriez obtenir une disposition des calques semblable à celle-ci :

Faites ensuite clic droit sur le nom du calque du motif et pixellisez le (Rasterize Layer)

(Dans certaines versions de Photoshop, pixelliser se nomme "Simplifier le calque")

Laissez la touche Ctrl enfoncée et cliquez sur le nom du calque avec Motif (Pattern) pour obtenir sa sélection.

En laissant cette sélection active, sélectionnez le calque avec les fleurs et appuyez sur 'Ctrl+J' pour dupliquer dans un nouveau calque la partie sélectionnée.
Vous avez maintenant tous les calques nécessaires. Avec des glisser&déposer (drag&drop) dans l'onglet des calques, placez les calques dans cet ordre de haut en bas :

1) Le calque des fleurs original en mode couleur (color)

2) Le calque fleurs tronqué
3) Le calque avec l'image cachée

ce qui donne :

Les autres calques sont à laisser non visibles en décochant l'oeil
Vous pouvez maintenant sauver votre image en gif ou en png en faisant 'Ctrl+Atl+S'