Comment créer un fond d'écran d'iPhone inspiré du jour pourpre et spirituel dans Adobe Photoshop

Ce que vous allez créer

Apprenez à concevoir un fond d'écran violet pour iPhone en l'honneur de Spirit Day! Pour ce tutoriel, je vais vous montrer comment utiliser des arrière-plans dégradés, des pinceaux en étoile, etc. pour créer un fond d'écran pour iPhone..

Prendre position contre l'intimidation

Chaque année, des millions de personnes portent le pourpre à la Journée de l'esprit en signe de soutien pour les jeunes LGBTQ et pour dénoncer l'intimidation. Prenez l'engagement de passer au violet! - GLAAD.org

L'année dernière, j'ai donc créé cette action Photoshop pour créer un effet photo rapide pour Spirit Day..

En exécutant l’action personnalisée, vous pouvez appliquer un filtre violet et quelques formes simples sur n’importe quelle image pour montrer votre soutien à la prise de conscience.. 

Cette fois, je voulais faire quelque chose d'un peu différent.

Je suis tout simplement persuadé que j'ai accès à tant de trucs adorables sur Envato Elements. C'est pourquoi j'ai récemment parcouru toutes les collections de fonds pour en trouver une sur laquelle je pourrais donner mon avis..

N'oubliez pas que vous aurez besoin d'un abonnement pour les éléments de dégradé et de vecteur que j'ai utilisés, mais vous pouvez également jouer avec des actions gratuites pour cela, tout en utilisant notre pack de pinceaux gratuit..

Atouts du tutoriel

Les ressources suivantes ont été utilisées dans les productions de ce tutoriel:

  • Fond dégradé 2
  • Star Photoshop Brush
  • Reef Font
  • Lot de 80 vecteurs géométriques

Développez votre collection! Peignez des étoiles, dessinez des cheveux ou appliquez des effets grunge avec ce lot de 10 pinceaux essentiels gratuits de Photoshop.

1. Comment configurer la taille du papier peint

Fond d'écran iPhone Dimensions

La taille de votre fond d'écran dépendra de votre iPhone personnel. J'ai un iPhone 6, donc nous allons simplement y aller.

Voici quelques tailles à considérer:

Écran: 1334 x 750
Fond d'écran: 1608 x 852
pour iPhone 6

Écran: 1920 x 1080
(sous-échantillonné à partir de 2208 x 1242)
Fond d'écran: 2662 x 2662
pour iPhone 6 Plus

Trouvez la taille de papier peint adaptée à votre iPhone. Voici quelques liens utiles que j'ai utilisés:

  • iosres.com
  • dekoapp.com/parallax/

Maintenant, créez un Nouveau document (Control-N) à cette taille:

  • Largeur hauteur: 852x1608 pixels
  • Résolution: 150 dpi

(J'aime les petites tailles de fichier, alors n'hésitez pas à ajuster la résolution si nécessaire.)

Passons au fond!

2. Comment créer le fond violet

Étape 1

Tout d’abord, téléchargez le Fond de dégradé 2. Ces deux fonds de type cosmique étaient mes préférés..

Je vais utiliser # 16 pour mon fond d'écran.

Étape 2

À présent Copier (Control-C) et Coller (Contrôle-V) la pente sur un Nouvelle Couche pour votre document de papier peint.

  1. L'image est assez grande, nous aurons donc besoin de la faire pivoter pour montrer ma zone préférée, la couleur orange.
  2. Utilisez le Outil de transformation libre (Control-T) pour le faire tourner dans le sens anti-horaire. Ajustez la taille si nécessaire.

Étape 3

La couleur officielle du Spirit Day est similaire à celle de ce violet # 6f009a Couleur.

Créer un Nouvelle Couche. Utilisez le Outil seau de peinture (G) à Remplir la couche avec le violet. Puis réglez le Mode de fusion des calques à Lumière forte et baisser le Opacité à 26%.

Étape 4

Génial! À présent Dupliquer (Contrôle-J) la couche de dégradé. Faites glisser le calque au-dessus du Lumière forte un dans le Couches panneau. 

Créons un nouveau fond en utilisant ces deux calques dégradés. Utilisez le Outil de transformation libre (Control-T) pour aider à repositionner cette couche vers le bas de la zone bleue.

Étape 5

Ajouter un Masque de calque à la copie en dégradé.

Sélectionnez le Pinceau (B), utiliser un Pinceau rond doux avec 0% de dureté et Opacité 90-100% peindre le noir sur le blanc Masque de calque. Éliminez le bord dur de l'image et continuez à l'ajuster jusqu'à ce que vous soyez heureux.

3. Comment ajouter plus de texture et de couleur

Étape 1

Avec tous les dégradés d’arrière-plan, nous pouvons passer à la texture et à la couleur.

Mais d’abord, ajoutons un Couche d'ajustement de Recherche de couleur. Aller à Couche> Nouvelle couche de réglage> Recherche de couleur, et sélectionnez ce réglage:

  • Fichier 3DLUT: 3Strip.look

Étape 2

Peignons une texture en utilisant le Pinceau étoile à partir de ce Photoshop Brush Pack.

Ce pinceau est conçu pour ressembler à de minuscules points lointains, de sorte que nous pouvons l’utiliser pour peindre de nombreuses textures scintillantes..

Créer un Nouvelle Couche. Met le Couleur de premier plan blanc et peindre des points tout autour du fond dégradé pour la texture. Variez le Taille de la brosse à vos préférences.

Lorsque vous avez terminé, utilisez le Outil Gomme (E) effacer doucement certaines étoiles. Commencez avec un moyen à faible Opacité et l'augmenter en cas de besoin.

Étape 3

Créer un Nouvelle Couche.

Utilisez le Outil seau de peinture (G) à Remplir avec le même violet # 5a009a couleur d'avant. Met le Mode de fusion des calques à Recouvrir et baisser le Opacité à 43%.

La superposition rendra les couleurs plus riches.

Étape 4

Continuons à peaufiner les couleurs jusqu'à ce que nous soyons satisfaits du résultat..

Le design est tout au sujet patience et expérimentation!

Créer un Nouvelle couche d'ajustement de Balance de couleur. Ajustez les paramètres pour la Tons moyens, ombres et Points forts à ce qui suit:

Puis créer un autre Nouvelle Couche et Remplir avec un riche violet # 6f009a. Met le Mode de fusion à Teinte et le Opacité à 43%.

Voici le résultat. Maintenant, cela correspond plus aux couleurs de Spirit Day!

Voici une comparaison avant et après l'application de la balance des couleurs et d'un nouveau remplissage de couleur.

4. Comment faire une composition géométrique

Étape 1

Utilisez le Outil Ellipse (U) créer un grand violet # 690092 cercle. Placez-le au centre de la composition.

Définissez le calque violet sur Assombrir.

Créer un rapide Masque de calque pour effacer une partie de la partie inférieure gauche du cercle. Plume en utilisant un Pinceau rond doux. Cela aidera à le mélanger à l'arrière-plan.

Étape 2

Pour plus de profondeur, établissons les sections de premier plan, milieu et fond de cette composition avec des objets plus géométriques.

Utilisez le Outil de forme personnalisée (U) ajouter une forme de triangle au bas à gauche.

Clic-droit le calque de forme et aller à Options de fusion.Ajouter une rose Incrustation en dégradé avec les options suivantes:

  • Dégradé de couleurs: # 8c3148à # ff5984

Ajoutez ensuite un autre triangle violet # 6102e4 en haut à droite. Voici le résultat:

Étape 3

Pour une atmosphère un peu plus étouffante, nous allons ajuster l'éclairage de cette scène.

Remplir une Nouvelle Couche avec le rouge # 720f0e. Ajouter un Masque de calque et peindre en noir avec un Pinceau rond doux cacher certaines parties de la couche rouge. Puis abaissez le Opacité à 33% et le mettreà Multiplier.

Prenez votre temps avec les masques de calque et cachez lentement la couleur. Essayez de trouver un équilibre.

Étape 4

Ajoutons l'objet "soleil" pour cette pièce. Ce n'était pas intentionnel à l'origine, mais cela aidera plus tard à attirer le spectateur.

Utilisez le Outil Ellipse (U) créer un violet # 570f9c cercle. Positionnez-le vers le côté droit de l'autre.

ensuite Clic-droit aller à Options de fusion. Ajouter un Incrustation en dégradé avec les paramètres suivants:

  • Dégradé de couleurs: # aa9780 et # e4cbac

Nous laisserons la forme finale du cercle qui contient la date de Spirit Day pour les dernières étapes..

Pour l'instant, Dupliquer le triangle inférieur gauche. Définissez la couleur pour ce violet # 7000cc. Faites-le plus gros avant de le mettre à Écran. Profitez de l'effet subtil!

5. Comment terminer le fond d'écran de l'iPhone

Étape 1

Pour les dernières étapes de la conception de ce fond d'écran pour iPhone, nous devrons régler le contraste et ajouter une date.!

Commençons par un Nouvelle couche d'ajustement de Recherche de couleur.

Met le Fichier 3DLUT à filmstock_50.3dl.

Étape 2

Crée la dernière ellipse. Définissez la couleur sur magenta # 751772.

Ajouter un Incrustation en dégradé à l'ellipse. Utilisez un coloré Jaune, rose, et Violet prédéfini, vous pouvez trouver en accédant à la Pastel gradients dans le Éditeur de dégradé.

Ensuite, ajoutez un Lueur externe avec les paramètres suivants:

Voici le résultat - c'est subtil, mais ça en vaut la peine.

Étape 3

Ajoutez de la lumière pour des effets pervers! Utiliser un Pinceau rond doux peindre en blanc sur un Nouvelle Couche mis à Recouvrir.

Étape 4

Pour un peu de mouvement, créons une forme trianglulaire 3D qui flotte dans la scène.

Tout d'abord, utilisez le Outil de forme personnalisée (U) pour créer le violet # 5a1390 Triangle. Ajustez la perspective avec le Outil de transformation libre (Control-T).

Comme pour nos étapes précédentes, ajoutez un dégradé. Utilisez le même Gradient Pastel d'avant, mais baisser le Opacité à 30%.

Pour faire ce triangle en 3D, commencez par le dupliquer. Supprimez la superposition de dégradé et utilisez ce triangle pour définir la base inférieure de l’effet 3D. Ensuite, utilisez le Outil stylo (P) relier les deux triangles ensemble en comblant les trous avec des formes violettes. 

Étape 5

Maintenant pour le texte.

Créez le texte pour la date et le hashtag avec deux nouveaux calques de texte. Je vais utiliser cette police de corail et Arial Rounded MT Bold. Réglez la date sur blanc et #spiritday sur rose # ff28ff.

Clic-droit aller à Options de fusion.

Suivez ces paramètres pour créer un Ombre portée, Incrustation en dégradé, et Biseau et estampe effet.

Voici le résultat:

Étape 6

Définissez le cercle magenta sur Lumière douce.

Utilisez l'une des formes géométriques de ce paquet de formes vectorielles pour plus de détails sur le cercle.. Copie et Coller la forme sur un Nouvelle Couche, et ensuite utiliser le Outil Gomme (E) pour effacer les zones d'intersection des lignes.

Il peut être utile de cacher le texte pour cette étape..

Étape 7

Équilibrer la composition en utilisant un Pinceau rond doux pour ajouter plus de lumière et de couleur à la scène. Utilisez votre intuition naturelle pour mélanger les zones.

Enfin, illuminez-le avec un Nouvel ajustement de la luminosité et du contraste couche.

  • Luminosité: 6
  • Contraste: 49

C'est tout! Découvrez le résultat final ci-dessous.

Fond d'écran gratuit Spirit Day sur iPhone

Obtenez ce fond d'écran en taille réelle et rejoignez-nous pour Spirit Day! Définissez-le comme fond d'écran pour montrer votre soutien à cette mission importante de lutte contre l'intimidation.

Vous aimez cette maquette iPhone? Essaye le!

J'espère que vous avez apprécié ce tutoriel. N'hésitez pas à laisser des commentaires, des résultats et des questions ci-dessous!

Pour plus de tutoriels Spirit Day, consultez ces liens: