Comment créer des bords déchirés sur n'importe quelle image sans aucun problème et décorer votre blog avec ? Imitation d'une photographie aux bords déchirés

Salut tout le monde!
Il existe de nombreuses façons de rendre une image unique.
J'aime faire des bords déchirés dans Photoshopà la photo.
Aujourd'hui, je vais vous apprendre comment faire cela. Je ne veux pas chercher de programmes pour cela, qui sont nombreux sur Internet, mais tournons-nous à notre bon vieux Photoshop !
Regardons ce sujet point par point et chacun d'entre vous acquerra une nouvelle compétence à la fin !
Les captures d'écran des articles du site sont souvent préparées de la même manière. Cela donne de l'originalité à la photo. En fait, c'est ainsi que vous pouvez décorer une capture d'écran ou une photo en quelques minutes seulement.

Comme dans toute tâche, si vous suivez tout étape par étape et que vous comprenez sans vous précipiter, l'effet ne se fera pas attendre !
Si vous êtes un lecteur régulier de mon site, vous possédez probablement déjà Photoshop et apprenez progressivement à l'utiliser.
Par conséquent, je ne mentionnerai pas tous les détails aujourd’hui.

Ouvrez le programme Photoshop et via le menu Fichier-Ouvrir... chargez votre image.
Ou voir la photo :

1. Double-cliquez sur le verrou avec le bouton gauche de la souris (nous faisons toujours cela) pour détacher le calque et commencer à travailler avec lui.
2. Sur le panneau, sélectionnez l'outil « Zone rectangulaire » ou Ovale, sélectionnez la zone souhaitée dans l'image.

3. Appuyez ensuite sur - Masque rapide (ou sur la touche de raccourci Q).

La zone de l'image que vous avez sélectionnée pour l'édition deviendra rouge (c'est exactement l'endroit où se trouveront vos bords déchirés.

4. L'étape suivante est l'outil Galerie de filtres - « Filtre ».

5.Vous serez redirigé vers une page avec de nombreux filtres différents. Jouez avec les curseurs et choisissez ce que vous aimez.

Pour mon exemple, j'ai choisi - Traits - Éclaboussures - Aérographe.
J'ai effectué les réglages - Adoucissement et Rayon de pulvérisation.
Après avoir sélectionné les paramètres, n'oubliez pas de cliquer sur « Ok ».

Nous revenons à nouveau à l'éditeur principal de Photoshop.
Des changements comme celui-ci apparaissent dans l’image.

6. Vous devez maintenant désactiver l'outil Masque rapide, cliquez simplement à nouveau dessus.

7. Alors c'est parti -EDITING-COPY ou sur les touches du clavier Ctrl+C (copier) et Ctrl+V (coller)

8. Vous avez maintenant créé un nouveau calque déjà déchiré à l'aide d'un filtre.


Le calque principal doit être masqué (en cliquant sur l'œil qui montre la visibilité du calque). Ensuite, sélectionnez et cliquez sur Supprimer ou sur le petit panier en bas de la fenêtre Supprimer le calque principal.
Si vous avez un fond blanc, alors les modifications sont invisibles sur un fond blanc
Expérimentez, cela ne nuira pas à vos résultats !
Remplissez l'arrière-plan à l'aide de l'outil Remplissage (raccourci clavier – G).
Il existe d'autres moyens. Accédez à CALQUES (clic droit sur le calque) et sélectionnez – STYLES DE CALQUE.
Dans la nouvelle fenêtre, vous pouvez effectuer toutes sortes de réglages.
Enregistrez les modifications en cliquant sur « OK »

L'étape suivante consiste à enregistrer l'image au format PNG !
(Fichier - Enregistrer sous...) ou pour le Web.
Vous aurez le vôtre, mais le mien s'est avéré comme ceci :

tu sais maintenant.
Il n'y a pas de bagatelles dans la décoration. Le site doit toujours être beau. Plus votre lecteur restera longtemps avec vous et deviendra très probablement votre acheteur.

Et grâce au design le plus attrayant de votre site Web, vous aurez plus d’abonnés. Ce sont des techniques techniques qui ont un grand impact sur vos revenus.

Cliquez maintenant sur le petit bouton social. réseaux ci-dessous.
Au revoir…

Salut tout le monde!

Aujourd'hui, c'est la quatrième leçon et je vais vous apprendre à faire ce qu'on appelle " photos déchirées« … Nous n'utiliserons pas de programmes spéciaux pour cela, mais nous tournerons vers notre bon vieux Photoshop !

Faisons le tri effet de bord déchiré dans Photoshop point par point et chacun acquerra une nouvelle compétence à la fin !

Pour être honnête, j'ai remarqué que tous ceux qui écrivent sur ce sujet ne décrivent pas vraiment tout, n'expliquent pas vraiment quoi que ce soit... On a l'impression qu'ils écrivent pour eux-mêmes ( ou pour les artisans de votre niveau).

Leurs messages sont courts et peu informatifs !

J'ai moi-même rencontré plus d'une fois de tels blogs... Oui, on dirait qu'il y a un article et le résultat est évident ! Et comment parvenir à ce résultat - ils aiment garder le silence sur ces détails...

Comment faire des bords déchirés ?

En fait, ici, comme dans toute entreprise : si vous mettez tout en ordre et que vous comprenez tout, le résultat ne vous fera pas attendre !

Si vous êtes mon lecteur régulier, vous possédez probablement déjà le programme lui-même et vous avez appris certains aspects de son utilisation...

Nous n’aborderons donc pas toutes ces petites choses aujourd’hui !

Utiliser des filtres dans Photoshop-c'est grâce à cette méthode que dans cet article nous allons apprendre comment faire effet « bords déchirés »!

Il existe bien d’autres façons, mais aujourd’hui nous n’en parlerons pas...

Pourquoi attendre ? Il est temps de passer aux choses sérieuses...

Ouverture Photoshop et en utilisant le menu Fichier-Ouvrir… Nous ajoutons notre image expérimentale. Ou voir la photo :

P.S. J'ai économisé un peu d'espace disque sur le blog et pris une photo d'un ancien article...

Prenez l'outil " Zone rectangulaire"et utilisez-le pour sélectionner la zone souhaitée dans l'image :

P.S.Vous n'êtes pas obligé d'utiliser un rectangle pour faire une sélection ! Vous pouvez prendre un ovale...

Après l'avoir sélectionné dans la barre d'outils, cliquez sur - Modification en mode Masque rapide ou un raccourci clavier Question :

La zone de l'image qui sera éditée sera colorée en rouge ( l'endroit où seront situés nos bords déchirés):

Étape suivante : outil « Filtre » – Galerie de filtres… :

Du coup, on se retrouve sur cette page :

P.S.

Regardez le résultat dans la fenêtre de gauche, si tout vous plaît, cliquez sur « D'ACCORD«.

Vous pouvez également expérimenter avec d'autres filtres ( il y a aussi des effets de bords déchirés)…

Et on se retrouve à nouveau sur la page principale de l'éditeur Photoshop et la photo prend cet aspect :

Maintenant, pour enfin tout sécuriser et visualiser le résultat final, quittez l'outil "Masque rapide":

P.S.Qui ne sait pas comment désactiver l'outil « Quick Mask » ? Regardez ci-dessus comment vous l'avez activé et cliquez à nouveau dessus...

Appuyez sur les touches du clavier Ctrl+C (copier) et Ctrl+V (coller)- c'est ainsi que nous avons créé un calque supplémentaire déjà recadré grâce à notre filtre...

P.S. Il existe également un chemin plus long pour créer un calque... Je ne pense pas que vous en ayez besoin !

Le premier calque peut être masqué ( en cliquant sur l'oeil qui indique la visibilité du calque), ou supprimez-le ( sélectionnez et appuyez sur Supprimer, ou sur un petit panier):

Comme vous pouvez le constater, le résultat sur fond blanc est invisible...

Alors un peu d'expérimentation ne fera pas de mal !

Vous pouvez remplir l'arrière-plan, mais cela n'a pas sa place ici... Même si cela semble avoir bien fonctionné :

P.S. Sélection de l'outil Remplissage, raccourci clavier - G...

Nous adoptons d'autres méthodes : faites un clic droit sur le calque et sélectionnez - Options de fusion... :

Une nouvelle fenêtre apparaîtra devant vous où vous pourrez effectuer divers réglages... Je l'ai eu comme ceci :

P.S.Cliquez sur l'image et elle s'ouvrira dans une nouvelle fenêtre !

Après toutes les modifications, cliquez sur " D'ACCORD"et enregistrez l'image au format PNG !( Fichier - Enregistrer sous...)

Et voici mon résultat :

Et maintenant un petit cadeau !

Je vous suggère d'installer un spécial police avec des bords déchirés!

Qu'est-ce que c'est? Mais regarde :

Il s'agit d'une police appelée - 28 jours plus tard. Vous pouvez le télécharger en cliquant sur le lien ci-dessous :

28 jours plus tard, téléchargez la police

Comment installer correctement les polices ?

Les polices ne sont pas installées dans le programme Photoshop lui-même, mais dans notre système informatique. Leur utilisation ne se limite donc pas à un seul programme...

Alors, quelles étapes devez-vous suivre pour ajouter une nouvelle police ?

Nous allons dans le disque système de notre ordinateur ( il s'agit souvent du lecteur local C) - dossier Windows - Polices...(chemin complet C:WindowsFonts)

Au dernier dossier ( Polices) Déplacement de notre police téléchargée !

Remarques :

— la police est utilisée uniquement pour les lettres majuscules ;

- tous les signes de ponctuation restent à son insu ;

Prend en charge l'alphabet cyrillique ;

- affichage incorrect ( par exemple, la lettre « D » dans l'image ci-dessus)

Quelques nouvelles de la vie du blog...

Bonjour, collègues et amis ! Avec vous, Natalya Krasnova, qui adore expérimenter les photographies et les images. Aujourd'hui, je veux vous parler de la décoration de votre blog, de la façon de créer des bords déchirés sur des captures d'écran ou des images simples.

La décoration de votre blog peut être constituée d'images, de captures d'écran, de dessins, de photographies lumineuses. Vous avez probablement remarqué qu'un article est beaucoup plus facile à lire s'il comporte une visualisation et des fichiers .

Grâce aux captures d'écran, sans même enregistrer de vidéo, vous pouvez facilement former votre visiteur à certaines opérations. Il est rare de trouver des textes nus sur Internet. Je ne veux tout simplement pas lire de tels articles.

J'ai déjà décrit différentes manières de prendre des captures d'écran et vous ai fourni une liste de programmes permettant de prendre des captures d'écran de l'écran de votre moniteur. Dans cet article, je vais vous expliquer comment prendre non seulement une capture d'écran, mais une capture d'écran avec des bords déchirés.

De telles images décorent non seulement les pages du blog, mais servent également de supports d'informations. Toutes les images déchirent le texte en morceaux, de sorte que le contenu de l'article est perçu et mémorisé beaucoup plus facilement.

Étant donné que beaucoup d'entre nous sont des personnes « visuelles », des images inhabituelles aux bords déchirés, déchirés et coupés attirent notre attention et nous nous attardons involontairement sur le site plus longtemps, ne serait-ce que pour une courte période.
Il existe plusieurs façons de créer des bords déchirés sur des photographies et des images. La première méthode, à mon avis, est la plus simple : utiliser le programme Fast Stone Capture. J'ai parlé de ce programme plus en détail dans l'article ""

Le programme ne prend pas beaucoup de RAM de l'ordinateur, mais un programme aussi petit et, surtout, gratuit a de nombreuses possibilités. Cette baguette utilitaire est une bouée de sauvetage pour les blogueurs.

1. Après l'installation, lancez le programme. Cette petite fenêtre s'ouvre et, mieux encore, lorsque vous passez la souris, une info-bulle apparaît en russe.

2. Sélectionnez l'outil rectangle et prenez une capture d'écran de la zone dont nous avons besoin.

3. Ensuite, une fenêtre s'ouvre devant nous avec la possibilité de modifier le fichier. Cliquez sur le bouton « Bord » et dans la nouvelle fenêtre qui s'ouvre, paramétrez la superposition des effets : cadre, ombre, côtés pour le bord déchiré, taille des dents déchirées, etc.

C'est le moyen le plus simple de créer des bords déchirés et celui que j'utilise toujours.

Bords déchirés dans Photoshop

Aujourd'hui, je vais vous montrer une autre façon. À mon avis, c'est loin d'être la meilleure option, mais cela peut nous être utile dans certains cas, par exemple lors de la réalisation de collages à partir de photographies ou de la création d'une carte de vœux à l'aide d'un programme d'édition d'images.

Nous allons maintenant suivre trois étapes simples.

1 étape. Ouvrez la photo et utilisez l'outil lasso pour tracer un trait aléatoire le long du bord.

2. Copiez la sélection dans un nouveau calque à l'aide de la combinaison de touches Ctrl+J. C'est l'image que j'ai obtenue avec des bords irréguliers.

Vous pouvez créer des miracles dans Photoshop. Expérimentez, utilisez des actions et vous obtiendrez les images les plus uniques.

Utiliser un fichier psd

Une autre façon de créer de belles images, ce qui signifie une autre opportunité de décorer votre blog à l'aide d'un fichier que vous pouvez télécharger ici lien.

Si vous avez téléchargé le fichier, faites un clic droit dessus et dans le menu contextuel déroulant sélectionnez le chemin « Ouvrir avec PhotoShop », le fichier s'ouvrira dans le programme d'édition.

Nous ouvrons également notre photo, que nous avons décidé de modifier. Pour l'ouvrir dans PhotoShop, allez dans l'onglet « Fichier - Ouvrir » et recherchez sur l'ordinateur la photo sur laquelle nous allons mener des expériences.

A ce stade, nous avons deux fichiers ouverts dans le programme. Nous rendons le fichier psd actif (cliquez dessus avec la souris) et désactivons les images dont nous n'avons pas besoin en cliquant sur l'icône en forme d'œil dans le champ d'affichage des calques de fichiers.

J'ai le plus aimé les bords déchirés de l'image numéro 4, donc en face de ce groupe de calques, j'ai laissé l'icône du judas allumée et j'ai désactivé tous les autres.

Cliquez maintenant sur le triangle pour afficher la visibilité de toutes les couches du groupe n°4.

Pour supprimer l'association d'un masque avec un calque, cliquez sur l'icône que j'ai pointée avec la flèche (voir capture d'écran).

Savez-vous comment dessiner de manière réaliste un bord déchiré d'un papier ? Sinon, lisez ce simple didacticiel Photoshop.

Créez un nouveau document. Prenez le lasso, placez à main levée le bord du papier et bouclez la sélection sur le bas du document.

Sélectionnez une couleur pour le papier, sélectionnez , créez un nouveau calque et remplissez la sélection.

Ramenez le Lasso, faites un clic droit sur la sélection, sélectionnez la commande Créer un parcours de travail(Créer un chemin de travail). Définissez la valeur de tolérance sur 1px.

Sélectionnez le type d'outil pinceau suivant, ajustez la taille en fonction de la taille de votre document.

Appuyez sur F5 - la fenêtre d'édition du pinceau apparaîtra.

Aller au paramètre Dynamique de forme(Shape Dynamics) et définissez les mêmes paramètres que dans l'image.

Prenez l'outil Plume, faites un clic droit sur le chemin et sélectionnez la commande Tracez le contour(Chemin de trait).

Assurez-vous que le pinceau est sélectionné dans la fenêtre qui apparaît et que l'option Simuler la pression(Simuler la pression) a été désactivé.

Répétez le trait si nécessaire pour obtenir un effet réaliste.

Comme vous le savez probablement, le papier est composé de plusieurs couches, surtout s'il s'agit de carton coloré. Et si vous arrachez un morceau de ce carton, vous verrez qu'il se décollera au point de déchirure.

Pour créer cet effet, créons une autre sélection à l'aide de Lasso. Sur un nouveau calque (vous devrez placer ce calque en dessous du rouge) remplissez la sélection avec une teinte plus claire.

Transformez à nouveau la sélection en chemin.

Nous venons de réaliser l'essentiel de l'effet.

Pas encore très similaire. Après tout, il n’arrive pas que la partie déchirée soit simplement d’une seule couleur. Pour plus de réalité, vous devez ajouter de la texture.

Vous pouvez télécharger la texture du papier.

Déplacez le papier dans le document. Désaturons-le, pour cela allez dans le menu Image - Correction - Désaturer(Image > Réglages > Désaturer).

Changez le mode de fusion en Multiplier

La texture est très dense. Désamorçons la situation, utilisons la commande Luminosité et contraste(Image > Réglages > Luminosité/Contraste).

La couche de papier a une texture intéressante : courbures, plis. Déplacez le calque pour laisser la partie la plus importante de l’image.

Sélectionnez le calque clair, Ctrl + clic sur l'icône du calque dans la palette Calques.
Inverser la sélection - Maj + Ctrl + I, accédez au calque de papier et appuyez sur Supprimer.

Fusionner tous les calques ( Maj + Ctrl + E) et ajoutez une autre feuille de papier en arrière-plan.

Regardez à quel point les bords flous et la texture du papier sont cool pour créer l'illusion d'un véritable bord de papier irrégulier.

Voici à quoi ressemble cet effet en action.

Diverses techniques, notamment des imitations, sont utilisées pour décorer les images. Les bords déchirés en font partie. Cet effet peut être obtenu de deux manières.

Première façon

Ouvrez l'image (exemple). Activez « Éléments auxiliaires » et utilisez l'outil « Zone rectangulaire » pour sélectionner une partie de l'image afin qu'il y ait une indentation à partir des bords.

Activez le mode « Masque rapide ».

Allez dans la « Galerie de filtres ». Sélectionnez le filtre « Splash ». Si vous réglez Adoucissement au minimum, les bords ne seront pas trop prononcés, mais si au contraire vous le réglez trop haut, alors les bords n'auront pas l'effet de morceaux de papier déchirés.

Désactivez le mode « Masque rapide », allez dans l'onglet « Édition » et copiez et collez la partie sélectionnée de l'image.

Rétablit la visibilité du calque d'origine. Et entre deux calques : celui d'origine et le calque aux bords déchirés, créez des calques de réglage qui permettront de créer une différence entre les calques.

Un calque de réglage Courbes pour assombrir l’image originale et un Color Finder pour changer la tonalité.

RÉSULTAT

De plus, l'effet des bords déchirés est obtenu à l'aide d'autres filtres.

Filtre aérographe.

Voilà le résultat.

Nous appliquerons également le filtre « Ragged Edges ».

RÉSULTAT

Deuxième façon

Faites une copie du calque d'origine et numérotez le calque d'origine comme 1 et la copie comme 2. Créez deux nouveaux calques et numérotez-les également : 1 et 2.

Accédez au calque "1" et utilisez l'outil Plume pour créer une ligne brisée.

Pré-configurer le pinceau : couleur, pixels, type (dur).

Faites un clic droit et sélectionnez « Contour de trait » dans le menu contextuel.

Sélectionnez "Pinceau".

Une sélection apparaîtra autour du contour.

Passons à la couche "2". À l’aide de l’outil de sélection de chemin, déplacez le chemin vers la gauche.

Nous en décrivons les grandes lignes. Pour supprimer un contour : faites un clic droit sur le champ de travail et sélectionnez la fonction appropriée dans le menu contextuel.

Supprimez la visibilité des calques portant le numéro « 2 » et accédez au calque « 1 » avec la ligne. À l’aide de l’outil Sélection rapide, sélectionnez la ligne.

Passons au calque avec la photo. Supprimez la zone sélectionnée. La zone de ligne sera supprimée. Utilisez ensuite l'outil Sélection rapide pour sélectionner la partie restante du coin et supprimez-la.

Nous faisons de même avec les calques portant le numéro « 2 », en supprimant la visibilité des calques portant le numéro « 1 ».

Nous rendons la visibilité aux calques avec des photographies et entre les photographies nous mettons en place un calque de réglage « Courbes », qui créera une différence entre les calques.

Nous supprimons la visibilité de chaque calque avec la photo un par un et utilisons l'outil Gomme pour effacer la fine bande restante après avoir supprimé le coin.

Nous obtenons le résultat suivant.