Spring Deze les is gemaakt in CC2014, kan zeker ook met lagere versies gemaakt worden, maar sommige dingen zullen enigszins afwijken en/of dienen op een andere manier toegepast te worden volgens de gebruikte versie Mijn gebruikte foto s en tubes zitten bij de materialen, maar gebruik gerust (liever zelfs) ander materiaal. Ik ben geen voorstander van het leveren van kant en klare materialen die ik als voorbereiding maak, maar geef er de voorkeur aan om uit te leggen hoe dit zelf te maken. Kost meer tijd om te maken en zeker ook voor mij om uit te leggen en printscreens te maken, maar het zal meer voldoening geven en sommigen zullen er ook weer van bijleren Benodigdheden 2 afbeelding/foto s Tube(s) en/of ander materiaal voor afwerking We gaan beginnen met de voorbereidingen Sla tussentijds je werkdocument regelmatig op om te voorkomen dat je alles kwijt bent wanneer Photoshop een keer vast loopt Spring Maart 2015 pag. 1 Elly (dunkie)
1. Open en nieuw document 1000x762 px, 72 dpi 2. Geef de achtergrond een kleur naar keuze, is niet van belang, want wordt later gewijzigd 3. Voor het gemak zullen we met de randen beginnen op te bouwen met behulp van hulplijnen; plaats horizontale hulplijnen op 50 en 712 px en verticale hulplijnen op 50 en 950 px (menu Weergave / Nieuwe hulplijn) 4. Toets D om de standaardkleuren zwart/wit te herstellen; zet voorgrond op wit 5. Activeer Rechthoekig selectiegereedschap en trek een selectie op de geplaatste hulplijnen van de linker bovenhoek naar de rechter benedenhoek 6. Nieuwe laag, geef deze laag de naam Dubbele omlijning groot 7. Bewerken / Omlijnen - 2 px binnen kleur wit - OK 8. Selecteren / Bewerken / Slinken - 5 pixels - OK 9. Bewerken / Omlijnen 2 px binnen kleur wit OK 10. Ctrl+D (deselecteren) 11. Weergave / Hulplijnen wissen 12. Nieuwe hulplijnen horizontaal op 70 en 361 px, verticaal op 70 en 430 px 13. Activeer Rechthoekig Vormgereedschap 14. Neem de instellingen over zoals op printscreen; Vorm, een lichtgrijze kleur of andere lichte kleur die sterk afwijkend is van de achtergrond Breedte 360 px en Hoogte 291 px (bij oudere versies vanf CS5 moet Vaste grootte gekozen worden en dan deze maten opgeven) 15. Klik op je afbeelding, dan opent een schermpje (vanaf CS5 en lager niet); als het goed is staan daar de maten al zoals ze bovenin ook aangegeven zijn; klik op OK 16. Activeer het verplaatsgereedschap en schuif de rechthoek tussen de hulplijnen; als je Slimme hulplijnen actief hebt, zul je roze lijnen zien verschijnen precies op de hulplijnen wanneer de rechthoek precies goed staat; Slimme hulplijnen vind je bij menu Weergave / Tonen / Slimme hulplijnen, als dat niet is aangevinkt dan even aanvinken; dit is altijd Spring Maart 2015 pag. 2 Elly (dunkie)
gemakkelijk bij het verplaatsen van objecten. Klik op Enter om te bevestigen. Noem deze laag Rechthoek boven 17. Activeer Rechthoekig selectiegereedschap en trek een selectie op de vier hoeken van de nieuwe hulplijnen 18. Nieuwe laag, geef deze laag de naam Triple omlijning buiten 19. Bewerken / Omlijnen 2 px binnen kleur wit OK 20. Selecteren / Bewerken / Slinken 5 px OK 21. Bewerken / Omlijnen 2 px binnen kleur wit OK 22. Selecteren / Bewerken / Slinken 5 px OK 23. Bewerken / Omlijnen 2 px binnen kleur wit OK 24. Ctrl+D (deslecteren) 25. Weergave / Hulplijnen wissen 26. Nieuwe hulplijnen horizontaal op 110 en 321 px en verticaal op 110 en 390 px 27. Activeer Rechthoekig selectiegereedschap en trek een selectie op de vier hoeken van de nieuwe hulplijnen 28. Nieuwe laag, geef deze laag de naam Dubbele omlijning binnen 29. Bewerken / Omlijnen 2 px binnen kleur wit OK 30. Selecteren / Bewerken / Slinken 5 px OK 31. Bewerken / Omlijnen 2 px binnen kleur wit OK 32. Ctrl+D (deslecteren) 33. Weergave / Hulplijnen wissen 34. Nieuwe hulplijnen horizontaal op 158 en 271 px en verticaal op 158 en 340 px 35. Activeer rechthoekig vormgereedschap 36. Kleur een donkerder tint grijs, vaste grootte Breedte 183 px Hoogte 113 px 37. Klik op je afbeelding, kijk of de maten juist zijn of vul de maten in en klik op OK 38. Activeer verplaatsgereedschap en schuif de rechthoek weer binnen de hulplijnen op zijn plaats; Klik op Enter om te bevestigen. Noem deze laag Foto 39. Weergave / Hulplijnen wissen 40. Je afbeelding ziet er nu uit als onderstaande screen Spring Maart 2015 pag. 3 Elly (dunkie)
41. Het lagenpalet ziet er als volgt uit: 42. Selecteer de lagen boven Dubbele omlijning groot en klik Ctrl+G om deze vier lagen te groeperen; noem deze groep Rechthoek boven 43. In het lagenpalet met rechtermuisknop op de groep klikken en kies Groep dupliceren; je krijgt een schermpje en wijzig de naam in Rechthoek onder en klik op OK 44. Nieuwe hulplijnen horizontaal op 692 px en verticaal op 70 px Spring Maart 2015 pag. 4 Elly (dunkie)
45. Activeer verplaatsgereedschap; zorg dat boven in de balk Automatische selectie aan staat en Groep (zie screen) 46. Klik op de Groep Rechthoek onder en schuif met ingedrukte Shift toets omlaag tot te hulplijn, als het goed is staat hij ook meteen rechts tegen de hulplijn omdat de Shift toets ingedrukt was 47. Weergave / hulplijnen wissen 48. Je afbeelding en lagenpalet zien er nu als onderstaande screen uit 49. Nieuwe hulplijn horizontaal op 500 px (50%) en verticaal op 381 px (50%) 50. Activeer Aangepaste vorm / Aangepaste vorm (zie screen van punt 13, de onderste optie) 51. Klik boven in de balk op het pijltje bij Vorm en kies een vorm naar keuze; ik heb voor Flower 7 gekozen (kan in oudere versies Bloem 7 heten), maar elke willekeurige vorm is goed 52. Zet boven in de balk Breedte op 43,84 px en Hoogte op 45,81 px (Vaste grootte voor oudere versies van Photoshop), of kies eigen afmetingen bij een andere vorm 53. Kleur is wit 54. Klik op je afbeelding, controleer of de maten correct zijn of vul ze in en klik op OK Spring Maart 2015 pag. 5 Elly (dunkie)
55. Activeer verplaatsgereedschap en schuif de vorm op het middelpunt van je afbeelding (kruispunt van de hulplijnen) 56. Weergave / hulplijnen wissen 57. Nieuwe hulplijn horizontaal op 110 px 58. Dupliceer de vormlaag (Vorm 1) 3x 59. Activeer verplaatsgereedschap klik op de vorm en schuif met ingedrukte Shift toets de vorm met het middelpunt op de hulplijn; het ziet er dan zo uit (de extra aangegeven maten is enkel bij CC(2014) te zien, maar de slimme hulplijnen bij alle versies, mits aangevinkt bij Weergave/Tonen) 60. Schuif vervolgens de andere 2 gedupliceerde vormen met ingedrukte Shift toets tussen de bovenste en onderste vormen (niet nodig om ze netjes te verdelen, dat komt nog) 61. Selecteer nu de vier Vormlagen (in lagenpalet klik op Vorm 1 en met ingedrukte Shifttoets klik op Vorm 1 kopiëren 3 (naam kan afwijken bij andere versies) en de vier lagen zijn geselecteerd; zie screen Spring Maart 2015 pag. 6 Elly (dunkie)
62. Verplaatsgereedschap is nog actief 63. Klik boven in de balk op Verticale middelpunten verdelen ( zie screen) en de 2 middelste vormen zullen netjes tussen de andere 2 vormen verdeeld worden zodat de afstanden tussen de vier vormen gelijk zijn (omdat de bovenste en onderste geplaatsten maatgevend zijn, blijven die op de plaats staan en de andere vormen (in dit geval 2 stuks) worden tussen de 2 buitenste vormen verdeeld 64. Activeer de bovenste laag 65. Activeer het Aangepaste vorm / Ovaal 66. Breedte en Hoogte op 4,75 px 67. Klik op je afbeelding, controleer de afmetingen of vul bij Breedte en Hoogte 4,75 px in en klik op OK 68. Weergave / Hulplijnen wissen 69. Dupliceer deze laag (Ovaal 1) vier keer Spring Maart 2015 pag. 7 Elly (dunkie)
70. Activeer Verplaatsgereedschap 71. Nieuwe hulplijn verticaal op 500 px (50%) 72. Klik op de vorm (eventueel inzoomen zodat het beter te zien is) en schuif de ovale vorm naar de hulplijn, vervolgens met Verplaatsgereedschap actief met de pijltjestoetsen precies op de hulplijn plaatsen tegen de bovenkant van de onderste (bloem)vorm en vervolgens 2x pijltje omhoog om de vorm 2px midden boven de (bloem)vorm te plaatsen ; zie screen 73. Klik op de volgende Ovale vorm en plaats die op dezelfde manier eerst tegen de onderkant van de 2 e (bloem)vorm op de hulplijn, met pijltjestoetsen precies op de hulplijn en klik vervolgens 2x op pijltjestoets omlaag 74. Als het goed is staan beide ovalen vormen nu precies midden op de hulplijn en 2 px van de onderste en 2 e (bloem)vorm af; plaats vervolgens de 3 overige ovale vormen tussen de 2 andere in met middelpunten op de hulplijn (afstand is niet van belang) 75. Selecteer in het lagenpalet nu deze 5 ovale vormlagen door op Ovaal 1 te klikken en met ingedrukte Shift toets Ovaal 1 kopiëren 4 aan klikken 76. Verplaatsgereedschap is nog actief; Klik boven in de balk weer op Verticale middelpunten verdelen (zie screen van punt 60); nu is de afstand tussen de ovale vormlagen gelijk verdeeld tussen de 2 (bloem)vormen 77. De lagen zijn nog geselecteerd; klik op Ctrl+E om deze ovale vormlagen samen te voegen en noem de laag Puntjes 78. Dupliceer deze laag Puntjes 2x 79. Weergave / hulplijnen wissen 80. Verplaatsgereedschap is nog actief, klik op de Puntjes en met ingedrukte Shift toets naar boven schuiven tussen de twee middelste (bloem)vormen 81. Klik vervolgens nog een keer op de Puntjes om met ingedrukte Shift toets tussen de 2 bovenste (bloem)vormen te schuiven 82. Het ziet er nu als volgt uit Spring Maart 2015 pag. 8 Elly (dunkie)
83. Selecteer de 3 Puntjes lagen en klik op Ctrl+E om ze samen te voegen en noem deze laag weer Puntjes; het lagenpalet ziet er dan als volgt uit 84. Klik in lagen palet op de laag Puntjes en met ingedrukte Shift toets klik op de laag Vorm 1 kopiëren om deze vier lagen te selecteren (niet de laag Vorm1) Spring Maart 2015 pag. 9 Elly (dunkie)
85. Klik Ctrl+J om deze lagen te dupliceren; de gedupliceerde lagen zijn nu geselecteerd (blauw in lagenpalet); menu Bewerken / Transformatie / Verticaal omdraaien 86. Met Verplaatsgereedschap en de gedupliceerde lagen nog actief deze lagen met ingedrukte Shift toets naar beneden schuiven tot de bovenste puntjes tegen de onderkant van de onderste (bloem)vorm; maak 2 px afstand door 2x op pijltjestoets omlaag te klikken 87. Dan ziet het geheel er als volgt uit 88. Klik in lagenpalet op de laag Vorm 1 en vervolgens met ingedrukte Shift toets de bovenste laag aanklikken zodat alle lagen boven de groep Rechthoek onder geselecteerd zijn 89. Klik Ctrl+E om deze lagen samen te voegen en noem de bekomen laag Versiering 90. Klik in lagenpalet met rechtermuisknop op de laag Versiering en kies Laag omzetten in pixels 91. Dupliceer deze laag Versiering 4x 92. Selecteer in lagenpalet deze 4 gedupliceerde lagen 93. Ctrl+T (of menu Bewerken / Vrije transformataie), klik boven in de balk op het icoontje Verhoudingen beperken en vul bij Breedte 40% in; de hoogte zal dan automatisch ook op 40% komen en klik op Enter om te bevestigen of boven in de balk op het V-tekentje 94. Nieuwe hulplijnen verticaal op 25 en 975 px 95. Verplaats gereedschap actief, klik op de bovenste van de gedupliceerde en verkleinde Versiering lagen (Versiering kopiëren 4) en schuif deze Spring Maart 2015 pag. 10 Elly (dunkie)
Versiering naar links op de hulplijn en gelijk aan de onderkant van Rechthoek onder 96. Activeer de laag eronder (Versiering kopiëren 3) en plaats die op dezelfde manier op de hulplijn aan de rechterkant, maar gelijk met de bovenkant van Rechtshoek boven 97. In lagenpalet de overige 2 verkleinde lagen (Versiering kopiëren 2 en Versiering kopiëren) selecteren, menu Bewerken / Transformatie / 90 roteren met de klok mee 98. Weergave / Hulplijnen wissen 99. Nieuwe hulplijnen horizontaal op 25 px en 737 px en verticaal op 930 px 100. Verplaatsgereedschap actief, klik op de geroteerde Versiering en plaats links boven op de hulplijn gelijk aan de linkerkant van Rechthoek boven Spring Maart 2015 pag. 11 Elly (dunkie)
101. Klik nu op dat laatste geroteerde Versiering en plaats die op de onderste hulplijn met de rechterkant tegen de rechtse hulplijn 102. Weergave / hulplijnen wissen 103. Selecteer de 5 lagen Versiering en klik op Ctrl+G om te groeperen en geef deze groep de naam Versiering De voorbereidingen zijn nu klaar en kan verder gegaan worden met het vullen van de afbeelding. Wat je nu gemaakt hebt kun je als psd bestand opslaan om later nog als template te gebruiken indien je dat wenst. Dan is het nu tijd om te beginnen met de afbeeldingen/foto s toe te voegen en rest van de afwerking 104. Klik in het lagenpalet op het pijltje van de groep Rechthoek boven om de lagen zichtbaar te maken 105. Ctrl+klik op het laagminiatuur van de laag Foto om de selectie te laden 106. Open een gewenste afbeelding/foto 107. Ctrl+A (alles selecteren), Ctrl+C (kopiëren) 108. Ga terug naar je werkdocument waar de selectie van het middenvlak van de Rechthoek boven nog actief is, Atl+Shift+Ctrl+V (Bewerken / Speciaal plakken / Plakken in) Spring Maart 2015 pag. 12 Elly (dunkie)
109. Boven de laag Foto staat nu je afbeelding/foto met een laagmasker; Ctrl+T (Bewerken / Vrije transformatie), schaal de afbeelding naar wens en klik op Enter om de transformatie te bevestigen 110. De laag Foto boven kan nu verwijderd worden óf het oogje gesloten, die laag is niet meer nodig; wanneer je tevreden bent over je afbeelding, dan klik in het lagenpalet met rechtermuisknop op het masker van de laag en kies Laagmasker toepassen 111. Open nu de groep Rechthoek onder en activeer de laag Foto 112. Ctrl+klik op het laagminiatuur om de selectie te laden 113. Open de 2 e foto 114. Ctrl+A (alles selecteren), Ctrl+C (kopiëren) 115. Ga terug naar je werkdocument waar de selectie van het middenvlak van de Rechthoek onder nog actief is, Atl+Shift+Ctrl+V (Bewerken / Speciaal plakken / Plakken in) 116. De foto staat nu weer boven de laag Foto met een laagmasker 117. Ctrl+T (of Bewerken / Vrije transformatie) en schaal de foto naar wens 118. Wanneer je tevreden bent, rechts klikken op het laagmasker en kies Laagmasker toepassen 119. De achtergrond naar wens bewerken met kleur, verloop, texture, achtergrond van een scrapkit, enz. Vele mogelijkheden om de achtergrond te vullen; ik heb de achtergrond de kleur # C18B6A gegeven en daarboven 2 texture lagen met overvloeimodus bedekken (boven de achtergrondlaag Spring Maart 2015 pag. 13 Elly (dunkie)
texture1 en daarboven texture2), dat geeft mij het resultaat zoals mijn voorbeeld boven aan de les (beide texture lagen als materiaal meegeleverd) 120. Voor de achtergrondjes van de beide Rechthoeken heb ik dezelfde textures met uitknipmasker boven de laag Rechthoek boven en Rechthoek onder geplaatst, de kleur van beide Rechthoeken gewijzigd in een iets donkerder tint dan de achtergrond, de kleur # AE7451, om een onderscheid te maken tussen achtergrond en rechthoeken; omdat de lagen Rechthoek onder en Rechthoek boven vormlagen zijn kun je gemakkelijk de kleur wijzigen door dubbelklikken op het laagminiatuur, dan open het kleurenscherm en kan een kleur gekozen worden 121. De volgende laagstijlen heb ik toegepast: Rechthoek onder, de fotolaag slagschaduw grootte en afstand 5 px, kleur zwart, dekking 75%; lijn, kleur wit, 1 px binnen; dezelfde laagstijl heb ik aan de fotolaag van Rechthoek boven gegeven 122. De versieringen: slagschaduw, grootte en afstand 1 px, kleur zwart, dekking 75% (in CC kan een laagstijl op een groep worden toegepast als alle lagen dezelfde laagstijl krijgen, zoals bij mij de groep Versiering; als dat niet kan in jouw versie, dan alle lagen dezelfde laagstijl geven) 123. De laagstijl van de Versiering heb ik gekopieerd en vervolgens geplakt op de lagen Dubbele omlijning binnen, Triple omlijning buiten van beide Rechthoeken en op de Dubbele omlijning groot 124. Vervolgens heb ik een tube en cluster gezocht om het verder te versieren en afwerken 125. Als laatste heb ik een nieuwe laag boven in het lagenpalet gemaakt, Ctrl+A (alles selecteren), Bewerken / Omlijnen 2px binnen, kleur uit je afbeelding (wit is niet te zien op een witte achtergrond van bijv. de mail) 126. Naam of watermerk toevoegen; afbeelding verkleinen naar 800px en opslaan als psd als je het bestand wil bewaren en opslaan als jpg Alle laagstijlen kunnen worden aangepast wanneer ze achteraf toch niet bevallen en/of niet zo mooi uitkomen op je afbeelding. Mijn lagenpalet ziet er op het laatst als volgt uit; ik heb nu even de groepen open staan, maar omdat alles netjes geordend is en als de groepen gesloten zijn is het heel wat overzichtelijker Spring Maart 2015 pag. 14 Elly (dunkie)
Succes en veel plezier met de les Elly Spring Maart 2015 pag. 15 Elly (dunkie)