Skip to content
  • Categories
  • Recent
  • Tags
  • Popular
  • Users
  • Groups
  • Search
  • Get Qt Extensions
  • Unsolved
Collapse
Brand Logo
  1. Home
  2. Qt Development
  3. General and Desktop
  4. How to achieve Fuzzy masking effect!
Forum Updated to NodeBB v4.3 + New Features

How to achieve Fuzzy masking effect!

Scheduled Pinned Locked Moved General and Desktop
14 Posts 3 Posters 4.2k Views 1 Watching
  • Oldest to Newest
  • Newest to Oldest
  • Most Votes
Reply
  • Reply as topic
Log in to reply
This topic has been deleted. Only users with topic management privileges can see it.
  • JKSHJ Offline
    JKSHJ Offline
    JKSH
    Moderators
    wrote on last edited by
    #4

    The fuzzy effect is called "bokeh".

    Normally, people don't use code. People use cameras or Photoshop: http://www.youtube.com/watch?v=bvCZy3zRHAU

    Qt Doc Search for browsers: forum.qt.io/topic/35616/web-browser-extension-for-improved-doc-searches

    1 Reply Last reply
    0
    • H Offline
      H Offline
      hk520590
      wrote on last edited by
      #5

      thank you very much ,how to achieve by code!
      [quote author="JKSH" date="1377005079"]The fuzzy effect is called "bokeh".

      Normally, people don't use code. People use cameras or Photoshop: http://www.youtube.com/watch?v=bvCZy3zRHAU[/quote]

      1 Reply Last reply
      0
      • JKSHJ Offline
        JKSHJ Offline
        JKSH
        Moderators
        wrote on last edited by
        #6

        Oh, do you mean: "How to blur the photo edges?"

        You can use QML code: http://qt-project.org/doc/qt-5.1/qtgraphicaleffects/qml-qtgraphicaleffects1-maskedblur.html

        It is hard to use C++ code.

        Qt Doc Search for browsers: forum.qt.io/topic/35616/web-browser-extension-for-improved-doc-searches

        1 Reply Last reply
        0
        • H Offline
          H Offline
          hk520590
          wrote on last edited by
          #7

          thank you,but my program is gui !
          [quote author="JKSH" date="1377048353"]Oh, do you mean: "How to blur the photo edges?"

          You can use QML code: http://qt-project.org/doc/qt-5.1/qtgraphicaleffects/qml-qtgraphicaleffects1-maskedblur.html

          It is hard to use C++ code.

          [/quote]

          1 Reply Last reply
          0
          • JKSHJ Offline
            JKSHJ Offline
            JKSH
            Moderators
            wrote on last edited by
            #8

            [quote author="hk520590" date="1377049309"]thank you,but my program is gui ![/quote]It is hard to achieve the effect with C++ code.

            It is better if you use an image editing program to make it blur. Then, save the blurred image.

            Qt Doc Search for browsers: forum.qt.io/topic/35616/web-browser-extension-for-improved-doc-searches

            1 Reply Last reply
            0
            • H Offline
              H Offline
              hk520590
              wrote on last edited by
              #9

              thank you ,my way is get two image by 'photoshop'!
              but I think it is not good !
              [quote author="JKSH" date="1377050466"][quote author="hk520590" date="1377049309"]thank you,but my program is gui ![/quote]It is hard to achieve the effect with C++ code.

              It is better if you use an image editing program to make it blur. Then, save the blurred image.[/quote]

              1 Reply Last reply
              0
              • JKSHJ Offline
                JKSHJ Offline
                JKSH
                Moderators
                wrote on last edited by
                #10

                [quote author="hk520590" date="1377075638"]thank you ,my way is get two image by 'photoshop'!
                but I think it is not good ![/quote]It is the best way.

                There are 3 possible solutions:

                Write image processing code in C++ to make the blur

                Convert your GUI from C++ to QML, and then use the QML blur feature

                Use Photoshop

                (1) and (2) both take a long time. (3) is the fastest.

                Qt Doc Search for browsers: forum.qt.io/topic/35616/web-browser-extension-for-improved-doc-searches

                1 Reply Last reply
                0
                • H Offline
                  H Offline
                  hk520590
                  wrote on last edited by
                  #11

                  thank you, but I want to the user self define,
                  how to achieve it?
                  sorry my English is poor!

                  1 Reply Last reply
                  0
                  • H Offline
                    H Offline
                    hk520590
                    wrote on last edited by
                    #12

                    thank you, but I want to the user self define, how to achieve it?
                    sorry my English is poor!
                    [quote author="JKSH" date="1377079071"][quote author="hk520590" date="1377075638"]thank you ,my way is get two image by 'photoshop'!
                    but I think it is not good ![/quote]It is the best way.

                    There are 3 possible solutions:

                    Write image processing code in C++ to make the blur

                    Convert your GUI from C++ to QML, and then use the QML blur feature

                    Use Photoshop

                    (1) and (2) both take a long time. (3) is the fastest.[/quote]

                    1 Reply Last reply
                    0
                    • JKSHJ Offline
                      JKSHJ Offline
                      JKSH
                      Moderators
                      wrote on last edited by
                      #13

                      Choose (1) or (2)

                      If you want, you can post in a subforum with other languages like http://qt-project.org/forums/viewforum/39/

                      Qt Doc Search for browsers: forum.qt.io/topic/35616/web-browser-extension-for-improved-doc-searches

                      1 Reply Last reply
                      0
                      • H Offline
                        H Offline
                        hk520590
                        wrote on last edited by
                        #14

                        thank you!
                        I have solved!
                        my way is:
                        @ QPainter p(this);

                        QRect rc(0,0,300,this->height());
                        p.drawImage(rc,image);
                        
                        QLinearGradient linearGradient(280,0,300, 0); 
                        
                        linearGradient.setColorAt(0,QColor(255,255,255,0));
                        linearGradient.setColorAt(1.0,image.pixel(150,50)); 
                        
                        p.setBrush(QBrush(linearGradient));
                        
                        p.setPen(QColor(255,255,255,0));
                        p.drawRect(0,0,this->width(),this->height());@
                        

                        [quote author="JKSH" date="1377134599"]Choose (1) or (2)

                        If you want, you can post in a subforum with other languages like http://qt-project.org/forums/viewforum/39/[/quote]

                        1 Reply Last reply
                        0

                        • Login

                        • Login or register to search.
                        • First post
                          Last post
                        0
                        • Categories
                        • Recent
                        • Tags
                        • Popular
                        • Users
                        • Groups
                        • Search
                        • Get Qt Extensions
                        • Unsolved