Create a Guide/Template: GIFs

[tan-zhou]

Overview

We need to create a guide for how to creating a GIF with free tools so that members at Hack for LA can easily create GIFs when needed

Details

This guides should find all the apps that people at HfLA recommend, and then it should be some details about what makes a good animated gif

Action Items

The phases in the guide-making process are listed below. Each phase displayed in blue is linked to a wiki page with instructions on how to complete that phase. Open the wiki page in a new tab, copy the instructions for each part into the section labelled 'Tasks' at the bottom of this issue, and complete each task listed.

• [ ] Gather Examples Solo (open in a new tab)
• [ ] Gather Examples Collaboratively
• [ ] Create a Guide Draft
  • [ ] If needed, create a template
• [ ] Have your guide peer reviewed
• [ ] Present your guide for leadership review

  Resources/Instructions

• Google Drive Folder for this Guide’s documents and shortcuts (to documents in other locations) 0047 How to create a gif
• "LICEcap can capture an area of your desktop and save it directly to .GIF (for viewing in web browsers, etc) or .LCF ". https://www.cockos.com/licecap/

Projects to Check

• 100 Automations
• 311 Data
• Access the Data
• BallotNav
• Brigade Organizer's Playbook
• Civic Tech Index
• Civic Tech Jobs
• Civic Tech Structure
• Data Science Projects
• Design Systems
• Engage
• Expunge-Assist (formerly known as Record Clearance)
• Food Oasis
• GreenEarthOS
• Guides
• HomeUniteUs
• Internship project
• Lucky Parking
• Open Community Survey
• TDM Calculator
• VRMS
• Hack for LA's Website
• Youth Justice Nav

Tasks

• [ ] This is where you will copy instructions from the wiki page for the step you are currently on.

[ExperimentsInHonesty]

For Windows I have used LICEcap https://www.cockos.com/licecap/ It looks like its available on both Mac and Windows.

This guides should find all the apps that people at HfLA recommend, and then it should be some details about what makes a good animated gif

[JesseTheCleric]

Prior version of issue

### Overview We need to create a guide for on creating a gif with free tools so that members at Hack for LA can easily create gifs when needed. ### Action Items - [ ] Gather examples of how other projects or volunteers have done this (if applicable), adding each example as a link in the resources section below - [ ] Once done, remove the "Guide: Gather Examples" label and add the "Guide: Research" label - [ ] Research existing tools about gif creations and relevant features: free to use, no installation required, compatible across Mac and PC, etc. - [ ] Once done, remove the "Guide: Research" label and add the "Guide: Draft Guide" label - [ ] Create a draft guide, either in markdown format in this issue or a google doc in the [ux/ui google drive] - [ ] Once done, remove the "Guide: Draft Guide" label and add the "Guide: Review Guide" label - [ ] Review the guide with UX/UI community of practice - [ ] Once done, remove the "Guide: Review Guide" label and add the "Guide: Leadership Review" label - [ ] Present to the Hack for LA leadership team for sign off - [ ] Once approved, remove the "Guide: Leadership Review" label and add the "Guide: Place Guide" label ### Resources Update issue hackforla/knowledgebase-content#97 with the name of item you are working on #### Projects to check - [100 Automations](https://github.com/100automations/website) - [311 Data](https://github.com/hackforla/311-data) - [Access the Data](https://github.com/hackforla/access-the-data) - [BallotNav](https://github.com/hackforla/ballotnav) - [Brigade Organizer's Playbook](https://github.com/codeforamerica/brigade-playbook) - [Civic Tech Index](https://github.com/civictechindex/CTI-website-frontend) - [Civic Tech Jobs](https://github.com/hackforla/CivicTechJobs) - [Civic Tech Structure](https://github.com/hackforla/civic-tech-structure) - [Data Science Projects](https://github.com/hackforla/data-science) - [Design Systems](https://github.com/hackforla/design-systems) - [Engage](https://github.com/hackla-engage) - [Expunge-Assist (formerly known as Record Clearance)](https://github.com/hackforla/expunge-assist) - [Food Oasis](https://github.com/hackforla/food-oasis) - [GreenEarthOS](https://github.com/hackforla/climate-project) - [Guides](https://github.com/hackforla/guides) - [HomeUniteUs](https://github.com/hackforla/homeuniteus) - [Internship project](https://github.com/hackforla/intership) - [Lucky Parking](https://github.com/hackforla/lucky-parking) - [Open Community Survey](https://github.com/hackforla/open-community-survey) - [TDM Calculator](https://github.com/hackforla/tdm-calculator) - [VRMS](https://github.com/hackforla/vrms) - [Hack for LA's Website](https://github.com/hackforla/website) - [Youth Justice Nav](https://github.com/hackforla/YouthJusticeNav/)

[JesseTheCleric]

Assignee, Labels, Project Board Placement, and Milestones for this issue in the UI/UX Repo: