Hur gör man ett pussel från ett fotografi? Photoshop lektion

Kära kollegor! Kära vänner! Du och jag jobbar i skolan, i trädgården i en tid då få är intresserade av pappersillustrationer. Moderna barn tycker om att spela datorspel och har surfplattor. Att döma av sina elever älskar de verkligen interaktiva presentationer och tycker om att arbeta på den interaktiva skrivtavlan. Och jag kan inte längre tänka mig en modern lektion utan dessa tekniska medel. Jag skapar många presentationer själv, inte för att de som redan skapats är dåliga, nej. Jag gillar bara att göra allt själv. Och mina barn lägger pussel med stor glädje, vare sig det är en matematiklektion, en ryska språklektion eller litterär läsning. Allt beror på illustrationen, uppgifterna och animeringen du lägger till.

Jag uppmärksammar dig på en mästarklass som hjälper dig att förvandla vilken illustration som helst till ett pussel. Tro mig, med detta kommer du att diversifiera din lektion, införa ett element av underhållning, klarhet och problemlösning i den, eftersom barnet kommer att behöva lägga ett pussel för att få svar på den fråga som ställs och konsolidera befintlig kunskap. Och ibland behöver man bara slappna av. Och så, idag kommer vi att försöka skapa en presentation - ett pussel baserat på ett vykort

Och vi kommer att få det här pusslet

För att fungera behöver vi pusselmallar. Jag kan tillhandahålla dem åt dig om du inte har dem.
Låt oss börja jobba.
1. Öppna programmet för att skapa presentationer Power Point, öppna bilden, välj Layout - tom bild

2. Vi behöver ett rutnät, så öppna fliken Se och välj Rutnät, linjal.

3. Nästa steg: tryck på höger musknapp, välj Bakgrundsformat.

4. Välj Figur-fil

5. Genom att trycka på knappen - Fil, välj ritningen som du har förberett och som ska vara pusslet.
(Jag förberedde ett vykort på skrivbordet)

6. Tryck på knappen Föra in. Bilden visas på presentationsbilden

7. Nu måste vi täcka ritningen med en rektangel så att den inte visas på bilden.
För detta väljer vi Infoga - Former - Rektangel.

8. Vi sträcker den för att täcka hela bilden och täcker därmed bilden på den.

9. Välj Formformat - Fyllning - vit färg. Ändra färgen på rektangeln till vit.

10. Ta bort kanterna på bilden. Ibid. Figurformat - Figurkontur - Ingen kontur

11. Nu är det dags att infoga pusselmallen. Vi måste förbereda det i förväg. Öppna mallen med höger musknapp - Kopiera

12. Infoga mallen i presentationen - Föra in

13. Bilden ska se ut så här

14. Nu sträcker vi den bortom mallens gränser till storleken på bilden.

15. Högerklicka nu och välj - Grupp - Dela upp gruppen

16. Tryck på höger musknapp igen och välj Objektformat.

17. Välj i rullgardinsmenyn Bakgrundsfyllning. Du bör se vår ritning och på den pusslets konturer.

18. Nu måste du gruppera pusselmallen så att den tar hela bildens ram. För att göra detta, högerklicka på figuren och välj Grupp -Grupp.

Pusslet är nästan klart, bara dess delar, pusslen, är grupperade. Allt som återstår är att dela upp dem och du kan arbeta med det resulterande pusslet som du vill: lägg till animering så att pusslen visas på bilden med rätt svar på frågan du förbereder: dessa kan vara gåtor, numeriska uttryck, regler, ordförråd arbete - vad som helst, på din begäran.
Jag vill visa dig hur du lägger till animation i ett pussel. du kan göra detta på ditt eget sätt och välja animationen efter eget tycke.
Så
19. Dela upp (höger knapp Grupp - Dela upp gruppen) för att anpassa animeringen.

Nu rör sig pusselbitarna.

20. Att välja Animation - Animationsinställningar

21. Nu behöver vi välj hela pusslet Lägg till en effekt

Jag valde - Entry-Departure. Du kan välja vilken som helst.
Alla pusselbitar kommer att ha denna animation. Men för att arbeta med ett pussel behöver vi att pusselbitarna dyker upp gradvis, en i taget, under slutförandet av vissa uppgifter. Därför väljer vi
Effektstart - Efter den föregående.

Nu återstår det enkelt arbete: förbered diabilder för arbete.
På vänster sida av presentationen, välj en färdig bild och duplicera den så många gånger som det finns bitar i pusslet

Jag har 9, så jag duplicerar bilden 9 gånger

Nu måste du bara bestämma vilket pussel du ska börja arbeta med, välja detta pussel och ta bort animationen från den så att den syns på bilden.

Jag lämnade 1. Och resten från den första bilden, alla delar av pusslet måste tas bort.
Låt oss nu gå vidare till den andra bilden: det finns en pusselbit, du måste välja En till. Vilken som helst kan väljas. Jag tog nästa. Från honom också animation filmas, och de återstående delarna tas bort. Nu har du 2 pussel på bilden.

Detsamma måste göras med de återstående sju pusselbitarna.

Det var allt, din presentation - pusslet är klart. Dina barn kommer att bli glada! Lägg till uppgifter och gör barn glada.

Vi öppnar fotot i Photoshop, och det första vi behöver göra är att skapa en kopia av bakgrundslagret för detta foto, för att alltid ha ett opåverkat original till hands. För att göra detta behöver du bara trycka på tangentkombinationen Ctrl+J. Om vi ​​nu tittar i lagerpanelen kommer vi att se två befintliga lager i den, en bakgrund och en kopia:

När du arbetar i Photoshop är det bra att döpa dina lager med beskrivande namn. Lagernamn som ger information om ett lager kanske inte är lika viktiga när du inte arbetar med fler än ett fåtal lager, men det är inte ovanligt att hitta situationer där det finns 50, 100 eller fler lager som används i ett enda Photoshop-dokument, och om alla dina lager har namn som "Layer 1", "Layer 56" eller "Layer 83 Copy 4", kommer du att ha vissa svårigheter.

För en bild som mäter 900 gånger 600 pixlar använde jag följande inställningar:

Textur - Pussel
Skala - 100 %
Lättnad - 9
Ljus - Överst till höger

Parametrarna visas på bilden:

Klicka på OK för att tillämpa filteråtgärden. Så här ser mitt arbetsdokument ut nu:

Den huvudsakliga effekten av pusslet är klar, men låt oss gå vidare och ta bort några av elementen, som om pusslet fortfarande var ett pågående arbete. För att göra detta behöver vi Pen Tool:

Med hjälp av "Pennan" kommer vi att göra ett urval runt de enskilda delarna av pusslet, eftersom... Det är med "Pennan" som det är lättast att konstruera krökta konturer, mycket bekvämare än till exempel med verktygen i gruppen "Lasso" (Lasso Tool eller Polygonal Lasso Tool).

Välj ett separat pussel och bygg en kontur så här runt det, använd "Pennan" i "Paths"-läget:

När du har skapat konturen, konvertera den till en markering genom att trycka på Ctrl + Enter:

Låt oss nu klippa markeringen till ett nytt lager (obs, inte låt oss kopiera, A låt oss klippa bort det), för att göra detta, tryck på kombinationen Ctrl+Skift+J. Panelen Lager ser nu ut så här, observera att ett vitt område har dykt upp på "Pussle"-lagret, detta är ett klippt segment:

Låt oss välja ett annat godtyckligt segment och helt enkelt ta bort det genom att trycka på Delete-tangenten:

Ta bort markeringen genom att trycka på Ctrl+D.

På så sätt kan du ta bort eller flytta flera pusselbitar.

Och för att fullborda effekten kommer vi att göra pusslets kant/skiss av kanterna på pusslet. För att göra detta, använd "Pennan" för att skissera hela bilden, som visas i figuren. Konturens gränser är svåra att se på skärmdumpen, så jag skisserade konturen med en orange linje:

Konvertera konturen till en markering (Ctrl+Enter), invertera det markerade området (Ctrl+Skift+I) och ta bort överskottet (Delete). Som ett resultat kommer du att få något i stil med detta:

Nu återstår bara att ändra bakgrunden efter din smak. Jag applicerade standardlagerstilen Pattern Overlay på lagret "Bakgrundsfärg" med mönstret från Photoshop Starter Kit och en skala på 50%.

Tja, för att lägga till volym, låt oss ge "Pussel" -lagret en "Skugga" -lagerstil.

Dessutom var jag tvungen att rensa upp artefakterna på "Puzzle"-lagerkraschen med hjälp av
lager masker.

Detta är vad jag fick som resultat:

I den här handledningen ska vi titta på ett enkelt sätt att skapa ett pussel från ett foto i Photoshop. Det är bra att veta att Photoshop har ett speciellt Texturizer-filter med en fri textur skapad speciellt för detta ändamål. I vår handledning kommer vi att använda pennverktyget.

Vi kommer att bearbeta detta foto:

Originalfoto

Och så här kommer det att se ut som ett pussel:

Foto efter att ha skapat specialeffekten

Låt oss börja!

Steg 1: Skapa en kopia av bakgrundslagret

Efter att ha öppnat fotot i Photoshop är det första vi gör att skapa en kopia av bakgrundslagret, som för närvarande innehåller vårt foto. På det här ögonblicket, detta är det enda lagret. Efter att ha skapat en kopia av den kommer vi att kunna utföra alla åtgärder utan att skada originalet, som kommer att lagras i bakgrundslagret, som vi kan återvända till vid behov. Det enklaste sättet gör en kopia - tryck på Ctrl+J (Win) / Kommando+J (Mac). Efter det har vi ett andra lager i lagerpanelen. Bakgrundslagret med originalet finns längst ner, och kopian, som automatiskt heter "Layer 1", finns ovanför:

Panelen Lager med ett nytt lager "Layer 1" ovanför bakgrundslagret.

Steg 2: Låt oss döpa det nya lagret till "Pussel".

När du arbetar i Photoshop skadar det inte att ta för vana att ge dina lager meningsfulla namn. Även om du bara har ett fåtal lager kanske detta inte verkar särskilt nödvändigt, men ibland samlar arbetet på sig 50-100 lager eller till och med mer, så om de alla skulle heta "Layer 1", "Layer 56", "Layer 83 Copy 4" , du kan bli förvirrad. Eftersom vi i "Layer 1" skapar ett pussel, kommer vi att kalla det "Pussel" genom att klicka direkt på lagrets namn:

Ändra lagernamnet från "Layer 1" till "Puzzle"

Tryck på Enter (Win) / Return (Mac) för att ange det nya namnet.

Steg 3: Lägg till ett nytt tomt lager under "Pussellagret".

Låt oss nu lägga till ett nytt lager under "Pussel" -lagret (det kommer att placeras mellan "Pussel" och Bakgrund). I för närvarande Lagret "Pussel" väljs i panelen Lager. Detta indikeras av dess blå bakgrundsbelysning. Vanligtvis, när du lägger till ett nytt lager i Photoshop, kommer det automatiskt att placera sig ovanför det valda lagret, så om du klickar på ikonen Nytt lager längst ner på panelen Lager nu kommer det nya lagret att visas ovanför lagret "Pussel". Klicka på ikonen Nytt lager medan du håller ned Alt (Win) / Option (Mac):

Ctrl/Command-tangenterna ger kommandot att lägga till ett nytt lager under det som för närvarande är aktivt. Ett nytt tomt lager visas i panelen Lager. Det kallas återigen "Layer 1" och ligger mellan lagren "Pussel" och Bakgrund:

Ett nytt tomt lager har dykt upp mellan "Puzzle" och Background

Steg 4: Fyll det nya lagret med svart

Detta lager kommer att bli bakgrunden för vår specialeffekt, och vi kommer att ställa in bakgrundsfärgen till svart. Åtminstone för den närmaste framtiden. Med andra ord, fyll lagret med svart. Photoshop har ett speciellt kommando för detta, det heter Fill. Den finns i menyn Redigera högst upp på skärmen. När du har öppnat den väljer du Fyll:

Dialogrutan Fyll visas. I alternativet Innehåll högst upp i det här fönstret, välj färgen Svart och klicka på OK, det stängs.

Du kan inte se ändringen ännu eftersom lagret "Pussel" för närvarande döljer allt annat, men miniatyrbilden för "Layer 1" i lagerpanelen visar att den nu är fylld med svart:

Layer 1 miniatyr fylld med svart

Låt oss döpa det nya lagret till "Bakgrundsfärg"

Steg 5: Gå till "Pussel"-lagret igen

Nu börjar vi rita själva pusslet, men för detta måste vi välja lämpligt lager. Vi har nu lagret "Bakgrundsfärg" aktivt, men vi behöver ett "Pussel", så klicka på dess namn i lagerpanelen:

Välj "Pussel" i panelen Lager

Nu är vi redo att skapa pusslet!

Steg 6: Öppna dialogrutan Texturizer

Som vi sa i början av handledningen, tack vare närvaron av en speciell textur i Photoshop, kommer vi att behöva göra praktiskt taget ingenting. Även om den här texturen redan finns på din hårddisk är den ännu inte inläst i Photoshop, åtminstone inte som standard. Vi måste göra detta själva, men först måste vi öppna Photoshop Texturizer-filtret, så från Filter-menyn högst upp på skärmen, välj Texture och sedan Texturizer:

Öppna Filter > Textur > Texturizer

Steg 7: Ladda pusselstrukturen

En stor Texturizer-dialogruta öppnas, med ett förhandsgranskningsfönster till vänster och filteralternativ till höger. Du måste ladda "Puzzle"-strukturen som dök upp på din hårddisk när du installerade Photoshop. För att göra detta, klicka på pilen till höger om texturvalsfönstret - en meny kommer att visas med ett enda alternativ: Ladda textur. Välj det:

Klicka på pilen till höger om texturvalsfönstret och välj alternativet "Ladda textur".

Dialogrutan Ladda textur öppnas där du kan välja en textur. "Pussel"-strukturen vi behöver finns i Photoshop-katalogen - där du installerade den. På en PC (Windows) är detta som standard enhet C. Öppna den och sedan mappen Program Files. I den hittar du en Adobe-mapp och inom den en Photoshop-mapp. Det exakta namnet på mappen beror på din Photoshop-versioner. Om du arbetar i Photoshop CS3 och installerar den i standardmappen, kommer programmappen att finnas på C:\Program files\Adobe\Photoshop CS3.

Om du har en Mac är det lite enklare. Photoshop-mappen finns på din hårddisk i katalogen Applications. Men, igen, specifikt namn mappen beror på versionen av Photoshop.

Hitta och öppna den här mappen. Inuti den finns en förinställningsmapp. Öppna den och hitta mappen Textures. Den innehåller alla installerade Photoshop texturer. Valet är ganska stort, men för vår specialeffekt behöver du bara pusselstrukturen. Klicka på den och ladda ner genom att klicka på knappen Ladda.

Steg 8: Justera texturalternativ

När pusseltexturen har laddats ska pussel väljas i alternativet Textur i dialogrutan Texturizer. Om detta av någon anledning inte händer, välj pusselstrukturen från listan. Använd sedan förhandsgranskningsfönstret till vänster och redigera texturalternativen. Inställningarna beror i första hand på originalfotot och önskad storlek på pusselbitarna. Vi vill göra pusselbitarna så stora som möjligt, så vi ökar alternativet Skalning till 200 %. Alternativet Relief, som finns nedan, bestämmer reliefen för pusselbitarna. Låt oss ställa in värdet till 6. Återigen, du kan göra det annorlunda. Och slutligen, alternativet Ljus, som bestämmer platsen för ljuskällan på ditt pussel. Välj det övre högra hörnet (överst till höger):

När du klickar på OK stängs dialogrutan och texturen visas på ditt foto. Här är vad vi fick:

Vi har gjort det huvudsakliga, men vi föreslår att du tar bort några element så att det verkar som om monteringen fortfarande pågår.

Steg 9: Välj pennverktyget

Vi har nått den del av handledningen där det är viktigt att veta hur man använder pennverktyget i Photoshop. Detta beror på det faktum att vi måste spåra enskilda pusselbitar, och de är mycket framträdande. Du kan prova att välja dem med ett annat verktyg, som lassoverktyget eller polygonallassoverktyget, men det kommer troligen att se slarvigt ut. Och Pen Tool är speciellt designad för att rita böjda linjer, och resultatet blir mycket bättre.

Om du redan har bemästrat pennverktyget väl, kommer den här lektionen inte att vara svår för dig, för när du väl förstår hur det här verktyget fungerar är det väldigt enkelt att arbeta med det. Innan du kan använda pennverktyget måste du välja det, så antingen ta det från verktygspanelen eller tryck helt enkelt på bokstaven P på tangentbordet:

Steg 10: I alternativpanelen väljer du "Sökvägar"

Med pennverktyget valt, se till att Paths är valt i alternativfältet högst upp på skärmen, eftersom vi kommer att rita en bana, inte en vektor eller pixelbaserad form:

I alternativpanelen väljer du "Sökvägar"

Steg 11: Rita en kontur runt en pusselbit

Använd pennverktyget och spåra vilken pusselbit som helst. Det är som om vi skär ut det ur bilden och skapar känslan av att det svävar i luften ovanför bilden och håller på att snäppa på plats. Välj vilken bit som helst. Låt oss ta den som är placerad ovanför pojkens högra öga (för tittaren är den till vänster). Spåra den, lägg till ankarpunkter och riktningsmarkörer tills du har en fullständig kontur. Du kan zooma in genom att trycka på Ctrl+Mellanslag (Win) / Kommando+Mellanslag (Mac) - Zoomverktyget är tillfälligt aktiverat, och med några klick på biten kan du förstora den till en lämplig storlek. Kanske är konturen inte särskilt synlig på skärmdumpen, så vi kommer att ringa in den:

Steg 12: Förvandla vägen till en markering

När du har ritat en kontur runt en bit trycker du på Ctrl+Enter (Win) / Command+Return (Mac). Nu har den fasta banan förvandlats till en urvalsbana:

Steg 13: Överför den valda biten till ett separat lager

Låt oss klippa ut den valda pusselbiten från "Pussel"-lagret och flytta den till ett separat lager, varefter ett hål förblir på sin plats i "Pussel"-lagret. Lagret "Pussel" ska fortfarande vara markerat i panelen Lager. Från lagermenyn högst upp på skärmen väljer du Nytt och lager via klipp:

Urvalet klipps från lagret "Pusslet" och placeras på ett eget lager, som visas i panelen Lager ovanför "Pusslet". Biten sitter nu på det översta lagret, som Photoshop återigen kallar "Layer 1." Vi kommer att ge det ett nytt namn - "Första pusselbiten":

Den inringade pusselbiten ligger nu på sitt eget lager, ovanför "Pussel"-lagret.

Steg 14: Flytta och rotera pusselbiten med fri transformering

Låt oss ordna pusselbiten som om den håller på att falla på plats. Springa Photoshop-verktyg Frigör transformation genom att trycka på Ctrl+T (Win) / Command+T (Mac) och en rektangel med handtag kommer att dyka upp runt pusselbiten. Klicka på utsidan av denna rektangel för att rotera den. Klicka sedan inuti rektangeln och använd musen för att flytta den till en annan plats. Eftersom du vill att det ska vara tydligt för betraktaren var den här biten hör hemma, vänd den inte för mycket eller flytta den för långt bort.

Lägg märke till att området där den här biten var tidigare nu är svart. Detta beror på det faktum att vi gjorde ett hål i "Pusslet" -lagret, genom vilket det svarta "Bakgrundsfärg" -lagret syns genom:

När du är klar trycker du på Enter (Win) / Return (Mac) för att acceptera ändringarna och avsluta Free Transform.

Steg 15: Lägg till en skugga

För att få den utskurna biten att se mer voluminös ut och se ut att sväva i luften ovanför pusslet kan du lägga till en skugga. Klicka på ikonen Lagerstil längst ned på panelen Lager och välj alternativet Skugga från listan som visas:

I listan över lagerstilar väljer du "Skugga"

Dialogrutan Lagerstil öppnas, med alternativen för Skugga i den mellersta kolumnen. Låt oss sänka opaciteten för skuggan till cirka 60 % så att den inte är för mörk. Avmarkera Använd globalt ljus och ställ in vinkeln på 120°. Öka avståndet till cirka 16 pixlar och storleken till cirka 16 pixlar. Som vanligt kan dessa indikatorer variera i varje specifikt fall:

När du är klar klickar du på OK så stängs dialogrutan Lagerstil. Så här ser vårt foto ut efter att vi har gjort skuggan:

Steg 16: Gå till "Pussellagret" igen

Vi skar ut en bit och tog den liksom ur ett pussel. Jag föreslår att du tar bort den andra helt. Vi bör ha "Pussel" -lagret markerat - klicka på dess namn i lagerpanelen:

Välj lagret "Pussel".

Steg 17: Använd pennverktyget och rita en kontur runt en annan pusselbit

På samma sätt spårar du en annan del av ditt val med Pen Tool:

Steg 18: Förvandla vägen till ett urval

Precis som förra gången, tryck på “Ctrl+Enter” (Win) / “Command+Return” (Mac) och gör ett val från dispositionen:

Steg 19: Ta bort det markerade området

Vi tar helt enkelt bort den här pusselbiten genom att trycka på Delete på tangentbordet. Biten kommer att försvinna, och ett annat hål kommer att dyka upp i "Pussel" -lagret, genom vilket den svarta bakgrundsfärgen är synlig:

För att ta bort en markeringskontur, tryck på Ctrl+D (Win) / Kommando+D (Mac). Detta är vad vi fick efter att ha tagit bort en del:

Ta bort några fler bitar, antingen låt dem sväva ovanför fotot (steg 11-15) eller ta bort dem helt (steg 16-19). När du klipper eller tar bort varje ny bit, gå alltid tillbaka till lagret "Pussel".

Så här ser vårt pussel ut utan några bitar:

Steg 20: Spåra runt kanten av pusslet (valfritt)

De sista stegen är inte nödvändiga, men personligen vill vi göra en intressant ram genom att ta bort pusselbitarna som faller på ramens gräns. Om du vill göra detsamma måste du använda pennverktyget för att rita en kontinuerlig kontur längs gränsen för de element som löper längs ramens gräns, som min. Eftersom denna kontur inte är särskilt synlig i skärmdumpen kommer vi att markera den i gult:

Steg 21: Förvandla vägen till ett urval

När du är klar trycker du på “Ctrl+Enter” (Win) / “Command+Return” (Mac) och gör ett val från dispositionen:

Genom att trycka på “Ctrl+Enter” (Win) / “Command+Return” (Mac) gjorde vi ett urval från dispositionen

Steg 22: Invertera markeringen

Eftersom vi vill ta bort pusselbitarna längs kanten måste vi välja dem. Och för tillfället har vi allt valt utom dem. Så låt oss invertera markeringen, det vill säga ta bort den från det område som för närvarande är valt, och välj det som för närvarande inte är valt. För att göra detta öppnar du menyn Välj högst upp på skärmen och väljer Omvänd.

Nu är alla bitar som ligger längs kanten utvalda:

Steg 23: Ta bort kanterna

Nu har vi valt ut de där pusselelementen som löper längs kanten. Se till att lagret "Pussel" är markerat i panelen Lager, radera dem med knappen Ta bort. För att ta bort en markeringskontur, tryck på Ctrl+D (Win) / Kommando+D (Mac).

Om du tror att en vit bakgrund skulle vara bättre än en svart, välj lagret "Bakgrundsfärg" och välj Fyll i menyn Redigera högst upp på skärmen. En dialogruta öppnas. I alternativet Innehåll, istället för svart, välj Vit och stäng fönstret genom att klicka på OK.

För att ändra bakgrundsfärgen till vit, öppna lagret "Bakgrundsfärg" och välj kommandot Fyll i menyn Redigera, och i fönstret som öppnas, välj Vit i alternativet Innehåll

Bakgrunden blir vit:

Steg 24: Lägg till en skugga från hela pusslet (valfritt)

Detta är bara nödvändigt om du har ändrat bakgrundsfärgen från svart till vit. Vi föreslår att du lägger till en ljus skugga från pusslet. Om din bakgrund lämnas svart kommer skuggan på den inte att synas, så du kan hoppa över det här steget. För att skapa en skugga, välj "Pussel" i lagerpanelen, klicka sedan på ikonen Lagerstil, som finns längst ner på lagerpanelen, och välj Drop Shadow från listan:

Gå till lagret "Pussel", klicka på ikonen Lagerstilar och välj "Skugga"

Dialogrutan Lagerstil öppnas igen, med alternativen för Skugga i mittenkolumnen. Vi sänker opaciteten till 60 % så att skuggan inte är för catchy, avmarkerar rutan Använd globalt ljus och ställer in vinkelvärdet till 120°. De återstående alternativen kan lämnas som de är:

När du är klar klickar du på OK så stängs dialogrutan Lagerstil. Det är allt! Genom att lägga till en skugga till pusslet avslutade vi arbetet med specialeffekten:

Källa - photoshopessentials.com