Creative Quick Tips Flashcards
How do you create rounded corners with 2 squared corners in Illustrator?
- Draw rounded rectangle and add a square rectangle
- Shape builder will merge together
OR
- Round corners, draw radius
- Object, expand appearance, shape builder to merge shapes together
How can you quickly convert to black + white and adjust lightness + darkness in Photoshop?
- Convert image to smart object
- Open filter / Camera Raw
- Add exposure, change contrast, highlight, shadow, white or black point, add clarity, increase vibrancy and reduce noise
- Therefor, Camera Raw lives on smart filter which adjust anytime
- Mask in or out selection, non destructively
How do you easily add or subtract points in a star?
By pressing UP or DOWN arrow / or ALT
DOUBLE-CLICK to form closed shape
Why / How do you use the shapebuilder in Illustrator?
- It allows you to combine shapes without combining them
- Shift + M on keyboard
- Select ALT + click to subtract
- Just select to add
- Shapebuilder Tool Options
- Cursor Swatch Preview
- Select Color Swatches
How would you create a square, circle, within octagon, within circle, within star?
- Select a square and circle
- Align to selection and key object
- Align to artboard
- Pick octagon and circle, align to center
- The key object has blue line which is thicker
- Move layers FRONT and BACK with CTRL + [
How would you import colors from Kuler into artwork?
- Adobe CC is Adobe Kuler
- Just “love” or “heart shape” your favorite color
- Window / Kuler / Refresh
- Click each swatch from Kuler on Fill Swatches
- Drop swatches from fill not Kuler
What reveals the temporary files while you draw in Illustrator?
~
Tilde Key
How would you quickly create complex patterns like squiggles and faded boxes that looks like skinning?
When you hold down ~ (TILDE) key while you draw any shape it will reveal temporary files on screen
Name 2 ways to easily change color of artboard
- Fill document with color + Ctrl + Z to look it down
- Doc Setup / Simulate Color Paper / Click on white box which represent artboard, pick color from COLORS PANEL
- You are not going to see this when you print it
- Good for web design
- Assumes color of paper will be green
How do you reset bounding box? And why?
- Pick shapes, use UP or DOWN to add or subtract sides on shape
- SHIFT + DRAG to constrain proportions
- Ensure shapes look exactely the way you want them to be resetting bounding box after rotated or destored object
- Reset / Bounding Box
What does RGBA stand for?
R = Red
G = Green
B = Blue
A = Alpha
IN 2014:
What is one way to BRIDGE GAP between designers & developers so things run more smoothly?
- Designers can COPY + PASTE CSS Properties by RIGHT CLICK - LAYER and select COPY CSS
- Or you can wear developer hat, and use SELECTION OF CSS CODE to CALL OUT CSS in HTML through CSS DECLARATION
What would be easiest way to create multiple LOGIN or HOME buttons with scalable rounded rectangles?
- Scalable objects using LIVE EFFECTS and something called 9-slice scaling
- Through converting your live effect via STYLIZE / ROUNDED CORNERS
- Drag + drop into symbols panels
- Symbols options
- NAME: Btn
- TYPE: Graphic
- ENABLE GUIDES FOR 9-SLICE SCALING
- ADD BTN
What shortcut will FILL your foreground on canvas?
ALT + BACKSPACE
How would you change color of text without grabbing text tool?
Press OPT key + DELETE or BACKSPACE to change color of text
How would you easily remove any objects from photo without grabbing the tool?
- Fill / Use: Content-Aware
- Shift + Backspace to fill
- Content-Aware
How would you create a consistent, well-spaced out element, inside of web design mockups?
- Use preferences (CTRL+K)
- Change increments to spacing you need (1PX, 5PX, 15PX and 30PX)
- Nudge up an edge
- Tap 1 or tap 2 spaces (depending on setting)
Can you list 10 WordPress Plugins to use for your blogpost? What do they do?
- W3 Total Cache - Speed Issue
- Better WP Security - Malware
- WordPress SEO - Improve SEO
- WPThumb - Image resize
- Easy Digi Down - Sell digital
- Advanced Custom Fields - Callouts to fronted
- Wordpress.com into Wordpress.org - Jetpack
- Backup Buddy - Backups Database
- Gravity Forms - Form Building Program
- Pippin’s Plugin - Sell membership with restrict content
Which websites provides plugins for WordPress with restriction on content?
- Pippin’s Plugins sells membership or restrict content behind pay wall
- Plugin is called Restrict Content Pro designed by Pippin Williamson, putting certain content behind a way to ensure only certain members to see it
What plugins provide premium membership for contact forms, quizzes and questionnaires? Also, backup for database and full restore or migrate to your new server.
- Backup Buddy in iThemes
- Sent to Amazon, Dropbox
- Take locally develop suite to a production environment live on internet
- Gravity forms is form building programs by Rocket Genuis
Which plugins will help you with following for Wordpress?
- Speed issues
- Malware
- Improve SEO
- Image resize + cropping
- Sell digital goods
- Callouts to front
- Wordpress.org becomes Wordpress.com
- W3 Total Cache - “Snapshot of website” and store it as caching
- Better WP Security - Malware Attack
- Wordpress SEO by Yoast
- WPThumb
- Easy Digital Download
- Advanced Custom Fields
- Get WordPress.com features into WordPress.org
How would you quickly unlock layers in Photoshop?
____
What are some quick ways to use shortcuts to change opacity?
- Double click to unlock it
- Opacity - # press nr 1-9 to lower opacity
- COMBINE - 75%
How can I embed social media icons into website mockups?
Through FONT AWESOME, iconic font designed by BOOTSTRAP which you load through TYPEKIT in Windows/Type/Glyphs and you do not have to type in a code like before
How would you create a MULTI-STATE FLEXIBLE BUTTON like BUY NOW (blue) and BUY NOW (pink)
- Draw buttons
- Add 3 fills from Appearance Panels
- Text fill is the button - 1st fill
- Fill: One normal state - 2nd fill
- Fill 2: One hover state - 3rd fill
- Hold SHIFT to bring up ALTERNATE color to change COLOR of STATES
- Convert to shapes - rounded rectangle
- Shape option: Absolute + Relative, 4px radius
- Graphic Style Panel
How would you quickly LOCK and UNLOCK artwork in Illustrator?
- Ctrl + 2 = Lock artwork
- Alt + Ctrl + 2 = Unlock artwork
Which 5 free fonts does Justin Seely recommend to use for sub-headings for magazines, signage on billboard, real-estate sales office, musician flyer
- Arenq
- BDRG
- Homizio Nova
- Redressed
- Adam
How can you improve SEO for website on muse?
- You can change name of website by double clicking on masterpages
- Go to page menu/page proporties/metadata/page title/preferences
What would be shortcut to fitting content to frames?
- CTRL + D = Place
- SHIFT + ALT + CTRL + E = Fit Content Proportionally
- SHIFT + ALT + CTRL + C = Fit Frame Proportionally
- CTRL + ALT + C = Fit Frame To Content
How can you automate your workflow to increase efficiency with data entry in In Design?
- Come up with your own shorthand which can complete sentences via Auto Correct for you
- Abbreviations like AHD for Anel Henning Design which include any hypens or special characters
How would you quickly draw complex shapes without pen or pencil tool such as YIN-YANG symbol?
- Create complex artwork drawing proportionally shape using ALT+DRAG or SHIFT+DRAG
- Copy + paste bring to front (CTRL + C / CTRL + F)
- Shrink with SHIFT KEY + ALT
- SHIFT + M = SHAPEBUILDER
- Change alignment of stroke: OUTSIDE, INSIDE or CENTER
How can you create multi versions of files by quickly duplicating it in Photoshop?
- History / “capture snapshots”
- You can save snapshots out as ‘separate files’ so you can back them up as reference, when you want them
- Use snapshot to capture in History Panel when you need to go further than 20 steps in history
How would you create quick small - large size product comps for your mockups for web + UI client presentations + large displays?
- Free small downloads on www.PLACEIT.com for free 0, small 0, normal $8, high $10, super high $100 and monthly for $12
- Website templates on www.GraphicRiver.net for $1 graphic stock
- Up to 315,807 selection
How would you create a non-destructive vector art that scales, rotates, manipulates anyways you want without penalty?
- Draw basic shape like triangle
- Shift + drag (constrain) to duplicate triangle
- Alt + drag (shrink)
- Effects/Distort + Transform / Transform
- Rotate: 7-10 degrees
- Copies: 34
- Preview (Shows shape before you release it)
Name 5 tools that can help building wireframe + mockups?
- MOQUPS - Online editor, mockups, real-time collaboration. Standrad 10p for $99
- BALSAMIQ - Personal monthly $12 / 2-3 users for $158 - $237
- INVISION - 3 Active projects for $15 month / $22 mo/ annually
- UXPIN - Unlimited project storage per revision, $14.99 monthly for collaboration
- ILLUSTRATOR + CLOUD - Upgrade team monthly
How would you create a short movie to use on TUMBLR blog to create MEME effect?
- File/Import/Video frames to layers
- Open .mov and import
- Scrub through video; clip or trim video on control
- The lower frames, the smoother the animation, the higher file size
- Save as GIF restrictive
What would be a way to create extra security with 2-way authenticator or WordPress?
Google authenticator plugin is part of Google Authenticator app which has a TIMER on Google Authenticator that expires
How can you analyze the speed of your website to make sure you deliver optimal user experience?
- Go to GOOGLE DEVELOPERS at http://developers.google.com/speed it will rate your page speed for iPhone and desktop will suggest changes to each page
- Fast and optimal
What does fast and optimized pages lead to?
- You could use GOOGLE DEVELOPER
- Higher visitor engagement (page speed tools), retention and conversion
- Implement web performance best practices after identify performance issues