Results 1 to 6 of 6

Thread: what i have to do after design with inkscape?

  1. #1
    Join Date
    Mar 2018

    Post what i have to do after design with inkscape?

    I'm beginner and I want to start web design by inkscape.

    I tried to learn design from https://www.youtube.com/watch?v=cX9-vj5Ke-M

    But my problem is that I don't know what I have to do after design (for .svg export file) to make that available in WordPress or anything else in web. I need some point to start it.

  2. #2
    Join Date
    Mar 2007
    I have never in my life needed to use inkscape to design in.

    IDK who told you that you needed to learn how to use inkscape but they are barking up the wrong lamp post.

    You need to learn HTML, CSS, JavaScript (not JQuery), PHP (or a server-side), MySQL (or a database) and then learn what is the best way to merge and blend the technologies in to a web application.
    --> JavaScript Frameworks like JQuery, Angular, Node <--
    ... and please remember to wrap code with forum BBCode tags:-

    [CODE]...[/CODE] [HTML]...[/HTML] [PHP]...[/PHP]

    If you can't think outside the box, you will be trapped forever with no escape...

  3. #3
    Join Date
    Mar 2018
    you should learn adobe photoshop
    and also adobe Illustrator i hope this will help you and if you need more help please tell me i will love to help you ... thank you
    Last edited by \\.\; 03-13-2018 at 05:09 AM. Reason: *links removed so it looks like you are not spamming us*

  4. #4
    Join Date
    Mar 2012
    I've never used Inkscape (or Photoshop) to design a web page, and, to my mind, they are increasingly irrelevant. But if you do choose to use such a program, how do you translate the fixed-width image into a responsive design? Well, I suspect there are CMS solutions (which I have similarly never used), but it really is not difficult to do it yourself, using media queries.

  5. #5
    Join Date
    Mar 2018
    I think for designing there is need of the tools such the Photoshop it should be learned first.

  6. #6
    Join Date
    Jan 2018
    Quote Originally Posted by homfarmi View Post
    I'm beginner and I want to start web design by inkscape.

    I tried to learn design from https://www.youtube.com/watch?v=cX9-vj5Ke-M

    But my problem is that I don't know what I have to do after design (for .svg export file) to make that available in WordPress or anything else in web. I need some point to start it.

    Inkscape is the best and professional vector graphics editor for Windows, Mac OS X, and Linux, entirely free software.

    Firstly , you should know about Inkscape’s tools, such as canvas, rulers, and guidelines.

    Create a grid layout inside Inkscape canvas. It can be a little bit tedious at first. But once you make it, you can always save it and use for other projects.

    Following steps are here::

    1) Set the Canvas Size - 1200x720px for the desktop version of the website.
    Setting the canvas height and width (File → Document Properties)

    2) Draw the Grid - Most common grid for desktop devices is 12 column 960px wide grid. Positioning the guidelines according to your need. To hide or show the guidelines, try clicking on the rulers.

    3) Lock the Guides - To avoid misplacing, click on the lock icon situated in the top left corner beside the rulers and lock the guidelines.

    Play with Inkscape Tools

    Select Tool - change their size, rotate them, flip them and manipulate in different ways using select tool.
    Holding the Shift key and select multiple objects click on the objects

    Rectangle and Ellipse Tools - used for drawing basic geometric shapes such as squares and ellipses. Also used for creating buttons, menus or any other container.

    Polygon Tool - used for complex shapes, like triangles, stars, hexagons and various polygons.

    Fill and Stroke - help you create design wonders. Make different buttons, shadows, and containers for your website elements. In order to open Fill and Stroke toolbox click Object → Fill and Stroke.

    Text Tool - typography as its key elements. you can choose fonts, adjust line heights, align paragraphs, set letter spacing etc. There are a lot of beautiful and free fonts out there.

    Zoom Tool - move over your canvas and work on different parts of the page, zooming in and out is something you can’t avoid. Keyboard shortcuts - use mouse wheel while holding the Ctrl key.

    Duplicate, Copy and Paste
    - It most common tool. Keyboard shortcuts are here To speed up the design process - Ctrl + D, Ctrl + C and Ctrl + V

    Align and Distribute - allows you to align elements quickly. To use this tool and make your designs as neat as a pin, go to Object → Align and Distribute.

    Clipping - Choose an image you like and draw a shape over the part you prefer to be visible. Select both the image and the shape and click Object → Clip → Set. Select the text, click Path → Object to Path and apply the method described above.

Thread Information

Users Browsing this Thread

There are currently 1 users browsing this thread. (0 members and 1 guests)

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
HTML5 Development Center



X vBulletin 4.2.2 Debug Information

  • Page Generation 0.11281 seconds
  • Memory Usage 2,895KB
  • Queries Executed 16 (?)
More Information
Template Usage (33):
  • (1)ad_footer_end
  • (1)ad_footer_start
  • (1)ad_global_above_footer
  • (1)ad_global_below_navbar
  • (1)ad_global_header1
  • (1)ad_global_header2
  • (1)ad_navbar_below
  • (1)ad_showthread_firstpost_sig
  • (1)ad_showthread_firstpost_start
  • (1)ad_thread_first_post_content
  • (1)ad_thread_last_post_content
  • (1)bbcode_quote
  • (1)footer
  • (1)forumjump
  • (1)forumrules
  • (1)gobutton
  • (1)header
  • (1)headinclude
  • (1)headinclude_bottom
  • (6)memberaction_dropdown
  • (1)navbar
  • (4)navbar_link
  • (1)navbar_moderation
  • (1)navbar_noticebit
  • (1)navbar_tabs
  • (2)option
  • (6)postbit
  • (6)postbit_onlinestatus
  • (6)postbit_wrapper
  • (1)spacer_close
  • (1)spacer_open
  • (1)tagbit_wrapper 

Phrase Groups Available (6):
  • global
  • inlinemod
  • postbit
  • posting
  • reputationlevel
  • showthread
Included Files (26):
  • ./showthread.php
  • ./global.php
  • ./includes/class_bootstrap.php
  • ./includes/init.php
  • ./includes/class_core.php
  • ./includes/config.php
  • ./includes/functions.php
  • ./includes/functions_navigation.php
  • ./includes/class_friendly_url.php
  • ./includes/class_hook.php
  • ./includes/class_bootstrap_framework.php
  • ./vb/vb.php
  • ./vb/phrase.php
  • ./includes/functions_facebook.php
  • ./includes/functions_calendar.php
  • ./includes/functions_bigthree.php
  • ./includes/class_postbit.php
  • ./includes/class_bbcode.php
  • ./includes/functions_reputation.php
  • ./includes/functions_notice.php
  • ./packages/vbattach/attach.php
  • ./vb/types.php
  • ./vb/cache.php
  • ./vb/cache/db.php
  • ./vb/cache/observer/db.php
  • ./vb/cache/observer.php 

Hooks Called (72):
  • init_startup
  • friendlyurl_resolve_class
  • init_startup_session_setup_start
  • database_pre_fetch_array
  • database_post_fetch_array
  • init_startup_session_setup_complete
  • global_bootstrap_init_start
  • global_bootstrap_init_complete
  • cache_permissions
  • fetch_postinfo_query
  • fetch_postinfo
  • fetch_threadinfo_query
  • fetch_threadinfo
  • fetch_foruminfo
  • load_show_variables
  • load_forum_show_variables
  • global_state_check
  • global_bootstrap_complete
  • global_start
  • style_fetch
  • global_setup_complete
  • showthread_start
  • showthread_getinfo
  • strip_bbcode
  • friendlyurl_clean_fragment
  • friendlyurl_geturl
  • forumjump
  • cache_templates
  • cache_templates_process
  • template_register_var
  • template_render_output
  • fetch_template_start
  • fetch_template_complete
  • parse_templates
  • fetch_musername
  • notices_check_start
  • notices_noticebit
  • process_templates_complete
  • friendlyurl_redirect_canonical
  • showthread_post_start
  • showthread_query_postids
  • showthread_query
  • bbcode_fetch_tags
  • bbcode_create
  • showthread_postbit_create
  • postbit_factory
  • postbit_display_start
  • postbit_imicons
  • bbcode_parse_start
  • bbcode_parse_complete_precache
  • bbcode_parse_complete
  • postbit_display_complete
  • memberaction_dropdown
  • tag_fetchbit_complete
  • forumrules
  • navbits
  • navbits_complete
  • build_navigation_data
  • build_navigation_array
  • check_navigation_permission
  • process_navigation_links_start
  • process_navigation_links_complete
  • set_navigation_menu_element
  • build_navigation_menudata
  • build_navigation_listdata
  • build_navigation_list
  • set_navigation_tab_main
  • set_navigation_tab_fallback
  • navigation_tab_complete
  • fb_like_button
  • showthread_complete
  • page_templates