Design

  • Design,  Websites

    Curtain Slider CSS

    It has been a LONG time since I have posted!!  I have been a very busy lady…. working full-time, going to school full-time, and trying to keep up with my kiddos and day to day life! I wanted to share this fun trick I just learned using CSS in one of my classes.  It simulates a curtain opening to reveal the background.  It was a lot of fun to make.  Check it out below! See the Pen Curtain Slider by Tenille Diel (@supermommy) on CodePen. See the Pen Curtain Slider by Tenille Diel (@supermommy) on CodePen.

  • COMM 130,  Design

    Project 9: Portfolio

    Portfolio (Scribd.com) Tenille's Portfolio by Tenille   Project Corrections / Time spent: I spent 30 minutes improving my Montage project.  The improvements I made were: adjusting the opacity of the woman on the right side of the picture.  I had received comments that the grass in the background made the woman look like she had a beard, so I decided to work on making changes to the opacity of that photo, focusing on her face, to fix this problem. I spent over an hour and a half working on the logos.  I found that the first cooking logo had strange shapes that showed up when it was used on a…

  • COMM 130,  Design

    Project 8: Brochure

    Video of Printed Brochure: Description: A project to create a brochure for a company of our choosing, with another original logo created by me. Process (Programs, Tools, Skills): I used Illustrator, Photoshop, and InDesign while creating this project.  I started by planning out my new logo, and creating it in Illustrator.  After I had the logo designed I made some general layout sketches for my brochure and worked on creating the body copy for the brochure.  I took my sketches and recreated them using InDesign on the computer.  I used filler text to help me plan the alignment and spacing throughout the brochure.  After the text and main layout was…

  • COMM 130,  Design

    Project 7: Web Page

        Description: A web page created for the purpose of showcasing a logo created exclusively by me. Process (Programs, Tools, Skills): I created this web page using the text editor Notepad ++ and the programming languages of HTML and CSS.  Notepad++ is a great resource and is easy and simple to use.  I started by opening the provided files.  Then I inserted my logo into the web page using html.  I then opened my logo in Photoshop, so that I could use the eye dropper to find colors from my logo to use in my web page.  After experimenting with various colors I decided to pick two similar colors…

  • COMM 130,  Design

    Project 6: Stationary

        Description: A Project where we had to create a logo and then design a business card and letterhead to match that logo. Process (Programs, Tools, Skills): I started this project by sketching out some designs for the new logo I needed to create.  I wanted to create a logo for a website that I created, but had never taken the time to make a logo for.  After I came up with a general plan that I liked in my sketches, I started creating my logo using the Adobe Illustrator software.  I came up with the font I wanted to use for the project and then I designed a…

  • COMM 130,  Design

    Project 5: Logos

    Description: A project where we needed to design three different logos for the same company. Process (Programs, Tools, Skills): I started this project by sketching out some ideas on paper.  After choosing three of my favorite ideas, I started using Adobe Illustrator to create them on the computer.  I made each logo in its own file and then placed the completed version into the final artboard that displayed all three logos and the company’s name.  When I had completed my initial draft I got critiques from my instructor as well as some family members to find out what I could improve.  I made a few more changes to the logos,…